/* /assets/style.css */
:root{color-scheme:dark;--bg:var(--wg-s1);--panel:var(--wg-s2);--muted:#9295a5;--lime:var(--wg-accent-hi);--line:var(--wg-s3)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--wg-text-tint);font:15px/1.6 Manrope,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{border:0;color:inherit;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{max-width:1440px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:25px;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.logo>span:not(.mark){font-weight:500;color:var(--lime)}.mark{display:inline-grid;place-items:center;width:33px;height:36px;transform:skew(-10deg);background:var(--lime);color:var(--wg-s1);margin-right:8px;font-size:35px}nav{display:flex;gap:30px;font-size:13px;color:#b9bac5}nav button{padding:0}nav a:hover,nav button:hover{color:var(--lime)}.account{display:flex;gap:22px;align-items:center}.wallet{white-space:nowrap}i{display:inline-grid;place-items:center;font-style:normal;border:1px solid var(--wg-accent-hi);color:var(--lime);border-radius:50%;font-size:10px;width:20px;height:20px;margin-right:5px}.primary{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:var(--lime);color:var(--wg-s1);padding:16px 24px;border-radius:10px;font-weight:800}.primary:hover{background:var(--wg-accent)}.small{padding:10px 20px;font-size:13px}main{max-width:1280px;margin:auto;padding:30px 4% 0}.hero{position:relative;overflow:hidden;min-height:480px;border-radius:20px;background:radial-gradient(ellipse at 82% 45%,#384235 0,transparent 55%),var(--wg-s2);padding:48px;display:flex;align-items:center}.hero-copy{z-index:2;width:60%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.9px;color:var(--lime)}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-size:clamp(36px,4.7vw,63px);line-height:1.12;letter-spacing:-2.8px;margin:23px 0}h1 em{color:var(--lime);font-style:normal}.hero p{color:#b5b8bd;font-size:14px;margin-bottom:26px}.hero-note{font-size:10px;color:#9ea89a;margin-top:23px}.hero-note span{color:var(--lime);margin-right:8px}.hero-art{position:absolute;width:480px;height:440px;right:-30px;top:10px;transform:rotate(-12deg)}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--wg-accent-lo) 33.3%,transparent);border-radius:50%;width:410px;height:280px;top:70px;transform:rotate(-35deg)}.o2{width:500px;height:360px;left:-50px;top:28px}.coin{position:absolute;border-radius:50%;display:grid;place-items:center;font-size:145px;font-weight:800;line-height:1;background:linear-gradient(130deg,var(--wg-accent),var(--wg-accent) 55%,var(--wg-accent-deep));border:9px solid var(--wg-accent-hi);box-shadow:10px 13px 0 var(--wg-accent-lo),20px 22px 45px #0007;color:#fff;text-shadow:2px 3px var(--wg-accent-pale)}.coin-main{width:240px;height:240px;top:120px;left:120px;transform:rotate(22deg)}.coin-main span{position:absolute;bottom:27px;font-size:12px;letter-spacing:4px}.coin-back{width:143px;height:143px;left:45px;top:70px;font-size:80px;transform:rotate(-20deg)}.spark{position:absolute;color:var(--wg-text-tint);font-size:55px}.s1{right:65px;top:45px}.s2{bottom:18px;left:80px}.float-tag{position:absolute;bottom:46px;right:40px;background:var(--wg-s3);padding:12px 18px;border:1px solid var(--wg-accent);border-radius:10px;font-size:10px;letter-spacing:2px;transform:rotate(7deg)}.mini-coin{position:absolute;right:45px;top:210px;font-size:60px;color:var(--wg-text-tint)}.hero-number{position:absolute;right:25px;bottom:20px;font-size:8px;letter-spacing:2px;color:#839076}.features{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 50px;border-bottom:1px solid var(--line);padding-bottom:24px}.features>div{display:flex;gap:16px;align-items:center;padding-left:25px;border-right:1px solid var(--line)}.features>div:last-child{border:0}.features>div>span{font-size:30px;color:var(--lime)}.features p{margin:0}.features b{font-size:12px}.features small{display:block;color:var(--muted);font-size:10px;margin-top:3px}h2{font-size:29px;letter-spacing:-1px;line-height:1.3;margin:10px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:center}.subtle{color:var(--muted);font-size:12px}.filters{display:flex;gap:9px;margin:6px 0 24px;flex-wrap:wrap}.filters button{padding:9px 18px;border-radius:8px;background:var(--wg-s2);color:#a2a4b2;font-size:12px}.filters .active{background:var(--lime);color:var(--wg-s2);font-weight:800}.filters span{margin-left:8px;opacity:.6}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-art{height:225px;position:relative;overflow:hidden;padding:20px}.reaction{background:radial-gradient(ellipse at 70% 50%,var(--wg-accent),var(--wg-s5) 65%,var(--wg-s4))}.badge{position:relative;z-index:2;font-size:8px;letter-spacing:1px;background:color-mix(in srgb,var(--wg-s2) 33.3%,transparent);border:1px solid #ffffff25;border-radius:5px;padding:5px 8px}.lightning{position:absolute;right:25px;top:5px;line-height:1;font-size:235px;transform:rotate(13deg);color:var(--wg-text-tint);text-shadow:8px 7px var(--wg-accent),12px 15px 22px var(--wg-s4)}.art-title{position:absolute;bottom:40px;left:21px;font-size:24px;line-height:1.1;font-weight:500;letter-spacing:-1px}.art-label{position:absolute;bottom:14px;left:22px;font-size:7px;letter-spacing:2px;color:var(--wg-text-tint)}.memory{background:radial-gradient(ellipse at 70% 40%,#a775bd,#5b3f73 65%,var(--wg-s5))}.tiles{position:absolute;display:grid;grid-template-columns:repeat(2,57px);gap:8px;right:25px;top:42px;transform:rotate(15deg)}.tiles span{display:grid;place-items:center;background:#c9b4ed;border-radius:10px;border-bottom:5px solid #83669f;height:62px;color:#5c3c7c;font-size:35px;font-weight:800}.tiles span:nth-child(2),.tiles span:nth-child(3){background:#674b8a;color:#c4a9e6;border:1px solid #a484c6}.upcoming{background:radial-gradient(ellipse at 70% 45%,var(--wg-accent-deep),var(--wg-s4) 65%,var(--wg-s3))}.planet{position:absolute;right:25px;top:5px;font-size:170px;color:var(--wg-accent-hi);line-height:1.2;transform:rotate(15deg)}.card-body{padding:19px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h3{margin:0;font-size:17px}.card-title>span{font-size:10px;color:var(--muted)}.card-body p{color:var(--muted);font-size:11px;margin:7px 0 22px}.card-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.play{color:var(--lime);font-weight:800;background:color-mix(in srgb,var(--wg-accent) 7.1%,transparent);border-radius:7px;padding:8px 13px}.coin-banner{display:flex;align-items:center;gap:27px;padding:30px;margin:44px 0;background:linear-gradient(110deg,var(--wg-s3),#1b211f);border:1px solid var(--wg-s4);border-radius:15px}.banner-symbol{flex-shrink:0;border:5px double var(--wg-accent-hi);border-radius:50%;height:83px;width:83px;display:grid;place-items:center;font-size:45px;font-weight:800;color:var(--lime);transform:rotate(-15deg)}.coin-banner h2{font-size:24px;margin:8px 0}.coin-banner p{font-size:11px;color:#a5afa3}.outline{border:1px solid var(--wg-accent-lo);border-radius:8px;padding:12px 18px;font-size:12px;white-space:nowrap}.coin-banner .outline{margin-left:auto}.bottom-info{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-bottom:50px}.bottom-info h2{font-size:20px}.bottom-info p{font-size:12px;color:var(--muted)}.bottom-info>a{align-self:center;border-left:1px solid var(--line);padding:20px 30px;font-size:17px}.bottom-info>a span{font-size:11px;color:var(--muted)}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:30px 4%;display:flex;justify-content:space-between;gap:25px}footer .logo{font-size:18px}footer p,footer>span{font-size:10px;color:var(--muted)}footer>div:nth-child(2){display:flex;gap:20px;align-items:center;font-size:10px;color:#a8aab5}dialog{width:min(490px,calc(100% - 28px));background:var(--wg-s2);color:var(--wg-text-tint);border:1px solid #42464f;border-radius:20px;padding:32px;max-height:90vh;overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--wg-s0) 73.3%,transparent);backdrop-filter:blur(7px)}.close{position:absolute;right:12px;top:7px;font-size:26px;color:#a8acb7}dialog h2{margin-top:16px;font-size:25px}dialog p{font-size:13px;color:var(--wg-text-tint)}dialog small{font-size:11px;color:var(--wg-text-tint);display:block;margin:14px 0}input{display:block;background:var(--wg-s1);border:1px solid #3e424d;border-radius:8px;color:white;padding:12px;width:100%}label{display:block;font-size:12px;margin:16px 0 8px}.wide{width:100%;margin-top:12px}.telegram{width:100%;background:#338cbe;border-radius:8px;padding:12px;margin:10px 0}.legal-note a{color:var(--lime)}.back{color:var(--lime);padding:10px 0}.profile-head{display:flex;align-items:center;gap:25px;margin:25px 0}.profile-head h1{font-size:35px;margin:10px 0;letter-spacing:-1px}.profile-head p{color:var(--muted);font-size:12px}.name-row{display:flex;gap:12px;max-width:450px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.stats>div{background:var(--panel);padding:25px;border-radius:12px}.stats small{display:block;color:var(--muted)}.stats strong{font-size:35px;color:var(--lime)}.history-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}td,th{padding:16px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}#profile{min-height:70vh;padding-bottom:40px}.reaction-pad{width:100%;height:160px;border-radius:14px;background:var(--wg-s4);font-size:20px;font-weight:800}.reaction-pad.ready{background:var(--lime);color:var(--wg-s2)}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-tile{height:65px;background:var(--wg-s4);border-radius:9px;font-size:25px}.memory-tile.revealed{background:#c7b2e4;color:#332746}.memory-tile.matched{background:var(--wg-accent-deep);color:var(--wg-text-tint);opacity:1}#game-result{color:var(--lime);min-height:24px}#storage-warning{position:fixed;bottom:10px;left:10px;right:10px;background:#504322;padding:12px;border-radius:8px;z-index:5;font-size:12px}[hidden]{display:none!important}.legal{max-width:850px;padding-bottom:60px}.legal h1{font-size:40px}.legal p,.legal li{color:var(--wg-text-tint)}.legal h2{margin-top:32px;font-size:23px}
@media(min-width:1400px){.hero-art{right:0}}@media(max-width:900px){nav{gap:15px;font-size:11px}.hero{padding:32px;min-height:430px}.hero-art{right:-110px;opacity:.8}.hero-copy{width:72%}.games-grid{gap:12px}.game-art{height:200px}.lightning{right:0}.tiles{right:10px;grid-template-columns:repeat(2,45px)}.tiles span{height:50px}.card-body{padding:13px}.card-bottom{font-size:9px}.coin-banner{gap:20px}.bottom-info{gap:25px}footer>div:nth-child(2){flex-direction:column;gap:8px;align-items:start}}@media(max-width:620px){header{padding:17px 5%;min-height:80px;flex-wrap:wrap;gap:16px}.logo{font-size:19px}.account{gap:12px}nav{order:3;width:100%;justify-content:space-between}.small{padding:8px 13px}main{padding:20px 5% 0}.hero{padding:28px 24px 225px;align-items:start;min-height:600px}.hero-copy{width:100%}.hero h1{font-size:45px}.hero p{font-size:12px}.hero-art{top:auto;bottom:-25px;right:-28px;width:350px;height:290px;transform:rotate(-12deg) scale(.8);transform-origin:center bottom}.coin-main{top:30px;left:85px}.coin-back{top:0;left:10px}.hero-number{display:none}.hero-note{font-size:9px}.features{gap:10px;margin:20px 0 32px}.features>div{padding:0;border:0;display:block;text-align:center}.features b{font-size:10px}.features small{font-size:9px}.features>div>span{font-size:24px}.section-heading{display:block}.section-heading .subtle{display:block;margin-bottom:15px;font-size:10px}h2{font-size:27px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 10px}.games-grid{grid-template-columns:1fr;gap:20px}.game-art{height:230px}.lightning{right:35px}.tiles{right:35px;grid-template-columns:repeat(2,60px)}.tiles span{height:62px}.card-body{padding:20px}.card-body p{font-size:12px}.card-bottom{font-size:12px}.coin-banner{padding:24px;flex-wrap:wrap;margin:30px 0}.banner-symbol{width:55px;height:55px;font-size:29px}.coin-banner>div:nth-child(2){flex:1;min-width:170px}.coin-banner h2{font-size:21px}.coin-banner .outline{margin:0;width:100%}.bottom-info{grid-template-columns:1fr;gap:5px}.bottom-info>a{border-left:0;border-top:1px solid var(--line);padding:20px 0}footer{flex-wrap:wrap}footer>span{width:100%}.stats{gap:8px}.stats>div{padding:13px 10px}.stats small{font-size:10px}.stats strong{font-size:24px}.profile-head{gap:15px}.profile-head img{width:70px;height:70px}.profile-head h1{font-size:27px}.profile-head .eyebrow{font-size:8px}dialog{padding:28px 22px}.legal h1{font-size:31px}td,th{padding:12px 8px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* /assets/multipage.css */
:root{--mp-bg:var(--wg-s0);--mp-panel:var(--wg-s1);--mp-panel2:var(--wg-s2);--mp-line:#29332f;--mp-text:var(--wg-text-tint);--mp-muted:#a5afa9;--mp-lime:var(--wg-accent-hi)}
.mp-body{background:radial-gradient(ellipse at 83% 8%,color-mix(in srgb,var(--wg-s3) 28.2%,transparent),transparent 36%),radial-gradient(ellipse at 19% 85%,color-mix(in srgb,var(--wg-s2) 20.8%,transparent),transparent 42%),var(--mp-bg);color:var(--mp-text);min-height:100vh}
.mp-body a,.mp-body button{transition:color .18s,background-color .18s,border-color .18s,transform .18s}
.mp-body a:hover{color:var(--mp-lime)}
.mp-body h1,.mp-body h2,.mp-body h3{letter-spacing:-.045em}
.mp-sidebar{position:fixed;z-index:30;inset:12px auto 12px 12px;width:252px;background:radial-gradient(circle at 12% 4%,#334a35a8,transparent 35%),linear-gradient(160deg,#192820 0%,#111b17 49%,#0d1714 100%);border:1px solid #536b55;border-radius:32px 20px 30px 20px;box-shadow:0 22px 54px #0008,inset 0 1px #ffffff1a,inset 1px 0 #8cbb5c16;display:flex;flex-direction:column;padding:24px 14px 18px;overflow-y:auto;scrollbar-width:thin}
.mp-brand{display:flex;align-items:center;gap:9px;padding:0 4px 24px;font-weight:800;line-height:1;color:#f5faf1}
.mp-brand-mark{display:grid;place-items:center;width:54px;height:54px;flex:none;filter:drop-shadow(0 7px 11px #0009)}
.mp-brand-image{width:54px;height:54px;display:block;object-fit:contain}
.mp-brand-wordmark{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:18px;font-weight:900;letter-spacing:-.045em}
.mp-brand-wordmark strong{font-weight:900;color:var(--mp-lime)}
.mp-icon{width:18px;height:18px;flex:none;display:block}
.mp-sidebar-label{color:#74867a;padding:14px 14px 7px;font-size:9px;letter-spacing:.16em;font-weight:800}
.mp-side-nav{display:block;order:0;width:auto;font-size:13px;color:#b4c1b9}
.mp-nav-group{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #334038}
.mp-nav-group:last-child{border-bottom:0}
.mp-side-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:5px 9px;border-radius:12px;border:1px solid transparent;line-height:1.2;transition:background-color .2s,border-color .2s,color .2s,transform .24s cubic-bezier(.2,.7,.2,1)}
.mp-nav-glyph{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #3b4d3f;border-color:color-mix(in srgb,var(--nav-accent) 32%,transparent);border-radius:10px 7px 10px 7px;background:#1c2d25;background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 17%,#15221b),#101b17 78%);color:var(--nav-accent);box-shadow:inset 0 1px #ffffff10;transition:background-color .2s,border-color .2s,transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .2s}
.mp-nav-glyph .mp-icon{width:23px;height:23px;stroke-width:2.2}
.mp-side-nav a:hover{background:#26382b;border-color:#46634a;color:#f4fff0}
.mp-side-nav a.active{background:linear-gradient(100deg,#314d2c,#243b2b 85%);border-color:#617d4d;color:#e6ffbb;font-weight:800;box-shadow:inset 3px 0 #d4ff88,0 5px 15px #0003}
.mp-side-nav a:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
.mp-side-nav a.active .mp-nav-glyph,.mp-side-nav a:hover .mp-nav-glyph{border-color:color-mix(in srgb,var(--nav-accent) 65%,transparent);box-shadow:0 0 13px color-mix(in srgb,var(--nav-accent) 18%,transparent),inset 0 1px #ffffff25}
.mp-sidebar-note{color:#78857c;font-size:10px;line-height:1.55;margin:auto 11px 0;padding-top:24px}
.mp-wrap{margin-left:276px;min-width:0;min-height:100vh;display:flex;flex-direction:column}
.mp-topbar{height:68px;border-bottom:1px solid var(--mp-line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;background:color-mix(in srgb,var(--wg-s1) 85.1%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}
.mp-crumb{font-weight:800;font-size:13px;color:var(--wg-text-tint)}
.mp-top-actions{display:flex;align-items:center;gap:15px;font-size:11px}
.mp-age{border:1px solid var(--wg-s5);border-radius:5px;padding:2px 6px;color:var(--mp-lime);font-weight:800;font-size:10px}
.mp-lang{padding:6px 9px;border:1px solid var(--mp-line);border-radius:7px;color:var(--wg-text-tint)}
.mp-mobile-brand,.mp-menu-toggle{display:none}
.mp-mobile-brand .mp-brand-image{width:35px;height:35px}
.mp-body .mp-content{max-width:1300px;width:100%;margin:0 auto;padding:38px 36px 76px;flex:1}
.mp-page-intro{margin-bottom:23px}
.mp-kicker{color:var(--mp-lime);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.mp-page-intro h1,.mp-detail h1{font-size:clamp(36px,4.3vw,58px);line-height:1.07;margin:9px 0 12px}
.mp-page-intro p{color:var(--mp-muted);font-size:13px;max-width:700px;margin:0;line-height:1.65}
.mp-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:27px}
.mp-promo{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:128px;padding:20px 23px;background:linear-gradient(112deg,var(--wg-s3),var(--wg-s2) 77%);border:1px solid var(--wg-accent-lo);border-radius:12px;color:var(--wg-text-tint)}
.mp-promo-angock{background:linear-gradient(112deg,var(--wg-s4),var(--wg-s2) 77%);border-color:var(--wg-accent-lo)}
.mp-promo:hover{color:#fff;border-color:var(--mp-lime);transform:translateY(-2px)}
.mp-promo>div{position:relative;z-index:2;max-width:72%}
.mp-promo span{display:block;color:var(--mp-lime);font-size:9px;letter-spacing:.14em;font-weight:800}
.mp-promo strong{display:block;font-size:20px;line-height:1.15;letter-spacing:-.05em;margin:7px 0 4px}
.mp-promo small{display:block;color:var(--wg-text-tint);font-size:11px;line-height:1.45}
.mp-promo-art{position:absolute;inset:0 0 0 auto;width:48%;height:100%;object-fit:cover;object-position:center;opacity:.83;mask-image:linear-gradient(90deg,transparent,#000 38%)}
.mp-promo-icon{position:absolute;right:35px;top:16px;width:116px;height:116px;color:color-mix(in srgb,var(--wg-text-tint) 28.2%,transparent);stroke-width:1.2}
.mp-promo>b{position:absolute;right:18px;bottom:13px;font-size:16px;color:var(--mp-lime)}
.mp-favorites{margin:0 0 30px}
.mp-favorites h2{font-size:21px;margin:0 0 11px}
.mp-favorites>p{font-size:12px;color:var(--mp-muted);margin:0;padding:13px 15px;border:1px dashed #3a493c;border-radius:8px}
.mp-favorites-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mp-favorites-list>a,.mp-favorites-list>button{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid var(--mp-line);border-radius:9px;background:var(--wg-s2);color:var(--mp-text);font-size:12px;font-weight:800;text-align:left}
.mp-favorites-list>a:hover,.mp-favorites-list>button:hover{border-color:var(--wg-accent-lo);background:var(--wg-s3);color:var(--mp-text)}
.mp-favorites-list svg{width:16px;height:16px;flex:none;fill:var(--mp-lime);stroke:var(--mp-lime)}
.mp-all-games-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px;padding-top:22px;border-top:1px solid var(--mp-line)}
.mp-all-games-head h1{margin:0;font-size:27px}
.mp-search-label{flex:0 0 280px;margin:0;color:#97a69b;font-size:11px;font-weight:700}
.mp-search-label>span{display:block;margin:0 0 6px}
.mp-search-label input{height:42px;background:var(--wg-s1);border-color:var(--wg-s4);color:var(--wg-text-tint);padding:8px 13px}
.mp-search-label input:focus{border-color:var(--mp-lime)}
.mp-empty{border:1px dashed #4c5d4d;border-radius:9px;padding:16px;color:var(--mp-muted);font-size:13px}
.mp-game-section{margin:0 0 48px;scroll-margin-top:90px}
.mp-section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:17px;border-bottom:1px solid var(--mp-line);padding-bottom:14px}
.mp-section-head h2{font-size:24px;line-height:1.2;margin:4px 0 1px}
.mp-section-head p{color:var(--mp-muted);font-size:12px;margin:0}
.mp-section-head>a{font-size:12px;font-weight:800;color:var(--mp-lime);white-space:nowrap;padding-bottom:4px}
.mp-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:35px}
.mp-game{position:relative;display:grid;grid-template-columns:37% 63%;min-width:0;width:100%;min-height:203px;background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:12px;overflow:hidden;text-align:left;color:var(--mp-text);transition:border-color .2s,transform .2s}
.mp-game:hover{border-color:var(--wg-accent-lo);transform:translateY(-2px);color:var(--mp-text)}
.mp-game.is-planned{cursor:pointer}
.mp-card-hit{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.mp-card-hit:focus-visible{opacity:1;outline:2px solid var(--mp-lime);outline-offset:-3px;border-radius:10px}
.mp-favorite{position:absolute;z-index:5;right:13px;top:12px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff48;border-radius:8px;background:color-mix(in srgb,var(--wg-s1) 72.2%,transparent);color:var(--wg-text-tint);cursor:pointer}
.mp-favorite svg{width:18px;height:18px}
.mp-favorite[aria-pressed="true"]{background:var(--wg-accent);color:#fff;border-color:var(--wg-accent-hi)}
.mp-favorite[aria-pressed="true"] svg{fill:currentColor}
.mp-favorite:focus-visible{outline:2px solid var(--mp-lime);outline-offset:2px}
.mp-card-visual{position:relative;overflow:hidden;min-height:202px;background:var(--wg-s2);border-right:1px solid #ffffff12}
.mp-card-visual:before{content:"";position:absolute;inset:-35%;background:repeating-linear-gradient(117deg,transparent 0 34px,#ffffff0b 35px 36px);transform:rotate(8deg);opacity:.45}
.mp-card-visual:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff2b;border-radius:50%;top:20px;right:-80px}
.mp-card-visual .mp-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mp-card-visual.has-cover:before{display:none}
.mp-card-visual.has-cover:after,.mp-card-visual.has-cover .mp-card-symbol{display:none}
.mp-card-symbol{position:absolute;right:12px;top:22px;width:112px;height:112px;color:var(--wg-text-tint);opacity:.68;transform:rotate(-10deg);stroke-width:1.2}
.mp-art-title{position:absolute;z-index:2;left:18px;bottom:19px;white-space:pre-line;color:var(--wg-text-tint);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.055em;max-width:150px;text-shadow:0 1px 5px #000c}
.mp-game-arena .mp-card-visual{background:radial-gradient(circle at 78% 33%,var(--wg-accent-deep),var(--wg-s2) 55%,var(--wg-s2))}
.mp-game-angock .mp-card-visual{background:radial-gradient(circle at 70% 36%,var(--wg-accent-deep),var(--wg-s4) 52%,var(--wg-s2))}
.mp-game-race .mp-card-visual{background:radial-gradient(circle at 75% 40%,var(--wg-accent-deep),var(--wg-s4) 60%,var(--wg-s2))}
.mp-game-rocket .mp-card-visual{background:radial-gradient(circle at 70% 40%,var(--wg-accent-deep),var(--wg-s4) 60%,var(--wg-s3))}
.mp-game-coinflip .mp-card-visual{background:radial-gradient(circle at 72% 35%,#7d6343,#47392b 60%,#2f2b25)}
.mp-game-duel .mp-card-visual{background:radial-gradient(circle at 72% 35%,#714b64,#3d293b 60%,#29222b)}
.mp-game-keno .mp-card-visual{background:radial-gradient(circle at 72% 35%,var(--wg-accent-deep),var(--wg-s4) 60%,var(--wg-s3))}
.mp-game-mines .mp-card-visual{background:radial-gradient(circle at 72% 35%,var(--wg-accent-deep),var(--wg-s4) 60%,var(--wg-s3))}
.mp-card-content{display:flex;flex-direction:column;min-width:0;padding:19px 19px 15px}
.mp-card-content>.mp-status{align-self:flex-start;margin-right:30px}
.mp-card-kicker{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:9px;color:#9dab9d}
.mp-status{padding:3px 6px;border-radius:4px;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.mp-status.is-live{background:#c2f46e1c;color:var(--wg-win)}
.mp-status.is-planned{background:#adbcab16;color:#9caaa0}
.mp-card-content h3{font-size:18px;line-height:1.2;margin:17px 0 5px}
.mp-card-content p{font-size:11px;line-height:1.55;color:var(--mp-muted);margin:0;flex:1}
.mp-card-bottom{display:flex;justify-content:flex-end;align-items:end;padding-top:15px}
.mp-card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-width:96px;background:var(--wg-s3);color:var(--mp-lime);font-size:11px;font-weight:800;padding:8px 10px;border-radius:6px}
.mp-card-action:hover{background:var(--wg-s4);color:var(--wg-text-tint)}
.mp-card-disabled{color:#829087;font-size:11px;font-weight:700;padding:8px 10px}
.mp-card-info{display:inline-flex;gap:8px;align-items:center;color:#aab8ac;font-size:11px;font-weight:700;padding:8px 10px}
.mp-game.is-planned:hover .mp-card-info,.mp-game.is-planned:focus-visible .mp-card-info{color:var(--mp-lime)}
.mp-rules-teaser{display:flex;align-items:flex-start;gap:20px;border-top:1px solid var(--mp-line);padding:24px 0 0;margin:6px 0 0}
.mp-rule-icon{flex:none;border:1px solid var(--wg-accent-lo);border-radius:8px;color:var(--mp-lime);padding:10px;font-weight:900;font-size:14px}
.mp-rules-teaser h2{font-size:19px;margin:0 0 5px}
.mp-rules-teaser p{font-size:11px;color:var(--mp-muted);margin:0 0 10px;max-width:760px}
.mp-rules-teaser a{color:var(--mp-lime);font-size:11px;font-weight:800}
.mp-footer{width:100%;max-width:none;margin:0;padding:19px 36px;border-top:1px solid var(--mp-line);font-size:10px;color:#7f8b82;display:flex;justify-content:space-between;align-items:center}
.mp-footer div{display:flex;flex-wrap:wrap;gap:20px}
.mp-detail{max-width:1100px!important}
.mp-detail-lead{font-size:16px;color:#bdc8bd;max-width:730px;line-height:1.65;margin:7px 0 29px}
.mp-info-panel{display:flex;align-items:flex-start;gap:17px;background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:12px;padding:25px;max-width:790px}
.mp-panel-dot{width:8px;height:8px;border-radius:50%;background:var(--mp-lime);margin-top:10px;flex:none;box-shadow:0 0 15px color-mix(in srgb,var(--wg-accent-hi) 43.9%,transparent)}
.mp-info-panel h2{font-size:22px;margin:0 0 7px}
.mp-info-panel p{font-size:13px;line-height:1.7;color:var(--mp-muted);margin:0}
.mp-back-link{display:inline-block;margin-top:23px;font-size:12px;font-weight:800;color:var(--mp-lime)}
.mp-official-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:790px;margin-top:16px}
.mp-official-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;padding:10px 14px;border:1px solid var(--mp-line);border-radius:10px;background:var(--mp-panel);color:var(--mp-text);font-size:13px;font-weight:700;text-decoration:none}
.mp-official-links a span{color:var(--mp-lime);font-size:17px}
.mp-official-links a:hover,.mp-official-links a:focus-visible{border-color:var(--mp-lime);background:var(--wg-s3);outline:none}
.mp-faq{max-width:790px;margin-top:32px}
.mp-faq h2{font-size:22px;margin:0 0 14px}
.mp-faq details{border-top:1px solid var(--mp-line);padding:15px 2px}
.mp-faq details:last-child{border-bottom:1px solid var(--mp-line)}
.mp-faq summary{font-size:13px;font-weight:750;cursor:pointer;list-style-position:inside}
.mp-faq summary::marker{color:var(--mp-lime)}
.mp-faq details p{margin:10px 0 0 20px;color:var(--mp-muted);font-size:13px;line-height:1.65}
@media(max-width:580px){.mp-official-links{grid-template-columns:1fr}}
.mp-legal{max-width:810px;padding:0 0 20px}
.mp-legal h1{font-size:clamp(34px,4vw,49px);line-height:1.13;margin:8px 0 15px}
.mp-legal section{border-top:1px solid var(--mp-line);padding-top:13px;margin-top:24px}
.mp-legal section h2{font-size:21px;margin:8px 0}
.mp-legal p,.mp-legal li{font-size:13px;line-height:1.75}
.mp-profile .mp-info-panel{align-items:center}
.mp-profile .mp-info-panel img{border-radius:12px}
.mp-profile-form{max-width:580px;margin:27px 0}
.mp-profile-form>div{display:flex;gap:10px}
.mp-profile-form input{height:43px}
.mp-profile-form button{white-space:nowrap}
.mp-profile-form p{min-height:16px;color:var(--mp-lime);font-size:11px}
.mp-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:790px;margin:24px 0 34px}
.mp-profile-stats>div{background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:11px;padding:20px}
.mp-profile-stats small{display:block;color:var(--mp-muted);font-size:11px}
.mp-profile-stats strong{display:block;font-size:29px;color:var(--mp-lime)}
.mp-history-wrap{max-width:790px;overflow:auto}
.mp-history-wrap table{min-width:560px}
#age-gate .outline{display:block;background:transparent;color:var(--wg-text-tint);text-align:center}
#age-gate>a{display:block;margin-top:18px;color:var(--mp-lime);font-size:12px}
.mp-mobile-shade[hidden]{display:none!important}
.mp-scroll-track{position:fixed;z-index:24;top:0;right:0;width:3px;height:100dvh;pointer-events:none;background:transparent}
.mp-scroll-track[hidden]{display:none}
.mp-scroll-track span{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(var(--wg-accent),var(--wg-accent));box-shadow:0 0 10px color-mix(in srgb,var(--wg-accent-hi) 53.3%,transparent);opacity:.88}
.mp-reveal-pending{opacity:0;transform:translateY(16px);transition:opacity .54s ease,transform .54s cubic-bezier(.18,.7,.24,1)}
.mp-reveal-pending.mp-reveal-visible{opacity:1;transform:none}
@media(hover:hover){.mp-side-nav a:hover{transform:translateX(3px)}.mp-side-nav a:hover .mp-nav-glyph{transform:rotate(-7deg) scale(1.06)}.mp-promo:hover,.mp-game:hover{box-shadow:0 16px 28px #0005}.mp-favorite:hover{transform:scale(1.08);border-color:var(--mp-lime)}.mp-favorites-list>a:hover,.mp-favorites-list>button:hover,.mp-official-links a:hover{transform:translateY(-2px)}.mp-card-hit:hover~.mp-card-content .mp-card-action{background:var(--wg-s4)}}
@media(hover:none){.mp-promo:active,.mp-game:active{transform:scale(.995)}.mp-favorite:active{transform:scale(.95)}}
@media(max-width:1170px){.mp-game-grid{grid-template-columns:1fr}.mp-game{min-height:190px}.mp-card-visual{min-height:190px}}
@media(max-width:780px){.mp-sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:18px 0 48px #0008}.mp-body.menu-open .mp-sidebar{transform:translateX(0)}.mp-body.menu-open .mp-mobile-shade{display:block!important;position:fixed;inset:0;background:color-mix(in srgb,var(--wg-s0) 65.9%,transparent);z-index:29}.mp-wrap{margin-left:0}.mp-topbar{height:61px;padding:0 20px;gap:12px}.mp-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:31px;height:34px;padding:3px;flex:none}.mp-menu-toggle span{height:2px;background:var(--mp-lime);width:19px;border-radius:2px}.mp-mobile-brand{display:flex;align-items:center;gap:7px;font-weight:900;white-space:nowrap;margin-right:auto}.mp-mobile-brand .mp-brand-wordmark{font-size:15px;gap:4px}.mp-crumb{display:none}.mp-body .mp-content{padding:26px 20px 56px}.mp-footer{padding:20px;gap:14px}}
@media(max-width:780px){.mp-sidebar{inset:9px auto 9px 9px;transform:translateX(calc(-100% - 20px));border-radius:28px 18px 28px 18px}.mp-mobile-brand .mp-brand-image{width:38px;height:38px}.mp-scroll-track{width:2px}}
@media(max-width:580px){.mp-top-actions{gap:7px}.mp-lang{font-size:10px;padding:4px 6px}.mp-page-intro{display:block;margin-bottom:20px}.mp-page-intro h1{font-size:39px}.mp-page-intro p{font-size:12px}.mp-promo-grid{grid-template-columns:1fr;gap:9px;margin-bottom:22px}.mp-promo{min-height:100px;padding:14px 17px}.mp-promo strong{font-size:17px}.mp-promo small{font-size:10px}.mp-promo-icon{width:85px;height:85px;right:24px;top:8px}.mp-popular-grid{grid-template-columns:1fr;gap:7px}.mp-popular-grid>a,.mp-popular-grid>button{min-height:44px;padding:9px 12px}.mp-all-games-head{display:block}.mp-all-games-head h2{font-size:24px}.mp-search-label{display:block;margin-top:16px}.mp-game-section{margin-bottom:40px}.mp-section-head h2{font-size:21px}.mp-game{grid-template-columns:32% 68%;min-height:187px}.mp-card-visual{min-height:187px}.mp-card-symbol{width:83px;height:83px;right:-5px;top:28px}.mp-art-title{font-size:9px;left:10px;bottom:16px}.mp-card-content{padding:14px 13px 13px}.mp-card-kicker{font-size:8px;flex-wrap:wrap}.mp-card-content h3{font-size:16px;margin:10px 0 5px}.mp-card-content p{font-size:10px;line-height:1.45}.mp-card-bottom{padding-top:8px}.mp-card-action{font-size:10px;padding:7px 8px}.mp-card-disabled{font-size:10px}.mp-footer{display:block}.mp-footer div{margin-top:9px;gap:12px}.mp-detail h1{font-size:36px}.mp-detail-lead{font-size:14px}.mp-info-panel{padding:19px}.mp-info-panel h2{font-size:18px}}
@media(max-width:580px){.mp-favorites h2{font-size:19px}.mp-favorites-list{grid-template-columns:1fr}.mp-favorites-list>a,.mp-favorites-list>button{min-height:43px}.mp-all-games-head h1{font-size:24px}.mp-favorite{right:10px;top:9px;width:28px;height:28px}.mp-card-content>.mp-status{margin-right:28px}.mp-card-info{font-size:10px;padding:7px 8px}}
@media(max-width:390px){.mp-game{grid-template-columns:28% 72%}.mp-art-title{font-size:8px;max-width:80px}.mp-card-symbol{width:69px;height:69px}.mp-card-content p{font-size:9.5px}.mp-status{font-size:7px}}
@media(prefers-reduced-motion:reduce){.mp-sidebar,.mp-game,.mp-promo,.mp-body a,.mp-body button,.mp-nav-glyph,.mp-reveal-pending{transition:none!important}.mp-reveal-pending{opacity:1!important;transform:none!important}.mp-game:hover,.mp-promo:hover,.mp-side-nav a:hover,.mp-side-nav a:hover .mp-nav-glyph{transform:none!important}}

/* The static multipage shell supports both themes; the canvas games keep their own art. */
.mp-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:5px 9px;border:1px solid var(--wg-accent-lo);border-radius:9px;background:var(--wg-s2);color:var(--wg-text-tint);font-size:11px;font-weight:800;white-space:nowrap}
.mp-theme-toggle:hover{background:var(--wg-s3);border-color:var(--wg-accent);color:var(--wg-text-tint)}
.mp-theme-toggle:focus-visible{outline:2px solid var(--mp-lime);outline-offset:2px}
.mp-theme-icon{width:17px;height:17px;flex:none}
.mp-theme-moon{display:none}
html[data-theme="light"]{color-scheme:light;--bg:var(--wg-pale);--panel:#ffffff;--muted:#506455;--line:var(--wg-pale-2);--lime:var(--wg-accent-lo);--mp-bg:var(--wg-pale);--mp-panel:#ffffff;--mp-panel2:var(--wg-pale-2);--mp-line:var(--wg-pale-2);--mp-text:var(--wg-s2);--mp-muted:#526454;--mp-lime:var(--wg-accent-lo)}
html[data-theme="light"] .mp-body{background:radial-gradient(ellipse at 80% 8%,color-mix(in srgb,var(--wg-pale-2) 73.3%,transparent),transparent 38%),radial-gradient(ellipse at 15% 88%,color-mix(in srgb,var(--wg-pale-2) 65.9%,transparent),transparent 46%),var(--wg-pale);color:var(--wg-s2)}
html[data-theme="light"] .mp-sidebar{background:radial-gradient(circle at 12% 2%,#f9fff2,transparent 36%),linear-gradient(160deg,#ecf4e8,#e4eee3 57%,#dce9df);border-color:#b1c8ad;box-shadow:0 19px 46px #445f4b24,inset 0 1px #ffffffdd,inset 1px 0 #ffffff66}
html[data-theme="light"] .mp-brand{color:#1b3123}
html[data-theme="light"] .mp-sidebar-label,html[data-theme="light"] .mp-sidebar-note{color:#536b59}
html[data-theme="light"] .mp-side-nav{color:#364d3d}
html[data-theme="light"] .mp-nav-group{border-color:#c3d6c1}
html[data-theme="light"] .mp-side-nav a:hover{background:#d2e5cd;border-color:#afcda7;color:#203c26}
html[data-theme="light"] .mp-side-nav a.active{background:linear-gradient(100deg,#c9e4b3,#dcefcf);border-color:#9dbd87;color:#1d4a25;box-shadow:inset 3px 0 #518c37,0 5px 14px #8fab9122}
html[data-theme="light"] .mp-nav-glyph{background:#1c3027;background:linear-gradient(145deg,#233d30,#14251e 82%);border-color:color-mix(in srgb,var(--nav-accent) 70%,#26352a)}
html[data-theme="light"] .mp-topbar{background:color-mix(in srgb,var(--wg-pale) 91.8%,transparent);border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-crumb{color:var(--wg-s3)}
html[data-theme="light"] .mp-age{border-color:var(--wg-accent-hi);color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-lang{color:var(--wg-accent-lo);border-color:var(--wg-accent-hi);background:var(--wg-pale)}
html[data-theme="light"] .mp-theme-toggle{background:var(--wg-pale-2);border-color:var(--wg-accent-hi);color:var(--wg-s4)}
html[data-theme="light"] .mp-theme-toggle:hover{background:var(--wg-pale-2);border-color:var(--wg-accent);color:var(--wg-s3)}
html[data-theme="light"] .mp-theme-sun{display:none}
html[data-theme="light"] .mp-theme-moon{display:block}
html[data-theme="light"] .mp-promo{border-color:var(--wg-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--wg-s4) 9.4%,transparent);color:var(--wg-text-tint)}
html[data-theme="light"] .mp-promo span,html[data-theme="light"] .mp-promo>b{color:var(--wg-text-tint)}
html[data-theme="light"] .mp-promo small{color:var(--wg-text-tint)}
html[data-theme="light"] .mp-favorites>p,html[data-theme="light"] .mp-empty{border-color:var(--wg-accent-hi);color:#546959}
html[data-theme="light"] .mp-detail-lead{color:#506451}
html[data-theme="light"] .mp-favorites-list>a,html[data-theme="light"] .mp-favorites-list>button{background:var(--wg-pale-2);border-color:var(--wg-accent-hi);color:var(--wg-s4)}
html[data-theme="light"] .mp-favorites-list>a:hover,html[data-theme="light"] .mp-favorites-list>button:hover{background:var(--wg-pale-2);border-color:var(--wg-accent);color:var(--wg-s3)}
html[data-theme="light"] .mp-search-label{color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-body input{background:#ffffff;color:var(--wg-s3);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .mp-body input::placeholder{color:#738472}
html[data-theme="light"] .mp-body input:focus{border-color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-game{background:#ffffff;border-color:var(--wg-pale-2);color:var(--wg-s2);box-shadow:0 5px 16px color-mix(in srgb,var(--wg-accent-lo) 6.3%,transparent)}
html[data-theme="light"] .mp-game:hover{border-color:var(--wg-accent);color:var(--wg-s3)}
html[data-theme="light"] .mp-status.is-live{background:#e2f0d6;color:#356727}
html[data-theme="light"] .mp-status.is-planned{background:var(--wg-pale-2);color:#516052}
html[data-theme="light"] .mp-card-content p{color:#59695c}
html[data-theme="light"] .mp-card-action{background:var(--wg-accent-pale);color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-card-action:hover,html[data-theme="light"] .mp-card-hit:hover~.mp-card-content .mp-card-action{background:var(--wg-accent-pale);color:var(--wg-s4)}
html[data-theme="light"] .mp-card-info,html[data-theme="light"] .mp-card-disabled{color:#526657}
html[data-theme="light"] .mp-rules-teaser,html[data-theme="light"] .mp-all-games-head,html[data-theme="light"] .mp-footer{border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-rule-icon{border-color:var(--wg-accent);color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-footer{color:#536957}
html[data-theme="light"] .mp-info-panel,html[data-theme="light"] .mp-profile-stats>div,html[data-theme="light"] .mp-official-links a{background:#ffffff;border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-official-links a{color:var(--wg-s3)}
html[data-theme="light"] .mp-official-links a:hover,html[data-theme="light"] .mp-official-links a:focus-visible{background:var(--wg-pale-2);border-color:var(--wg-accent)}
html[data-theme="light"] .mp-faq details{border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-legal p,html[data-theme="light"] .mp-legal li,html[data-theme="light"] .legal p,html[data-theme="light"] .legal li{color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-profile .mp-info-panel p{color:#526454}
html[data-theme="light"] .mp-history-wrap th,html[data-theme="light"] .mp-history-wrap td{border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-body dialog{background:var(--wg-pale);color:var(--wg-s3);border-color:var(--wg-accent-hi);box-shadow:0 25px 70px color-mix(in srgb,var(--wg-s2) 21.2%,transparent)}
html[data-theme="light"] .mp-body dialog p,html[data-theme="light"] .mp-body dialog small{color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-body .close{color:#54695a}
html[data-theme="light"] #age-gate .outline{color:var(--wg-s4);border-color:var(--wg-accent-hi)}
html[data-theme="light"] #storage-warning{background:#fff0d8;color:#4d381b;border:1px solid #d9bc8b}
@media(max-width:580px){.mp-theme-toggle{width:33px;height:33px;padding:6px}.mp-theme-label{display:none}}
@media(prefers-reduced-motion:reduce){.mp-theme-toggle{transition:none!important}}

/* Sculpted desktop rail. Its waist follows the owner's drawn contour, while
   mobile keeps a regular drawer so every touch target stays full width. */
@media(min-width:781px){
  .mp-sidebar{width:276px;padding-right:34px;border:0;border-radius:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M8 0H91C97 0 100 3 100 9C100 19 94 24 90 31C83 40 81 45 83 50C81 55 83 60 90 69C94 76 100 81 100 91C100 97 97 100 91 100H8C3 100 0 97 0 92V8C0 3 3 0 8 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M8 0H91C97 0 100 3 100 9C100 19 94 24 90 31C83 40 81 45 83 50C81 55 83 60 90 69C94 76 100 81 100 91C100 97 97 100 91 100H8C3 100 0 97 0 92V8C0 3 3 0 8 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 17px 24px #0008)}
  .mp-wrap{margin-left:292px}
}

/* Slightly raised enamel badges give each navigation icon its own silhouette. */
.mp-nav-glyph{border-radius:12px;background:radial-gradient(circle at 24% 12%,color-mix(in srgb,var(--nav-accent) 35%,#ffffff),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 28%,#2b3e32),#101915 75%);box-shadow:inset 0 1px 1px #ffffff9c,inset 0 -3px 5px #0008,0 3px 0 #080f0c,0 7px 11px #0005}
.mp-nav-glyph:before{content:"";position:absolute;inset:2px;border:1px solid #ffffff31;border-radius:9px;pointer-events:none}
.mp-nav-glyph .mp-icon{filter:drop-shadow(0 2px 2px #000b)}
@media(hover:hover){.mp-side-nav a:hover .mp-nav-glyph{transform:translateY(-2px) rotate(-5deg) scale(1.06);box-shadow:inset 0 1px 1px #ffffffbb,inset 0 -3px 5px #0008,0 5px 0 #080f0c,0 11px 16px #0007}}
html[data-theme="light"] .mp-nav-glyph{background:radial-gradient(circle at 24% 12%,color-mix(in srgb,var(--nav-accent) 40%,#ffffff),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 26%,#304d3a),#14271e 75%)}

/* The game illustrations sit inside lit, dimensional card frames. */
.mp-card-visual.has-cover{isolation:isolate}
.mp-card-visual.has-cover:after{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;pointer-events:none;background:linear-gradient(135deg,#ffffff32 0%,transparent 30%,transparent 70%,#0006 100%);box-shadow:inset 0 2px #ffffff50,inset 0 -8px 16px #0005;z-index:1}
.mp-card-visual .mp-cover{transition:transform .45s cubic-bezier(.18,.7,.2,1),filter .45s}
@media(hover:hover){.mp-game:hover .mp-cover{transform:scale(1.065);filter:saturate(1.09)}}
@media(max-width:780px){.mp-sidebar{-webkit-mask-image:none;mask-image:none}}
@media(prefers-reduced-motion:reduce){.mp-card-visual .mp-cover{transition:none!important}.mp-game:hover .mp-cover,.mp-side-nav a:hover .mp-nav-glyph{transform:none!important}}

/* Compact, image-led shortcuts. Recent entries are recorded only on this device. */
.mp-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mp-favorites-head h2,.mp-favorites-head h1{margin:0}
.mp-shelf-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--mp-line);border-radius:12px;background:var(--wg-s1)}
.mp-shelf-tabs button{min-height:29px;padding:5px 11px;border:0;border-radius:9px;background:transparent;color:var(--mp-muted);font-size:11px;font-weight:800;cursor:pointer}
.mp-shelf-tabs button[aria-selected="true"]{background:var(--wg-s4);color:var(--wg-text-tint);box-shadow:inset 0 1px #ffffff26,0 2px 6px #0005}
.mp-shelf-tabs button:focus-visible{outline:2px solid var(--mp-lime);outline-offset:2px}
.mp-shelf-panel[hidden]{display:none!important}
.mp-shelf-panel>p{font-size:12px;color:var(--mp-muted);margin:0;padding:13px 15px;border:1px dashed #3a493c;border-radius:10px}
.mp-favorites-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mp-favorites-list>.mp-shortcut{min-height:68px;padding:7px 10px 7px 7px;gap:12px;border-radius:14px;background:linear-gradient(125deg,var(--wg-s4),var(--wg-s2) 65%);box-shadow:inset 0 1px #ffffff20,0 5px 12px #0003}
.mp-shortcut-cover{display:block;width:52px;height:52px;flex:none;object-fit:cover;border:1px solid #ffffff6b;border-radius:12px;box-shadow:inset 0 1px #fff,0 3px 0 var(--wg-s0),0 5px 11px #0009}
.mp-shortcut-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.mp-favorites-list>.mp-shortcut svg{width:15px;height:15px;margin-left:auto}
@media(hover:hover){.mp-favorites-list>.mp-shortcut:hover .mp-shortcut-cover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 5px 0 var(--wg-s0),0 10px 16px #0009}}
html[data-theme="light"] .mp-shelf-tabs{background:var(--wg-pale-2);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .mp-shelf-tabs button[aria-selected="true"]{background:var(--wg-accent);color:#fff;box-shadow:inset 0 1px #ffffff9c,0 2px 7px color-mix(in srgb,var(--wg-accent) 19.6%,transparent)}
html[data-theme="light"] .mp-shelf-panel>p{border-color:var(--wg-accent-hi);color:#546959}
html[data-theme="light"] .mp-favorites-list>.mp-shortcut{background:linear-gradient(125deg,var(--wg-pale),var(--wg-pale-2) 85%);border-color:var(--wg-accent-hi);box-shadow:inset 0 1px #fff,0 4px 11px color-mix(in srgb,var(--wg-accent-lo) 11%,transparent)}
@media(max-width:580px){.mp-favorites-head{align-items:end}.mp-favorites-head h2{font-size:19px}.mp-shelf-tabs button{font-size:10px;padding:5px 8px}.mp-favorites-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,76%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.mp-favorites-list>.mp-shortcut{scroll-snap-align:start;min-height:61px}.mp-shortcut-cover{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.mp-shortcut-cover{transition:none!important}.mp-favorites-list>.mp-shortcut:hover .mp-shortcut-cover{transform:none!important}}

/* Catalog art is a transparent game object on the card surface, not a cover tile. */
body[data-page="games"] .mp-game{isolation:isolate}
body[data-page="games"] .mp-game::before{content:"";position:absolute;z-index:0;inset:-28% auto -28% -15%;width:65%;pointer-events:none;background:radial-gradient(ellipse at 47% 50%,var(--cutout-halo,var(--wg-accent)),transparent 70%);opacity:.18}
body[data-page="games"] .mp-game-arena{--cutout-halo:var(--wg-accent-hi)}
body[data-page="games"] .mp-game-angock{--cutout-halo:#f4b352}
body[data-page="games"] .mp-game-race{--cutout-halo:var(--wg-accent-hi)}
body[data-page="games"] .mp-game-rocket{--cutout-halo:var(--wg-accent-hi)}
body[data-page="games"] .mp-game-coinflip{--cutout-halo:#ffe190}
body[data-page="games"] .mp-game-duel{--cutout-halo:#ff9da4}
body[data-page="games"] .mp-game-keno{--cutout-halo:var(--wg-accent-pale)}
body[data-page="games"] .mp-game-mines{--cutout-halo:var(--wg-accent-hi)}
body[data-page="games"] .mp-game .mp-card-visual.has-cutout{z-index:1;display:grid;place-items:center;overflow:visible;min-height:202px;background:transparent;border:0}
body[data-page="games"] .mp-card-visual.has-cutout::before,
body[data-page="games"] .mp-card-visual.has-cutout::after,
body[data-page="games"] .mp-card-visual.has-cutout .mp-card-symbol{display:none}
body[data-page="games"] .mp-card-visual .mp-cutout{position:relative;left:4px;display:block;width:108%;height:193px;max-width:none;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 14px 14px #0008);transform:translate3d(0,0,0);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
body[data-page="games"] .mp-game-duel .mp-cutout{width:112%}
body[data-page="games"] .mp-game-rocket .mp-cutout{height:201px}
body[data-page="games"] .mp-game .mp-card-content{position:relative;z-index:2}
html[data-theme="light"] body[data-page="games"] .mp-game::before{opacity:.13}
html[data-theme="light"] body[data-page="games"] .mp-card-visual .mp-cutout{filter:drop-shadow(0 12px 12px color-mix(in srgb,var(--wg-s3) 31.4%,transparent))}
@media(hover:hover){body[data-page="games"] .mp-game:hover .mp-cutout{transform:translate3d(0,-5px,0) scale(1.045)}}
@media(max-width:580px){body[data-page="games"] .mp-game .mp-card-visual.has-cutout{min-height:187px}body[data-page="games"] .mp-card-visual .mp-cutout{width:112%;height:164px}body[data-page="games"] .mp-game-duel .mp-cutout{width:115%}body[data-page="games"] .mp-game-rocket .mp-cutout{height:181px}}
@media(max-width:360px){.mp-topbar{padding-inline:12px;gap:6px}.mp-menu-toggle{width:26px}.mp-mobile-brand{gap:4px}.mp-mobile-brand .mp-brand-image{width:32px;height:32px}.mp-mobile-brand .mp-brand-wordmark{font-size:12px}.mp-top-actions{gap:4px}.mp-lang{font-size:9px;padding:4px 5px}}
@media(prefers-reduced-motion:reduce){body[data-page="games"] .mp-card-visual .mp-cutout{transition:none!important;transform:none!important}body[data-page="games"] .mp-game:hover .mp-cutout{transform:none!important}}

/* Baccarat catalog card: free 0 W practice, isolated from existing games. */
body[data-page="games"] .mp-game-baccarat{--cutout-halo:var(--wg-accent)}
.mp-game-baccarat .mp-card-visual.mp-baccarat-art{isolation:isolate;background:radial-gradient(circle at 50% 38%,var(--wg-accent-deep) 0%,var(--wg-s3) 50%,var(--wg-s2) 100%);border-right:1px solid color-mix(in srgb,var(--wg-accent-hi) 19.6%,transparent)}
.mp-game-baccarat .mp-baccarat-art::before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 23.1%,transparent);border-radius:50%;background:none;transform:none;opacity:1}
.mp-game-baccarat .mp-baccarat-art::after{content:"";position:absolute;inset:25px;border:1px dashed color-mix(in srgb,var(--wg-accent-hi) 18.8%,transparent);border-radius:50%;width:auto;height:auto;top:25px;right:25px}
.mp-game-baccarat .mp-baccarat-card{position:absolute;z-index:1;top:48%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:63px;height:87px;border-radius:7px;box-shadow:0 11px 15px color-mix(in srgb,var(--wg-s1) 52.2%,transparent),0 1px 1px #ffffff5c inset;font-family:Georgia,serif;font-weight:700;line-height:.9;pointer-events:none}
.mp-game-baccarat .mp-baccarat-card--back{transform:translate(-73%,-51%) rotate(-18deg);color:var(--wg-text-tint);border:3px solid var(--wg-pale-2);background:repeating-linear-gradient(45deg,var(--wg-s5) 0 5px,var(--wg-s4) 5px 10px);font:800 12px/1 system-ui,sans-serif;letter-spacing:.14em}
.mp-game-baccarat .mp-baccarat-card--back span{display:grid;place-items:center;width:43px;height:66px;border:1px solid color-mix(in srgb,var(--wg-pale-2) 69%,transparent)}
.mp-game-baccarat .mp-baccarat-card--front{transform:translate(-18%,-47%) rotate(15deg);color:var(--wg-s3);border:1px solid #ffffff;background:linear-gradient(145deg,#fffef7,#e9eadf);font-size:24px}
.mp-game-baccarat .mp-baccarat-card--front span:last-child{font-size:27px;margin-top:3px}
.mp-game-baccarat .mp-baccarat-zero{position:absolute;z-index:2;left:14px;bottom:13px;padding:4px 8px;border:1px solid #d9f7ce78;border-radius:999px;background:#0a2e29d9;box-shadow:0 4px 10px #061b1870;color:#e8ffd3;font-size:12px;font-weight:900;letter-spacing:.09em}
.mp-game-baccarat .mp-card-content>.mp-status{max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis}
.mp-game-baccarat .mp-card-action{min-width:auto;white-space:nowrap}
@media(max-width:580px){.mp-game-baccarat .mp-baccarat-card{width:46px;height:66px}.mp-game-baccarat .mp-baccarat-card--back span{width:29px;height:48px;font-size:9px}.mp-game-baccarat .mp-baccarat-card--front{font-size:18px}.mp-game-baccarat .mp-baccarat-card--front span:last-child{font-size:19px}.mp-game-baccarat .mp-baccarat-zero{left:6px;bottom:11px;padding:3px 5px;font-size:9px}.mp-game-baccarat .mp-card-content>.mp-status{letter-spacing:0}}
/* Plinko catalogue card: published 0-W practice, with no claimed W win. */
body[data-page="games"] .mp-game-plinko{--cutout-halo:#d7c17b}
.mp-game-plinko .mp-card-visual.mp-plinko-art{isolation:isolate;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--wg-s5) 0%,var(--wg-s3) 55%,var(--wg-s2) 100%);border-right:1px solid color-mix(in srgb,var(--wg-accent-hi) 22%,transparent)}
.mp-game-plinko .mp-plinko-art::before,.mp-game-plinko .mp-plinko-art::after{display:none}
.mp-game-plinko .mp-plinko-board{display:block;width:min(90%,150px);height:175px;filter:drop-shadow(0 9px 9px color-mix(in srgb,var(--wg-s1) 54.9%,transparent))}
.mp-game-plinko .mp-plinko-zero{position:absolute;left:13px;bottom:12px;padding:4px 8px;border:1px solid #f1d99180;border-radius:999px;background:#123a35e8;color:#fff1bd;box-shadow:0 4px 10px #051c1b88;font-size:12px;font-weight:900;letter-spacing:.09em}
.mp-game-plinko .mp-card-content>.mp-status{max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis}
.mp-game-plinko .mp-card-action{min-width:auto;white-space:nowrap}
@media(max-width:580px){.mp-game-plinko .mp-plinko-board{width:94%;height:155px}.mp-game-plinko .mp-plinko-zero{left:5px;bottom:9px;padding:3px 5px;font-size:9px}.mp-game-plinko .mp-card-content>.mp-status{letter-spacing:0}}
/* Current Arena games: CSS-built dimensional art, no external image request. */
.mp-game-hilo .mp-card-visual.mp-hilo-art,.mp-game-roulette .mp-card-visual.mp-wheel-art{isolation:isolate;overflow:hidden;display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--wg-accent-hi) 22%,transparent)}
.mp-game-hilo .mp-card-visual.mp-hilo-art{background:radial-gradient(circle at 45% 38%,var(--wg-accent-deep),var(--wg-s3) 52%,var(--wg-s2))}
.mp-game-roulette .mp-card-visual.mp-wheel-art{background:radial-gradient(circle at 50% 42%,#78613b,var(--wg-s4) 48%,var(--wg-s2))}
.mp-game-hilo .mp-hilo-art::before,.mp-game-hilo .mp-hilo-art::after,.mp-game-roulette .mp-wheel-art::before,.mp-game-roulette .mp-wheel-art::after{display:none}
.mp-hilo-glow,.mp-wheel-halo{position:absolute;width:176px;height:176px;border-radius:50%;border:1px solid color-mix(in srgb,var(--wg-accent-pale) 31.4%,transparent);box-shadow:0 0 0 13px color-mix(in srgb,var(--wg-accent-hi) 4.3%,transparent),0 0 0 29px color-mix(in srgb,var(--wg-accent-hi) 3.1%,transparent)}
.mp-hilo-deck{position:relative;width:145px;height:150px;filter:drop-shadow(0 16px 8px color-mix(in srgb,var(--wg-s1) 60%,transparent))}
.mp-hilo-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:81px;height:119px;padding:9px;border-radius:9px;border:3px solid #f8f4dc;background:linear-gradient(138deg,#fffefa,#e7e9d7);box-shadow:0 12px 20px color-mix(in srgb,var(--wg-s1) 65.9%,transparent),0 2px 2px #fff8 inset;font:900 24px/1 Georgia,serif}
.mp-hilo-card b,.mp-hilo-card i{position:relative;z-index:1}
.mp-hilo-card i{align-self:flex-end;font-style:normal;font-size:37px}
.mp-hilo-card--left{left:10px;top:17px;transform:rotate(-18deg);color:var(--wg-s4)}
.mp-hilo-card--right{right:9px;top:8px;transform:rotate(16deg);color:#bf4850}
.mp-wheel-dial{position:relative;display:block;width:157px;height:157px;border:7px solid #e5c573;border-radius:50%;background:conic-gradient(from -18deg,var(--wg-accent) 0deg 32deg,var(--wg-s4) 32deg 65deg,#efbb5e 65deg 98deg,var(--wg-s5) 98deg 131deg,var(--wg-accent) 131deg 164deg,#e5a55d 164deg 197deg,var(--wg-s5) 197deg 230deg,var(--wg-accent) 230deg 263deg,#d6aa5f 263deg 296deg,var(--wg-accent-deep) 296deg 329deg,#e0d77a 329deg 360deg);box-shadow:0 18px 13px color-mix(in srgb,var(--wg-s1) 60%,transparent),0 0 0 4px var(--wg-s4),0 0 0 6px #c4ab7088,inset 0 0 0 2px #fff5c077;transform:rotate(-12deg)}
.mp-wheel-dial::before{content:"";position:absolute;inset:7px;border:2px dashed #fff3bc91;border-radius:50%}
.mp-wheel-core{position:absolute;display:grid;place-items:center;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent));border:4px solid #f7e7a0;box-shadow:0 5px 9px color-mix(in srgb,var(--wg-s1) 56.5%,transparent);color:#fff;font:900 31px/1 system-ui;transform:translate(-50%,-50%)}
.mp-wheel-label{position:absolute;color:var(--wg-text-tint);font:900 13px/1 system-ui;text-shadow:0 1px 2px var(--wg-s2)}
.mp-wheel-label--top{top:17px;left:57px}.mp-wheel-label--left{top:83px;left:12px}.mp-wheel-label--right{top:91px;right:9px}
.mp-wheel-pointer{position:absolute;z-index:2;top:10px;left:50%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #f8ebac;filter:drop-shadow(0 4px 3px var(--wg-s1));transform:translateX(-50%)}
.mp-game-hilo .mp-game-zero,.mp-game-roulette .mp-game-zero{position:absolute;z-index:3;left:12px;bottom:11px;padding:4px 7px;border:1px solid #f1d99180;border-radius:999px;background:#123a35e8;color:#fff1bd;box-shadow:0 4px 10px #051c1b88;font-size:11px;font-weight:900;letter-spacing:.09em}
.mp-game-hilo .mp-card-content>.mp-status,.mp-game-roulette .mp-card-content>.mp-status{max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis}
.mp-game-hilo .mp-card-action,.mp-game-roulette .mp-card-action{min-width:auto;white-space:nowrap}
@media(max-width:580px){.mp-hilo-deck{transform:scale(.84)}.mp-wheel-dial{transform:rotate(-12deg) scale(.83)}.mp-wheel-pointer{top:11px}.mp-game-hilo .mp-game-zero,.mp-game-roulette .mp-game-zero{left:5px;bottom:9px;padding:3px 5px;font-size:9px}.mp-game-hilo .mp-card-content>.mp-status,.mp-game-roulette .mp-card-content>.mp-status{letter-spacing:0}}

/* WIND GAME browse layout: compact shared navigation and an image-led home. */
:root{--mp-bg:var(--wg-s0);--mp-panel:var(--wg-s1);--mp-panel2:var(--wg-s2);--mp-line:var(--wg-s3);--mp-text:var(--wg-text-tint);--mp-muted:#99aaac;--mp-lime:var(--wg-accent-hi)}
.mp-body{background:radial-gradient(circle at 76% 0%,color-mix(in srgb,var(--wg-s3) 27.1%,transparent),transparent 33%),var(--wg-s0)}
.mp-sidebar{background:linear-gradient(180deg,#11191d,#0b1318 68%,#0a1116);border-color:#23333a;box-shadow:inset -1px 0 #ffffff08,12px 0 32px #0003}
.mp-brand{padding:0 4px 11px;gap:6px}
.mp-brand-mark,.mp-brand-image{width:41px;height:41px}
.mp-brand-wordmark{font-size:15px;gap:3px}
.mp-sidebar-label{padding:8px 10px 3px;color:#71848a;font-size:8px}
.mp-side-nav{font-size:12px}
.mp-nav-group{gap:1px;padding:5px 0;border-color:#233139}
.mp-side-nav a{min-height:36px;padding:3px 7px;border-radius:8px;gap:8px}
.mp-nav-glyph{width:27px;height:27px;border-radius:8px;box-shadow:inset 0 1px #ffffff35,0 2px 5px #0004}
.mp-nav-glyph:before{border-radius:6px}
.mp-nav-glyph .mp-icon{width:19px;height:19px}
.mp-side-nav a.active{background:#243a2b;border-color:#53734a;box-shadow:inset 2px 0 #bdf271}
.mp-topbar{height:62px;padding:0 24px;background:color-mix(in srgb,var(--wg-s1) 87.5%,transparent);border-color:var(--wg-s3)}
.mp-crumb{font-size:12px;letter-spacing:.02em}
.mp-body .mp-content{max-width:1540px;padding:22px 24px 72px}
.mp-quick-nav{position:sticky;z-index:19;top:62px;order:0;display:flex;align-items:center;justify-content:flex-start;gap:4px;width:100%;min-height:48px;padding:5px 24px;border-bottom:1px solid var(--wg-s3);background:color-mix(in srgb,var(--wg-s1) 94.1%,transparent);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.mp-quick-nav::-webkit-scrollbar{display:none}
.mp-quick-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:6px 17px;border:1px solid transparent;border-radius:8px;color:var(--wg-text-tint);font-size:12px;font-weight:800;white-space:nowrap}
.mp-quick-nav a:hover{color:var(--wg-text-tint);background:var(--wg-s2)}
.mp-quick-nav a[aria-current="page"]{color:var(--wg-text-tint);background:var(--wg-s4);border-color:var(--wg-accent-lo)}
.mp-quick-nav a:focus-visible{outline:2px solid var(--mp-lime);outline-offset:-2px}
@media(min-width:781px){.mp-sidebar{inset:0 auto 0 0;width:208px;padding:18px 10px 16px;border-right:1px solid #26353c;border-radius:0;-webkit-mask-image:none;mask-image:none;filter:none}.mp-wrap{margin-left:208px}}

/* Home hero uses original WIND GAME art and published destinations. */
.wg-home-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:350px;overflow:hidden;border:1px solid var(--wg-s4);border-radius:18px;background:var(--wg-s1);box-shadow:0 18px 42px #0005,inset 0 1px #ffffff2b}
.wg-home-hero-art{position:absolute;z-index:-2;inset:0;background:url("/assets/covers/premium-hero.webp") center 53%/cover no-repeat}
.wg-home-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--wg-s1) 81.2%,transparent) 0%,color-mix(in srgb,var(--wg-s1) 65.9%,transparent) 43%,color-mix(in srgb,var(--wg-s1) 22.4%,transparent) 75%,color-mix(in srgb,var(--wg-s1) 7.8%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--wg-s1) 72.2%,transparent),transparent 34%);pointer-events:none}
.wg-home-hero-copy{width:min(650px,72%);margin-left:clamp(188px,23%,330px);padding:30px 20px 30px 0;color:#fff}
.wg-home-eyebrow,.wg-home-section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--wg-text-tint);font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.16em}
.wg-home-eyebrow i{display:block;width:7px;height:7px;border:0;border-radius:50%;background:var(--wg-accent);box-shadow:0 0 12px var(--wg-accent-hi)}
.wg-home-hero h1{margin:13px 0 11px;font-size:clamp(42px,4.4vw,65px);line-height:.99;font-weight:900;letter-spacing:-.075em;text-shadow:0 3px 15px color-mix(in srgb,var(--wg-s1) 70.2%,transparent)}
.wg-home-hero h1 em{color:var(--wg-text-tint);font-style:normal}
.wg-home-hero p{max-width:485px;margin:0;color:var(--wg-text-tint);font-size:13px;line-height:1.55;text-shadow:0 1px 8px var(--wg-s1)}
.wg-home-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px}
.wg-home-hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:9px 15px;border-radius:8px;font-size:11px;font-weight:900}
.wg-home-primary{background:var(--wg-accent);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--wg-s2) 56.5%,transparent)}
.wg-home-primary:hover{background:var(--wg-accent-pale);color:var(--wg-s2)!important;transform:translateY(-2px)}
.wg-home-secondary{border:1px solid color-mix(in srgb,var(--wg-accent-hi) 50.2%,transparent);background:color-mix(in srgb,var(--wg-s2) 65.9%,transparent);color:var(--wg-text-tint)}
.wg-home-secondary:hover{border-color:var(--wg-accent-pale);color:#fff!important;background:var(--wg-s3)}
.wg-home-hero-stamp{position:absolute;right:17px;bottom:15px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--wg-accent-pale) 43.9%,transparent);border-radius:6px;background:color-mix(in srgb,var(--wg-s2) 78.8%,transparent);color:var(--wg-text-tint);font-size:8px;font-weight:900;letter-spacing:.13em}
.wg-home-hero-stamp span{margin-left:4px;color:var(--wg-text-tint)}
.wg-home-promos{gap:12px;margin:12px 0 23px}
.wg-home-promos .wg-home-promo{min-height:150px;padding:20px 21px;border-radius:14px;border-color:var(--wg-s5);box-shadow:inset 0 1px #ffffff1a}
.wg-home-promo-practice{background:radial-gradient(circle at 91% 60%,color-mix(in srgb,var(--wg-accent-deep) 43.9%,transparent),transparent 35%),linear-gradient(115deg,var(--wg-s3),var(--wg-s2))}
.wg-home-promo-account{background:radial-gradient(circle at 89% 40%,#7b814c55,transparent 40%),linear-gradient(115deg,var(--wg-s3),var(--wg-s3))}
.wg-home-promo>div{max-width:75%}
.wg-home-promo>div>span{color:var(--wg-text-tint);font-size:9px}
.wg-home-promo>div>strong{margin:4px 0 3px;color:var(--wg-text-tint);font-size:21px;letter-spacing:-.04em}
.wg-home-promo>div>small{max-width:390px;color:var(--wg-text-tint);font-size:10px;line-height:1.45}
.wg-home-promo>div>b{display:inline-block;margin-top:12px;color:var(--wg-text-tint);font-size:10px;font-weight:900}
.wg-home-promos .wg-home-promo-orb{position:absolute;right:7%;top:50%;display:grid;place-items:center;width:96px;height:96px;transform:translateY(-50%) rotate(-11deg);border:5px solid var(--wg-accent-pale);border-radius:15px;background:linear-gradient(140deg,var(--wg-pale),var(--wg-accent));box-shadow:0 13px 0 color-mix(in srgb,var(--wg-s1) 52.2%,transparent),0 20px 23px #0008;color:#fff;font:900 44px/1 Georgia,serif;letter-spacing:0}
.wg-home-promo-orb span{position:absolute;right:12px;bottom:11px;color:var(--wg-accent-deep);font-size:22px}
.wg-home-promo-account .wg-home-promo-orb{right:8%;width:88px;height:88px;transform:translateY(-50%) rotate(12deg);border-radius:50%;border-color:var(--wg-accent-pale);background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent-lo));box-shadow:6px 7px 0 var(--wg-accent-lo),11px 14px 22px #0008;color:var(--wg-accent-lo);font:900 49px/1 system-ui}
.wg-home-promo>b{display:none}
.mp-body[data-page="games"] .mp-all-games-head{align-items:end;margin:0 0 11px;padding:0;border:0}
.wg-catalog-title h2{margin:4px 0 2px;font-size:25px;line-height:1.1}
.wg-catalog-title p{margin:0;color:var(--mp-muted);font-size:11px}
.wg-home-section-kicker{color:var(--mp-lime);font-size:9px}
.wg-catalog-tools{display:flex;align-items:end;gap:8px}
.wg-catalog-tools .mp-search-label{flex:0 0 220px;margin:0;font-size:10px}
.wg-catalog-tools .mp-search-label>span{margin-bottom:4px}
.wg-catalog-tools .mp-search-label input{height:36px;padding:7px 11px;font-size:11px}
.wg-game-scroll-controls{display:flex;gap:4px}
.wg-game-scroll-controls button{width:36px;height:36px;border:1px solid var(--wg-s5);border-radius:8px;background:var(--wg-s2);color:var(--wg-text-tint);font-size:18px;line-height:1}
.wg-game-scroll-controls button:hover{border-color:var(--wg-accent-hi);background:var(--wg-s4);color:var(--wg-text-tint)}
.wg-game-scroll-controls button:focus-visible{outline:2px solid var(--mp-lime);outline-offset:2px}
body[data-page="games"] .mp-game-grid{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(202px,calc((100% - 48px)/5),250px);grid-template-columns:none;gap:12px;max-width:100%;margin:0 0 23px;padding:3px 1px 13px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--wg-accent-lo) var(--wg-s1)}
body[data-page="games"] .mp-game-grid:focus-visible{outline:2px solid var(--mp-lime);outline-offset:3px}
body[data-page="games"] .mp-game{display:grid;grid-template-columns:1fr;grid-template-rows:139px 1fr;height:277px;min-height:0;border-radius:14px;scroll-snap-align:start}
body[data-page="games"] .mp-game .mp-card-visual{height:139px;min-height:0;overflow:hidden;border-right:0;border-bottom:1px solid #ffffff12}
body[data-page="games"] .mp-game .mp-card-visual.has-cutout{height:139px;min-height:0;overflow:hidden}
body[data-page="games"] .mp-card-visual .mp-cutout{height:135px;width:95%;left:0}
body[data-page="games"] .mp-game-rocket .mp-card-visual .mp-cutout{height:142px}
body[data-page="games"] .mp-game .mp-card-content{padding:11px 13px 12px}
body[data-page="games"] .mp-card-content>.mp-status{margin-right:0;max-width:100%;font-size:7px}
body[data-page="games"] .mp-card-content h3{margin:7px 0 3px;font-size:16px;line-height:1.12}
body[data-page="games"] .mp-card-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:31px;overflow:hidden;font-size:10px;line-height:1.5}
body[data-page="games"] .mp-card-bottom{padding-top:4px}
body[data-page="games"] .mp-card-action{min-width:0;padding:5px 8px;font-size:10px}
body[data-page="games"] .mp-card-info{padding:5px 0;font-size:10px}
body[data-page="games"] .mp-favorite{top:10px;right:10px}
body[data-page="games"] .mp-plinko-board{transform:scale(.72)}
body[data-page="games"] .mp-hilo-deck{transform:scale(.74)}
body[data-page="games"] .mp-wheel-dial{transform:rotate(-12deg) scale(.7)}
body[data-page="games"] .mp-baccarat-card{transform-origin:center}
body[data-page="games"] .mp-favorites{padding-top:20px;border-top:1px solid var(--mp-line)}
body[data-page="games"] .mp-favorites.mp-reveal-pending,
body[data-page="games"] .mp-game-grid.mp-reveal-pending,
body[data-page="games"] .mp-all-games-head.mp-reveal-pending{opacity:1;transform:none}
body[data-page="games"] .mp-favorites-head h2{font-size:20px}
html[data-theme="light"] .mp-quick-nav{background:color-mix(in srgb,var(--wg-pale) 94.9%,transparent);border-color:var(--wg-pale-2)}
html[data-theme="light"] .mp-quick-nav a{color:var(--wg-accent-lo)}
html[data-theme="light"] .mp-quick-nav a:hover{background:var(--wg-pale-2);color:var(--wg-s4)}
html[data-theme="light"] .mp-quick-nav a[aria-current="page"]{background:var(--wg-pale-2);border-color:var(--wg-accent-hi);color:var(--wg-s4)}
html[data-theme="light"] .wg-game-scroll-controls button{background:var(--wg-pale-2);border-color:var(--wg-accent-hi);color:var(--wg-accent-lo)}
html[data-theme="light"] .wg-game-scroll-controls button:hover{background:var(--wg-pale-2);border-color:var(--wg-accent)}
@media(max-width:1100px){.wg-home-hero-copy{margin-left:clamp(145px,20%,220px)}.wg-home-hero h1{font-size:clamp(39px,4.6vw,53px)}.wg-home-promo>div{max-width:78%}.wg-home-promos .wg-home-promo-orb{width:72px;height:72px;font-size:32px}.wg-home-promo-account .wg-home-promo-orb{width:72px;height:72px;font-size:40px}}
@media(max-width:780px){.mp-sidebar{inset:0 auto 0 0;width:min(290px,84vw);padding:19px 12px;border-radius:0}.mp-side-nav a{min-height:41px}.mp-topbar{height:61px;padding:0 17px}.mp-quick-nav{top:61px;min-height:43px;padding:4px 12px}.mp-quick-nav a{min-height:32px;padding:5px 12px;font-size:11px}.mp-body .mp-content{padding:16px 15px 54px}.wg-home-hero{min-height:330px}.wg-home-hero-copy{width:66%;margin-left:29%;padding-right:8px}.wg-home-hero h1{font-size:clamp(35px,6vw,48px)}.wg-home-hero p{font-size:11px}.wg-home-hero-stamp{font-size:7px}}
@media(max-width:580px){.wg-home-hero{align-items:flex-end;min-height:375px;border-radius:15px}.wg-home-hero-art{background-position:62% 51%}.wg-home-hero::after{background:linear-gradient(0deg,color-mix(in srgb,var(--wg-s1) 96.1%,transparent) 0%,color-mix(in srgb,var(--wg-s1) 85.9%,transparent) 35%,color-mix(in srgb,var(--wg-s1) 6.7%,transparent) 84%),linear-gradient(90deg,color-mix(in srgb,var(--wg-s1) 50.2%,transparent),transparent 60%)}.wg-home-hero-copy{width:100%;margin:0;padding:110px 18px 24px}.wg-home-hero h1{font-size:42px;margin:8px 0}.wg-home-hero p{max-width:310px;font-size:11px}.wg-home-hero-actions{margin-top:13px;gap:6px}.wg-home-hero-actions a{min-height:37px;padding:7px 10px;font-size:10px;gap:8px}.wg-home-hero-stamp{top:13px;right:12px;bottom:auto}.wg-home-promos{display:grid;grid-template-columns:1fr;gap:8px;margin:9px 0 22px}.wg-home-promos .wg-home-promo{min-height:126px;padding:16px 17px}.wg-home-promo>div{max-width:76%}.wg-home-promo>div>strong{font-size:19px}.wg-home-promo>div>small{font-size:10px}.wg-home-promo>div>b{margin-top:8px}.wg-home-promos .wg-home-promo-orb{right:6%;width:72px;height:72px;font-size:30px}.wg-home-promo-account .wg-home-promo-orb{width:68px;height:68px;font-size:37px}.mp-body[data-page="games"] .mp-all-games-head{display:block}.wg-catalog-title h2{font-size:24px}.wg-catalog-title p{font-size:10px}.wg-catalog-tools{justify-content:space-between;margin-top:12px}.wg-catalog-tools .mp-search-label{flex:1}.wg-game-scroll-controls button{width:36px;height:36px}body[data-page="games"] .mp-game-grid{grid-auto-columns:min(70vw,230px);gap:9px}body[data-page="games"] .mp-game{height:263px;grid-template-rows:128px 1fr}body[data-page="games"] .mp-game .mp-card-visual,body[data-page="games"] .mp-game .mp-card-visual.has-cutout{height:128px}body[data-page="games"] .mp-card-visual .mp-cutout{height:126px}body[data-page="games"] .mp-game-rocket .mp-card-visual .mp-cutout{height:130px}body[data-page="games"] .mp-card-content h3{font-size:15px}body[data-page="games"] .mp-favorites{margin-top:1px}}
@media(max-width:390px){.wg-home-hero{min-height:385px}.wg-home-hero h1{font-size:39px}.wg-home-hero-copy{padding-left:15px;padding-right:15px}.wg-home-hero-actions a{font-size:9px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.wg-home-primary:hover{transform:none}}

/* Reference composition: one large play surface with two supporting cards. */
@media(min-width:781px){.mp-sidebar{width:clamp(208px,16vw,285px)}.mp-wrap{margin-left:clamp(208px,16vw,285px)}}
.mp-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:5px 13px;border:1px solid var(--wg-accent);border-radius:8px;background:var(--wg-accent);color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.mp-account-link:hover{background:var(--wg-accent);color:#fff!important}
.mp-account-link:focus-visible{outline:2px solid var(--mp-lime);outline-offset:2px}
.wg-home-feature{display:grid;grid-template-columns:minmax(0,2.02fr) minmax(265px,1fr);gap:12px;margin:0 0 24px}
.wg-home-feature .wg-home-hero{min-height:380px;align-items:flex-end}
.wg-home-hero-art{background-image:url("/assets/covers/premium-hero.webp");background-position:center 50%}
.wg-home-feature .wg-home-hero::after{background:linear-gradient(0deg,color-mix(in srgb,var(--wg-s1) 94.1%,transparent),color-mix(in srgb,var(--wg-s1) 71%,transparent) 43%,color-mix(in srgb,var(--wg-s1) 7.1%,transparent) 88%),linear-gradient(90deg,color-mix(in srgb,var(--wg-s1) 52.2%,transparent),transparent 70%)}
.wg-home-feature .wg-home-hero-copy{width:min(610px,88%);margin:0;padding:22px 26px 29px}
.wg-home-feature .wg-home-hero h1{font-size:clamp(42px,4vw,58px)}
.wg-home-feature .wg-home-promos{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;margin:0;min-width:0}
.wg-home-feature .wg-home-promos .wg-home-promo{min-height:0;padding:17px 19px}
.wg-home-feature .wg-home-promo-race{background:linear-gradient(90deg,color-mix(in srgb,var(--wg-s1) 91%,transparent) 0%,color-mix(in srgb,var(--wg-s2) 43.9%,transparent) 62%,color-mix(in srgb,var(--wg-s2) 9%,transparent)),url("/assets/race-hero-v1.webp") 57% 49%/cover no-repeat;border-color:var(--wg-accent-lo)}
.wg-home-feature .wg-home-promo-race>div{max-width:88%}
.wg-home-feature .wg-home-promo-race>div>small{color:var(--wg-text-tint);text-shadow:0 1px 8px #000b}
.wg-home-feature .wg-home-promo-account>div{max-width:61%}
.wg-home-promo>div>b>span{display:inline;color:inherit;font-size:inherit;letter-spacing:0}
.wg-home-feature .wg-home-promo>div>strong{font-size:20px}
.wg-home-feature .wg-home-promo>div>small{font-size:10px}
.wg-home-feature .wg-home-promo>div>b{margin-top:9px}
html[data-theme="light"] .mp-account-link{background:var(--wg-accent);border-color:var(--wg-accent);color:#fff}
@media(max-width:1050px){.wg-home-feature{grid-template-columns:1fr}.wg-home-feature .wg-home-hero{min-height:340px}.wg-home-feature .wg-home-promos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.wg-home-feature .wg-home-promos .wg-home-promo{min-height:148px}}
@media(max-width:780px){.mp-top-actions{gap:7px}.mp-age{display:none}.mp-account-link{min-height:32px;padding:5px 9px;font-size:10px}.wg-home-feature{gap:9px;margin-bottom:22px}.wg-home-feature .wg-home-hero{min-height:330px}.wg-home-feature .wg-home-hero-copy{width:85%;padding:20px 21px 24px}.wg-home-feature .wg-home-hero h1{font-size:44px}}
@media(max-width:580px){.wg-home-feature .wg-home-hero{min-height:365px}.wg-home-hero-art{background-position:67% 50%}.wg-home-feature .wg-home-hero::after{background:linear-gradient(0deg,color-mix(in srgb,var(--wg-s1) 96.9%,transparent),color-mix(in srgb,var(--wg-s1) 80.4%,transparent) 42%,color-mix(in srgb,var(--wg-s1) 7.1%,transparent) 90%)}.wg-home-feature .wg-home-hero-copy{width:100%;padding:100px 18px 21px}.wg-home-feature .wg-home-hero h1{font-size:39px}.wg-home-feature .wg-home-promos{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.wg-home-feature .wg-home-promos .wg-home-promo{min-height:128px;padding:14px 16px}.wg-home-feature .wg-home-promo>div>strong{font-size:18px}.wg-home-feature .wg-home-promo>div>small{font-size:10px}.wg-home-feature .wg-home-promo>div>b{margin-top:7px}.wg-home-feature .wg-home-promo-account>div{max-width:66%}}
@media(max-width:390px){.mp-account-link{padding:5px 7px;font-size:9px}.wg-home-feature .wg-home-hero h1{font-size:37px}.wg-home-feature .wg-home-hero-copy{padding-left:15px;padding-right:15px}}

/* WIND's sculpted rail and small, shaded game-world objects. */
:root{--wg-gold:#e9c979;--wg-gold-soft:#b89c55}
@media(min-width:781px){
  .mp-sidebar{inset:7px auto 7px 7px;width:clamp(252px,19vw,300px);padding:20px 47px 17px 13px;border:0;border-radius:0;background:radial-gradient(circle at 62% 5%,#8b7a3e38,transparent 29%),radial-gradient(circle at 5% 46%,#536b432d,transparent 37%),linear-gradient(159deg,#26372b 0%,#12251e 51%,#091713 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M8 0H91C97 0 100 3 100 9C100 19 94 24 90 31C83 40 81 45 83 50C81 55 83 60 90 69C94 76 100 81 100 91C100 97 97 100 91 100H8C3 100 0 97 0 92V8C0 3 3 0 8 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M8 0H91C97 0 100 3 100 9C100 19 94 24 90 31C83 40 81 45 83 50C81 55 83 60 90 69C94 76 100 81 100 91C100 97 97 100 91 100H8C3 100 0 97 0 92V8C0 3 3 0 8 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;filter:drop-shadow(9px 13px 18px #0009);box-shadow:inset 2px 0 #f4d79438,inset 0 1px #d6e6ad44}
  .mp-wrap{margin-left:clamp(252px,19vw,300px)}
}
.mp-sidebar::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#ecc76816 48%,transparent 65%);background-size:240% 100%;animation:wg-rail-glow 12s ease-in-out infinite}
@keyframes wg-rail-glow{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.mp-sidebar-label{color:#c4ad75;letter-spacing:.19em}
.mp-nav-glyph{width:32px;height:32px;border-radius:11px 8px 11px 8px;border-color:#b8a06e75;background:radial-gradient(circle at 28% 12%,#d6c78268,transparent 40%),linear-gradient(150deg,#395544,#10241e 72%);box-shadow:inset 0 1px #ffffff7b,inset 0 -3px #0008,0 3px 6px #0009,0 0 0 1px #d5ad5931}
.mp-nav-glyph::before{inset:2px;border-radius:8px 5px 8px 5px;border-color:#ffe7ab45}
.mp-nav-glyph .mp-icon{display:none}
.mp-nav-glyph::after{content:"";position:relative;z-index:1;display:block;width:30px;height:30px;background:center/contain no-repeat;filter:drop-shadow(0 2px 2px #0007);transition:transform .2s ease}
.mp-nav-games .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23c8f477'/%3E%3Cstop offset='.43' stop-color='%233d8d65'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M13 23c-5-1-7 2-9 13-2 9 2 14 9 11l9-7h20l9 7c7 3 11-2 9-11-2-11-4-14-9-13-9 2-27 2-38 0Z' fill='url("/assets/%23body")' stroke='%23a6c494' stroke-width='2'/%3E%3Cpath d='M12 26c12 4 28 4 40 0' fill='none' stroke='%23eaffdc' stroke-opacity='.6' stroke-width='2'/%3E%3Cpath d='M17 31v12m-6-6h12' stroke='%23d2efad' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='43' cy='34' r='3' fill='%23f4ce76'/%3E%3Ccircle cx='50' cy='40' r='3' fill='%2386d5c0'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-lobby .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffe6aa'/%3E%3Cstop offset='.43' stop-color='%2398713e'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M7 29 32 9l25 20v26H7Z' fill='url("/assets/%23body")' stroke='%23e6d393' stroke-width='2'/%3E%3Cpath d='M7 29 32 9l25 20' fill='none' stroke='%23fff0b5' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M25 55V36h14v19' fill='%23102723' stroke='%23e3ce91' stroke-width='2'/%3E%3Ccircle cx='35' cy='46' r='1.6' fill='%23f3cb75'/%3E%3Cpath d='M13 33h9v10h-9Zm29 0h9v10h-9Z' fill='%238ddac4' stroke='%23e2ffea' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-rooms .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23d8bdff'/%3E%3Cstop offset='.43' stop-color='%23725796'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M11 9h34v46H11Z' fill='url("/assets/%23body")' stroke='%23d8c8f5' stroke-width='2'/%3E%3Cpath d='M18 14h26v41H18Z' fill='%2318263b' stroke='%23d8c8f5' stroke-width='2'/%3E%3Cpath d='M18 14 40 19v31l-22 5Z' fill='url("/assets/%23body")' stroke='%23f0ddff' stroke-width='2'/%3E%3Ccircle cx='33' cy='36' r='2.2' fill='%23fff1a7'/%3E%3Cpath d='M22 21 37 24' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-rounds .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffdaa0'/%3E%3Cstop offset='.43' stop-color='%23a35b38'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Ccircle cx='32' cy='33' r='23' fill='url("/assets/%23body")' stroke='%23ffde9a' stroke-width='3'/%3E%3Ccircle cx='32' cy='33' r='18' fill='%2310211e' stroke='%23bf9561' stroke-width='2'/%3E%3Cpath d='M32 20v14l10 6' fill='none' stroke='%23ffe6a8' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M17 7h9m12 0h9' stroke='%23fff0c0' stroke-width='4' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-challenges .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffa9ae'/%3E%3Cstop offset='.43' stop-color='%23a33453'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='m10 11 42 42m2-43L11 53' stroke='%230b1518' stroke-width='13' stroke-linecap='round'/%3E%3Cpath d='m10 11 42 42' stroke='url("/assets/%23body")' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='m54 10-43 43' stroke='%23dceef3' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='m6 21 16-15m20 0 16 15M6 43l16 15m20 0 16-15' stroke='%23ffe5c4' stroke-width='4' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-rankings .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23b4e8ff'/%3E%3Cstop offset='.43' stop-color='%235575bc'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M6 50h52v7H6Z' fill='%231a2532' stroke='%23cbd7e9' stroke-width='2'/%3E%3Cpath d='M8 35h14v15H8Zm14-15h20v30H22Zm20 21h14v9H42Z' fill='url("/assets/%23body")' stroke='%23d5e9ff' stroke-width='2'/%3E%3Cpath d='m32 23 2.4 5 5.5.8-4 3.8 1 5.4-4.9-2.6-4.9 2.6 1-5.4-4-3.8 5.5-.8Z' fill='%23fff2a7' stroke='%23fff8dc'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-tournaments .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffe69e'/%3E%3Cstop offset='.43' stop-color='%23ad7324'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M17 9h30v18c0 11-6 18-15 18s-15-7-15-18Z' fill='url("/assets/%23body")' stroke='%23ffe4a1' stroke-width='2'/%3E%3Cpath d='M17 17H8v8c0 9 5 12 12 12m27-20h9v8c0 9-5 12-12 12' fill='none' stroke='%23ebc775' stroke-width='4'/%3E%3Cpath d='M32 45v8m-13 4h26' stroke='%23ffe4a1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='m32 16 3 6 7 .9-5 4.7 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5-4.7 7-.9Z' fill='%23fff4c6'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-achievements .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23e5c7ff'/%3E%3Cstop offset='.43' stop-color='%23945cba'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Ccircle cx='32' cy='26' r='20' fill='url("/assets/%23body")' stroke='%23e6d4ff' stroke-width='3'/%3E%3Cpath d='m19 42-5 17 18-9 18 9-5-17' fill='%235c3b74' stroke='%23d5b8f5' stroke-width='2'/%3E%3Ccircle cx='32' cy='26' r='14' fill='%23241c2d' stroke='%23e6d4ff'/%3E%3Cpath d='m32 14 3.7 7.5 8.3 1.2-6 5.8 1.4 8.2-7.4-3.9-7.4 3.9 1.4-8.2-6-5.8 8.3-1.2Z' fill='%23ffe6ac'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-referrals .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%239af0be'/%3E%3Cstop offset='.43' stop-color='%23438761'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Ccircle cx='22' cy='24' r='8' fill='url("/assets/%23body")' stroke='%23dcffe7' stroke-width='2'/%3E%3Ccircle cx='44' cy='24' r='7' fill='url("/assets/%23body")' stroke='%23dcffe7' stroke-width='2'/%3E%3Cpath d='M7 50c2-11 7-16 15-16s13 5 15 16H7Zm23 0c2-10 6-15 14-15s12 5 14 15H30Z' fill='url("/assets/%23body")' stroke='%23d8ffdf' stroke-width='2'/%3E%3Cpath d='M31 26h5' stroke='%23fff0bc' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-share .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%239affd4'/%3E%3Cstop offset='.43' stop-color='%23318272'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M11 39v15h42V39' fill='%23133b32' stroke='%23d6ffe9' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M32 43V8m0 0L20 22M32 8l12 14' fill='none' stroke='url("/assets/%23body")' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m17 14 2-4 2 4 4 2-4 2-2 4-2-4-4-2Z' fill='%23fff8be'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-community .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffc6da'/%3E%3Cstop offset='.43' stop-color='%239c5a79'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Ccircle cx='32' cy='16' r='8' fill='url("/assets/%23body")' stroke='%23ffe6ef' stroke-width='2'/%3E%3Ccircle cx='12' cy='27' r='6' fill='url("/assets/%23body")' stroke='%23ffe6ef' stroke-width='2'/%3E%3Ccircle cx='52' cy='27' r='6' fill='url("/assets/%23body")' stroke='%23ffe6ef' stroke-width='2'/%3E%3Cpath d='M17 52c1-13 6-20 15-20s14 7 15 20H17ZM2 52c1-8 4-13 10-13s8 5 9 13H2Zm41 0c1-8 4-13 9-13s8 5 10 13H43Z' fill='url("/assets/%23body")' stroke='%23ffe6ef' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-profile .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23b2efff'/%3E%3Cstop offset='.43' stop-color='%234783a1'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M32 5 51 13v26c0 11-8 18-19 21C21 57 13 50 13 39V13Z' fill='url("/assets/%23body")' stroke='%23cef2ff' stroke-width='3'/%3E%3Ccircle cx='32' cy='26' r='8' fill='%23e5fdff'/%3E%3Cpath d='M20 46c1-8 5-12 12-12s11 4 12 12' fill='%23d6f8ff'/%3E%3Cpath d='M16 15 32 8l16 7' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-support .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23fff0ad'/%3E%3Cstop offset='.43' stop-color='%23a98335'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M10 34v-8c0-13 9-21 22-21s22 8 22 21v8' fill='none' stroke='url("/assets/%23body")' stroke-width='9' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Crect x='46' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Cpath d='M53 50c-3 7-9 9-18 9' fill='none' stroke='%23fff1b7' stroke-width='3'/%3E%3Ccircle cx='31' cy='58' r='4' fill='%23fff2b4'/%3E%3C/g%3E%3C/svg%3E")}
.mp-nav-rules .mp-nav-glyph::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23cbd8ff'/%3E%3Cstop offset='.43' stop-color='%236478ac'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M6 10c12-4 20-2 26 2 6-4 14-6 26-2v42c-12-4-20-2-26 2-6-4-14-6-26-2V10Z' fill='url("/assets/%23body")' stroke='%23d8ddff' stroke-width='2'/%3E%3Cpath d='M32 12v42M13 20h12m-12 8h12m-12 8h10m17-16h12m-12 8h12m-12 8h10' stroke='%23eef0ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 12c9-3 17-2 24 2 7-4 15-5 24-2' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.mp-side-nav a{min-height:39px;gap:8px}
.mp-side-nav a.active{border-color:#a89561;background:linear-gradient(100deg,#475233b8,#233a2b 80%);box-shadow:inset 3px 0 var(--wg-gold),0 0 15px #d3b46b18;color:#fff5d8}
.mp-side-nav a.active .mp-nav-glyph{border-color:#efce86;box-shadow:inset 0 1px #fff9d6,0 3px 7px #0009,0 0 12px #f2ce7b45}
@media(hover:hover){.mp-side-nav a:hover .mp-nav-glyph::after{transform:translateY(-2px) rotate(-4deg)}}
@media(max-width:780px){.mp-sidebar{background:radial-gradient(circle at 68% 5%,#8b7a3e38,transparent 32%),linear-gradient(155deg,#26372b,#0c1a17 76%);border-radius:0 26px 26px 0;box-shadow:10px 0 32px #0009,inset 2px 0 #f4d79435}.mp-sidebar::after{border-radius:inherit}}
html[data-theme="light"] .mp-sidebar{background:radial-gradient(circle at 70% 3%,#fff8d9,transparent 34%),linear-gradient(160deg,#f2f3df,#dfebdf 63%,#d1e4d6)}
html[data-theme="light"] .mp-nav-glyph{background:radial-gradient(circle at 28% 12%,#e7cf8f90,transparent 42%),linear-gradient(150deg,#476a50,#193327 75%)}
html[data-theme="light"] .mp-side-nav a.active{background:linear-gradient(100deg,#e9dfb5,#d8e8cd);color:#24432a;border-color:#c3ac6b}

/* Favorites is a top-level destination instead of the last block of Home. */
body[data-page="games"] .mp-favorites{display:none}
body[data-page="games"].mp-favorites-view .mp-favorites{display:block;min-height:calc(100vh - 250px);margin:0;padding:4px 0 30px;border:0}
body[data-page="games"].mp-favorites-view .wg-home-feature,
body[data-page="games"].mp-favorites-view .mp-all-games-head,
body[data-page="games"].mp-favorites-view #all-games,
body[data-page="games"].mp-favorites-view #search-empty{display:none!important}
body[data-page="games"].mp-favorites-view .mp-favorites-head{margin:8px 0 20px}
body[data-page="games"].mp-favorites-view .mp-favorites-head h2,body[data-page="games"].mp-favorites-view .mp-favorites-head h1{font-size:clamp(27px,3vw,38px);letter-spacing:-.045em}
.wg-favorites-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:16px 20px;border:1px solid #8d7948;border-radius:15px;background:radial-gradient(circle at 92% 20%,#9a7d3e4f,transparent 30%),linear-gradient(120deg,var(--wg-s3),var(--wg-s2));box-shadow:inset 0 1px #ffefad4d}
.wg-favorites-intro span{color:#f0d485;font-size:10px;font-weight:900;letter-spacing:.15em}
.wg-favorites-intro p{margin:7px 0 0;color:var(--wg-text-tint);font-size:12px;line-height:1.45}
.wg-favorites-intro a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 13px;border:1px solid #d2b56a;border-radius:8px;background:linear-gradient(145deg,#f0d68f,#cba659);color:var(--wg-s3);font-size:11px;font-weight:900}
.wg-favorites-intro a:hover{background:#ffe6a4;color:var(--wg-s2)}
.wg-favorites-intro a:focus-visible{outline:2px solid #ffe6a4;outline-offset:2px}
body[data-page="games"].mp-favorites-view .mp-favorites-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px}
body[data-page="games"].mp-favorites-view .mp-favorites-list>.mp-shortcut{min-height:82px;border-color:#665b3e;background:linear-gradient(125deg,var(--wg-s4),var(--wg-s2) 75%)}
body[data-page="games"].mp-favorites-view .mp-shortcut-cover{width:63px;height:63px;object-fit:contain;background:radial-gradient(circle,var(--wg-accent-deep),var(--wg-s2) 75%)}
body[data-page="games"].mp-favorites-view .mp-shelf-panel>p{border-color:#786843;color:#d5c59f}
.mp-quick-nav{border-bottom-color:#7e704945;background:linear-gradient(90deg,var(--wg-s1),var(--wg-s1) 65%)}
.mp-quick-nav a[aria-current="page"]{border-color:#bda363;color:#fff2c9;background:linear-gradient(135deg,var(--wg-s5),var(--wg-s3));box-shadow:inset 0 1px #ffe9ae50,0 2px 8px #0005}
.mp-quick-nav a[href$="#favorites"]::before{content:"★";margin-right:6px;color:#eac879;font-size:12px;line-height:1}
.mp-topbar{border-bottom-color:#82704755}
.mp-account-link{border-color:#f0d27b;background:linear-gradient(145deg,#f9df91,#cfa856);color:var(--wg-s3);box-shadow:inset 0 1px #fff9c8,0 4px 12px #0005}
.mp-account-link:hover{background:linear-gradient(145deg,#fff0b5,#e6c36e);color:var(--wg-s3)!important}
.wg-home-section-kicker,.wg-home-eyebrow{color:#f1d47e}
.wg-home-hero-stamp{border-color:#e6c76e8c;color:#ffefd0;background:#282919d1}
.wg-home-hero-stamp span{color:#ffe391}
.wg-home-promo-account{border-color:#af985f!important;background:radial-gradient(circle at 88% 35%,#c6a45d59,transparent 43%),linear-gradient(115deg,#343723,var(--wg-s3))!important}
.wg-game-scroll-controls button:hover{border-color:#e9c979;color:#ffedbd}
body[data-page="games"] .mp-game:hover{border-color:#d6b76a;box-shadow:0 13px 25px #0007,0 0 0 1px #b7975344}
html[data-theme="light"] .mp-quick-nav{background:linear-gradient(90deg,#faf6e7,var(--wg-pale));border-color:#d8c892}
html[data-theme="light"] .mp-quick-nav a[aria-current="page"]{background:linear-gradient(135deg,#f1e2ad,var(--wg-pale-2));border-color:#ba9b53;color:var(--wg-s4)}
html[data-theme="light"] body[data-page="games"].mp-favorites-view .mp-favorites-list>.mp-shortcut{background:linear-gradient(125deg,#f5f1da,var(--wg-pale-2));border-color:#d0b982}
html[data-theme="light"] .wg-favorites-intro{background:radial-gradient(circle at 92% 20%,#e4c98188,transparent 35%),linear-gradient(120deg,#f0f3df,var(--wg-pale-2));border-color:#ccb16d}
html[data-theme="light"] .wg-favorites-intro p{color:var(--wg-accent-lo)}
@media(max-width:580px){body[data-page="games"].mp-favorites-view .mp-favorites-list{grid-auto-flow:row;grid-template-columns:1fr;overflow:visible}body[data-page="games"].mp-favorites-view .mp-favorites-head{align-items:center}body[data-page="games"].mp-favorites-view .mp-favorites-head h2,body[data-page="games"].mp-favorites-view .mp-favorites-head h1{font-size:26px}.wg-favorites-intro{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 15px}.wg-favorites-intro a{min-height:44px}.mp-quick-nav a[href$="#favorites"]::before{margin-right:3px}}
@media(max-width:780px){.mp-quick-nav{min-height:54px}.mp-quick-nav a{min-height:44px}.mp-side-nav a{min-height:44px}.mp-menu-toggle{width:44px;height:44px;padding:8px}.wg-favorites-intro a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.mp-sidebar::after{animation:none}.mp-nav-glyph::after{transition:none!important}}

/* Home catalog: vertical categories with an independent horizontal game row. */
body[data-page="games"] .wg-catalog-sections{display:grid;gap:23px;min-width:0;margin:3px 0 25px}
body[data-page="games"] .wg-catalog-section{min-width:0;padding-top:14px;border-top:1px solid #8d774c66;scroll-margin-top:120px}
body[data-page="games"] .wg-catalog-section:first-child{border-top-color:#c9aa62a0}
body[data-page="games"] .wg-catalog-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 11px}
body[data-page="games"] .wg-catalog-section-head h3{margin:0 0 3px;color:var(--wg-text-tint);font-size:20px;line-height:1.15;letter-spacing:-.035em}
body[data-page="games"] .wg-catalog-section-head h3::before{content:"";display:inline-block;width:4px;height:18px;margin-right:9px;border-radius:4px;background:linear-gradient(#ffe7a2,#be9750);box-shadow:0 0 11px #dfbc6c4d;vertical-align:-2px}
body[data-page="games"] .wg-catalog-section-head p{margin:0;color:var(--mp-muted);font-size:10px;line-height:1.35}
body[data-page="games"] .wg-catalog-section .mp-game-grid{margin:0;padding-bottom:12px}
body[data-page="games"] .wg-catalog-section .wg-game-scroll-controls button{border-color:#806b42;background:linear-gradient(145deg,#2d3329,var(--wg-s2));color:#f3d686;box-shadow:inset 0 1px #fce2a72c}
body[data-page="games"] .wg-catalog-section .wg-game-scroll-controls button:hover{border-color:#e1bb65;background:var(--wg-s4);color:#ffe8ae}
body[data-page="games"] .wg-catalog-section[hidden],
body[data-page="games"] .wg-catalog-section .mp-game[hidden]{display:none!important}
body[data-page="games"] .wg-catalog-section .wg-game-scroll-controls button:disabled{opacity:.42;cursor:default}
html[data-theme="light"] body[data-page="games"] .wg-catalog-section{border-top-color:#b8a578a3}
html[data-theme="light"] body[data-page="games"] .wg-catalog-section-head h3{color:var(--wg-s3)}
html[data-theme="light"] body[data-page="games"] .wg-catalog-section .wg-game-scroll-controls button{background:linear-gradient(145deg,#fff8df,var(--wg-pale-2));border-color:#b5a06d;color:#694c1e}
@media(max-width:580px){body[data-page="games"] .wg-catalog-sections{gap:17px;margin-top:9px}body[data-page="games"] .wg-catalog-section{padding-top:12px}body[data-page="games"] .wg-catalog-section-head h3{font-size:18px}body[data-page="games"] .wg-catalog-section-head p{max-width:230px;font-size:9px}body[data-page="games"] .wg-catalog-section .wg-game-scroll-controls button{width:34px;height:34px}}
@media(max-width:360px){.mp-topbar{padding-right:8px}.mp-account-link{padding-inline:5px}}

/* Recent games stay on the home page, using the same real device history as Favorites. */
.wg-home-recent[hidden],body[data-page="games"].mp-favorites-view .wg-home-recent{display:none!important}
.wg-home-recent{min-width:0;margin:2px 0 23px;padding:0 0 20px;border-bottom:1px solid color-mix(in srgb,var(--wg-accent) 34.9%,transparent)}
.wg-home-recent-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}
.wg-home-recent-head h2{margin:3px 0 4px;color:var(--wg-text-tint);font-size:clamp(21px,2.4vw,29px);letter-spacing:-.045em}
.wg-home-recent-head p{margin:0;color:var(--wg-text-tint);font-size:11px}
.wg-home-recent-list{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(130px,14vw,170px);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 11px;scrollbar-color:var(--wg-accent-lo) var(--wg-s1)}
.wg-home-recent-list .mp-shortcut{display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0;min-height:157px;padding:10px;border:1px solid var(--wg-accent-lo);border-radius:14px;background:linear-gradient(155deg,var(--wg-s4),var(--wg-s2) 64%,var(--wg-s1));color:var(--wg-text-tint);text-decoration:none;scroll-snap-align:start;box-shadow:inset 0 1px color-mix(in srgb,var(--wg-accent-hi) 18%,transparent),0 8px 18px #0004;transition:transform .18s,border-color .18s,box-shadow .18s}
.wg-home-recent-list .mp-shortcut:hover{transform:translateY(-3px);border-color:var(--wg-accent-hi);box-shadow:inset 0 1px color-mix(in srgb,var(--wg-accent-pale) 30.2%,transparent),0 12px 22px #0007}
.wg-home-recent-list .mp-shortcut:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
.wg-home-recent-list .mp-shortcut-cover{display:block;flex:1;align-self:center;width:min(100%,118px);height:112px;object-fit:contain;border:0;background:none;box-shadow:none;filter:drop-shadow(0 7px 6px #0009)}
.wg-home-recent-list .mp-shortcut-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
@media(max-width:580px){.wg-home-recent{margin-bottom:19px}.wg-home-recent-list{grid-auto-columns:min(38vw,145px);gap:8px}.wg-home-recent-list .mp-shortcut{min-height:145px}.wg-home-recent-list .mp-shortcut-cover{height:101px}}
@media(prefers-reduced-motion:reduce){.wg-home-recent-list .mp-shortcut{transition:none}.wg-home-recent-list .mp-shortcut:hover{transform:none}}
/* Baccarat W card with a separately clickable 0 W practice link. */
body[data-page="games"] .mp-game-baccarat .mp-card-content{position:relative;z-index:5;pointer-events:none}
.mp-game-baccarat .mp-card-bottom{justify-content:space-between;align-items:center;gap:5px}
.mp-game-baccarat .mp-card-free{position:relative;z-index:5;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:30px;padding:5px 6px;border:1px solid var(--wg-accent-hi);border-radius:6px;background:var(--wg-s3);color:var(--wg-text-tint);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.mp-game-baccarat .mp-card-free:hover,.mp-game-baccarat .mp-card-free:focus-visible{background:var(--wg-s5);color:#fff;outline:2px solid var(--wg-accent-hi);outline-offset:2px}
.mp-game-baccarat .mp-card-action{gap:3px;min-width:0;padding:6px 7px;white-space:nowrap}
@media(max-width:580px){.mp-game-baccarat .mp-card-free{min-width:34px;min-height:27px;font-size:9px}.mp-game-baccarat .mp-card-action{font-size:9px;padding:5px 5px}}

@media(max-width:820px){.wg-home-hero-art{background-image:url("/assets/covers/premium-hero-800.webp")}}

/* /assets/community-ui.css */
.wg-com-ui{--wg-c-bg:color-mix(in srgb,var(--wg-s1) 82%,transparent);--wg-c-panel:color-mix(in srgb,var(--wg-s3) 78%,transparent);--wg-c-border:color-mix(in srgb,var(--wg-accent-pale) 18%,transparent);--wg-c-ink:var(--wg-text-tint);--wg-c-muted:#a9b8ad;--wg-c-accent:var(--wg-accent-hi);--wg-c-danger:#f2a5be;color:var(--wg-c-ink);margin:28px 0 34px}
html[data-theme="light"] .wg-com-ui{--wg-c-bg:var(--wg-pale);--wg-c-panel:#fff;--wg-c-border:color-mix(in srgb,var(--wg-s4) 19%,transparent);--wg-c-ink:var(--wg-s2);--wg-c-muted:#57695c;--wg-c-accent:var(--wg-accent-deep);--wg-c-danger:#b1365e}
.wg-com-ui [hidden]{display:none!important}
.wg-com-ui *{box-sizing:border-box}
.wg-c-status,.wg-c-auth,.wg-c-card,.wg-c-chat{background:var(--wg-c-bg);border:1px solid var(--wg-c-border);border-radius:24px;box-shadow:0 18px 42px rgba(0,0,0,.08)}
.wg-c-status{display:flex;gap:14px;align-items:flex-start;padding:22px 25px}
.wg-c-status[data-state="offline"]{border-color:color-mix(in srgb,var(--wg-c-danger) 35%,var(--wg-c-border))}
.wg-c-status strong{display:block;font-size:18px;line-height:1.3}
.wg-c-status p{margin:7px 0 0;color:var(--wg-c-muted);line-height:1.55}
.wg-c-dot{flex:none;margin-top:7px;width:10px;height:10px;border-radius:50%;background:var(--wg-c-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--wg-c-accent) 15%,transparent)}
.wg-c-status[data-state="offline"] .wg-c-dot{background:var(--wg-c-danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--wg-c-danger) 14%,transparent)}
.wg-c-auth{margin-top:20px;padding:25px;display:grid;gap:15px;max-width:660px}
.wg-c-auth h2,.wg-c-head h2,.wg-c-card h2{margin:0;font-size:clamp(21px,2.2vw,29px);line-height:1.15;letter-spacing:-.025em}
.wg-c-auth p,.wg-c-card p{margin:0;color:var(--wg-c-muted);line-height:1.58}
.wg-c-auth label{display:flex;align-items:flex-start;gap:10px;line-height:1.4;font-weight:650}
.wg-c-auth label a{color:var(--wg-c-accent);text-decoration:underline;text-underline-offset:2px}
.wg-c-auth input[type="checkbox"]{accent-color:var(--wg-c-accent);width:18px;height:18px;margin:1px 0 0;flex:none}
.wg-c-auth [data-login-widget]{min-height:42px}
.wg-c-small{font-size:13px}.wg-c-small a{color:var(--wg-c-accent)}
.wg-c-button{appearance:none;border:1px solid var(--wg-c-accent);border-radius:12px;background:var(--wg-c-accent);color:var(--wg-s1);padding:12px 18px;min-height:44px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .16s ease,filter .16s ease,background .16s ease}
.wg-c-account-link{display:inline-flex;align-items:center;justify-content:center;justify-self:start;text-decoration:none}
.wg-c-auth [data-telegram-login]:not([hidden]){display:grid;gap:12px}
html[data-theme="light"] .wg-c-button{color:#fff}
.wg-c-button:hover{transform:translateY(-2px);filter:brightness(1.07)}
.wg-c-button:focus-visible,.wg-c-text-button:focus-visible,.wg-c-ticket:focus-visible,.wg-c-back:focus-visible{outline:3px solid var(--wg-c-accent);outline-offset:3px}
.wg-c-button:disabled{opacity:.5;cursor:wait;transform:none}
.wg-c-quiet{background:transparent;color:var(--wg-c-accent)}
.wg-c-quiet:hover{background:color-mix(in srgb,var(--wg-c-accent) 12%,transparent)}
html[data-theme="light"] .wg-c-quiet{color:var(--wg-c-accent)}
.wg-c-chat,.wg-c-card{padding:clamp(20px,3vw,32px)}
.wg-c-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:20px}
.wg-c-kicker{display:block;margin-bottom:9px;color:var(--wg-c-accent);font-size:11px;letter-spacing:.16em;font-weight:800}
.wg-c-messages{display:grid;gap:10px;max-height:490px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.wg-c-message{padding:16px 18px;background:var(--wg-c-panel);border:1px solid var(--wg-c-border);border-radius:16px;overflow-wrap:anywhere}
.wg-c-message-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}
.wg-c-message-meta strong{font-size:14px}.wg-c-message-meta time{font-size:12px;color:var(--wg-c-muted)}
.wg-c-message p{margin:10px 0 0;white-space:pre-wrap;line-height:1.5}
.wg-c-text-button,.wg-c-back{border:0;background:none;padding:6px 0;color:var(--wg-c-accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:650;line-height:1.25}
.wg-c-text-button{margin-top:8px}
.wg-c-form{display:grid;gap:10px;margin-top:20px}
.wg-c-form label,.wg-c-report label{font-size:13px;font-weight:750}
.wg-c-form input,.wg-c-form textarea,.wg-c-report textarea{width:100%;border:1px solid var(--wg-c-border);background:var(--wg-c-panel);color:var(--wg-c-ink);border-radius:12px;padding:13px 14px;font:inherit;line-height:1.45;resize:vertical;min-width:0}
.wg-c-form input:focus-visible,.wg-c-form textarea:focus-visible,.wg-c-report textarea:focus-visible{outline:2px solid var(--wg-c-accent);outline-offset:1px}
.wg-c-form input::placeholder,.wg-c-form textarea::placeholder,.wg-c-report textarea::placeholder{color:var(--wg-c-muted);opacity:.8}
.wg-c-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wg-c-form-actions small{max-width:650px;color:var(--wg-c-muted);line-height:1.45}
.wg-c-report{display:grid;gap:10px;margin-top:18px;padding:18px;background:var(--wg-c-panel);border:1px solid var(--wg-c-border);border-radius:16px}
.wg-c-feedback{min-height:22px;margin:14px 0 0;color:var(--wg-c-accent);font-size:13px}
.wg-c-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wg-c-card h2{margin-bottom:9px}.wg-c-card .wg-c-button{justify-self:start}
.wg-c-faq-answer{margin-top:16px;padding:15px 17px;border:1px solid var(--wg-c-border);border-radius:13px;background:var(--wg-c-panel)}
.wg-c-faq-answer strong{display:block;margin-bottom:7px}.wg-c-faq-answer p{white-space:pre-wrap;color:var(--wg-c-ink)}.wg-c-faq-answer small{color:var(--wg-c-muted)}
.wg-c-ticket-area{margin-top:18px}
.wg-c-ticket{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:9px;text-align:left;background:var(--wg-c-panel);color:var(--wg-c-ink);border:1px solid var(--wg-c-border);border-radius:14px;padding:14px 16px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}
.wg-c-ticket:hover{transform:translateX(3px);border-color:var(--wg-c-accent)}
.wg-c-ticket strong,.wg-c-ticket small{display:block}.wg-c-ticket small{margin-top:5px;color:var(--wg-c-muted)}.wg-c-ticket em{font-style:normal;color:var(--wg-c-accent);font-size:12px;white-space:nowrap}
.wg-c-ticket-detail h3{margin:10px 0 6px;font-size:22px;overflow-wrap:anywhere}.wg-c-ticket-detail>p{margin:0 0 16px;color:var(--wg-c-accent)}
.wg-c-ticket-detail [data-ticket-messages]{display:grid;gap:10px;max-height:520px;overflow:auto}
.wg-c-empty{margin:0;padding:22px;color:var(--wg-c-muted);border:1px dashed var(--wg-c-border);border-radius:14px}
.wg-c-message-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px}
.wg-c-message-actions .wg-c-text-button{margin:0;min-height:40px}
.wg-c-w-tools{margin-top:18px;padding:18px 20px;background:var(--wg-c-panel);border:1px solid var(--wg-c-border);border-radius:17px}
.wg-c-w-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.wg-c-w-head strong{display:block;font-size:18px;line-height:1.25}
.wg-c-w-head p{margin:7px 0 0;color:var(--wg-c-muted);font-size:13px;line-height:1.4}
.wg-c-w-balance{min-width:145px;text-align:right}
.wg-c-w-balance small{display:block;margin-bottom:5px;color:var(--wg-c-muted)}
.wg-c-w-balance strong{font-size:20px;color:var(--wg-c-accent)}
.wg-c-w-tools>[data-w-history-toggle]{margin-top:10px;min-height:42px}
.wg-c-w-history,.wg-c-w-form,.wg-c-w-confirm{margin-top:13px;padding:16px;border:1px solid var(--wg-c-border);border-radius:14px;background:var(--wg-c-bg)}
.wg-c-w-history h3{margin:0 0 11px;font-size:16px}
.wg-c-transfer-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 0;border-top:1px solid var(--wg-c-border);font-size:13px}
.wg-c-transfer-line strong{margin-left:auto;color:var(--wg-c-accent);font-size:15px}
.wg-c-transfer-line time{color:var(--wg-c-muted)}
.wg-c-w-form{display:grid;gap:11px}.wg-c-w-form>strong{overflow-wrap:anywhere}.wg-c-w-form label{font-size:13px;font-weight:750}
.wg-c-w-form input{width:100%;min-height:44px;min-width:0;padding:11px 13px;border:1px solid var(--wg-c-border);border-radius:11px;background:var(--wg-c-panel);color:var(--wg-c-ink);font:inherit}
.wg-c-w-form input:focus-visible{outline:2px solid var(--wg-c-accent);outline-offset:2px}
.wg-c-w-confirm p{margin:10px 0 15px;line-height:1.5;overflow-wrap:anywhere}
.wg-c-w-actions{display:flex;flex-wrap:wrap;gap:10px}.wg-c-w-actions .wg-c-button{flex:1 1 150px}
.wg-com-ui[data-kind="chat"]{--wg-c-bg:var(--wg-s2);--wg-c-panel:var(--wg-s3);--wg-c-border:var(--wg-accent-lo);--wg-c-ink:var(--wg-text-tint);--wg-c-muted:var(--wg-text-tint);--wg-c-accent:var(--wg-accent-hi)}
html[data-theme="light"] .wg-com-ui[data-kind="chat"]{--wg-c-bg:var(--wg-pale);--wg-c-panel:#fff;--wg-c-border:var(--wg-accent-hi);--wg-c-ink:var(--wg-accent-deep);--wg-c-muted:var(--wg-accent-hi);--wg-c-accent:var(--wg-accent-deep)}
.wg-com-ui[data-kind="chat"] .wg-c-chat{display:flex;flex-direction:column;min-height:min(730px,90dvh);border-color:var(--wg-accent);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--wg-s4) 46.7%,transparent),transparent 44%),var(--wg-c-bg);box-shadow:0 24px 60px #0006}
.wg-com-ui[data-kind="chat"] .wg-c-messages{flex:1;min-height:260px;max-height:min(530px,54dvh);padding:6px 6px 12px 2px;scrollbar-color:var(--wg-accent) transparent}
.wg-com-ui[data-kind="chat"] .wg-c-message{border-radius:17px;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent) 40%,transparent)}
.wg-com-ui[data-kind="chat"] .wg-c-message-own{margin-left:min(12%,70px);background:var(--wg-s4);box-shadow:inset -3px 0 #e8c77e99}
.wg-com-ui[data-kind="chat"] .wg-c-role{display:inline-flex;align-items:center;border:1px solid #d5b873;border-radius:999px;padding:3px 8px;color:#f1d78e;font-size:11px;font-weight:800;white-space:nowrap}
.wg-com-ui[data-kind="chat"] .wg-c-message-meta{flex-wrap:wrap;gap:6px 12px}
.wg-com-ui[data-kind="chat"] .wg-c-form{flex:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--wg-c-border)}
.wg-com-ui[data-kind="chat"] .wg-c-name-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:16px;padding:15px;border:1px solid var(--wg-accent);border-radius:15px;background:var(--wg-c-panel)}
.wg-com-ui[data-kind="chat"] .wg-c-name-form label{display:grid;flex:1 1 230px;gap:7px;font-size:13px;font-weight:750}
.wg-com-ui[data-kind="chat"] .wg-c-name-form input{min-height:44px;min-width:0;padding:10px 12px;border:1px solid var(--wg-c-border);border-radius:10px;background:var(--wg-c-bg);color:var(--wg-c-ink);font:inherit}
.wg-com-ui[data-kind="chat"] .wg-c-name-form input:focus-visible{outline:2px solid var(--wg-c-accent);outline-offset:2px}
.wg-com-ui[data-kind="chat"] .wg-c-name-form .wg-c-button{flex:0 0 auto}
html[data-theme="light"] .wg-com-ui[data-kind="chat"] .wg-c-message-own{background:var(--wg-accent-pale)}
html[data-theme="light"] .wg-com-ui[data-kind="chat"] .wg-c-role{color:#775519;border-color:#a98647}
@media(max-width:600px){.wg-com-ui[data-kind="chat"] .wg-c-chat{min-height:min(650px,85dvh)}.wg-com-ui[data-kind="chat"] .wg-c-messages{min-height:230px;max-height:48dvh}.wg-com-ui[data-kind="chat"] .wg-c-name-form .wg-c-button{width:100%}}
@media(max-width:850px){.wg-c-two-col{grid-template-columns:1fr}}
@media(max-width:600px){.wg-com-ui{margin:20px 0 27px}.wg-c-status,.wg-c-auth,.wg-c-card,.wg-c-chat{border-radius:19px}.wg-c-status{padding:17px}.wg-c-head{align-items:flex-start}.wg-c-form-actions{align-items:stretch;flex-direction:column}.wg-c-form-actions .wg-c-button{width:100%}.wg-c-ticket{align-items:flex-start;flex-direction:column;gap:7px}.wg-c-message-meta{align-items:flex-start;flex-direction:column;gap:3px}.wg-c-w-tools{padding:15px}.wg-c-w-head{align-items:flex-start;flex-direction:column}.wg-c-w-balance{text-align:left}.wg-c-w-actions{flex-direction:column}.wg-c-w-actions .wg-c-button{flex:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.wg-com-ui *, .wg-com-ui *::before,.wg-com-ui *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.wg-c-button:hover,.wg-c-ticket:hover{transform:none}}
.wg-com-ui[data-kind="chat"] .wg-c-name-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding:8px 12px;border:1px solid var(--wg-c-border);border-radius:11px;background:var(--wg-c-panel);font-size:12px;color:var(--wg-c-muted)}
.wg-com-ui[data-kind="chat"] .wg-c-name-bar span{min-width:0;overflow-wrap:anywhere}
.wg-com-ui[data-kind="chat"] .wg-c-name-bar .wg-c-text-button{margin:0;min-height:40px}
/* CHAT 2026-10-16: calmer ticket bubbles on the full support page. */
.wg-c-message-assistant{box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent-pale) 60%,transparent)}
.wg-c-message-staff{box-shadow:inset 3px 0 #e3c16f99}
.wg-c-message-own{margin-left:auto}
.wg-c-typing{margin:6px 2px;opacity:.8;font-size:12px;font-style:italic}
/* support desk names 2026-10-21 */
.wg-c-auto{font-style:normal;font-size:11px;line-height:1;padding:3px 7px;border-radius:999px;color:var(--wg-c-muted);border:1px solid color-mix(in srgb,var(--wg-c-muted) 45%,transparent);margin-right:auto}
.wg-c-agent{display:block;margin-bottom:4px;color:var(--wg-c-muted);font-size:12px}
/* chat 2.0 2026-10-21: the shared messenger view replaces the card list and old composer */
.wg-c-has-chat2 [data-chat-form]{display:none!important}
.wg-c-chat2{display:flex;flex-direction:column;min-height:0;margin:8px 0}
.wg-c-chat2 .wgc-dock>*{margin-top:8px}

/* /assets/help-fab.css */
.wg-help-fab{--wg-panel:var(--wg-s1);--wg-card:var(--wg-s3);--wg-border:var(--wg-accent-lo);--wg-text:var(--wg-text-tint);--wg-muted:var(--wg-text-tint);--wg-accent:var(--wg-accent-hi);position:fixed;z-index:80;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font-family:inherit;color:var(--wg-text)}
html[data-theme="light"] .wg-help-fab{--wg-panel:var(--wg-pale);--wg-card:#fff;--wg-border:var(--wg-accent-hi);--wg-text:var(--wg-accent-deep);--wg-muted:var(--wg-accent-lo);--wg-accent:var(--wg-accent-deep)}
.wg-help-fab *{box-sizing:border-box}.wg-help-fab [hidden]{display:none!important}
.wg-help-trigger,.wg-help-close,.wg-help-tabs button,.wg-help-refresh,.wg-help-back,.wg-help-ticket,.wg-help-report-link,.wg-help-transfer-link,.wg-help-transfer-confirm button,.wg-help-transfer-history-toggle,.wg-help-fab form button{font:inherit;cursor:pointer}
.wg-help-trigger{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-left:auto;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 65.9%,transparent);border-radius:19px;background:linear-gradient(145deg,var(--wg-s5),var(--wg-s3));color:var(--wg-text-tint);box-shadow:0 12px 30px #0009,0 0 24px color-mix(in srgb,var(--wg-accent) 22%,transparent),inset 0 1px #ffffff50}
.wg-help-trigger:hover,.wg-help-trigger:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}.wg-help-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wg-help-panel{position:absolute;right:0;bottom:70px;display:flex;flex-direction:column;width:min(560px,calc(100vw - 28px));height:min(760px,calc(100dvh - 106px));min-height:300px;border:1px solid var(--wg-accent);border-radius:22px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--wg-s4) 40%,transparent),transparent 45%),var(--wg-panel);box-shadow:0 24px 68px #000c,0 0 36px color-mix(in srgb,var(--wg-accent) 12.9%,transparent),inset 0 1px color-mix(in srgb,var(--wg-accent-pale) 18.8%,transparent);overflow:hidden}
.wg-help-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:none;min-height:0;margin:0;padding:17px 19px 15px;background:linear-gradient(125deg,var(--wg-s4),var(--wg-s2) 68%,var(--wg-s2));border-bottom:1px solid color-mix(in srgb,var(--wg-accent) 54.9%,transparent)}
.wg-help-head small{color:#e3c981;font-size:10px;font-weight:900;letter-spacing:.16em}.wg-help-head h2{margin:3px 0 0;color:var(--wg-text-tint);font-size:20px;line-height:1.2}
.wg-help-close{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--wg-accent) 62.7%,transparent);border-radius:11px;background:var(--wg-s3);color:var(--wg-text-tint);font-size:25px;line-height:1}
.wg-help-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wg-border)}
.wg-help-tabs button{min-height:44px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-muted);font-size:13px;font-weight:800}
.wg-help-tabs button[aria-selected="true"]{border-color:var(--wg-accent-hi);background:linear-gradient(135deg,var(--wg-s5),var(--wg-s4));color:var(--wg-text-tint)}
.wg-help-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;overflow:hidden;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-status{margin:0 0 9px;color:var(--wg-muted);font-size:12px;line-height:1.4}.wg-help-auth{padding:18px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}
.wg-help-auth p{margin:0 0 12px;line-height:1.45}.wg-help-auth a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-weight:800}
.wg-help-messages,.wg-help-ticket-messages{display:grid;gap:9px}.wg-help-message{padding:10px 12px;border:1px solid var(--wg-border);border-radius:12px;background:var(--wg-card);overflow-wrap:anywhere}
.wg-help-message p{margin:6px 0;color:var(--wg-text);font-size:13px;line-height:1.4;white-space:pre-wrap}.wg-help-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wg-help-meta strong,.wg-help-message strong{font-size:12px}.wg-help-meta time,.wg-help-message time{color:var(--wg-muted);font-size:10px}.wg-help-empty{padding:15px;color:var(--wg-muted);font-size:13px}
.wg-help-report-link{min-height:44px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px}
.wg-help-transfer-link{min-height:44px;margin-right:12px;padding:8px 0;border:0;background:none;color:#e9d797;font-size:11px;font-weight:800}
.wg-help-transfer{margin:12px 0;padding:13px;border:1px solid #b99b55;border-radius:12px;background:var(--wg-card)}.wg-help-transfer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wg-help-transfer-head strong{color:var(--wg-accent);font-size:13px}.wg-help-transfer-close{flex:none;min-width:44px;min-height:44px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font:inherit;font-size:20px;cursor:pointer}.wg-help-transfer-recipient,.wg-help-transfer-confirm p{margin:8px 0;color:var(--wg-text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.wg-help-transfer-confirm{margin-top:10px;padding-top:8px;border-top:1px solid var(--wg-border)}.wg-help-transfer-confirm>div{display:flex;gap:8px}.wg-help-transfer-confirm button{flex:1;min-height:44px;padding:7px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text)}.wg-help-transfer-confirm [data-transfer-confirm]{border-color:var(--wg-accent-hi);background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent-lo));color:#fff;font-weight:900}.wg-help-transfer-confirm button:disabled{opacity:.55}
.wg-help-transfer-history-toggle{min-height:44px;margin-top:9px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-transfer-history{padding:8px;border:1px solid var(--wg-border);border-radius:9px}.wg-help-transfer-history p{margin:5px 0;color:var(--wg-muted);font-size:11px;line-height:1.35}
.wg-help-fab form{display:grid;gap:8px;margin-top:12px}.wg-help-fab form label{display:grid;gap:5px;color:var(--wg-muted);font-size:12px;font-weight:800}
.wg-help-fab textarea,.wg-help-fab input{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-text);font:inherit;font-size:13px;line-height:1.4;resize:vertical}
.wg-help-fab form button{min-height:44px;padding:9px 13px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font-size:12px;font-weight:900}
.wg-help-fab form button:disabled{opacity:.55;cursor:wait}.wg-help-report{padding:10px;border:1px solid var(--wg-border);border-radius:11px;background:var(--wg-card)}.wg-help-report>div{display:flex;gap:6px}.wg-help-report>div button{flex:1}
.wg-help-block{margin-bottom:12px;padding:13px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}.wg-help-block>strong{font-size:13px;color:var(--wg-accent)}.wg-help-block>p{margin:6px 0;color:var(--wg-muted);font-size:11px;line-height:1.45}
.wg-help-faq-answer{margin-top:9px;padding:10px;border:1px solid var(--wg-border);border-radius:10px}.wg-help-faq-answer strong{font-size:12px}.wg-help-faq-answer p{margin:6px 0 0;font-size:12px;line-height:1.4;white-space:pre-wrap}
.wg-help-faq-handoff{min-height:44px;margin-top:10px;padding:9px 12px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.wg-help-ticket{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px;text-align:left;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font-size:12px;overflow-wrap:anywhere}.wg-help-ticket:hover{border-color:var(--wg-accent)}
.wg-help-ticket-detail{margin-top:10px}.wg-help-ticket-detail h3{font-size:14px}.wg-help-back{min-height:44px;border:0;background:none;color:var(--wg-accent)}
.wg-help-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:9px 13px;border-top:1px solid var(--wg-border);background:var(--wg-card)}
.wg-help-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-refresh{min-height:44px;padding:7px;border:0;background:none;color:var(--wg-muted);font-size:12px}
.wg-help-body>div[role="tabpanel"]{flex:1;min-height:0}
#wg-help-chat-pane{display:flex;flex-direction:column;overflow:hidden}
#wg-help-support-pane{overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.wg-help-messages,.wg-help-ticket-messages{align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-messages{flex:1;padding:4px 3px 12px 1px}
.wg-help-message{padding:12px 14px;border-radius:14px;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent) 33.3%,transparent)}
.wg-help-message-own{margin-left:11%;background:var(--wg-s4);box-shadow:inset -3px 0 #e9c77d8c}
.wg-help-role{display:inline-flex;align-items:center;border:1px solid #d6bb79a1;border-radius:999px;padding:3px 7px;color:#f6dc9b;font-size:10px;font-weight:800;white-space:nowrap}
.wg-help-meta{flex-wrap:wrap;gap:6px 9px}
.wg-help-chat-form{flex:none;margin-top:8px!important;padding:12px 1px 0;border-top:1px solid var(--wg-border)}
.wg-help-chat-form label{font-size:11px!important}
.wg-help-chat-form textarea{max-height:105px;min-height:54px}
.wg-help-chat-form button{justify-self:end;min-width:120px}
.wg-help-name-form{flex:none;max-height:148px;overflow:auto;margin:8px 0 0!important;padding:10px;border:1px solid var(--wg-accent-hi);border-radius:12px;background:var(--wg-s3)}
.wg-help-name-form p{margin:0;color:var(--wg-muted);font-size:11px}
.wg-help-transfer,.wg-help-report{flex:none;max-height:190px;overflow-y:auto;overscroll-behavior:contain}
.wg-help-transfer{border-color:#bba369}
.wg-help-ticket-open{display:flex;flex-direction:column;overflow:hidden!important}
.wg-help-ticket-open>.wg-help-block:not(:last-child),.wg-help-ticket-open .wg-help-tickets{display:none}
.wg-help-ticket-open>.wg-help-block:last-child{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}
.wg-help-ticket-open .wg-help-ticket-detail{display:flex;flex-direction:column;flex:1;min-height:0}
.wg-help-ticket-open .wg-help-ticket-messages{flex:1;padding-right:3px}
.wg-help-ticket-open .wg-help-reply-form{flex:none;padding-top:10px;border-top:1px solid var(--wg-border)}
html[data-theme="light"] .wg-help-message-own{background:var(--wg-pale-2)}
html[data-theme="light"] .wg-help-name-form{background:var(--wg-pale)}
html[data-theme="light"] .wg-help-role{color:#78551f;border-color:#a47d3b}
.wg-help-fab button:focus-visible,.wg-help-fab a:focus-visible,.wg-help-fab textarea:focus-visible,.wg-help-fab input:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
html[data-theme="light"] .wg-help-trigger{background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:var(--wg-accent-deep);border-color:var(--wg-accent)}html[data-theme="light"] .wg-help-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--wg-accent-pale),var(--wg-pale-2));color:var(--wg-accent-deep)}
@media(max-width:600px){.wg-help-fab{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.wg-help-trigger{width:52px;height:52px}.wg-help-panel{bottom:63px;width:calc(100vw - 20px);height:calc(100dvh - 86px);border-radius:17px}.wg-help-fab textarea,.wg-help-fab input{font-size:16px}.wg-help-body{padding:10px}.wg-help-chat-form button{min-width:110px}.wg-help-transfer{max-height:min(270px,48dvh);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.wg-help-fab *{scroll-behavior:auto!important;transition:none!important}}
.wg-help-name-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:none;margin-top:6px;color:var(--wg-muted);font-size:11px}
.wg-help-name-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-help-name-toggle{flex:none;min-height:38px;padding:5px 2px;border:0;background:none;color:var(--wg-accent);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
/* CHAT 2026-10-16: calmer message well, readable bubbles, pills, typing, keyboard-safe composer. */
.wg-help-fab{--wg-well:var(--wg-s1);--wg-bubble:var(--wg-accent-deep);--wg-bubble-own:var(--wg-accent-deep);--wg-bubble-ai:var(--wg-s4);--wg-bubble-staff:var(--wg-s3);--wg-well-line:var(--wg-s5);bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}
html[data-theme="light"] .wg-help-fab{--wg-well:var(--wg-pale);--wg-bubble:#ffffff;--wg-bubble-own:var(--wg-pale-2);--wg-bubble-ai:var(--wg-pale);--wg-bubble-staff:#fbf4e4;--wg-well-line:var(--wg-pale-2)}
html body .wg-help-fab :is(.wg-help-messages,.wg-help-ticket-messages,.wg-help-faq-thread){background:var(--wg-well)!important;border:1px solid var(--wg-well-line);border-radius:14px;padding:10px 8px 12px}
.wg-help-faq-thread:empty{display:none}
.wg-help-faq-thread{display:grid;gap:8px;margin:10px 0 0;max-height:min(46dvh,420px);overflow-y:auto;overscroll-behavior:contain}
html body .wg-help-fab .wg-help-message{background:var(--wg-bubble)!important;border-color:var(--wg-well-line)!important;max-width:88%;box-shadow:none}
html body .wg-help-fab .wg-help-message-own{background:var(--wg-bubble-own)!important;margin-left:auto;box-shadow:inset -3px 0 #e9c77d8c}
html body .wg-help-fab .wg-help-message-assistant{background:var(--wg-bubble-ai)!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent-pale) 60%,transparent)}
html body .wg-help-fab .wg-help-message-staff{background:var(--wg-bubble-staff)!important;box-shadow:inset 3px 0 #e3c16f99}
.wg-help-message p{font-size:14px;line-height:1.45}
.wg-help-meta time{white-space:nowrap}
.wg-help-new-pill{position:sticky;bottom:8px;align-self:center;z-index:2;min-height:36px;margin:-44px auto 8px;padding:6px 14px;border:1px solid var(--wg-accent-hi);border-radius:999px;background:var(--wg-s4);color:var(--wg-text-tint);font:inherit;font-size:12px;font-weight:800;box-shadow:0 6px 18px #0008;cursor:pointer}
html[data-theme="light"] .wg-help-new-pill{background:var(--wg-s5);color:#fff}
.wg-help-unread-divider{display:flex;align-items:center;gap:8px;color:#f0c76b;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wg-help-unread-divider::before,.wg-help-unread-divider::after{content:"";flex:1;height:1px;background:currentColor;opacity:.5}
html[data-theme="light"] .wg-help-unread-divider{color:#8a5a12}
.wg-help-tabs button[data-unread]:not([data-unread=""])::after{content:attr(data-unread);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900}
.wg-help-typing{margin:6px 2px 0;color:var(--wg-muted);font-size:12px;font-style:italic}
.wg-help-typing::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:wg-help-dots 1.2s steps(4,end) infinite}
@keyframes wg-help-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.wg-help-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #e0b75a;border-radius:999px;color:#f6d58a;font-size:10px;font-style:normal;font-weight:800}
html[data-theme="light"] .wg-help-badge{color:#7a4c06;border-color:#b98a2b}
.wg-help-ticket strong{display:block;font-size:13px}.wg-help-ticket-line{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--wg-muted);font-size:11px}
.wg-help-ticket-state{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 8px;color:var(--wg-muted);font-size:12px}
.wg-help-alias-link{flex:none;margin-left:auto;color:var(--wg-accent);font-size:11px;font-weight:800}
.wg-help-guest>.wg-help-block:not(.wg-help-faq-block){display:none}
.wg-help-faq-block .wg-help-faq-handoff{display:inline-flex;align-items:center;text-decoration:none}
.wg-help-faq-form{margin-top:10px!important}
.wg-help-faq-form textarea,.wg-help-reply-form textarea,.wg-help-chat-form textarea{resize:none}
@media(max-width:600px){.wg-help-fab{bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}.wg-help-panel{height:calc(100dvh - 86px - var(--wg-kb,0px) - env(safe-area-inset-top));min-height:260px}.wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}.wg-help-message{max-width:94%}}
@media(max-width:600px){html body.mp-body .wg-help-fab{bottom:calc(var(--rd-dock-h,0px) + 12px + var(--wg-kb,0px))!important}html body.mp-body .wg-help-panel{height:calc(100dvh - 86px - var(--rd-dock-h,0px) - var(--wg-kb,0px))}}
.wg-help-ticket-open>.wg-help-block:last-child>strong,.wg-help-ticket-open .wg-help-reply-form label{font-size:0}
.wg-help-ticket-open .wg-help-reply-form label textarea{font-size:14px}
.wg-help-ticket-open .wg-help-ticket-detail h3{margin:2px 0 6px}
.wg-help-ticket-open .wg-help-ticket-messages{min-height:200px}
.wg-help-ticket-open .wg-help-reply-form textarea{min-height:46px;max-height:110px}
.wg-help-ticket-open .wg-help-reply-form{margin-top:8px!important}
@media(max-width:600px){.wg-help-ticket-open .wg-help-back{min-height:36px}.wg-help-ticket-open .wg-help-reply-form textarea{font-size:16px!important}}

/* UI 2026-10-17: on phones the open chat was anchored above the chat button, which sits
   above the stake bar and the dock. Its top (title, tabs) went off screen, the message
   list shrank to a sliver (cut «Передать W / Пожаловаться») and the game showed through
   below. Open chat = one full-screen sheet over everything; × in the header closes it. */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open{z-index:1200;bottom:0!important;right:0}
  html body .wg-help-fab.wg-help-open .wg-help-trigger{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{position:fixed;inset:0;top:0;bottom:var(--wg-kb,0px);width:auto;height:auto!important;max-height:none;min-height:0;
    border-radius:0;border-width:0;padding-top:env(safe-area-inset-top)}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:10px 12px 9px}
  html body .wg-help-fab.wg-help-open .wg-help-head h2{font-size:17px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs{padding:8px 10px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs button{min-height:40px}
  html body .wg-help-fab.wg-help-open .wg-help-messages{min-height:120px}
  html body .wg-help-fab.wg-help-open .wg-help-message .wg-help-meta{flex-wrap:wrap}
  html body .wg-help-fab.wg-help-open .wg-help-transfer-link,
  html body .wg-help-fab.wg-help-open .wg-help-report-link{min-height:36px;padding:6px 0}
  html body .wg-help-fab.wg-help-open .wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}
  html.wg-help-open,html.wg-help-open body{overflow:hidden!important}
}
/* support desk names 2026-10-21: «автоответ» badge next to the agent name */
.wg-help-auto{font-style:normal;font-size:10px;line-height:1;padding:3px 6px;border-radius:999px;color:var(--wg-muted);border:1px solid color-mix(in srgb,var(--wg-muted) 45%,transparent);margin-right:auto}
/* chat 2.0 + radio 2026-10-21: the messenger view fills the chat pane; unread / @ badge on the button */
#wg-help-chat-pane .wg-help-chat2{display:flex;flex-direction:column;flex:1;min-height:0}
#wg-help-chat-pane .wg-help-chat2>.wg-help-empty{margin:auto}
.wg-help-chat2 .wgc-dock>*{margin-top:6px!important}
.wg-help-chat2 .wg-help-name-bar{margin-top:4px}
.wg-help-trigger{position:relative}
.wg-help-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--wg-s1);border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900;line-height:18px;text-align:center}
.wg-help-count.wg-help-count-at{background:#ff6b7a;color:#fff}
html[data-theme="light"] .wg-help-count{border-color:#fff}
@media(min-width:601px){.wg-help-panel{width:min(600px,calc(100vw - 28px))}}

/* BEGIN CHATFAB cf1 (2026-10-21): two floating buttons (chat / support, v9 obsidian + gold + neon),
   tall compact panel: tabs in the header, one-line radio, pin chip, larger readable messages. */
.wg-help-sr{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.wg-help-fabs{display:flex;align-items:center;justify-content:flex-end;gap:10px}
html body .wg-help-fab .wg-help-trigger{position:relative;margin-left:0;padding:0;border:1px solid #c9a24a99;
  background:radial-gradient(circle at 30% 18%,var(--wg-s4) 0,var(--wg-s2) 52%,var(--wg-s0) 100%);color:#f3e2b0;
  box-shadow:0 12px 28px #000a,0 0 18px color-mix(in srgb,var(--wg-accent) 18%,transparent),inset 0 1px #ffffff2b,inset 0 -3px 8px color-mix(in srgb,var(--wg-accent) 11%,transparent);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
html body .wg-help-fab .wg-help-trigger::after{content:"";position:absolute;inset:3px;border:1px solid #e9c26226;border-radius:inherit;pointer-events:none}
html body .wg-help-fab .wg-help-trigger:hover{transform:translateY(-2px);border-color:#e9c262;box-shadow:0 14px 30px #000b,0 0 24px color-mix(in srgb,var(--wg-accent) 33.3%,transparent),inset 0 1px #ffffff33}
html body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{border-color:#e9c262;box-shadow:0 0 0 2px #e9c26255,0 10px 26px #000a,0 0 26px color-mix(in srgb,var(--wg-accent) 40%,transparent),inset 0 1px #ffffff33}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger{border-color:#b8903a;background:radial-gradient(circle at 30% 18%,#ffffff 0,var(--wg-pale) 55%,var(--wg-pale-2) 100%);
  box-shadow:0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 14px color-mix(in srgb,var(--wg-accent) 14.9%,transparent),inset 0 1px #fff}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{box-shadow:0 0 0 2px #c99525aa,0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}
.wg-help-fab .wg-help-ico{display:block;width:66%;height:66%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009);pointer-events:none}
html[data-theme="light"] .wg-help-fab .wg-help-ico{filter:drop-shadow(0 2px 2px #0004)}
.wg-help-fab .wg-help-trigger .wg-help-fallback{display:none}
.wg-help-fab .wg-help-trigger:not(:has(.wg-help-ico)) .wg-help-fallback{display:block}
.wg-help-fab .wg-help-count{z-index:1}
@media(prefers-reduced-motion:reduce){html body .wg-help-fab .wg-help-trigger{transition:none}html body .wg-help-fab .wg-help-trigger:hover{transform:none}}
/* the radio mini-player sits left of BOTH buttons */
@media(min-width:601px){html body .wgr-mini{right:calc(max(14px,env(safe-area-inset-right)) + 140px)}}
/* the page footer keeps its links clear of the two buttons */
@media(min-width:601px){html body:where([data-wgh~="kef4e3"]):not(.wg-0) .mp-footer{padding-right:calc(150px + env(safe-area-inset-right))}}
@media(max-width:600px){html body:where([data-wgh~="kef4e3"]):not(.wg-0) .mp-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  /* phones: the page (game field, last cards) can scroll clear of the buttons above the dock / stake bar */
  html body.mp-body:where([data-wgh~="kef4e3"]):not(.wg-0){padding-bottom:calc(var(--rd-dock-h,0px) + 64px)}
  html body.sbar-mobile.sbar-on:where([data-wgh~="kef4e3"]):not(.wg-0){padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 70px)!important}}
/* panel: tall (up to ~90 % of the window), header = tabs + tools, no footer row */
@media(min-width:601px){
  html body .wg-help-fab .wg-help-panel{bottom:70px;width:min(620px,calc(100vw - 28px));height:min(calc(100dvh - var(--wg-fab-off,14px) - 82px),90dvh);max-height:none;min-height:320px}
}
@media(min-width:1400px){html body .wg-help-fab .wg-help-panel{width:660px}}
html body .wg-help-fab .wg-help-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
html body .wg-help-fab .wg-help-head .wg-help-tabs{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:3px;border:1px solid color-mix(in srgb,var(--wg-accent) 33.3%,transparent);border-radius:12px;background:color-mix(in srgb,var(--wg-s0) 50.2%,transparent)}
html body .wg-help-fab .wg-help-head .wg-help-tabs button{min-width:0;min-height:34px;padding:4px 8px;border-radius:9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .wg-help-fab .wg-help-head .wg-help-tabs button[data-unread]:not([data-unread=""])::after{min-width:18px;height:18px;margin-left:5px;font-size:10px}
.wg-help-tools{flex:none;display:flex;align-items:center;gap:4px}
html body .wg-help-fab .wg-help-tools>:is(button,a){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid color-mix(in srgb,var(--wg-accent) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--wg-s3) 60%,transparent);color:var(--wg-text-tint);font-size:22px;line-height:1;text-decoration:none}
html body .wg-help-fab .wg-help-tools>:is(button,a):hover{border-color:var(--wg-accent-hi);background:var(--wg-s4)}
.wg-help-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] body .wg-help-fab .wg-help-head .wg-help-tabs{background:#ffffff26;border-color:#ffffff55}
html body .wg-help-fab .wg-help-body{padding:8px 10px 10px}
html body .wg-help-fab .wg-help-status{margin:0 0 6px}
html body .wg-help-fab .wg-help-status:empty{display:none}
/* chat: messages get the space */
.wg-help-chat2 .wgc-top{flex-wrap:wrap;gap:6px 8px;margin-bottom:6px}
.wg-help-chat2 .wgc-top>.wgc-online{position:static;order:0;flex:none;align-self:center;pointer-events:auto}
.wg-help-chat2 .wgc-top>.wgc-pin{order:2;flex:1 1 100%;margin:0}
.wg-help-chat2 .wgc-top>.wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed):not(:has(.wgc-pin-form)){order:0;flex:none;align-self:center}
html body .wg-help-chat2 .wgc-pin-add{position:relative;width:34px;height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-style:solid!important;border-radius:10px!important;font-size:0!important}
html body .wg-help-chat2 .wgc-pin-add::before{content:"📌";font-size:15px}
html body .wg-help-chat2 .wgc-pin-mini{min-height:32px;border-style:solid!important;border-radius:10px!important}
.wg-help-chat2 .wgc-pin-text{-webkit-line-clamp:1}
.wg-help-chat2 .wgc-pin{padding:6px 8px}
.wg-help-chat2 .wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed){padding:0}
.wg-help-chat2 .wgc-list{min-height:140px;padding:6px 0 12px}
.wg-help-chat2 .wgc-msg{padding:7px 14px 5px 10px;column-gap:10px}
.wg-help-chat2 .wgc-msg.wgc-grouped{padding-top:1px}
.wg-help-chat2 .wgc-nick{font-size:13.5px}
.wg-help-chat2 .wgc-head time{font-size:11.5px}
.wg-help-chat2 .wgc-text{font-size:15px;line-height:1.5}
.wg-help-chat2 .wgc-text.wgc-big{font-size:30px;line-height:1.15}
.wg-help-chat2 .wgc-gtime{opacity:.55}
.wg-help-chat2 .wgc-msg:hover .wgc-gtime{opacity:1}
.wg-help-chat2 .wgc-jump{bottom:calc(var(--wgc-composer,64px) + 26px)}
html body .wg-help-chat2 .wgc-dock>.wg-help-name-bar{margin-top:3px!important}
.wg-help-chat2 .wg-help-name-bar{font-size:11px}
html body .wg-help-chat2 .wg-help-name-bar :is(.wg-help-name-toggle,.wg-help-alias-link){min-height:26px;padding:2px 4px}
html body .wg-help-chat2 .wgc-composer{margin-top:4px!important}
/* radio: one compact line, expands on click */
html body .wg-help-chat2 .wgc-top .wgr-full.wg-help-radio{min-height:0;padding:4px 6px 4px 4px;gap:8px;border-radius:12px}
html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-play{width:32px;height:32px}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-play svg{width:16px;height:16px}
.wg-help-chat2 .wgr-full.wg-help-radio:not(.wg-help-radio-open) :is(.wgr-line2,.wgr-tools,.wgr-about){display:none!important}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-body{cursor:pointer}
.wg-help-chat2 .wgr-full.wg-help-radio-open{flex-wrap:wrap}
.wg-help-chat2 .wgr-full.wg-help-radio-open .wgr-body{flex:1 1 140px}
html body .wg-help-chat2 .wg-help-radio-more{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;padding:0;border:1px solid var(--r-line,var(--wg-s5));border-radius:50%;background:none;color:var(--r-muted,var(--wg-text-tint));cursor:pointer}
.wg-help-radio-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.wg-help-radio-open .wg-help-radio-more svg{transform:rotate(180deg)}
/* phones: almost full screen with margins (keyboard-safe), buttons hidden while open */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open .wg-help-fabs{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--wg-kb,0px));padding-top:0;border-width:1px;border-radius:18px}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:7px 8px}
  html body .wg-help-fab .wg-help-body{padding:7px 8px 8px}
  html body .wg-help-fab .wg-help-head .wg-help-tabs button{font-size:12.5px;padding:4px 6px}
  .wg-help-chat2 .wgc-msg{padding:6px 10px 4px 6px;column-gap:8px}
  .wg-help-chat2 .wgc-text{font-size:16px}
  .wg-help-chat2 .wgc-list{min-height:120px}
  .wg-help-fabs{gap:8px}
}
@media(max-width:400px){html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:360px){html body .wg-help-fab .wg-help-tools .wg-help-refresh{display:none}}
/* END CHATFAB cf1 */

/* BEGIN HELPFAB-ALL hf1: buttons in the free space of the game sidebar on desktop game pages; plates pages show them too */
@media(min-width:1024px){
  html body .wg-help-fab.wg-help-left{left:var(--wg-left-x,16px)!important;right:auto!important;bottom:var(--wg-left-bottom,14px)!important;z-index:1010}
  html body .wg-help-fab.wg-help-left .wg-help-fabs{justify-content:flex-start}
  html body .wg-help-fab.wg-help-left .wg-help-panel{left:0;right:auto}
}
html body.plates-page .wg-help-fab{display:block}
.wg-help-spacer{display:block;height:84px;pointer-events:none;clear:both}
@media(max-width:600px){.wg-help-spacer{height:64px}}
.wg-help-spacer[hidden]{display:none}
html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:40px;height:40px;border-radius:13px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:58px;height:58px;border-radius:18px}}
html body .wg-help-fab.wg-help-gutter:not(.wg-help-open){top:var(--wg-gut-top,40vh)!important;bottom:auto!important;right:var(--wg-gut-right,6px)!important;z-index:1100}
html body .wg-help-fab.wg-help-gutter .wg-help-fabs{flex-direction:column;gap:8px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-panel{position:fixed;top:auto;right:14px;bottom:14px;height:min(calc(100dvh - 28px),90dvh)}}
/* tabs row removed: the header shows the section title (switch with the two buttons) */
html body .wg-help-fab .wg-help-head .wg-help-tabs{display:none!important}
html body .wg-help-fab .wg-help-head #wg-help-title{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis;flex:1;min-width:0;margin:0 0 0 4px!important;padding:0!important;color:var(--wg-text-tint);font-size:17px;font-weight:900;line-height:34px}
html[data-theme="light"] body .wg-help-fab .wg-help-head #wg-help-title{color:var(--wg-text-tint)}
/* resize handles (desktop / tablet only) */
.wg-help-rz{position:absolute;z-index:6;touch-action:none;-webkit-user-select:none;user-select:none}
.wg-help-rz-top{top:-4px;left:18px;right:18px;height:10px;cursor:ns-resize}
.wg-help-rz-side{top:18px;bottom:18px;left:-4px;width:10px;cursor:ew-resize}
.wg-help-rz-corner{top:-5px;left:-5px;width:22px;height:22px;cursor:nwse-resize}
.wg-help-rz-corner::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border-left:2px solid #e9c262aa;border-top:2px solid #e9c262aa;border-radius:3px 0 0 0}
.wg-help-left .wg-help-rz-side{left:auto;right:-4px}
.wg-help-left .wg-help-rz-corner{left:auto;right:-5px;cursor:nesw-resize}
.wg-help-left .wg-help-rz-corner::after{left:auto;right:7px;border-left:0;border-right:2px solid #e9c262aa;border-radius:0 3px 0 0}
.wg-help-rz:hover,.wg-help-resizing .wg-help-rz{background:color-mix(in srgb,var(--wg-accent) 13.3%,transparent);border-radius:6px}
.wg-help-resizing,.wg-help-resizing *{-webkit-user-select:none!important;user-select:none!important}
.wg-help-resizing .wg-help-panel{transition:none!important}
@media(max-width:600px){.wg-help-rz{display:none}}
/* END HELPFAB-ALL hf1 */

/* BEGIN CHAT-ALIGN al1 (2026-10-21, owner: «чтобы ровно было»): every row of the chat on one axis.
   Message toolbar 😊 ↩ ⋯ -> three same-size line icons (the emoji glyph sat higher than the arrow and dots). */
.wgc .wgc-acts{align-items:center;top:3px}
.wgc .wgc-act{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:28px;margin:0;padding:0!important;
  font-size:0!important;line-height:0!important;color:var(--c-muted,var(--wg-text-tint))!important;vertical-align:middle}
.wgc .wgc-act::before{content:"";display:block;width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--wgc-ico) center/contain no-repeat;mask:var(--wgc-ico) center/contain no-repeat}
.wgc .wgc-act:hover,.wgc .wgc-act:focus-visible{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-act[data-act="react"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="reply"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7 4 12l5 5'/%3E%3Cpath d='M4 12h10a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="more"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E")}
/* composer: emoji, text, send on one line (same 36 px height, centred glyphs; the emoji button is a line icon too) */
html body .wgc .wgc-emoji-btn{font-size:0!important;color:var(--c-muted,var(--wg-text-tint))!important}
.wgc .wgc-emoji-btn::before{content:"";display:block;width:22px;height:22px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat}
html body .wgc .wgc-emoji-btn:hover,html body .wgc .wgc-emoji-btn[aria-expanded="true"]{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-row{align-items:flex-end}
html body .wgc .wgc-icon,html body .wgc .wgc-send{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;line-height:1!important;margin:0!important;vertical-align:middle}
html body .wgc textarea.wgc-input{min-height:36px!important;padding-top:8px!important;padding-bottom:8px!important;line-height:20px!important;margin:0!important}
html body .wgc textarea.wgc-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* reactions, menu items, pin chips, online */
.wgc .wgc-react{display:inline-flex;align-items:center;gap:4px;line-height:1}
.wgc .wgc-menu-item{line-height:1.2}
.wgc .wgc-menu-item span:first-child{display:inline-flex;align-items:center;justify-content:center;height:20px}
.wgc .wgc-pin-mini,.wgc .wgc-online{display:inline-flex;align-items:center;line-height:1}
/* rain / task timers row */
.wgc .wgx-bar{align-items:center}
.wgc .wgx-chip,.wgc .wgx-rain{display:inline-flex;align-items:center;gap:4px;height:24px;box-sizing:border-box;line-height:1!important;padding-top:0!important;padding-bottom:0!important;vertical-align:middle}
/* panel header tools and radio row */
.wg-help-tools>:is(button,a){line-height:1!important}
.wg-help-chat2 .wgr-full.wg-help-radio{align-items:center}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-line1{align-items:center;line-height:1.2}
/* END CHAT-ALIGN al1 */

/* BEGIN PANELS-CLOSE pc1 (2026-10-21): every pop-up closes on phones (big ✕, dim background, swipe, Back, Esc) */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open::before{content:"";position:fixed;inset:0;background:#000000a6}
  html body .wg-help-fab.wg-help-open .wg-help-head{position:relative;padding-top:14px!important;touch-action:none}
  html body .wg-help-fab.wg-help-open .wg-help-head::after{content:"";position:absolute;top:5px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#ffffff59;pointer-events:none}
}
@media(pointer:coarse){
  html body .wg-help-fab .wg-help-tools>:is(button,a){width:44px;height:44px}
  html body .wgr-mini .wgr-close{width:44px!important;height:44px!important;font-size:22px!important}
  html body .wg-toast button{min-width:44px;min-height:44px}
  html body :is(.wgf-modal-close,.wg-shell-close,.wg-board-close){min-width:44px!important;min-height:44px!important}
  html body .wgc .wgc-acts .wgc-act{width:40px;height:36px}
}
@media(hover:none){html body .wgc-msg.wgd-sel .wgc-acts{display:flex!important}html body .wgc-msg.wgd-sel{background:var(--c-row-hover)}}
.wgc .wgd-x{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid var(--c-line,var(--wg-s4));border-radius:12px;background:none;color:var(--c-text,#fff);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.wgx-bar .wgd-bar-x{flex:none;width:30px;height:26px;margin-left:2px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.75}
@media(pointer:coarse){.wgx-bar .wgd-bar-x{width:40px;height:32px}}
.wgx-bar.wgd-gone{display:none!important}
.wg-toasts{pointer-events:none!important}.wg-toasts>*{pointer-events:auto}
.wgd-out{opacity:0!important;transition:opacity .25s ease}
/* chat extras windows (player card, moderation, rain): ✕ in the corner, sheet grip on phones */
.wgx-back .wgx-modal{position:relative}
.wgx-back .wgd-mx{position:absolute;top:6px;right:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.wgx-back .wgx-modal>h3{padding-right:48px}
.wgx-back .wgd-grip{display:none}
@media(max-width:600px){.wgx-back .wgx-modal{padding-top:26px!important}.wgx-back .wgd-grip{display:block;position:absolute;top:0;left:56px;right:56px;height:30px;touch-action:none}
  .wgx-back .wgd-grip::before{content:"";position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:color-mix(in srgb,var(--wg-accent) 60%,transparent)}}
@media(pointer:coarse){.wgx-menu button{min-height:44px}}
/* END PANELS-CLOSE pc1 */

/* /assets/inline-help-collapse.css */
.wg-inline-help{margin:24px 0 28px;color:var(--wg-text-tint)}
.wg-inline-help>summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:76px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--wg-accent-pale) 25%,transparent);border-radius:20px;background:color-mix(in srgb,var(--wg-s1) 82%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.08);cursor:pointer;user-select:none}
.wg-inline-help>summary::-webkit-details-marker{display:none}
.wg-inline-help>summary::marker{content:""}
.wg-inline-help>summary:hover{border-color:color-mix(in srgb,var(--wg-accent-hi) 66%,transparent);background:color-mix(in srgb,var(--wg-s3) 90%,transparent)}
.wg-inline-help>summary:focus-visible{outline:3px solid var(--wg-accent-hi);outline-offset:3px}
.wg-inline-help-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;color:var(--wg-text-tint);background:color-mix(in srgb,var(--wg-accent) 12%,transparent)}
.wg-inline-help-mark svg{width:23px;height:23px}
.wg-inline-help-copy{display:grid;gap:3px;min-width:0;flex:1}
.wg-inline-help-copy strong{font-size:16px;line-height:1.3}
.wg-inline-help-copy small{color:#a9b8ad;font-size:13px;line-height:1.4}
.wg-inline-help-open{display:none}
.wg-inline-help[open] .wg-inline-help-closed{display:none}
.wg-inline-help[open] .wg-inline-help-open{display:block}
.wg-inline-help-chevron{flex:none;width:20px;height:20px;color:var(--wg-text-tint);transition:transform .16s ease}
.wg-inline-help[open] .wg-inline-help-chevron{transform:rotate(180deg)}
.wg-inline-help-body>.wg-com-ui{margin:14px 0 0}
html[data-theme="light"] .wg-inline-help{color:var(--wg-s2)}
html[data-theme="light"] .wg-inline-help>summary{background:var(--wg-pale);border-color:color-mix(in srgb,var(--wg-s4) 20%,transparent)}
html[data-theme="light"] .wg-inline-help>summary:hover{background:#fff;border-color:var(--wg-accent-deep)}
html[data-theme="light"] .wg-inline-help>summary:focus-visible{outline-color:var(--wg-accent-deep)}
html[data-theme="light"] .wg-inline-help-mark{color:var(--wg-accent-lo);background:color-mix(in srgb,var(--wg-s5) 11%,transparent)}
html[data-theme="light"] .wg-inline-help-copy small{color:#57695c}
html[data-theme="light"] .wg-inline-help-chevron{color:var(--wg-accent-lo)}
@media(max-width:600px){.wg-inline-help{margin:18px 0 24px}.wg-inline-help>summary{gap:12px;padding:14px;border-radius:18px}.wg-inline-help-copy strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.wg-inline-help-chevron{transition:none}}

/* /assets/blue-ui.css */
/* WIND GAME content palette. The sculpted navigation rail and action buttons stay green. */
html:not([data-theme="light"]) body.mp-body {
  --mp-bg: var(--wg-s0);
  --mp-panel: var(--wg-s2);
  --mp-panel2: var(--wg-s3);
  --mp-line: var(--wg-s5);
  --mp-text: var(--wg-text-tint);
  --mp-muted: var(--wg-text-tint);
  --panel: var(--wg-s2);
  --line: var(--wg-s5);
  --muted: var(--wg-text-tint);
  background: radial-gradient(ellipse at 77% 5%, color-mix(in srgb,var(--wg-accent-deep) 19.2%,transparent), transparent 38%),
    radial-gradient(ellipse at 25% 79%, color-mix(in srgb,var(--wg-s5) 13.7%,transparent), transparent 41%), var(--wg-s0);
}
html:not([data-theme="light"]) body.mp-body .mp-topbar {
  background: color-mix(in srgb,var(--wg-s1) 91.8%,transparent);
  border-color: var(--wg-s5);
}
html:not([data-theme="light"]) body.mp-body .mp-crumb,
html:not([data-theme="light"]) body.mp-body .mp-card-content h3 { color: var(--wg-text-tint); }
html:not([data-theme="light"]) body.mp-body .mp-quick-nav {
  background: color-mix(in srgb,var(--wg-s2) 93.7%,transparent);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover {
  background: var(--wg-s4);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a[aria-current="page"] {
  background: var(--wg-accent-deep);
  border-color: var(--wg-accent);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-promo,
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s4), var(--wg-s2) 77%);
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s5), var(--wg-s2) 77%);
}
html:not([data-theme="light"]) body.mp-body .mp-game,
html:not([data-theme="light"]) body.mp-body .mp-info-panel,
html:not([data-theme="light"]) body.mp-body .mp-profile-stats > div,
html:not([data-theme="light"]) body.mp-body .mp-official-links a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2) 79%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-game:hover,
html:not([data-theme="light"]) body.mp-body .mp-official-links a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button:hover {
  border-color: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 79%);
}
html:not([data-theme="light"]) body.mp-body .mp-card-visual:not(.has-cover):not(.has-cutout) {
  background: radial-gradient(circle at 68% 38%, var(--wg-accent-deep), var(--wg-s3) 64%, var(--wg-s2));
}
html:not([data-theme="light"]) body.mp-body .mp-card-action,
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs button[aria-selected="true"] {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-card-action:hover {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs,
html:not([data-theme="light"]) body.mp-body .mp-search-label input,
html:not([data-theme="light"]) body.mp-body .mp-lang,
html:not([data-theme="light"]) body.mp-body dialog {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-panel > p,
html:not([data-theme="light"]) body.mp-body .mp-empty {
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-rule-icon { border-color: var(--wg-accent); }
html:not([data-theme="light"]) body.mp-body .mp-footer,
html:not([data-theme="light"]) body.mp-body .mp-rules-teaser,
html:not([data-theme="light"]) body.mp-body .mp-all-games-head { border-color: var(--wg-s5); }

/* Real illustrated covers take the place of code-drawn card art. */
body[data-page="games"] .mp-game:has(.wg-illustrated-cover)::before { display: none; }
body[data-page="games"] .mp-card-visual.wg-illustrated-cover {
  height: 139px;
  min-height: 0;
  background: var(--wg-s1);
  border-right: 1px solid var(--wg-accent);
}
body[data-page="games"] .wg-illustrated-cover .mp-cover { object-position: center; }
body[data-page="games"] .wg-cover-zero {
  position: absolute;
  z-index: 2;
  left: 11px;
  bottom: 11px;
  padding: 4px 9px;
  border: 1px solid #d9bc74;
  border-radius: 999px;
  background: #081522db;
  box-shadow: 0 4px 15px #0008;
  color: #ffe3a1;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

/* Account, profile, achievements, games and community panels follow the same palette. */
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical, .wg-verification, .wg-ach-app .wg-a-header,
  .wg-account-panel, .wg-account-signed, .wg-owner-gate, .wg-owner-overview,
  .wg-owner-mode-section, .wg-owner-card, .wg-r-panel, .wg-r-signin,
  .wg-c-status, .wg-c-auth, .wg-c-card, .wg-c-chat, .sg-board-panel, .sg-aside,
  .mines-controls, .wg-help-panel, .wg-help-block) {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s1) 83%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical-identity, .wg-canonical-arena,
  .wg-canonical-balance:not(.wg-canonical-wallet), .wg-verification-card,
  .wg-a-card, .wg-a-status, .wg-owner-overview-metric, .wg-owner-overview-sources > div,
  .wg-owner-stat, .wg-owner-policy, .wg-r-stats > div, .wg-r-achievement,
  .wg-c-message, .wg-c-w-form, .wg-c-w-history, .wg-help-message) {
  background: var(--wg-s2);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .wg-canonical-wallet {
  background: radial-gradient(circle at 90% 12%, #ad91563d, transparent 37%),
    linear-gradient(118deg, var(--wg-s3), var(--wg-s3) 66%, #3b3327);
  border-color: #b89a55;
}
html:not([data-theme="light"]) body.mp-body :is(.wg-account-tabs, .wg-owner-card input,
  .wg-owner-card select, .wg-owner-card textarea, .wg-c-form input, .wg-c-form textarea,
  .wg-help-fab textarea, .wg-help-fab input, .sg-select, .wg-r-link-row input) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .wg-a-header {
  background: radial-gradient(circle at 93% 4%, color-mix(in srgb,var(--wg-accent-lo) 26.7%,transparent), transparent 42%), var(--wg-s3);
}

/* Full-screen registration has its own layout and keeps green calls to action. */
html:not([data-theme="light"]) body.wg-landing-body {
  background: radial-gradient(ellipse at 12% 37%, color-mix(in srgb,var(--wg-accent-deep) 26.3%,transparent), transparent 55%),
    radial-gradient(ellipse at 85% 12%, color-mix(in srgb,var(--wg-accent-deep) 15.3%,transparent), transparent 48%), var(--wg-s0);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-hero, .wg-form-card, .wg-signed) {
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 74%, var(--wg-s1));
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-hero {
  background: radial-gradient(circle at 83% 27%, var(--wg-accent-lo), var(--wg-s4) 34%, var(--wg-s3) 63%, var(--wg-s1));
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-verification, .wg-tabs,
  .wg-telegram-password-login, .wg-telegram-password, .wg-status) {
  background: #0a1c32d9;
  border-color: #3c709b;
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-form-card input:not([type="checkbox"]),
  .wg-signed input:not([type="checkbox"])) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-footer { border-color: var(--wg-s5); }

@media (max-width: 580px) {
  body[data-page="games"] .mp-card-visual.wg-illustrated-cover { height: 128px; }
}

/* /assets/action-cyan.css */
/* WIND GAME actions: keep the sculpted sidebar green; use cyan/blue in content. */
html:not([data-theme="light"]) body.mp-body {
  --wg-action-cyan: var(--wg-accent-hi);
  --wg-action-cyan-hover: var(--wg-accent-hi);
  --wg-action-blue: var(--wg-accent-deep);
  --wg-action-border: var(--wg-accent-hi);
  --wg-action-ink: var(--wg-s1);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: var(--wg-action-ink);
  background: linear-gradient(140deg, var(--wg-accent) 0%, var(--wg-action-cyan) 46%, var(--wg-accent) 100%);
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale-2) 72.2%,transparent), 0 6px 20px color-mix(in srgb,var(--wg-accent-lo) 20.4%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-help-tabs button[aria-selected="true"]
):hover {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-action-cyan-hover) 60%, var(--wg-accent));
  border-color: var(--wg-pale-2);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
) {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
):hover {
  color: #fff;
  background: linear-gradient(145deg, var(--wg-accent-deep), var(--wg-s4));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover:not([aria-current="page"]) {
  color: var(--wg-text-tint);
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .mp-card-hit:hover ~ .mp-card-content .mp-card-action {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 70%, var(--wg-accent));
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 55%, var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale) 72.2%,transparent), 0 8px 24px color-mix(in srgb,var(--wg-accent-lo) 32.9%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary):hover {
  color: #fff !important;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 60%, var(--wg-accent));
  border-color: var(--wg-pale);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no) {
  color: var(--wg-text-tint);
  background: color-mix(in srgb,var(--wg-s3) 65.9%,transparent);
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no):hover {
  color: #fff !important;
  background: var(--wg-s5);
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-public-help {
  --ph-bg: var(--wg-s2);
  --ph-surface: var(--wg-s3);
  --ph-border: var(--wg-accent-lo);
  --ph-ink: var(--wg-text-tint);
  --ph-muted: var(--wg-text-tint);
  --ph-accent: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4) 0%, var(--wg-s2) 52%, var(--wg-s1) 100%);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2));
  border-color: var(--wg-accent-lo);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary:hover {
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-inline-help-mark, .wg-inline-help-chevron) {
  color: var(--wg-text-tint);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help-mark {
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab {
  --wg-panel: var(--wg-s2);
  --wg-card: var(--wg-s3);
  --wg-border: var(--wg-accent);
  --wg-text: var(--wg-text-tint);
  --wg-muted: var(--wg-text-tint);
  --wg-accent: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab form button {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
}

html:not([data-theme="light"]) body.mp-body :is(
  .wg-c-button,
  .wg-account-button,
  .mp-card-action,
  .mp-account-link,
  .mp-quick-nav a,
  .mp-theme-toggle,
  .wg-help-fab button
):focus-visible {
  outline: 3px solid var(--wg-accent-pale);
  outline-offset: 3px;
}

/* The full-screen registration page shares the same action colors. */
html:not([data-theme="light"]) body.wg-landing-body :is(
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px var(--wg-pale), 0 8px 22px color-mix(in srgb,var(--wg-accent-lo) 18%,transparent);
}

html[data-theme="light"] body.mp-body .wg-public-help {
  --ph-bg: var(--wg-pale);
  --ph-surface: #fff;
  --ph-border: var(--wg-accent-hi);
  --ph-ink: var(--wg-s2);
  --ph-muted: var(--wg-accent-lo);
  --ph-accent: var(--wg-accent-lo);
  background: linear-gradient(145deg, var(--wg-pale), var(--wg-pale));
}

html[data-theme="light"] body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

html[data-theme="light"] body.mp-body :is(.wg-home-primary, #age-yes) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

@media (prefers-reduced-motion: reduce) {
  body.mp-body :is(.mp-card-action, .wg-c-button, .wg-account-button) {
    transition: none;
  }
}

/* /assets/redesign.css */
/* WIND GAME redesign v3 (spec 2, section 4), menu v4: the side menu keeps the original
   green curved panel and icons (Keval 16:16) with the new layout: larger items and
   Profile / Support / Rules docked at the bottom. Loaded last on every page with the side menu.
   Icons can be swapped for custom art: drop assets/art/nav-<name>.webp|png (see redesign.js). */
:root{--rd-navy:var(--wg-s1);--rd-navy2:var(--wg-s3);--rd-panel:var(--wg-s3);--rd-line:var(--wg-accent-deep);--rd-cyan:var(--wg-accent-hi);--rd-cyan2:var(--wg-accent);--rd-gold:#f4ce73;--rd-lime:var(--wg-accent-hi);--rd-text:var(--wg-text-tint);--rd-muted:var(--wg-text-tint);--rd-dock-h:0px}
html[data-theme="dark"] body.mp-body{--mp-bg:var(--wg-s1);--mp-panel:var(--wg-s3);--mp-panel2:var(--wg-s3);--mp-line:var(--wg-accent-deep);--mp-text:var(--wg-text-tint);--mp-muted:var(--wg-text-tint);background:radial-gradient(1200px 600px at 75% -10%,color-mix(in srgb,var(--wg-s5) 33.3%,transparent),transparent 60%),radial-gradient(900px 500px at 10% 110%,color-mix(in srgb,var(--wg-s4) 25.1%,transparent),transparent 60%),var(--wg-s1)}

/* ---------- side menu ---------- */
html body .mp-side-nav{display:flex;flex-direction:column;justify-content:flex-start;gap:0;flex:1 0 auto;font-size:13.5px}
html body .mp-nav-group{flex:none;align-content:start;gap:3px;padding:7px 0}
html body .mp-side-nav a{min-height:48px;gap:12px;padding:4px 9px 4px 6px;font-weight:700}

/* Profile, Support, Rules: a dock at the bottom of the menu */
html body .mp-nav-group.rd-dock{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0 2px;border:0;border-top:1px solid #3a4e3e}
html body .rd-dock a{flex-direction:column;justify-content:center;gap:5px;min-height:80px;padding:8px 2px;border-radius:14px 10px 14px 10px;font-size:11.5px;text-align:center;background:var(--wg-s2);border-color:var(--wg-s4)}
html body .rd-dock a span:last-child{line-height:1.15}
@media(hover:hover){html body .rd-dock a:hover{transform:translateY(-2px)}}

/* ---------- top bar and quick tabs ---------- */
html[data-theme="dark"] body .mp-topbar{background:color-mix(in srgb,var(--wg-s2) 90.2%,transparent);border-bottom-color:var(--wg-accent-deep)}
html[data-theme="dark"] body .mp-quick-nav{background:color-mix(in srgb,var(--wg-s2) 87.8%,transparent);border-bottom-color:var(--wg-accent-deep)}
html[data-theme="dark"] body .mp-quick-nav a{color:var(--wg-text-tint)}@media(min-width:781px){html body .mp-quick-nav a{font-size:13px}}
html[data-theme="dark"] body .mp-quick-nav a:hover{color:#fff;background:var(--wg-s4)}
html[data-theme="dark"] body .mp-quick-nav a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));border-color:var(--wg-accent-pale);box-shadow:0 6px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}
html body .mp-account-link{background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));border-color:var(--wg-accent-pale);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--wg-accent) 27.1%,transparent)}
html body .mp-account-link:hover{background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));color:#fff!important}

/* ---------- cards and panels ---------- */
html[data-theme="dark"] body .mp-game{background:linear-gradient(160deg,var(--wg-s4) 0%,var(--wg-s3) 55%,var(--wg-s2) 100%);border-color:var(--wg-accent-lo);box-shadow:0 10px 26px #0006,inset 0 1px #ffffff14;transition:border-color .2s,transform .2s,box-shadow .2s}
@media(hover:hover){html[data-theme="dark"] body .mp-game:hover{border-color:var(--wg-accent-hi);transform:translateY(-3px);box-shadow:0 16px 34px #0008,0 0 0 1px color-mix(in srgb,var(--wg-accent-hi) 33.3%,transparent),0 0 26px color-mix(in srgb,var(--wg-accent-hi) 18.8%,transparent)}}
html[data-theme="dark"] body .mp-promo,html[data-theme="dark"] body .wg-live-panel,html[data-theme="dark"] body .wg-live-dashboard{border-color:var(--wg-accent-lo);box-shadow:0 12px 28px #0006,inset 0 1px #ffffff14}
html[data-theme="dark"] body .wg-home-hero{border-color:var(--wg-accent-lo);box-shadow:0 18px 40px #0007,0 0 40px color-mix(in srgb,var(--wg-accent) 11%,transparent),inset 0 1px #ffffff1a}
@media(hover:hover){html[data-theme="dark"] body .mp-promo:hover{border-color:var(--wg-accent-hi);box-shadow:0 16px 34px #0008,0 0 26px color-mix(in srgb,var(--wg-accent-hi) 18.8%,transparent)}}
html[data-theme="dark"] body .wg-catalog-section-head h2,html[data-theme="dark"] body .mp-content h1{text-shadow:0 2px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}

/* ---------- mobile bottom bar ---------- */
.rd-bottom-bar{display:none}
@media(max-width:780px){
  :root{--rd-dock-h:calc(66px + env(safe-area-inset-bottom))}
  html body .mp-nav-group.rd-dock{display:none}
  .rd-bottom-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:var(--rd-dock-h);padding:6px 6px env(safe-area-inset-bottom);background:linear-gradient(180deg,color-mix(in srgb,var(--wg-s2) 94.9%,transparent),color-mix(in srgb,var(--wg-s1) 98%,transparent));border-top:1px solid var(--wg-accent-lo);box-shadow:0 -10px 28px #0008;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .rd-bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:14px;color:var(--wg-text-tint);font-size:10.5px;font-weight:800;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .rd-bottom-bar a .rd-bb-icon{width:32px;height:32px;border-radius:10px;background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 3px 8px #0007}
  .rd-bottom-bar a span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rd-bottom-bar a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,var(--wg-s4),var(--wg-s3));box-shadow:inset 0 2px var(--wg-accent-hi)}
  .rd-bottom-bar a:active{transform:scale(.95)}
  body.mp-body{padding-bottom:var(--rd-dock-h)}
  body.mp-body .wg-help-fab{bottom:calc(var(--rd-dock-h) + 12px)!important}
  body.mp-body.menu-open .rd-bottom-bar{display:none}
}
.rd-bb-games .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23c8f477'/%3E%3Cstop offset='.43' stop-color='%233d8d65'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M13 23c-5-1-7 2-9 13-2 9 2 14 9 11l9-7h20l9 7c7 3 11-2 9-11-2-11-4-14-9-13-9 2-27 2-38 0Z' fill='url("/assets/%23body")' stroke='%23a6c494' stroke-width='2'/%3E%3Cpath d='M12 26c12 4 28 4 40 0' fill='none' stroke='%23eaffdc' stroke-opacity='.6' stroke-width='2'/%3E%3Cpath d='M17 31v12m-6-6h12' stroke='%23d2efad' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='43' cy='34' r='3' fill='%23f4ce76'/%3E%3Ccircle cx='50' cy='40' r='3' fill='%2386d5c0'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-tournaments .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffe69e'/%3E%3Cstop offset='.43' stop-color='%23ad7324'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M17 9h30v18c0 11-6 18-15 18s-15-7-15-18Z' fill='url("/assets/%23body")' stroke='%23ffe4a1' stroke-width='2'/%3E%3Cpath d='M17 17H8v8c0 9 5 12 12 12m27-20h9v8c0 9-5 12-12 12' fill='none' stroke='%23ebc775' stroke-width='4'/%3E%3Cpath d='M32 45v8m-13 4h26' stroke='%23ffe4a1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='m32 16 3 6 7 .9-5 4.7 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5-4.7 7-.9Z' fill='%23fff4c6'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-profile .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23b2efff'/%3E%3Cstop offset='.43' stop-color='%234783a1'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M32 5 51 13v26c0 11-8 18-19 21C21 57 13 50 13 39V13Z' fill='url("/assets/%23body")' stroke='%23cef2ff' stroke-width='3'/%3E%3Ccircle cx='32' cy='26' r='8' fill='%23e5fdff'/%3E%3Cpath d='M20 46c1-8 5-12 12-12s11 4 12 12' fill='%23d6f8ff'/%3E%3Cpath d='M16 15 32 8l16 7' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-support .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23fff0ad'/%3E%3Cstop offset='.43' stop-color='%23a98335'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M10 34v-8c0-13 9-21 22-21s22 8 22 21v8' fill='none' stroke='url("/assets/%23body")' stroke-width='9' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Crect x='46' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Cpath d='M53 50c-3 7-9 9-18 9' fill='none' stroke='%23fff1b7' stroke-width='3'/%3E%3Ccircle cx='31' cy='58' r='4' fill='%23fff2b4'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-rules .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23cbd8ff'/%3E%3Cstop offset='.43' stop-color='%236478ac'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M6 10c12-4 20-2 26 2 6-4 14-6 26-2v42c-12-4-20-2-26 2-6-4-14-6-26-2V10Z' fill='url("/assets/%23body")' stroke='%23d8ddff' stroke-width='2'/%3E%3Cpath d='M32 12v42M13 20h12m-12 8h12m-12 8h10m17-16h12m-12 8h12m-12 8h10' stroke='%23eef0ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 12c9-3 17-2 24 2 7-4 15-5 24-2' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}

/* Custom art dropped into assets/art/ wins over the built-in set. */
html.art-nav-games .mp-nav-games .mp-nav-glyph::after,html.art-nav-games .rd-bb-games .rd-bb-icon{background-image:var(--art-nav-games)!important}
html.art-nav-lobby .mp-nav-lobby .mp-nav-glyph::after{background-image:var(--art-nav-lobby)!important}
html.art-nav-rounds .mp-nav-rounds .mp-nav-glyph::after{background-image:var(--art-nav-rounds)!important}
html.art-nav-challenges .mp-nav-challenges .mp-nav-glyph::after{background-image:var(--art-nav-challenges)!important}
html.art-nav-rankings .mp-nav-rankings .mp-nav-glyph::after{background-image:var(--art-nav-rankings)!important}
html.art-nav-tournaments .mp-nav-tournaments .mp-nav-glyph::after,html.art-nav-tournaments .rd-bb-tournaments .rd-bb-icon{background-image:var(--art-nav-tournaments)!important}
html.art-nav-referrals .mp-nav-referrals .mp-nav-glyph::after{background-image:var(--art-nav-referrals)!important}
html.art-nav-share .mp-nav-share .mp-nav-glyph::after{background-image:var(--art-nav-share)!important}
html.art-nav-community .mp-nav-community .mp-nav-glyph::after{background-image:var(--art-nav-community)!important}
html.art-nav-profile .mp-nav-profile .mp-nav-glyph::after,html.art-nav-profile .rd-bb-profile .rd-bb-icon{background-image:var(--art-nav-profile)!important}
html.art-nav-support .mp-nav-support .mp-nav-glyph::after,html.art-nav-support .rd-bb-support .rd-bb-icon{background-image:var(--art-nav-support)!important}
html.art-nav-rules .mp-nav-rules .mp-nav-glyph::after,html.art-nav-rules .rd-bb-rules .rd-bb-icon{background-image:var(--art-nav-rules)!important}

/* ---------- light theme ---------- */
html[data-theme="light"] body .rd-dock a{background:var(--wg-pale-2);border-color:var(--wg-accent-hi)}
html[data-theme="light"] body .mp-nav-group.rd-dock{border-top-color:#b1c8ad}
@media(max-width:780px){html[data-theme="light"] .rd-bottom-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--wg-pale) 93.7%,transparent),color-mix(in srgb,var(--wg-pale-2) 96.9%,transparent));border-top-color:var(--wg-accent-hi);box-shadow:0 -8px 22px color-mix(in srgb,var(--wg-accent-lo) 13.3%,transparent)}html[data-theme="light"] .rd-bottom-bar a{color:var(--wg-s4)}html[data-theme="light"] .rd-bottom-bar a[aria-current="page"]{color:#fff;background:var(--wg-accent);box-shadow:inset 0 2px var(--wg-accent-lo)}}
@media(prefers-reduced-motion:reduce){html body .mp-side-nav a,html[data-theme="dark"] body .mp-game{transition:none!important;transform:none!important}}
@media(min-width:781px) and (max-height:860px){html body .mp-side-nav a{min-height:42px}html body .rd-dock a{min-height:70px}html body .mp-nav-group{padding:4px 0}}

/* ---------- light theme: readable text (contrast pass, 4.5:1 body / 3:1 large) ---------- */
html[data-theme="light"] body .mp-footer a{color:#4b5f50}
html[data-theme="light"] body .mp-footer a:hover{color:var(--wg-s4)}
html[data-theme="light"] body .sg-back{color:var(--wg-accent-lo)}
html[data-theme="light"] body .sg-rules b{color:inherit}
html[data-theme="light"] body .sg-controls .sg-label{color:var(--wg-text-tint)}
html[data-theme="light"] body .wg-catalog-section-head .wg-home-section-kicker,html[data-theme="light"] body .wg-home-section-kicker{color:#7a5a0c}
html[data-theme="light"] body .wg-live-kicker,html[data-theme="light"] body .wg-ph-eyebrow,html[data-theme="light"] body .wg-ph-tag{color:var(--wg-accent-lo)!important}
html[data-theme="light"] body .wg-ph-answer a{color:var(--wg-accent-lo)}
html[data-theme="light"] body .eyebrow{color:var(--wg-s4)}
html[data-theme="light"] .hilo-w-page .hilo-kicker{color:#7a5a0c}
html[data-theme="light"] .hilo-w-page .hilo-hero p{color:var(--wg-accent-lo)}
html[data-theme="light"] .hilo-w-page .hilo-panel{color:var(--wg-text-tint)}
/* Signed-in top bar on narrow phones: W chip + theme + language + account link fit without sideways scroll (only while the W chip is shown). */
@media(max-width:580px){html body .mp-topbar:has(.mp-wallet-chip:not([hidden])){padding-right:4px}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden])){min-width:0}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden]))>.mp-account-link{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:390px){html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden])){gap:3px}html body .mp-top-actions>.mp-wallet-chip:not([hidden]){padding-inline:5px}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden]))>.mp-lang{padding-inline:4px}}
@media(max-width:360px){html body .mp-topbar:has(.mp-wallet-chip:not([hidden])){gap:4px;padding-left:10px}}