@font-face{font-family:ArcadeDisplay;src:url('/static/assets/fonts/Audiowide-Regular.ttf')}@font-face{font-family:ArcadeText;src:url('/static/assets/fonts/Quicksand-VariableFont_wght.ttf')}*{box-sizing:border-box}:root{--bg:#09090e;--bg2:#120a14;--panel:#151419cc;--panel2:#1d1a21d9;--line:#ffffff18;--line-strong:#ffffff25;--text:#f8fafc;--muted:#95a0b4;--pink:#ff3868;--pink2:#ff2d72;--pink3:#ff79a7;--violet:#8b5cf6;--bluegray:#8da0bd;--danger:#ff405a;--shadow:0 28px 90px #000b;--radius:28px}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:ArcadeText,ui-sans-serif,sans-serif;overflow-x:hidden}.arcade-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 9% 8%,rgba(255,45,92,.18),transparent 22rem),radial-gradient(circle at 77% 9%,rgba(107,78,255,.16),transparent 24rem),radial-gradient(circle at 87% 83%,rgba(255,45,92,.12),transparent 28rem),linear-gradient(125deg,#08080d 0%,#0b0a13 45%,#12060b 100%)}.arcade-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 40%,#0006),radial-gradient(circle at center,transparent 0,#0008 75%)}.arcade-bg span{position:absolute;border-radius:999px;filter:blur(70px);opacity:.58}.arcade-bg span:nth-child(1){width:30rem;height:30rem;background:#ff2d5f36;left:-9rem;top:8rem}.arcade-bg span:nth-child(2){width:24rem;height:24rem;background:#8b5cf633;right:8rem;top:3rem}.arcade-bg span:nth-child(3){width:34rem;height:34rem;background:#ff386822;right:-10rem;bottom:-11rem}.arcade-bg i{position:absolute;font-style:normal;font-size:3.2rem;opacity:.035;filter:grayscale(1);z-index:1}.arcade-bg i:nth-of-type(1){right:15%;top:17%}.arcade-bg i:nth-of-type(2){left:5%;bottom:48%;transform:rotate(-12deg)}.arcade-bg i:nth-of-type(3){left:10%;bottom:17%}.arcade-bg i:nth-of-type(4){right:8%;bottom:18%;font-size:5rem}.arcade-nav{height:112px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:0 3.2vw;background:transparent;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:1rem;color:white;text-decoration:none;text-transform:uppercase;font-weight:950;font-size:1.35rem;letter-spacing:-.04em}.brand-mark{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),#ff245d);box-shadow:0 16px 34px rgba(255,45,104,.28);font-size:1.25rem}.nav-links,.nav-user{display:flex;align-items:center;gap:1.3rem}.nav-links a,.nav-user a{color:var(--bluegray);text-decoration:none;font-weight:800}.nav-links a:hover,.nav-user a:hover{color:white}.nav-user img{width:50px;height:50px;border-radius:999px;border:2px solid #ffffff35;box-shadow:0 10px 24px #0009}.arcade-main{width:min(1060px,92vw);margin:0 auto;padding:38px 0 110px}.arcade-main.is-wide{width:min(1320px,94vw)}.page-home{padding-top:34px}.panel{border:1px solid var(--line);background:linear-gradient(110deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(20px)}.hero-card{border:0;background:transparent;box-shadow:none;text-align:center;padding:2rem 0 3rem}.hero-card h1,.home-hero h1,.focus-panel h1,.lobby-hero h1,.game-top h1{margin:0;color:#e7edf7;font-weight:950;letter-spacing:-.075em;line-height:.92;text-shadow:0 2px 0 #fff2,0 22px 70px #000c}.hero-card h1,.home-hero h1{font-size:clamp(4.2rem,7.5vw,6.4rem)}.hero-card p,.home-hero p{margin:1.25rem 0 0;color:#a6b0c2;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:750}.home-hero{text-align:center;margin:2.4rem 0 5rem}.home-hero span{color:#d946ef}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--pink);font-size:.78rem;font-weight:950}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.home-card{min-height:210px;padding:40px;position:relative;overflow:hidden;text-align:left;color:white;text-decoration:none}.home-card:hover{border-color:#ffffff30;transform:translateY(-2px)}.home-card h2{font-size:2rem;margin:1.8rem 0 .8rem;letter-spacing:-.045em}.home-card p{color:#a6b0c2;font-size:1.08rem;line-height:1.5;text-align:center}.card-icon{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;font-size:1.45rem;font-weight:950}.card-icon.pink{background:#ff386829;color:var(--pink)}.card-icon.violet{background:#8b5cf629;color:#9b6dff}.card-hit{position:absolute;inset:0;background:transparent}.join-inline{display:grid;grid-template-columns:1fr 64px;gap:12px;margin-top:14px}.join-inline input{height:68px;border:0;background:#232229;color:white;border-radius:17px;padding:0 22px;font:inherit;font-size:1.05rem}.play-button{height:68px;border-radius:17px;background:linear-gradient(145deg,#9b6dff,#7c4dff);color:white}.resume-card{display:grid;grid-template-columns:82px 1fr auto auto;align-items:center;gap:26px;margin:0 0 40px;padding:32px;border:2px solid var(--pink);border-radius:32px;background:#111217e6;box-shadow:0 0 0 1px #ff386820,0 26px 80px #000b;text-decoration:none;color:white}.resume-card img{width:72px;height:72px;border-radius:22px;object-fit:cover}.resume-card span:first-child{color:var(--pink);text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:.82rem}.resume-card span b{background:#ff386835;color:#ff9ab7;border-radius:999px;padding:3px 8px;margin-left:8px;font-size:.68rem}.resume-card h2{margin:.55rem 0 .15rem;font-size:1.7rem}.resume-card strong{color:var(--pink)}.resume-card p{margin:0;color:#a7b0c0}.resume-players{width:54px;height:34px;border-radius:999px;background:#172033!important;color:white!important;display:grid;place-items:center;letter-spacing:0!important;text-transform:none!important}.rules-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;padding:26px 30px;text-decoration:none;color:white}.rules-card>span{width:44px;height:44px;border-radius:13px;background:#33435d;display:grid;place-items:center}.rules-card h3{margin:0;font-size:1.25rem}.rules-card p{margin:.2rem 0 0;color:#7f8da4}.rules-card>b{font-size:2rem;color:#5d6d87}.arcade-footer{border-top:1px solid #ffffff10;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1060px,92vw);margin:0 auto;color:#5f6878;font-weight:750}.arcade-footer b{color:var(--pink)}.arcade-footer nav{display:flex;gap:2.4rem}.arcade-footer a{text-decoration:none;color:#687386;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:950}.center-wrap{min-height:calc(100vh - 280px);display:grid;place-items:center}.focus-panel{width:min(800px,92vw);padding:64px}.focus-panel h1{font-size:clamp(2.7rem,5vw,4rem);margin-bottom:1rem}.focus-panel>.muted,.auth-panel>.muted{font-size:1.28rem;line-height:1.45;margin-bottom:2.2rem}.auth-panel h2{font-size:2.3rem;margin:0 0 1.2rem}.form-stack{display:flex;flex-direction:column;gap:22px}.form-stack label{display:flex;flex-direction:column;gap:12px;color:#dfe6f1;font-weight:900}.form-stack input,.form-stack select,.inline-form input{width:100%;border:1px solid #ffffff20;background:#222126;color:white;border-radius:24px;padding:19px 22px;font:inherit;font-size:1.1rem;outline:none}.form-stack input:focus,.form-stack select:focus,.inline-form input:focus{border-color:#ff7a9d;box-shadow:0 0 0 4px #ff38681d}.form-stack input:disabled{color:#8d98aa}.primary,.ghost-button,.danger,button{border:0;border-radius:18px;padding:15px 22px;font:inherit;font-weight:950;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:.65rem}.primary{background:linear-gradient(145deg,#ff416d,#ff2f68);color:white;box-shadow:0 16px 42px #ff386830}.primary.big{min-height:76px;font-size:1.3rem;border-radius:27px}.primary.hot{background:linear-gradient(145deg,#ff2f68,#ff79a7)}.ghost-button{background:#242126;color:white;border:1px solid #ffffff18}.danger{background:var(--danger);color:white}.fake{pointer-events:auto}.error,.notice{padding:13px 16px;border-radius:16px}.error{background:#ff386824;color:#fecdd3}.notice{background:#ff79a71f;color:#ffd2df}.lobby-hero,.game-top,.admin-head,.host-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.lobby-hero,.game-top{padding:36px}.lobby-hero h1,.game-top h1{font-size:clamp(2.8rem,5vw,5rem)}.lobby-grid,.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.game-grid,.game-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.game-card{position:relative;min-height:210px;overflow:hidden;text-align:left;color:white;border:1px solid var(--line);background:#151419;border-radius:25px;padding:0}.game-card:disabled{cursor:default}.game-card.is-selected{outline:3px solid var(--pink);border-color:var(--pink)}.game-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;transition:.25s}.game-card:hover .game-card-bg{transform:scale(1.05);opacity:.62}.game-card-content{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,#0b0b10f2)}.game-card-content span{color:var(--pink);font-weight:950}.game-card h3{font-size:2rem;margin:.2rem 0;letter-spacing:-.04em}.game-card p{color:#b4bdcc}.code-pill,.stage-chip{border:1px solid #ffffff1e;background:#201e24;border-radius:999px;padding:10px 16px;color:var(--pink);font-weight:950}.players-panel{min-width:0;padding:24px}.players-list{display:grid;gap:10px}.player{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#ffffff0d}.player.is-offline{opacity:.45}.player img{width:38px;height:38px;border-radius:999px}.player b{font-size:.7rem;color:#22c55e}.player em{font-style:normal;color:#ff9ab7}.chat-panel{margin-top:24px}.chat-lines{height:210px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;background:#0c0d12}.chat-line{display:flex;gap:10px}.chat-line.is-status{color:#ff9ab7}.inline-form{display:flex;gap:10px;margin-top:14px}.admin-list{display:grid;gap:14px}.user-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px}.user-row img{width:58px;height:58px;border-radius:18px}.row-actions{display:flex;gap:10px;align-items:center}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;max-height:360px;overflow:auto}.avatar-choice{border:1px solid #ffffff16;border-radius:18px;padding:8px;background:#ffffff0c}.avatar-choice.is-selected{outline:2px solid var(--pink)}.avatar-choice input{display:none}.avatar-choice img{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover}.game-stage{margin-bottom:24px}.play-card{min-height:320px}.scoreboard{display:grid;gap:8px;margin:20px 0}.scoreboard div,.sheet-grid button{display:flex;justify-content:space-between;padding:12px;border-radius:14px;background:#ffffff0d}.dice-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.die{width:74px;height:74px;border-radius:20px;background:white;color:#111827;font-size:2rem}.die.is-held{background:var(--pink3)}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.boards{display:grid;gap:18px}.mini-board div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mini-board button{aspect-ratio:1;background:#ffffff12;color:white}.flag-board img{width:min(560px,100%);border-radius:24px;box-shadow:0 18px 60px #0008}.arcade-toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#171419;color:white;border:1px solid #ff386840;border-radius:18px;padding:14px 18px;opacity:0;transform:translateY(10px);transition:.2s}.arcade-toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.arcade-nav{height:auto;align-items:flex-start;flex-direction:column;padding:24px 5vw}.home-actions,.lobby-grid,.settings-layout{grid-template-columns:1fr}.home-hero{margin-top:1rem}.resume-card{grid-template-columns:58px 1fr}.resume-card .primary,.resume-players{grid-column:1/-1}.focus-panel{padding:34px}.lobby-hero,.game-top,.admin-head,.host-actions{align-items:stretch;flex-direction:column}.user-row{grid-template-columns:46px 1fr}.row-actions{grid-column:1/-1}.inline-form{flex-direction:column}.arcade-footer{flex-direction:column;align-items:flex-start;padding:30px 0}.arcade-footer nav{gap:1rem;flex-wrap:wrap}}

/* Lobby redesign: warm glass arcade shell inspired by the original Marci Arcade lobby. */
.page-lobby{width:100%;max-width:none;margin:0;padding:0 0 180px}.page-lobby+.arcade-footer{display:none}.page-lobby .lobby-topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(34,12,26,.78),rgba(25,13,28,.65),rgba(39,16,7,.72));backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.22)}.lobby-topbar-inner{height:100px;width:min(1480px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.lobby-brand,.lobby-top-actions{display:flex;align-items:center;gap:18px}.lobby-brand-mark{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;text-decoration:none;background:linear-gradient(145deg,#ff7a1a,#ff4c14);box-shadow:0 18px 38px rgba(236,91,19,.32);font-size:1.45rem}.lobby-brand h1{margin:0;color:#fff;font-family:ArcadeText,ui-sans-serif,sans-serif;font-size:2rem;font-weight:950;font-style:italic;text-transform:uppercase;letter-spacing:-.08em;text-shadow:0 3px 18px rgba(0,0,0,.5)}.lobby-code-pill{height:56px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:white;display:flex;align-items:center;gap:12px;padding:0 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.lobby-code-pill span{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.48);font-weight:950}.lobby-code-pill b{font-family:ArcadeDisplay,monospace;color:#ff6a19;font-size:1.15rem;letter-spacing:.12em}.lobby-code-pill i{font-style:normal;color:rgba(255,255,255,.25)}.lobby-action{min-height:58px;border-radius:15px;padding:0 22px;color:white;font-size:1rem;font-weight:950}.lobby-action.glassy{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.lobby-action.hot,.lobby-start-button{background:linear-gradient(145deg,#ff7a1a,#ff4d12);box-shadow:0 18px 42px rgba(255,92,18,.32);border:0}.lobby-action:hover,.lobby-start-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.lobby-self-avatar{width:54px;height:54px;border-radius:999px;object-fit:cover;border:3px solid rgba(255,106,25,.62);box-shadow:0 0 0 4px rgba(0,0,0,.35),0 16px 34px rgba(0,0,0,.36)}.lobby-screen{width:min(1480px,94vw);margin:0 auto;padding:56px 0 0;display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:40px}.lobby-sidebar,.lobby-games-area{min-width:0}.lobby-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;padding:0 10px}.lobby-section-head h2{margin:0;color:#fff;font-size:1.72rem;letter-spacing:-.045em;font-weight:950;text-shadow:0 10px 30px #0008}.lobby-section-head h2 span{display:inline-grid;place-items:center;margin-left:8px;min-width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.82rem;vertical-align:middle}.lobby-section-head i{font-style:normal;color:rgba(255,255,255,.45);font-size:1.65rem}.lobby-filter{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.58);font-size:1.25rem}.lobby-player-list{display:grid;gap:16px}.lobby-player{position:relative;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:24px 20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(110deg,rgba(255,255,255,.07),rgba(255,255,255,.032));backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden}.lobby-player:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,90,24,.08),transparent 45%);opacity:0;transition:.2s}.lobby-player:hover:before{opacity:1}.lobby-player.is-offline{opacity:.48}.lobby-player-avatar{width:68px;height:68px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.28)}.lobby-player h3{position:relative;margin:0;color:white;font-size:1.24rem;letter-spacing:-.035em;font-weight:950}.lobby-player h3 span{display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:999px;background:#20c55e;box-shadow:0 0 18px rgba(32,197,94,.8)}.lobby-player h3 span.offline{background:#6b7280;box-shadow:none}.lobby-player p{position:relative;margin:.28rem 0 0;color:#ff6a19;text-transform:uppercase;font-size:.88rem;font-weight:950;letter-spacing:-.02em}.lobby-player small{position:relative;color:rgba(255,255,255,.42);font-weight:750}.host-crown{align-self:start;color:#ffd21f;text-shadow:0 0 22px rgba(255,210,31,.55)}.lobby-empty-slot{width:100%;min-height:76px;margin-top:16px;border:2px dashed rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.015);color:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;gap:14px;text-transform:uppercase;letter-spacing:.16em}.lobby-empty-slot:hover{background:rgba(255,255,255,.045);color:rgba(255,255,255,.48)}.lobby-empty-slot span{font-size:1.4rem}.lobby-mini-status{margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.lobby-mini-status span{color:rgba(255,255,255,.42);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:950}.lobby-mini-status b{color:#ff6a19}.lobby-game-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:30px}.lobby-game-card{position:relative;height:300px;border:0;border-radius:20px;overflow:hidden;background:#07070a;color:white;text-align:left;padding:0;box-shadow:0 22px 70px rgba(0,0,0,.28);transition:transform .25s ease,box-shadow .25s ease,outline-color .25s ease}.lobby-game-card:disabled{cursor:default}.lobby-game-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(255,91,19,.18),0 22px 70px rgba(0,0,0,.35)}.lobby-game-card.is-selected{outline:3px solid #ff5c12;box-shadow:0 0 0 1px rgba(255,92,18,.35),0 28px 90px rgba(255,92,18,.22)}.lobby-game-art{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);filter:saturate(1.08) contrast(1.03);transition:transform .35s ease}.lobby-game-card:not(:disabled):hover .lobby-game-art{transform:scale(1.08)}.lobby-game-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.25) 38%,rgba(0,0,0,.92)),radial-gradient(circle at 85% 5%,rgba(255,91,19,.24),transparent 38%)}.lobby-game-copy{position:absolute;left:28px;right:24px;bottom:24px}.lobby-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.lobby-tags span{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.56);backdrop-filter:blur(8px);border-radius:999px;padding:5px 11px;color:rgba(255,255,255,.86);font-size:.72rem;text-transform:uppercase;font-weight:950}.lobby-game-card h3{margin:0;color:white;font-size:2.15rem;font-weight:950;font-style:italic;text-transform:uppercase;letter-spacing:-.08em;line-height:1;text-shadow:0 8px 24px rgba(0,0,0,.7)}.lobby-game-card p{margin:.45rem 0 0;color:rgba(255,255,255,.64);font-size:1rem;font-weight:750}.lobby-selected-badge{position:absolute;top:22px;right:22px;display:none;border-radius:8px;background:#ff5c12;color:white;padding:8px 11px;font-size:.72rem;font-weight:950;text-transform:uppercase;box-shadow:0 14px 26px rgba(255,92,18,.28)}.lobby-game-card.is-selected .lobby-selected-badge{display:block}.lobby-bottom-bar{position:fixed;left:50%;bottom:28px;z-index:45;width:min(1120px,calc(100vw - 48px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.28);border-radius:21px;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.035));backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(0,0,0,.55)}.lobby-current-game{display:flex;align-items:center;gap:20px;min-width:0}.lobby-current-thumb{width:64px;height:64px;border-radius:13px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.14);flex:0 0 auto}.lobby-current-game p{margin:0 0 6px;color:rgba(255,255,255,.42);font-size:.75rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.lobby-current-game h2{margin:0;color:white;font-size:1.35rem;font-weight:950;font-style:italic;text-transform:uppercase;letter-spacing:-.06em}.lobby-current-game span{display:block;max-width:480px;margin-top:3px;color:rgba(255,255,255,.44);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-start-button{min-width:210px;min-height:66px;border-radius:15px;color:white;font-size:1.18rem;text-transform:uppercase;letter-spacing:-.03em}.lobby-start-button b{font-size:1.4rem}.lobby-start-button:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1100px){.lobby-screen{grid-template-columns:1fr;gap:34px}.lobby-sidebar{order:2}.lobby-games-area{order:1}.lobby-game-grid{gap:22px}.lobby-topbar-inner{height:auto;min-height:96px;padding:18px 0;align-items:flex-start;flex-direction:column}.lobby-top-actions{width:100%;justify-content:space-between}.lobby-self-avatar{margin-left:auto}}@media(max-width:720px){.page-lobby{padding-bottom:230px}.lobby-screen{width:min(100% - 28px,640px);padding-top:28px}.lobby-brand{gap:12px;flex-wrap:wrap}.lobby-brand h1{font-size:1.65rem}.lobby-brand-mark{width:50px;height:50px}.lobby-code-pill{order:3;width:100%;justify-content:center}.lobby-top-actions{gap:10px}.lobby-action{flex:1;min-height:52px;padding:0 12px}.lobby-game-grid{grid-template-columns:1fr}.lobby-game-card{height:250px}.lobby-player{grid-template-columns:58px 1fr auto;padding:18px}.lobby-player-avatar{width:56px;height:56px}.lobby-bottom-bar{bottom:14px;width:calc(100vw - 28px);padding:18px;align-items:stretch;flex-direction:column}.lobby-current-thumb{width:52px;height:52px}.lobby-start-button{width:100%;min-height:58px}}

/* Lobby polish pass: center layout, restore original pink accent, move invites into player rail. */
.page-lobby{--lobby-accent:var(--pink);--lobby-accent-2:var(--pink2);--lobby-accent-soft:rgba(255,56,104,.18);padding-bottom:188px}.page-lobby .arcade-bg{background:radial-gradient(circle at 10% 10%,rgba(255,56,104,.18),transparent 25rem),radial-gradient(circle at 72% 12%,rgba(139,92,246,.14),transparent 25rem),radial-gradient(circle at 84% 82%,rgba(255,56,104,.13),transparent 28rem),linear-gradient(125deg,#08080d 0%,#0b0a13 46%,#13070d 100%)}.page-lobby .lobby-topbar{background:linear-gradient(90deg,rgba(18,10,20,.86),rgba(20,12,25,.72),rgba(30,9,18,.8));border-bottom-color:rgba(255,255,255,.08)}.page-lobby .lobby-topbar-inner{width:min(1280px,92vw);display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;align-items:center}.page-lobby .lobby-brand{justify-self:start}.page-lobby .lobby-brand-mark{background:linear-gradient(145deg,var(--lobby-accent),var(--lobby-accent-2));box-shadow:0 18px 38px rgba(255,56,104,.32)}.page-lobby .lobby-brand h1{font-size:1.65rem;font-style:normal;letter-spacing:-.055em}.lobby-nav-spacer{justify-self:end;width:210px;max-width:20vw}.lobby-profile-menu{position:relative;justify-self:center}.lobby-profile-menu summary{list-style:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;color:rgba(255,255,255,.62);font-weight:950;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.lobby-profile-menu summary::-webkit-details-marker{display:none}.lobby-profile-menu[open] summary{border-color:rgba(255,56,104,.5);box-shadow:0 0 0 4px rgba(255,56,104,.12)}.page-lobby .lobby-self-avatar{width:48px;height:48px;border-color:rgba(255,56,104,.72);box-shadow:0 0 0 4px rgba(0,0,0,.35),0 16px 34px rgba(0,0,0,.36)}.lobby-profile-popover{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 130px);overflow:auto;z-index:80;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(150deg,rgba(25,22,30,.98),rgba(18,15,22,.96));backdrop-filter:blur(22px);box-shadow:0 34px 90px rgba(0,0,0,.62);padding:22px}.lobby-profile-popover h2{margin:0;color:white;font-size:1.25rem;letter-spacing:-.04em}.lobby-profile-popover p{margin:.25rem 0 16px;color:rgba(255,255,255,.48);font-weight:800}.lobby-avatar-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.lobby-avatar-picker label{display:block;border:2px solid transparent;border-radius:16px;padding:4px;background:rgba(255,255,255,.05);cursor:pointer}.lobby-avatar-picker label.is-selected{border-color:var(--lobby-accent);box-shadow:0 0 0 4px rgba(255,56,104,.13)}.lobby-avatar-picker input{display:none}.lobby-avatar-picker img{display:block;width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover}.lobby-profile-popover a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:white;text-decoration:none;font-weight:950}.page-lobby .lobby-screen{width:min(1280px,92vw);grid-template-columns:minmax(300px,420px) minmax(0,860px);justify-content:center;gap:42px}.page-lobby .lobby-section-head{justify-content:center;text-align:center;gap:14px}.page-lobby .lobby-sidebar .lobby-section-head{justify-content:space-between;text-align:left}.page-lobby .lobby-section-head h2 span{background:rgba(255,56,104,.16);color:#ffd5df}.page-lobby .lobby-player{background:linear-gradient(110deg,rgba(255,255,255,.065),rgba(255,255,255,.03));text-align:left}.page-lobby .lobby-player:before{background:linear-gradient(110deg,rgba(255,56,104,.12),transparent 46%)}.page-lobby .lobby-player p,.page-lobby .lobby-mini-status b{color:var(--lobby-accent)}.page-lobby .host-crown{color:#ffd21f}.page-lobby .lobby-empty-slot{min-height:82px;color:rgba(255,255,255,.34);border-color:rgba(255,56,104,.22);background:rgba(255,56,104,.035)}.page-lobby .lobby-empty-slot:hover{color:white;border-color:rgba(255,56,104,.56);background:rgba(255,56,104,.11)}.lobby-invite-panel{margin-top:14px;border:1px solid rgba(255,56,104,.22);border-radius:20px;background:linear-gradient(120deg,rgba(255,56,104,.1),rgba(255,255,255,.035));padding:16px;box-shadow:0 18px 48px rgba(0,0,0,.24)}.lobby-invite-panel[hidden]{display:none}.lobby-invite-panel label{display:grid;gap:8px;color:rgba(255,255,255,.48);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.lobby-invite-panel label+label{margin-top:12px}.lobby-invite-panel button{width:100%;justify-content:flex-start;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.09);color:white;font-family:ArcadeText,ui-sans-serif,sans-serif;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-lobby .lobby-mini-status{border-color:rgba(255,56,104,.14);background:rgba(255,56,104,.04)}.page-lobby .lobby-game-grid{max-width:860px;margin:0 auto}.page-lobby .lobby-game-card:not(:disabled):hover{box-shadow:0 30px 90px rgba(255,56,104,.2),0 22px 70px rgba(0,0,0,.35)}.page-lobby .lobby-game-card.is-selected{outline-color:var(--lobby-accent);box-shadow:0 0 0 1px rgba(255,56,104,.36),0 28px 90px rgba(255,56,104,.24)}.page-lobby .lobby-game-shade{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.25) 38%,rgba(0,0,0,.92)),radial-gradient(circle at 85% 5%,rgba(255,56,104,.26),transparent 38%)}.page-lobby .lobby-selected-badge{background:var(--lobby-accent);box-shadow:0 14px 26px rgba(255,56,104,.3)}.page-lobby .lobby-tags span{background:rgba(0,0,0,.58)}.page-lobby .lobby-start-button{background:linear-gradient(145deg,var(--lobby-accent),var(--lobby-accent-2));box-shadow:0 18px 42px rgba(255,56,104,.32)}.page-lobby .lobby-current-game h2{color:white}.page-lobby .lobby-current-thumb{box-shadow:0 0 0 2px rgba(255,56,104,.22)}@media(max-width:1100px){.page-lobby .lobby-topbar-inner{grid-template-columns:1fr auto}.lobby-nav-spacer{display:none}.page-lobby .lobby-profile-menu{justify-self:end}.page-lobby .lobby-screen{grid-template-columns:minmax(0,860px);justify-content:center}.page-lobby .lobby-sidebar{width:min(520px,100%);justify-self:center;order:2}.page-lobby .lobby-games-area{width:100%;order:1}}@media(max-width:720px){.page-lobby .lobby-topbar-inner{display:flex;flex-wrap:wrap;justify-content:center}.page-lobby .lobby-brand{justify-content:center}.page-lobby .lobby-profile-menu{order:2}.page-lobby .lobby-brand h1{font-size:1.35rem}.lobby-profile-popover{left:auto;right:50%;transform:translateX(50%)}.lobby-avatar-picker{grid-template-columns:repeat(4,1fr)}.page-lobby .lobby-section-head{justify-content:space-between;text-align:left}.page-lobby .lobby-game-grid{grid-template-columns:1fr}.lobby-invite-panel button{font-size:.82rem}}

/* Lobby centering + invite modal pass. */
.page-lobby{display:flex;flex-direction:column;align-items:center;text-align:center}.page-lobby .lobby-topbar{width:100%}.page-lobby .lobby-topbar-inner{width:min(1120px,92vw);grid-template-columns:1fr auto 1fr}.page-lobby .lobby-screen{width:min(1120px,92vw);grid-template-columns:minmax(300px,380px) minmax(0,700px);justify-content:center;justify-items:center;align-items:start;margin-inline:auto;gap:40px}.page-lobby .lobby-sidebar,.page-lobby .lobby-games-area{width:100%;justify-self:center}.page-lobby .lobby-sidebar{max-width:380px}.page-lobby .lobby-games-area{max-width:700px;display:flex;flex-direction:column;align-items:center}.page-lobby .lobby-section-head{width:100%;justify-content:center;text-align:center}.page-lobby .lobby-sidebar .lobby-section-head{justify-content:center;text-align:center}.page-lobby .lobby-section-head i,.page-lobby .lobby-filter{display:none}.page-lobby .lobby-player-list{justify-items:center}.page-lobby .lobby-player{width:100%;grid-template-columns:68px minmax(0,1fr) 24px;text-align:center}.page-lobby .lobby-player h3,.page-lobby .lobby-player p,.page-lobby .lobby-player small{text-align:center}.page-lobby .lobby-empty-slot,.page-lobby .lobby-mini-status{width:100%}.page-lobby .lobby-mini-status{justify-content:center;gap:14px}.page-lobby .lobby-game-grid{width:100%;grid-template-columns:repeat(2,minmax(260px,1fr));justify-content:center;justify-items:center}.page-lobby .lobby-game-card{width:100%;max-width:335px;text-align:center}.page-lobby .lobby-game-copy{left:22px;right:22px;text-align:center}.page-lobby .lobby-tags{justify-content:center}.page-lobby .lobby-bottom-bar{width:min(920px,calc(100vw - 48px));justify-content:center;text-align:center}.page-lobby .lobby-current-game{justify-content:center}.lobby-modal[hidden]{display:none}.lobby-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px}.lobby-modal-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);cursor:pointer}.lobby-modal-card{position:relative;width:min(520px,100%);border:1px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(28,22,31,.98),rgba(17,15,22,.98));box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(255,56,104,.12);padding:38px;text-align:center}.lobby-modal-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:white;font-size:1.35rem;padding:0}.lobby-modal-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),var(--pink2));box-shadow:0 18px 42px rgba(255,56,104,.3);color:white;font-size:1.45rem;font-weight:950}.lobby-modal-card h2{margin:0;color:white;font-size:2rem;font-weight:950;letter-spacing:-.055em}.lobby-modal-card p{margin:10px auto 26px;max-width:32ch;color:rgba(255,255,255,.58);font-weight:800;line-height:1.45}.lobby-modal-card label{display:grid;gap:9px;color:rgba(255,255,255,.48);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:950;text-align:center}.lobby-modal-card label+label{margin-top:16px}.lobby-modal-card label button{width:100%;min-height:56px;justify-content:center;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);color:white;font-family:ArcadeText,ui-sans-serif,sans-serif;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-modal-card label button:hover{border-color:rgba(255,56,104,.5);background:rgba(255,56,104,.12)}@media(max-width:1100px){.page-lobby .lobby-screen{grid-template-columns:minmax(0,700px)}.page-lobby .lobby-sidebar{max-width:520px}.page-lobby .lobby-games-area{max-width:700px}}@media(max-width:720px){.page-lobby .lobby-screen{width:min(100% - 28px,620px)}.page-lobby .lobby-game-grid{grid-template-columns:minmax(0,1fr)}.page-lobby .lobby-game-card{max-width:100%}.page-lobby .lobby-bottom-bar{width:calc(100vw - 28px)}.lobby-modal-card{padding:30px 20px}.lobby-modal-card h2{font-size:1.65rem}.lobby-modal-card label button{font-size:.85rem}}

/* Hard-center the lobby page against the fixed action bar. */
.arcade-main.page-lobby.is-wide{width:100vw;max-width:none;margin:0;padding:0 0 188px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.arcade-main.page-lobby.is-wide .lobby-topbar{width:100vw}.arcade-main.page-lobby.is-wide .lobby-topbar-inner{width:min(920px,calc(100vw - 48px));margin-inline:auto;grid-template-columns:1fr auto 1fr}.arcade-main.page-lobby.is-wide .lobby-screen{width:min(920px,calc(100vw - 48px));margin:0 auto;padding-top:54px;display:grid;grid-template-columns:280px minmax(0,590px);gap:34px;justify-content:center;justify-items:stretch}.arcade-main.page-lobby.is-wide .lobby-sidebar{max-width:none;width:100%}.arcade-main.page-lobby.is-wide .lobby-games-area{max-width:none;width:100%}.arcade-main.page-lobby.is-wide .lobby-game-grid{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.arcade-main.page-lobby.is-wide .lobby-game-card{max-width:none;width:100%;height:260px}.arcade-main.page-lobby.is-wide .lobby-bottom-bar{width:min(920px,calc(100vw - 48px));left:50%;right:auto;transform:translateX(-50%)}.arcade-main.page-lobby.is-wide .lobby-nav-spacer{width:170px;max-width:18vw}@media(max-width:980px){.arcade-main.page-lobby.is-wide .lobby-topbar-inner,.arcade-main.page-lobby.is-wide .lobby-screen,.arcade-main.page-lobby.is-wide .lobby-bottom-bar{width:min(680px,calc(100vw - 28px))}.arcade-main.page-lobby.is-wide .lobby-screen{grid-template-columns:1fr}.arcade-main.page-lobby.is-wide .lobby-sidebar{width:min(420px,100%);justify-self:center}.arcade-main.page-lobby.is-wide .lobby-games-area{width:100%}}@media(max-width:720px){.arcade-main.page-lobby.is-wide{padding-bottom:230px}.arcade-main.page-lobby.is-wide .lobby-topbar-inner{display:flex;justify-content:center}.arcade-main.page-lobby.is-wide .lobby-game-grid{grid-template-columns:1fr}.arcade-main.page-lobby.is-wide .lobby-game-card{height:250px}.arcade-main.page-lobby.is-wide .lobby-bottom-bar{width:calc(100vw - 28px)}}

/* Global centered profile nav and pre-game flow upgrade. */
.arcade-nav{height:96px;display:grid;grid-template-columns:1fr auto 1fr;place-items:center;padding:0 3vw}.nav-balance{width:120px;height:1px}.arcade-profile-menu{position:relative;z-index:60}.arcade-profile-menu summary{list-style:none;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 16px 7px 7px;color:white;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px)}.arcade-profile-menu summary::-webkit-details-marker{display:none}.arcade-profile-menu summary strong{text-transform:uppercase;font-size:1.05rem;font-weight:950;letter-spacing:-.055em}.arcade-profile-menu summary img{width:42px;height:42px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,56,104,.72);box-shadow:0 0 0 3px rgba(0,0,0,.34)}.arcade-profile-menu[open] summary{border-color:rgba(255,56,104,.55);box-shadow:0 0 0 4px rgba(255,56,104,.12),0 20px 60px rgba(0,0,0,.34)}.profile-popover{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 30px));max-height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(150deg,rgba(25,22,31,.98),rgba(18,15,22,.98));box-shadow:0 36px 100px rgba(0,0,0,.68);overflow:hidden}.profile-head{padding:22px 22px 12px}.profile-head h2{margin:0;color:white;font-size:1.25rem;letter-spacing:-.04em}.profile-head p{margin:4px 0 0;color:rgba(255,255,255,.48);font-weight:800}.profile-avatar-scroll{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow:auto;padding:10px 22px 22px;max-height:350px;scrollbar-width:thin}.profile-avatar-scroll label{border:2px solid transparent;border-radius:16px;background:rgba(255,255,255,.05);padding:4px;cursor:pointer}.profile-avatar-scroll label.is-selected{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,56,104,.13)}.profile-avatar-scroll input{display:none}.profile-avatar-scroll img{display:block;width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover}.profile-logout{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;min-height:58px;margin-top:auto;background:linear-gradient(145deg,var(--pink),var(--pink2));color:white;text-decoration:none;font-weight:950;box-shadow:0 -16px 34px rgba(0,0,0,.22)}.page-home,.page-create,.page-join{display:flex;flex-direction:column;align-items:center}.create-setup{text-align:center}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-picker label{display:block;cursor:pointer}.mode-picker input{position:absolute;opacity:0;pointer-events:none}.mode-picker span{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.045);padding:22px;text-align:center}.mode-picker input:checked+span{border-color:var(--pink);background:rgba(255,56,104,.12);box-shadow:0 0 0 4px rgba(255,56,104,.12)}.mode-picker b{font-size:1.25rem;color:white}.mode-picker em{font-style:normal;color:rgba(255,255,255,.58);font-weight:750;line-height:1.35}.check-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:12px}.check-row input{width:auto!important}.lobby-title-card{width:100%;margin:0 auto 28px;text-align:center}.lobby-title-card span{display:inline-flex;margin-bottom:10px;border-radius:999px;background:rgba(255,56,104,.13);color:#ff9ab7;padding:6px 12px;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.lobby-title-card h1{margin:0;color:white;font-size:clamp(2.1rem,4vw,4.2rem);font-weight:950;letter-spacing:-.075em;line-height:.92}.lobby-title-card p{margin:12px auto 0;max-width:44ch;color:rgba(255,255,255,.58);font-weight:850}.vote-status{min-height:42px;margin:-12px auto 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.56);font-weight:850}.vote-status span,.vote-status b{border-radius:999px;background:rgba(255,56,104,.12);color:#ffd5df;padding:7px 12px}.vote-status b{min-width:54px;color:var(--pink)}.vote-status em{font-style:normal}.lobby-game-votes{min-height:32px;margin-top:12px;display:flex;justify-content:center;align-items:center}.lobby-game-votes img{width:30px;height:30px;border-radius:999px;object-fit:cover;border:2px solid white;margin-left:-7px;box-shadow:0 8px 18px rgba(0,0,0,.38)}.lobby-game-votes img:first-child{margin-left:0}.vote-draw[hidden]{display:none}.vote-draw{position:fixed;inset:0;z-index:85;display:grid;place-items:center;background:rgba(0,0,0,.66);backdrop-filter:blur(12px);animation:voteFade .24s ease}.vote-draw>div{width:min(560px,calc(100vw - 32px));min-height:280px;border-radius:38px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 0,rgba(255,56,104,.38),transparent 60%),linear-gradient(145deg,rgba(24,22,30,.98),rgba(14,12,18,.98));display:grid;place-items:center;text-align:center;box-shadow:0 40px 120px rgba(0,0,0,.72);animation:drawPop 2.2s ease both}.vote-draw span{color:#ff9ab7;text-transform:uppercase;letter-spacing:.22em;font-weight:950}.vote-draw b{color:white;font-size:clamp(3rem,10vw,6rem);font-style:italic;text-transform:uppercase;letter-spacing:-.08em;text-shadow:0 24px 80px rgba(255,56,104,.32)}@keyframes voteFade{from{opacity:0}to{opacity:1}}@keyframes drawPop{0%{transform:scale(.8) rotate(-1deg);filter:blur(8px);opacity:.2}30%{transform:scale(1.05) rotate(1deg);filter:blur(0);opacity:1}75%{transform:scale(1)}100%{transform:scale(.98)}}.page-pregame{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important}.rules-screen{position:relative;min-height:calc(100vh - 96px);width:100%;overflow:hidden;background:linear-gradient(135deg,#58d2ca,#40bdb5);color:#1f232a}.rules-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 55%,rgba(255,255,255,.3),transparent 18rem),linear-gradient(90deg,rgba(255,56,104,.2),transparent 35%,rgba(255,255,255,.1));pointer-events:none}.rules-search-strip{position:absolute;left:0;top:0;z-index:2;width:min(520px,50vw);height:46px;background:linear-gradient(90deg,#ff7a55,#ff5d8a);color:white;display:grid;place-items:center;font-size:1.5rem;font-weight:900}.rules-title{position:absolute;z-index:2;left:4vw;top:62px;display:flex;align-items:flex-start;gap:24px;text-align:left}.rules-title>span{width:78px;height:78px;background:#1c2228;color:white;display:grid;place-items:center;font-size:2.6rem;font-family:ArcadeDisplay,monospace}.rules-title h1{margin:0;color:#1e2329;font-size:clamp(3rem,7vw,6.8rem);font-weight:950;letter-spacing:-.09em;line-height:.85}.rules-title p{max-width:48ch;margin:12px 0 0;color:rgba(30,35,41,.72);font-size:1.15rem;font-weight:850}.rules-visual{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.rules-orb{width:min(330px,32vw);aspect-ratio:1;border-radius:38% 62% 48% 52%;background-size:cover;background-position:center;box-shadow:0 44px 80px rgba(0,0,0,.24),inset 0 0 90px rgba(255,255,255,.26);animation:floatOrb 4.8s ease-in-out infinite}.rules-settings{position:absolute;z-index:3;right:5vw;top:150px;width:min(390px,34vw);text-align:left}.rules-settings .form-stack{gap:18px}.rules-settings label{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;color:white;text-shadow:0 2px 16px rgba(0,0,0,.18);font-size:1.3rem;font-weight:900}.rules-settings input,.rules-settings select{height:54px;border:0;border-radius:999px;background:rgba(255,255,255,.56);color:#222;padding:0 22px;font:inherit;font-weight:950;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.rules-settings label:has(input[type="checkbox"]){grid-template-columns:1fr;display:flex;color:#1f232a;background:rgba(255,255,255,.42);border-radius:999px;padding:12px 18px;text-shadow:none}.rules-settings input[type="checkbox"]{width:24px;height:24px}.rules-howto{position:absolute;z-index:3;right:6vw;bottom:160px;width:min(420px,36vw);text-align:center}.rules-howto h2{margin:0 0 14px;font-size:2rem;font-weight:950;letter-spacing:-.04em}.rules-howto p{margin:0;color:rgba(31,35,42,.72);font-weight:850;line-height:1.45}.rules-actions{position:absolute;z-index:4;left:0;right:0;bottom:24px;display:grid;grid-template-columns:1fr minmax(240px,520px) 1fr;align-items:center;gap:24px;padding:0 4vw}.rules-play{grid-column:2;border:0;border-radius:999px;min-height:70px;background:#fff;color:#1f232a;font-size:2rem;font-weight:950;box-shadow:0 20px 50px rgba(0,0,0,.16)}.rules-play:disabled{opacity:.5}.rules-back{grid-column:3;justify-self:end;border:0;background:transparent;color:white;font-size:1.25rem;font-weight:950}.rules-back:before{content:"✣";margin-right:10px}.rules-play:hover{transform:translateY(-2px);box-shadow:0 28px 64px rgba(0,0,0,.2)}@keyframes floatOrb{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-28px) rotate(4deg)}}@media(max-width:900px){.arcade-nav{height:auto;padding:18px 4vw}.profile-avatar-scroll{grid-template-columns:repeat(4,1fr)}.mode-picker{grid-template-columns:1fr}.rules-screen{min-height:calc(100vh - 84px);padding:120px 18px 150px;display:flex;flex-direction:column;align-items:center;gap:24px}.rules-search-strip{width:100%;font-size:1rem}.rules-title,.rules-settings,.rules-howto,.rules-actions,.rules-visual{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:560px}.rules-title{justify-content:center;text-align:center}.rules-title p{margin-inline:auto}.rules-visual{height:220px}.rules-orb{width:220px}.rules-settings label{grid-template-columns:1fr;text-align:center;color:#1f232a;text-shadow:none}.rules-actions{display:flex;flex-direction:column-reverse;padding:0}.rules-play,.rules-back{width:100%;grid-column:auto;justify-content:center}.vote-status{flex-wrap:wrap}.vote-status em{width:100%}}

/* Stable non-emoji brand glyphs. */
.brand-mark{overflow:hidden}.brand-mark img{width:78%;height:78%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.arcade-profile-menu summary>.brand-mark{flex:0 0 52px}.lobby-start-button b{font-size:1.8rem;line-height:1}.rules-card>span{font-family:ArcadeDisplay,monospace;font-weight:950;color:#dbe7ff;font-size:1.15rem}
.profile-volume-control{display:grid;grid-template-columns:auto 70px 24px;align-items:center;gap:7px;min-width:120px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2);cursor:default}.profile-volume-control>span,.profile-volume-control output{color:inherit;font-size:.58rem;font-weight:950;letter-spacing:.08em}.profile-volume-control output{text-align:right;font-variant-numeric:tabular-nums}.profile-volume-control input{width:70px;height:18px;margin:0;padding:0;accent-color:var(--pink)}

/* Pregame is a console-like full-screen surface; no global footer there. */
.page-pregame+.arcade-footer{display:none}
.vote-status button{border:1px solid rgba(255,56,104,.45);background:linear-gradient(145deg,var(--pink),var(--pink2));color:white;border-radius:999px;padding:9px 16px;font-weight:950;box-shadow:0 12px 30px rgba(255,56,104,.22)}

/* Game start handoff: hides network/bootstrap time behind an intentional arcade countdown. */
.game-countdown{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(16px)}
.game-countdown>div{width:min(520px,calc(100vw - 32px));min-height:320px;border-radius:38px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 0,rgba(255,56,104,.38),transparent 62%),linear-gradient(145deg,rgba(24,20,30,.98),rgba(10,9,14,.98));display:grid;place-items:center;text-align:center;box-shadow:0 42px 130px rgba(0,0,0,.78),0 0 0 1px rgba(255,56,104,.16);animation:drawPop .75s ease both}
.game-countdown span{color:#ff9ab7;text-transform:uppercase;letter-spacing:.22em;font-weight:950}
.game-countdown b{color:white;font-size:clamp(6rem,18vw,11rem);font-family:ArcadeDisplay,monospace;line-height:.9;text-shadow:0 24px 90px rgba(255,56,104,.42)}
.game-countdown small{color:rgba(255,255,255,.58);font-weight:850}

/* Unique in-game surfaces restored from the old game identities. */
.page-play{width:100vw!important;max-width:none!important;margin:0!important;padding:0 0 36px!important}
.page-play+.arcade-footer{display:none}
.page-play .arcade-bg{opacity:.72}
.game-stage{width:100%}
.arcade-game-surface{width:min(1500px,calc(100vw - 36px));margin:0 auto}
.glassy-game-panel{border:1px solid rgba(255,255,255,.1);background:linear-gradient(125deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:0 20px 70px rgba(0,0,0,.44);backdrop-filter:blur(16px)}
.game-kicker{margin:0 0 8px;color:var(--pink);text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:950}
.game-abort{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.76);border-radius:16px;padding:12px 16px;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.game-abort:hover{border-color:rgba(255,56,104,.55);color:white;background:rgba(255,56,104,.14)}

/* BEET */
.play-beet{background:radial-gradient(circle at 18% 8%,rgba(255,45,85,.16),transparent 26rem),radial-gradient(circle at 88% 18%,rgba(139,92,246,.14),transparent 28rem),#0a0a0c}
.beet-game{display:grid;gap:26px}
.beet-hud{border-radius:28px;padding:18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px}
.beet-pills{display:flex;flex-wrap:wrap;gap:12px}
.beet-pills span{min-height:46px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28);border-radius:16px;padding:0 15px;color:white;font-weight:950}
.beet-pills b{color:rgba(255,255,255,.42);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em}
.beet-pills i{font-style:normal}.beet-pills img{width:24px;height:24px;border-radius:8px;object-fit:cover}
.beet-timer{display:flex;align-items:center;gap:12px}
.beet-timer button{width:44px;height:44px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:white}
.beet-timer div{width:190px;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.beet-timer em{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),#ff7aa2);box-shadow:0 0 24px rgba(255,56,104,.52)}
.beet-timer strong{min-width:86px;color:white;text-align:right;font-variant-numeric:tabular-nums}
.beet-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:26px}
.beet-side{display:grid;gap:22px}
.beet-score-card,.beet-history-card,.beet-guess-card{border-radius:30px;overflow:hidden}
.beet-score-card header,.beet-history-card header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.beet-score-card h2,.beet-history-card h2{margin:0;color:white;font-size:1.15rem;font-weight:950}.beet-score-card header span,.beet-history-card header span{color:rgba(255,255,255,.34);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:950}
.beet-score-list{display:grid}.beet-score-list p{padding:18px 22px;color:rgba(255,255,255,.48);font-weight:850}
.beet-score-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.055)}
.beet-score-list article.is-top{background:rgba(255,56,104,.11)}
.beet-score-list article div{display:flex;align-items:center;gap:12px;min-width:0}.beet-score-list img{width:42px;height:42px;border-radius:14px;object-fit:cover}.beet-score-list i{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal}.beet-score-list b{color:white;overflow:hidden;text-overflow:ellipsis}.beet-score-list span{color:#ffd6df;font-weight:950}
.beet-history{max-height:460px;overflow:auto;padding:18px;display:grid;gap:12px}.beet-history-row{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:18px;padding:12px}.beet-history-row img{width:62px;height:62px;border-radius:15px;object-fit:cover}.beet-history-row b,.beet-history-row span{display:block;color:white}.beet-history-row span{color:rgba(255,255,255,.68);font-weight:800}.beet-history-row a{display:inline-block;margin-top:5px;color:#ff9ab7;text-decoration:none;font-weight:950;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}
.beet-guess-card{position:relative;min-height:560px;padding:46px;display:flex;flex-direction:column;justify-content:center;gap:26px}.beet-aurora{position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:999px;background:rgba(255,56,104,.2);filter:blur(90px);pointer-events:none}.beet-guess-card header{position:relative}.beet-guess-card h1{margin:0;color:white;font-size:clamp(3rem,6vw,5.5rem);line-height:.88;letter-spacing:-.08em;text-shadow:0 24px 80px rgba(0,0,0,.65)}.beet-guess-card header span{display:block;margin-top:14px;color:rgba(255,255,255,.58);font-size:1.15rem;font-weight:850}
.beet-host-controls{position:relative;border:1px solid rgba(255,56,104,.24);background:rgba(255,56,104,.08);border-radius:22px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.beet-host-controls b{color:white}
.beet-guess-form{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px}.beet-guess-form input{height:68px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(0,0,0,.32);color:white;padding:0 22px;font:inherit;font-size:1.1rem;font-weight:850}.beet-guess-form button{min-width:150px}.beet-guess-form input:disabled,.beet-guess-form button:disabled{opacity:.48}.beet-tip{position:relative;color:rgba(255,255,255,.38);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}

/* YACHT */
.play-yacht{background:radial-gradient(circle,rgba(0,0,0,0) 0%,rgba(0,0,0,.62) 100%),linear-gradient(135deg,#221713,#150e0b)}
.yacht-layout{display:grid;grid-template-columns:minmax(360px,480px) minmax(420px,1fr) 290px;gap:24px;align-items:stretch}
.yacht-sheet-paper{min-height:650px;border-radius:20px;overflow:hidden;color:#1f1917;background:#fdfcf7;box-shadow:0 18px 60px rgba(0,0,0,.55),inset 0 0 100px rgba(80,50,20,.05)}
.yacht-sheet-paper header{padding:20px;border-bottom:1px solid #e7e0d4}.yacht-sheet-paper h1{margin:0;font-size:1.55rem;font-weight:950;letter-spacing:-.04em}.yacht-sheet-paper p{margin:5px 0 0;color:#78716c;font-weight:800;font-size:.85rem}
#yacht-sheet-scroll{overflow:auto;max-height:610px}#yacht-sheet-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;color:#1c1917;font-size:.82rem}#yacht-sheet-table th,#yacht-sheet-table td{border-right:1px solid #e7e5e4;border-bottom:1px solid #e7e5e4;padding:11px;text-align:center}#yacht-sheet-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;background:#fafaf9;min-width:190px}#yacht-sheet-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}#yacht-sheet-table thead th{position:sticky;top:0;background:rgba(250,250,249,.96);z-index:3}#yacht-sheet-table thead th img{width:28px;height:28px;border-radius:999px;object-fit:cover;display:block;margin:0 auto 5px}#yacht-sheet-table thead th span{display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#yacht-sheet-table td.is-me{background:#fff7d6}#yacht-sheet-table td.is-current{box-shadow:inset 0 0 0 2px rgba(234,179,8,.25)}#yacht-sheet-table td.is-clickable{cursor:pointer;color:#9a6800;font-weight:950;background:#fff1b8}#yacht-sheet-table td.is-clickable:hover{background:#ffe68a}.yacht-total th,.yacht-total td{font-size:1rem;background:#fef3c7!important}
.yacht-dice-tray{position:relative;min-height:650px;border-radius:36px;background:radial-gradient(circle at center,#7a0808 0%,#4a0404 100%);border:7px solid #3d2b24;box-shadow:inset 0 18px 60px rgba(0,0,0,.78),0 24px 80px rgba(0,0,0,.46);padding:34px;display:flex;flex-direction:column}.yacht-dice-tray .game-abort{position:absolute;right:18px;top:18px}
.yacht-hold-row{min-height:112px;display:flex;justify-content:center;gap:14px}.yacht-hold-slot{width:96px;height:96px;border-radius:18px;border:2px dashed rgba(255,255,255,.1);background:rgba(0,0,0,.15)}
.yacht-roll-area{flex:1;display:grid;place-items:center;text-align:center}.yacht-dice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.yacht-die{width:90px;height:90px;border-radius:20px;border:0;background:#fff;color:#111827;font-size:3.5rem;line-height:1;display:grid;place-items:center;box-shadow:0 18px 34px rgba(0,0,0,.35),inset 0 -8px 16px rgba(0,0,0,.08);transition:.16s}.yacht-die:hover{transform:translateY(-5px) rotate(2deg)}.yacht-die.is-small{width:78px;height:78px;font-size:3rem}.yacht-die.is-held{background:#fff0a5;color:#3b2f00}#yacht-roll-hint{color:rgba(255,255,255,.25);font-weight:850;font-size:1.35rem;font-style:italic}.yacht-hint-bar{align-self:center;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);border-radius:999px;color:rgba(255,255,255,.36);padding:12px 24px;font-weight:850}
.yacht-controls{border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px}.yacht-controls header{display:flex;justify-content:space-between;gap:12px}.yacht-controls h2{margin:0;color:white}.yacht-controls p{margin:4px 0 0;color:rgba(255,255,255,.52);font-weight:850}.yacht-controls header span{height:32px;border-radius:999px;background:rgba(255,255,255,.09);color:white;padding:8px 10px;font-size:.72rem;font-weight:950}.yacht-rolls-left{display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.24);border-radius:18px;padding:18px}.yacht-rolls-left span{color:rgba(255,255,255,.42);text-transform:uppercase;font-size:.7rem;font-weight:950;letter-spacing:.14em}.yacht-rolls-left b{color:white;font-size:2rem}.yacht-gold{background:linear-gradient(135deg,#d4af37 0%,#f1d279 50%,#b8860b 100%);color:#0f0a03;box-shadow:0 18px 42px rgba(212,175,55,.22);min-height:60px;font-size:1.1rem}.yacht-gold:disabled,.yacht-controls button:disabled{opacity:.45;cursor:not-allowed}

/* TERIYAKI */
.play-teriyaki{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(0,0,0,.06)),repeating-linear-gradient(90deg,#b37a44 0,#b37a44 80px,#a66f3f 80px,#a66f3f 160px)}
.teriyaki-game{width:min(1760px,calc(100vw - 28px));position:relative}.teriyaki-abort{position:absolute;right:28px;top:24px;z-index:20;background:rgba(0,0,0,.28)}
.teriyaki-table{position:relative;height:clamp(680px,calc(100vh - 140px),980px);border-radius:56px;border:18px solid rgba(0,0,0,.15);background:radial-gradient(140% 120% at 50% 35%,#2f7d44 0%,#1f5f35 45%,#184f2c 100%);box-shadow:inset 0 0 140px rgba(0,0,0,.36),0 30px 90px rgba(0,0,0,.34);overflow:hidden}.teriyaki-table:before{content:"";position:absolute;inset:18px;border:2px solid rgba(255,255,255,.1);border-radius:40px}
.teriyaki-avatar{position:absolute;z-index:10;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2);border:4px solid rgba(255,255,255,.7)}.teriyaki-avatar img{width:100%;height:100%;object-fit:cover}.teriyaki-avatar-me{left:42px;bottom:34px;width:90px;height:90px;border-color:#facc15}.teriyaki-avatar-opp{right:42px;top:34px;width:76px;height:76px}.teriyaki-avatar.is-active{box-shadow:0 0 0 5px rgba(250,204,21,.95),0 18px 50px rgba(0,0,0,.38)}
.teriyaki-board{position:absolute;inset:42px 120px;display:grid;grid-template-rows:1fr minmax(170px,260px) 1fr;gap:18px;align-items:center;perspective:1200px;transform:rotateX(9deg)}.teriyaki-row-wrap{justify-self:center;border-radius:28px;padding:18px 24px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.5));border:2px solid rgba(255,255,255,.36);box-shadow:0 12px 24px rgba(0,0,0,.14)}.teriyaki-card-row{display:grid;grid-template-columns:repeat(5,clamp(72px,5.3vw,118px));gap:clamp(10px,1.2vw,18px);justify-content:center}.teriyaki-card-row+.teriyaki-card-row{margin-top:14px}
.teriyaki-card{width:clamp(72px,5.3vw,118px);height:calc(clamp(72px,5.3vw,118px) * 1.38);border-radius:14px;background:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;padding:8px;font-weight:950;transition:.14s}.teriyaki-card.is-back{background:repeating-linear-gradient(45deg,#b91c1c 0,#b91c1c 10px,#991b1b 10px,#991b1b 12px)}.teriyaki-card.is-red{color:#e11d48}.teriyaki-card.is-black{color:#111827}.teriyaki-card strong{text-align:center;font-size:2.3rem;line-height:1}.teriyaki-card i:last-child{text-align:right;transform:rotate(180deg)}.teriyaki-card b{margin:auto;color:#111827}.teriyaki-card.is-target{box-shadow:0 0 0 5px rgba(250,204,21,.95),0 22px 40px rgba(0,0,0,.32);transform:translateY(-4px)}.teriyaki-card.is-dim{opacity:.52}.teriyaki-card.is-active-card{transform:scale(1.12);box-shadow:0 30px 70px rgba(0,0,0,.38)}
.teriyaki-slot{border:0;background:transparent;padding:0}.teriyaki-slot:not([data-not-clickable]){cursor:pointer}.teriyaki-center{position:relative;display:flex;align-items:center;justify-content:center;gap:110px}.teriyaki-deck{position:relative;border:0;background:transparent;padding:0;width:clamp(82px,6vw,140px);height:calc(clamp(82px,6vw,140px) * 1.38)}.teriyaki-deck>span{position:absolute;inset:5px auto auto 5px;width:100%;height:100%;border-radius:16px;background:#7f1d1d}.teriyaki-deck>span+span{inset:2px auto auto 2px;background:#991b1b}.teriyaki-deck .teriyaki-card{position:absolute;inset:0;width:100%;height:100%;box-shadow:0 24px 48px rgba(0,0,0,.36)}.teriyaki-deck i{position:absolute;right:-28px;top:-30px;font-style:normal;font-size:2.8rem;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35));animation:floaty 1.9s ease-in-out infinite}.teriyaki-discard{position:relative;width:180px;height:210px}.teriyaki-discard>span{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r))}
.teriyaki-active{position:absolute;left:50%;top:-44px;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px}.teriyaki-active[hidden]{display:none}.teriyaki-active>span{background:rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:8px 14px;border-radius:999px;color:white;font-size:.78rem;font-weight:950}.teriyaki-toast{position:absolute;left:50%;bottom:24px;z-index:50;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:white;font-weight:900}

/* FLAGS */
.play-flags{background:radial-gradient(at 0% 0%,rgba(76,29,149,.22) 0,transparent 52%),radial-gradient(at 100% 0%,rgba(255,45,85,.14) 0,transparent 52%),radial-gradient(at 100% 100%,rgba(139,92,246,.12) 0,transparent 52%),#0a0a0c}
.flags-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:26px;align-items:stretch}.flags-panel,.flags-score{border-radius:30px;padding:28px}.flags-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.flags-head h1{margin:0;color:white;font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.08em}.flags-head span{color:rgba(255,255,255,.58);font-weight:850}.flags-head strong{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:48px;border-radius:999px;background:rgba(255,255,255,.07);color:white;font-size:1.3rem}.flags-head small{display:block;margin-top:8px;color:rgba(255,255,255,.45);font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.flags-board{margin-top:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);box-shadow:inset 0 14px 40px rgba(0,0,0,.45);overflow:hidden}.flags-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:14px;aspect-ratio:3/2}.flags-tile{position:relative;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px rgba(0,0,0,.35)}.flags-tile i{position:absolute;inset:0;background-repeat:no-repeat;background-size:300% 200%;opacity:0;transition:.18s}.flags-tile b{position:absolute;inset:0;background:#0a0a0c}.flags-tile b:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.14);font-size:2rem;font-weight:950}.flags-tile.is-revealed i{opacity:1}.flags-tile.is-revealed b{opacity:0}
.flags-guess-form{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:24px;align-items:end}.flags-guess-form label{display:grid;gap:9px;color:rgba(255,255,255,.54);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:950}.flags-guess-form input{height:58px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:18px;color:white;padding:0 18px;font:inherit;font-size:1rem;font-weight:850}.flags-guess-form button{height:58px}#flags-hint{color:rgba(255,255,255,.42);font-weight:850}.flags-score header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.flags-score h2{margin:0;color:white}.flags-score header span{color:rgba(255,255,255,.48);font-weight:850;text-align:right}#flags-players{display:grid;gap:12px;margin:24px 0}#flags-players article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:18px;padding:12px}#flags-players img{width:44px;height:44px;border-radius:999px;object-fit:cover}#flags-players b{display:block;color:white}#flags-players span{color:rgba(255,255,255,.44);font-size:.82rem;font-weight:850}#flags-players strong{color:white}

@media(max-width:1120px){.beet-hud{grid-template-columns:1fr}.beet-layout,.yacht-layout,.flags-layout{grid-template-columns:1fr}.beet-side{grid-template-columns:1fr 1fr}.yacht-controls{order:-1}.teriyaki-board{inset:48px 26px}.teriyaki-center{gap:54px}}
@media(max-width:760px){.arcade-game-surface{width:min(100% - 20px,620px)}.beet-side{grid-template-columns:1fr}.beet-guess-card{padding:28px;min-height:420px}.beet-guess-form,.flags-guess-form{grid-template-columns:1fr}.beet-pills span{width:100%;justify-content:center}.beet-timer{justify-content:center;flex-wrap:wrap}.yacht-sheet-paper{min-height:420px}.yacht-dice-tray{min-height:420px;padding:24px}.yacht-die{width:70px;height:70px;font-size:2.6rem}.teriyaki-table{height:720px;border-width:10px;border-radius:34px}.teriyaki-board{grid-template-rows:1fr 150px 1fr;gap:10px;transform:none}.teriyaki-card-row{grid-template-columns:repeat(5,54px);gap:7px}.teriyaki-card{width:54px;height:74px;border-radius:10px;padding:5px}.teriyaki-card strong{font-size:1.45rem}.teriyaki-row-wrap{padding:10px}.teriyaki-center{gap:34px}.flags-panel,.flags-score{padding:20px}}
.beet-host-controls[hidden]{display:none!important}
.teriyaki-deck i[hidden]{display:none!important}
.teriyaki-deck i{right:-34px!important;top:-28px!important;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.48);color:white;font-family:ArcadeText,ui-sans-serif,sans-serif;font-size:.72rem!important;font-weight:950;letter-spacing:.16em;padding:8px 10px;line-height:1;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))!important}

/* Wider lobby pass: keep the centered composition, but give desktop layouts more breathing room. */
.arcade-main.page-lobby.is-wide .lobby-topbar-inner,
.arcade-main.page-lobby.is-wide .lobby-screen,
.arcade-main.page-lobby.is-wide .lobby-bottom-bar{
  width:min(1180px,calc(100vw - 56px));
}
.arcade-main.page-lobby.is-wide .lobby-screen{
  grid-template-columns:320px minmax(0,800px);
  gap:42px;
}
.arcade-main.page-lobby.is-wide .lobby-game-grid{
  gap:28px;
}
.arcade-main.page-lobby.is-wide .lobby-game-card{
  height:280px;
}
.arcade-main.page-lobby.is-wide .lobby-sidebar{
  max-width:320px;
}
.arcade-main.page-lobby.is-wide .lobby-games-area{
  max-width:800px;
}
@media(max-width:1240px){
  .arcade-main.page-lobby.is-wide .lobby-topbar-inner,
  .arcade-main.page-lobby.is-wide .lobby-screen,
  .arcade-main.page-lobby.is-wide .lobby-bottom-bar{
    width:min(1040px,calc(100vw - 40px));
  }
  .arcade-main.page-lobby.is-wide .lobby-screen{
    grid-template-columns:300px minmax(0,700px);
    gap:34px;
  }
}
@media(max-width:980px){
  .arcade-main.page-lobby.is-wide .lobby-topbar-inner,
  .arcade-main.page-lobby.is-wide .lobby-screen,
  .arcade-main.page-lobby.is-wide .lobby-bottom-bar{
    width:min(720px,calc(100vw - 28px));
  }
  .arcade-main.page-lobby.is-wide .lobby-screen{
    grid-template-columns:1fr;
  }
  .arcade-main.page-lobby.is-wide .lobby-sidebar,
  .arcade-main.page-lobby.is-wide .lobby-games-area{
    max-width:100%;
  }
}

/* Compact 4-column lobby cards on desktop. */
.arcade-main.page-lobby.is-wide .lobby-topbar-inner,
.arcade-main.page-lobby.is-wide .lobby-screen,
.arcade-main.page-lobby.is-wide .lobby-bottom-bar{
  width:min(1500px,calc(100vw - 56px));
}
.arcade-main.page-lobby.is-wide .lobby-screen{
  grid-template-columns:310px minmax(0,1120px);
  gap:44px;
}
.arcade-main.page-lobby.is-wide .lobby-games-area{
  max-width:1120px;
}
.arcade-main.page-lobby.is-wide .lobby-game-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.arcade-main.page-lobby.is-wide .lobby-game-card{
  height:210px;
  border-radius:18px;
}
.arcade-main.page-lobby.is-wide .lobby-game-copy{
  left:16px;
  right:16px;
  bottom:16px;
}
.arcade-main.page-lobby.is-wide .lobby-tags{
  gap:6px;
  margin-bottom:10px;
}
.arcade-main.page-lobby.is-wide .lobby-tags span{
  padding:4px 8px;
  font-size:.62rem;
}
.arcade-main.page-lobby.is-wide .lobby-game-card h3{
  font-size:1.55rem;
}
.arcade-main.page-lobby.is-wide .lobby-game-card p{
  font-size:.86rem;
  line-height:1.22;
}
.arcade-main.page-lobby.is-wide .lobby-selected-badge{
  top:14px;
  right:14px;
  font-size:.62rem;
  padding:6px 8px;
}
@media(max-width:1380px){
  .arcade-main.page-lobby.is-wide .lobby-topbar-inner,
  .arcade-main.page-lobby.is-wide .lobby-screen,
  .arcade-main.page-lobby.is-wide .lobby-bottom-bar{
    width:min(1180px,calc(100vw - 44px));
  }
  .arcade-main.page-lobby.is-wide .lobby-screen{
    grid-template-columns:300px minmax(0,830px);
    gap:34px;
  }
  .arcade-main.page-lobby.is-wide .lobby-game-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .arcade-main.page-lobby.is-wide .lobby-game-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .arcade-main.page-lobby.is-wide .lobby-game-grid{
    grid-template-columns:1fr;
  }
  .arcade-main.page-lobby.is-wide .lobby-game-card{
    height:240px;
  }
}

/* Profile actions + password modal. */
.profile-password-button{
  width:calc(100% - 44px);
  min-height:50px;
  margin:0 22px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:white;
  font-family:ArcadeText,ui-sans-serif,sans-serif;
  font-weight:950;
}
.profile-password-button:hover{border-color:rgba(255,56,104,.52);background:rgba(255,56,104,.12)}
.language-picker{display:grid;gap:8px;margin:0 22px 14px;text-align:left;color:rgba(255,255,255,.52);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}
.language-picker-login{margin:0;text-transform:none;letter-spacing:0;font-size:1rem;color:rgba(255,255,255,.72)}
.language-picker select{height:48px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055);color:white;padding:0 14px;font:inherit;font-size:.92rem;font-weight:900;text-transform:none;letter-spacing:0;outline:none}
.language-picker select:focus{border-color:rgba(255,56,104,.62);box-shadow:0 0 0 4px rgba(255,56,104,.13)}
.language-picker option{background:#15121c;color:white}
.profile-modal[hidden]{display:none}
.profile-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px}
.profile-modal-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);cursor:pointer}
.profile-modal-card{position:relative;width:min(520px,100%);border:1px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(28,22,31,.98),rgba(17,15,22,.98));box-shadow:0 38px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,56,104,.13);padding:34px;text-align:center;display:grid;gap:14px}
.profile-modal-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:white;font-size:1.25rem;padding:0}
.profile-modal-icon{width:58px;height:58px;margin:0 auto 4px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),var(--pink2));box-shadow:0 18px 42px rgba(255,56,104,.3);color:white;font-family:ArcadeDisplay,monospace;font-size:1rem;letter-spacing:.08em}
.profile-modal-card h2{margin:0;color:white;font-size:2rem;font-weight:950;letter-spacing:-.055em}
.profile-modal-card p{margin:0 auto 8px;max-width:32ch;color:rgba(255,255,255,.58);font-weight:800;line-height:1.45}
.profile-modal-card label{display:grid;gap:8px;color:rgba(255,255,255,.52);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;font-weight:950;text-align:left}
.profile-modal-card input{height:54px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055);color:white;padding:0 16px;font:inherit;font-weight:850;outline:none}
.profile-modal-card input:focus{border-color:rgba(255,56,104,.62);box-shadow:0 0 0 4px rgba(255,56,104,.13)}
.password-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;text-align:left}
.password-checks span{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.42);padding:8px 10px;font-size:.76rem;font-weight:900}
.password-checks span:before{content:"×";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.38)}
.password-checks span.is-ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:#bbf7d0}
.password-checks span.is-ok:before{content:"✓";background:#22c55e;color:#06130a}
.password-error{border:1px solid rgba(255,56,104,.36);border-radius:16px;background:rgba(255,56,104,.12);color:#ffd5df;padding:11px 13px;font-weight:850;text-align:left}
.profile-password-submit{min-height:56px;margin-top:4px}
.profile-password-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media(max-width:560px){.profile-modal-card{padding:28px 18px}.password-checks{grid-template-columns:1fr}}

/* Teriyaki framing and motion pass. */
.arcade-main.page-play.play-teriyaki{
  padding-bottom:0!important;
  min-height:calc(100dvh - 96px);
  overflow:hidden;
}
.arcade-main.page-play.play-teriyaki .game-stage{
  height:calc(100dvh - 96px);
  min-height:0;
  display:grid;
  place-items:start center;
}
.arcade-main.page-play.play-teriyaki .arcade-game-surface{
  width:min(1760px,calc(100vw - 28px));
}
.teriyaki-game{
  --ter-card-w:clamp(62px,min(4.8vw,8.4vh),98px);
  --ter-card-h:calc(var(--ter-card-w) * 1.38);
  --ter-card-gap:clamp(8px,.85vw,14px);
  --ter-row-pad-x:clamp(14px,1.35vw,24px);
  --ter-row-pad-y:clamp(10px,1vw,16px);
  --ter-center-h:clamp(132px,18.5vh,180px);
  width:min(1760px,calc(100vw - 28px));
}
.teriyaki-table{
  height:clamp(560px,calc(100dvh - 118px),940px);
  border-width:14px;
  border-radius:48px;
  background:
    radial-gradient(80% 70% at 50% 55%,rgba(53,141,76,.94) 0%,rgba(34,105,55,.94) 48%,rgba(19,74,41,.98) 100%),
    linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 120px),
    linear-gradient(#236b3e,#174d2f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 130px rgba(0,0,0,.34),0 28px 90px rgba(0,0,0,.38);
  animation:ter-table-enter .42s cubic-bezier(.2,.8,.2,1) both;
}
.teriyaki-table:before{
  inset:26px;
  border-radius:34px;
  border-color:rgba(210,255,222,.14);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
.teriyaki-table:after{
  content:"";
  position:absolute;
  inset:58px 78px;
  border-radius:28px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 calc(50% - 1px),rgba(220,255,228,.12) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(transparent 0 calc(50% - 1px),rgba(220,255,228,.13) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));
  opacity:.55;
}
.teriyaki-board{
  inset:30px 96px 34px;
  grid-template-rows:max-content var(--ter-center-h) max-content;
  align-content:space-between;
  align-items:center;
  gap:10px;
  transform:rotateX(5deg) scale(.985);
  transform-origin:center;
  z-index:2;
}
.teriyaki-row-wrap{
  padding:var(--ter-row-pad-y) var(--ter-row-pad-x);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(225,255,235,.48),rgba(217,255,230,.28));
  border-color:rgba(225,255,235,.3);
  box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -12px 36px rgba(11,66,32,.1);
  backdrop-filter:blur(4px);
}
.teriyaki-card-row{
  grid-template-columns:repeat(5,var(--ter-card-w));
  gap:var(--ter-card-gap);
}
.teriyaki-card-row+.teriyaki-card-row{
  margin-top:var(--ter-card-gap);
}
.teriyaki-card{
  width:var(--ter-card-w);
  height:var(--ter-card-h);
  border-radius:clamp(10px,1.1vw,15px);
  padding:clamp(5px,.62vw,9px);
  box-shadow:0 12px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.62);
  will-change:transform;
}
.teriyaki-slot .teriyaki-card{
  animation:ter-card-settle .42s cubic-bezier(.18,.86,.24,1.08) both;
  animation-delay:calc(var(--slot-index,1) * 16ms);
}
.teriyaki-opp .teriyaki-slot .teriyaki-card{
  animation-name:ter-card-settle-top;
}
.teriyaki-card strong{
  font-size:calc(var(--ter-card-w) * .36);
}
.teriyaki-card.is-back{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 38%),
    repeating-linear-gradient(45deg,#c5171d 0,#c5171d 8px,#9f1419 8px,#9f1419 11px);
}
.teriyaki-card.is-target{
  box-shadow:0 0 0 5px rgba(250,204,21,.95),0 22px 42px rgba(0,0,0,.32),0 0 34px rgba(250,204,21,.3);
  animation:ter-target-pulse 1.05s ease-in-out infinite;
}
.teriyaki-card.is-active-card{
  transform:scale(1.06) rotate(-2deg);
  animation:ter-draw-card .38s cubic-bezier(.16,.88,.24,1.14) both;
  box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 5px rgba(255,255,255,.18);
}
.teriyaki-center{
  gap:clamp(56px,7vw,118px);
  align-self:center;
}
.teriyaki-deck{
  width:calc(var(--ter-card-w) * .96);
  height:calc(var(--ter-card-h) * .96);
  z-index:5;
}
.teriyaki-deck i{
  display:none!important;
}
.teriyaki-deck .teriyaki-card{
  width:100%;
  height:100%;
  box-shadow:0 24px 50px rgba(0,0,0,.42),0 0 0 2px rgba(255,255,255,.1);
  transform-origin:50% 92%;
}
.teriyaki-deck:before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:22px;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);
  opacity:0;
  transform:scale(.8);
  transition:.22s ease;
}
.teriyaki-deck.is-drawable{
  cursor:pointer;
}
.teriyaki-deck.is-drawable:before{
  opacity:1;
  transform:scale(1);
  animation:ter-ready-ring 1.7s ease-in-out infinite;
}
.teriyaki-deck.is-drawable .teriyaki-card{
  animation:ter-deck-ready 1.7s ease-in-out infinite;
}
.teriyaki-deck:active .teriyaki-card{
  transform:translateY(-10px) rotate(-4deg) scale(1.03);
}
.teriyaki-discard{
  width:calc(var(--ter-card-w) * 2.05);
  height:calc(var(--ter-card-h) * 1.18);
  z-index:4;
}
.teriyaki-discard .teriyaki-card{
  width:calc(var(--ter-card-w) * .88);
  height:calc(var(--ter-card-h) * .88);
}
.teriyaki-discard>span{
  animation:ter-discard-fan .34s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:calc(var(--fan-index,0) * 52ms);
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.24));
}
.teriyaki-active{
  top:calc(var(--ter-card-h) * -.24);
}
.teriyaki-active>span{
  background:rgba(6,30,16,.58);
  border-color:rgba(255,255,255,.16);
}
.teriyaki-abort{
  right:28px;
  top:24px;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(8px);
}
.teriyaki-avatar-me{
  left:44px;
  bottom:40px;
  width:78px;
  height:78px;
}
.teriyaki-avatar-opp{
  right:44px;
  top:40px;
  width:66px;
  height:66px;
}
@keyframes ter-table-enter{
  from{transform:translateY(18px) scale(.985);opacity:.72;filter:saturate(.8)}
  to{transform:translateY(0) scale(1);opacity:1;filter:saturate(1)}
}
@keyframes ter-card-settle{
  from{transform:translateY(16px) rotate(1.5deg);opacity:.15}
  to{transform:translateY(0) rotate(0);opacity:1}
}
@keyframes ter-card-settle-top{
  from{transform:translateY(-16px) rotate(-1.5deg);opacity:.15}
  to{transform:translateY(0) rotate(0);opacity:1}
}
@keyframes ter-draw-card{
  from{transform:translate(-18px,18px) scale(.82) rotate(-10deg);opacity:.4}
  to{transform:scale(1.06) rotate(-2deg);opacity:1}
}
@keyframes ter-discard-fan{
  from{transform:translate(-16px,-10px) rotate(calc(var(--r) - 8deg));opacity:.2}
  to{transform:translate(0,0) rotate(var(--r));opacity:1}
}
@keyframes ter-deck-ready{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-8px) rotate(-1.5deg)}
}
@keyframes ter-ready-ring{
  0%,100%{opacity:.18;transform:scale(.92)}
  50%{opacity:.55;transform:scale(1.08)}
}
@keyframes ter-target-pulse{
  0%,100%{transform:translateY(-3px) scale(1);filter:saturate(1)}
  50%{transform:translateY(-8px) scale(1.035);filter:saturate(1.18)}
}
@media(max-width:1120px){
  .teriyaki-board{
    inset:30px 34px 34px;
    transform:rotateX(3deg) scale(.98);
  }
  .teriyaki-game{
    --ter-card-w:clamp(54px,min(7.2vw,8.2vh),82px);
    --ter-center-h:clamp(116px,17vh,150px);
  }
  .teriyaki-avatar-me{width:64px;height:64px;left:24px;bottom:30px}
  .teriyaki-avatar-opp{width:58px;height:58px;right:24px;top:30px}
}
@media(max-width:760px){
  .arcade-main.page-play.play-teriyaki .game-stage{height:auto;min-height:calc(100dvh - 84px)}
  .teriyaki-table{height:calc(100dvh - 102px);min-height:600px;border-width:10px;border-radius:34px}
  .teriyaki-board{inset:28px 14px 28px;transform:none;gap:8px}
  .teriyaki-game{--ter-card-w:clamp(46px,12vw,58px);--ter-card-gap:6px;--ter-row-pad-x:8px;--ter-row-pad-y:8px;--ter-center-h:116px}
  .teriyaki-center{gap:24px}
  .teriyaki-table:after{inset:44px 28px}
  .teriyaki-abort{right:16px;top:14px;font-size:.68rem;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){
  .teriyaki-table,.teriyaki-slot .teriyaki-card,.teriyaki-card.is-active-card,.teriyaki-discard>span,.teriyaki-deck.is-drawable:before,.teriyaki-deck.is-drawable .teriyaki-card,.teriyaki-card.is-target{animation:none!important}
}

/* Teriyaki laptop viewport fit refinement. */
.teriyaki-game{
  --ter-card-w:clamp(58px,min(4.8vw,7.8vh),94px);
  --ter-center-h:clamp(118px,17vh,165px);
}
.teriyaki-board{
  inset:30px 96px 44px;
}
@media(max-width:1120px){
  .teriyaki-game{
    --ter-card-w:clamp(50px,min(7vw,7.5vh),76px);
    --ter-center-h:clamp(108px,15.5vh,136px);
  }
  .teriyaki-board{inset:30px 34px 42px}
}
@media(max-width:760px){
  .teriyaki-game{
    --ter-card-w:clamp(44px,11vw,54px);
    --ter-center-h:104px;
  }
  .teriyaki-board{inset:28px 14px 38px}
}
@media(min-height:900px){
  .teriyaki-game{
    --ter-card-w:clamp(68px,min(4.8vw,8.4vh),98px);
    --ter-center-h:clamp(145px,18.5vh,180px);
  }
}

/* CHRONOL */
.play-chronol{background:radial-gradient(circle at 18% 14%,rgba(255,56,104,.18),transparent 28rem),radial-gradient(circle at 84% 12%,rgba(245,158,11,.12),transparent 30rem),linear-gradient(135deg,#09070d,#160812 52%,#08090f)}
.chronol-game{display:grid;gap:22px;width:min(1540px,calc(100vw - 36px))}
.chronol-hero{position:relative;overflow:hidden;border-radius:32px;padding:24px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,520px) auto;gap:22px;align-items:center}
.chronol-hero:before{content:"";position:absolute;inset:auto -10% -80% 30%;height:260%;background:radial-gradient(circle,rgba(255,56,104,.26),transparent 58%);pointer-events:none;animation:chronolGlow 6s ease-in-out infinite}
.chronol-hero-copy,.chronol-now-card,.chronol-controls{position:relative;z-index:1}.chronol-hero h1{margin:0;color:white;font-size:clamp(2.2rem,4.6vw,4.8rem);letter-spacing:-.08em;line-height:.9;text-shadow:0 22px 70px rgba(0,0,0,.65)}.chronol-hero-copy>span{display:block;margin-top:12px;color:rgba(255,255,255,.58);font-size:1.08rem;font-weight:850}
.chronol-now-card{min-height:154px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(130deg,rgba(255,255,255,.1),rgba(255,255,255,.035));display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.28);transform:rotate(-1deg)}.chronol-now-card img{width:120px;height:120px;border-radius:22px;object-fit:cover;box-shadow:0 18px 36px rgba(0,0,0,.36)}.chronol-now-card span{display:inline-grid;place-items:center;min-width:78px;height:36px;border-radius:999px;background:rgba(255,56,104,.16);border:1px solid rgba(255,56,104,.35);color:#ffb4c7;font-family:ArcadeDisplay,monospace;font-size:.92rem}.chronol-now-card.is-revealed span{background:linear-gradient(145deg,#ff3868,#ff7aa2);color:white;box-shadow:0 14px 32px rgba(255,56,104,.35)}.chronol-now-card h2{margin:12px 0 4px;color:white;font-size:1.35rem;letter-spacing:-.045em;line-height:1.05}.chronol-now-card p{margin:0;color:rgba(255,255,255,.58);font-weight:850;line-height:1.25}.chronol-controls{display:grid;gap:12px;justify-items:stretch}.chronol-timer{min-width:128px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(0,0,0,.24);padding:14px;text-align:center}.chronol-timer b{display:block;color:white;font-size:2rem;font-variant-numeric:tabular-nums}.chronol-timer span{display:block;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950}
.chronol-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch}.chronol-table,.chronol-side{border-radius:32px;padding:24px}.chronol-table{min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,56,104,.08),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.026))}.chronol-table>header,.chronol-side>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.chronol-table h2,.chronol-side h2{margin:0;color:white;font-size:1.55rem;letter-spacing:-.05em}.chronol-table header span,.chronol-side header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#ffd5df;padding:9px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}
.chronol-feedback{margin:-6px 0 18px;border-radius:20px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.1);animation:chronolPop .28s ease both}.chronol-feedback[hidden]{display:none}.chronol-feedback b{color:white}.chronol-feedback span{color:rgba(255,255,255,.7);font-weight:850}.chronol-feedback em{font-style:normal;color:white;font-weight:950}.chronol-feedback.is-good{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.35)}.chronol-feedback.is-bad{background:rgba(255,56,104,.13);border-color:rgba(255,56,104,.35)}
.chronol-timeline{min-height:380px;display:flex;align-items:center;gap:10px;overflow-x:auto;padding:28px 8px 34px;scrollbar-width:thin}.chronol-drop{flex:0 0 84px;min-height:118px;border:2px dashed rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.38);padding:10px;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;transition:.18s}.chronol-drop.is-clickable{cursor:pointer;border-color:rgba(255,56,104,.45);background:rgba(255,56,104,.09);color:#ffd5df;animation:chronolDropPulse 1.8s ease-in-out infinite}.chronol-drop.is-clickable:hover{transform:translateY(-6px);background:rgba(255,56,104,.18);color:white}.chronol-drop.is-picked-correct,.chronol-drop.is-correct-index{border-color:rgba(34,197,94,.8);background:rgba(34,197,94,.2);color:#dcfce7;box-shadow:0 0 0 5px rgba(34,197,94,.1)}.chronol-drop.is-picked-wrong{border-color:rgba(255,56,104,.85);background:rgba(255,56,104,.2);color:#ffe4ec;box-shadow:0 0 0 5px rgba(255,56,104,.1)}.chronol-drop:disabled{cursor:default}
.chronol-song{position:relative;flex:0 0 178px;min-height:238px;border-radius:26px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.28);animation:chronolCardIn .34s cubic-bezier(.2,.8,.2,1) both}.chronol-song:before{content:"";position:absolute;inset:0;border-radius:26px;background:linear-gradient(135deg,rgba(255,56,104,.15),transparent 42%);pointer-events:none}.chronol-song img{position:relative;width:100%;aspect-ratio:1;border-radius:19px;object-fit:cover;box-shadow:0 16px 34px rgba(0,0,0,.36)}.chronol-song div{position:relative;margin-top:12px}.chronol-song b{display:inline-grid;place-items:center;min-width:64px;height:32px;border-radius:999px;background:rgba(0,0,0,.34);color:#ffb4c7;font-family:ArcadeDisplay,monospace;font-size:.82rem}.chronol-song strong{display:block;margin-top:9px;color:white;font-size:1rem;line-height:1.08}.chronol-song span{display:block;margin-top:4px;color:rgba(255,255,255,.5);font-weight:800;font-size:.84rem;line-height:1.16}.chronol-song.is-compact{min-height:auto;flex-basis:auto}
.chronol-players{display:grid;gap:13px}.chronol-players article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.04);padding:13px;transition:.18s}.chronol-players article.is-current{border-color:rgba(255,56,104,.55);background:rgba(255,56,104,.1);box-shadow:0 18px 48px rgba(255,56,104,.08)}.chronol-players article.is-me{box-shadow:inset 4px 0 0 rgba(255,56,104,.72)}.chronol-players img{width:54px;height:54px;border-radius:16px;object-fit:cover}.chronol-players h3{margin:0;color:white;font-size:1.02rem}.chronol-players p{margin:3px 0 8px;color:rgba(255,255,255,.45);font-size:.82rem;font-weight:850}.chronol-mini-years{display:flex;gap:5px;flex-wrap:wrap}.chronol-mini-years span{border-radius:999px;background:rgba(255,255,255,.08);color:#ffd5df;padding:4px 7px;font-size:.68rem;font-family:ArcadeDisplay,monospace}
@keyframes chronolGlow{0%,100%{transform:translateX(-4%) scale(1);opacity:.68}50%{transform:translateX(6%) scale(1.08);opacity:1}}@keyframes chronolPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes chronolCardIn{from{opacity:0;transform:translateY(18px) rotate(-1.5deg)}to{opacity:1;transform:none}}@keyframes chronolDropPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,56,104,.16)}50%{box-shadow:0 0 0 8px rgba(255,56,104,0)}}
@media(max-width:1120px){.chronol-hero{grid-template-columns:1fr}.chronol-controls{grid-template-columns:1fr 1fr 1fr}.chronol-layout{grid-template-columns:1fr}.chronol-side{order:-1}.chronol-players{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:720px){.chronol-game{width:min(100% - 20px,620px)}.chronol-hero,.chronol-table,.chronol-side{padding:18px;border-radius:24px}.chronol-now-card{grid-template-columns:86px 1fr;transform:none}.chronol-now-card img{width:86px;height:86px;border-radius:17px}.chronol-controls{grid-template-columns:1fr}.chronol-song{flex-basis:148px}.chronol-drop{flex-basis:70px;min-height:100px}.chronol-timeline{padding-inline:0}}

/* CONNECT4 */
.play-connect4{background:radial-gradient(circle at 18% 10%,rgba(0,146,255,.26),transparent 30rem),radial-gradient(circle at 78% 18%,rgba(0,229,255,.16),transparent 28rem),radial-gradient(circle at 74% 82%,rgba(255,56,104,.18),transparent 30rem),linear-gradient(145deg,#050913,#071022 58%,#12070e)}
.connect4-game{width:min(1540px,calc(100vw - 36px));display:grid;gap:22px;perspective:1400px}.connect4-hero{position:relative;overflow:hidden;border-radius:34px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;background:linear-gradient(120deg,rgba(0,118,255,.14),rgba(255,56,104,.08),rgba(255,255,255,.035))}.connect4-hero:before{content:"";position:absolute;inset:-35% -15% auto 35%;height:220%;background:radial-gradient(circle,rgba(64,206,255,.24),transparent 58%);animation:connect4Scan 7s ease-in-out infinite;pointer-events:none}.connect4-hero>*{position:relative;z-index:1}.connect4-hero h1{margin:0;color:white;font-size:clamp(2.3rem,5vw,5.3rem);line-height:.9;letter-spacing:-.085em;text-shadow:0 24px 70px rgba(0,0,0,.58)}.connect4-hero span{display:block;margin-top:10px;color:rgba(255,255,255,.62);font-size:1.06rem;font-weight:850}.connect4-round-chip{min-width:150px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:rgba(0,0,0,.26);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.connect4-round-chip b{display:block;color:white;font-size:1.25rem}.connect4-round-chip span{margin:4px 0 0;color:#9ee7ff;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950}.connect4-layout{display:grid;grid-template-columns:300px minmax(520px,1fr) 300px;gap:22px;align-items:stretch}.connect4-panel{border-radius:32px;padding:24px}.connect4-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.connect4-panel h2{margin:0;color:white;font-size:1.55rem;letter-spacing:-.055em}.connect4-panel header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#bdeeff;padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;text-align:right}.connect4-players{display:grid;gap:14px}.connect4-players article{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 48px;gap:13px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045);padding:14px;overflow:hidden;transition:.2s}.connect4-players article:before{content:"";position:absolute;inset:0;opacity:.12;background:var(--chip-color)}.connect4-players article.p1{--chip-color:#ff3868}.connect4-players article.p2{--chip-color:#ffd447}.connect4-players article.is-current{border-color:color-mix(in srgb,var(--chip-color),white 20%);box-shadow:0 0 0 4px color-mix(in srgb,var(--chip-color),transparent 82%),0 22px 60px rgba(0,0,0,.28)}.connect4-players img,.connect4-spectators img{position:relative;width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.connect4-players h3{position:relative;margin:0;color:white;font-size:1.05rem}.connect4-players p{position:relative;margin:4px 0 0;color:rgba(255,255,255,.5);font-weight:850;font-size:.82rem}.connect4-players strong{position:relative;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(0,0,0,.26);color:white;font-family:ArcadeDisplay,monospace}.connect4-stage{position:relative;min-height:620px;display:grid;place-items:center;padding:78px 28px 46px}.connect4-stage-glow{position:absolute;inset:8% 5% 0;border-radius:50%;background:radial-gradient(circle,rgba(0,188,255,.18),transparent 60%);filter:blur(18px);animation:connect4Pulse 5s ease-in-out infinite}.connect4-drop-row{position:absolute;left:50%;top:26px;z-index:5;width:min(760px,92%);display:grid;grid-template-columns:repeat(7,1fr);gap:10px;transform:translateX(-50%)}.connect4-drop-row button{height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:rgba(255,255,255,.35);padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.connect4-drop-row button.is-ready{color:white;background:linear-gradient(145deg,#ff3868,#ff7aa2);box-shadow:0 12px 34px rgba(255,56,104,.28)}.connect4-drop-row button.is-ready:hover{transform:translateY(-4px);filter:brightness(1.08)}.connect4-board{position:relative;z-index:4;width:min(760px,100%);aspect-ratio:7/6;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:10px;padding:22px;border-radius:38px;background:linear-gradient(145deg,#0788ff,#0641b9 48%,#031d77);border:1px solid rgba(160,231,255,.42);box-shadow:inset 0 2px 0 rgba(255,255,255,.34),inset 0 -18px 30px rgba(0,0,0,.34),0 42px 90px rgba(0,0,0,.56),0 0 80px rgba(0,141,255,.16);transform:rotateX(7deg) rotateY(-1.5deg);transform-style:preserve-3d}.connect4-board:after{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:38px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(18px);z-index:-1}.connect4-cell{position:relative;border:0;border-radius:999px;padding:0;background:radial-gradient(circle at 50% 58%,#020718 0 44%,#0a2c7f 45% 52%,rgba(255,255,255,.18) 53% 55%,rgba(0,0,0,.28) 56%);box-shadow:inset 0 10px 18px rgba(0,0,0,.55),inset 0 -2px 0 rgba(255,255,255,.13);overflow:visible}.connect4-cell.is-clickable{cursor:pointer}.connect4-cell.is-clickable:hover{filter:brightness(1.18)}.connect4-cell span{position:absolute;inset:9%;border-radius:999px;opacity:0;transform:translateY(-210%) scale(.86);box-shadow:inset 0 10px 16px rgba(255,255,255,.24),inset 0 -14px 18px rgba(0,0,0,.27),0 14px 22px rgba(0,0,0,.35)}.connect4-cell.p1 span,.connect4-cell.p2 span{opacity:1;transform:none}.connect4-cell.p1 span{background:radial-gradient(circle at 35% 25%,#fff6 0 10%,transparent 12%),linear-gradient(145deg,#ff5d86,#ff245f 60%,#9f1239)}.connect4-cell.p2 span{background:radial-gradient(circle at 35% 25%,#fff9 0 10%,transparent 12%),linear-gradient(145deg,#ffe56d,#ffc928 60%,#b4690e)}.connect4-cell.is-last span{animation:connect4Drop .58s cubic-bezier(.18,.95,.22,1.18) both}.connect4-cell.is-win span{animation:connect4Win 1.1s ease-in-out infinite;box-shadow:0 0 0 5px rgba(255,255,255,.25),0 0 34px currentColor,inset 0 10px 16px rgba(255,255,255,.24),inset 0 -14px 18px rgba(0,0,0,.27)}.connect4-victory[hidden]{display:none}.connect4-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(520px,calc(100% - 40px));border:1px solid rgba(255,255,255,.16);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.42),transparent 58%),linear-gradient(145deg,rgba(15,18,35,.94),rgba(8,10,20,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:30px;text-align:center;animation:connect4Pop .3s ease both}.connect4-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.connect4-victory span{display:block;margin-top:8px;color:#bdeeff;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}.connect4-score-orbit{display:grid;grid-template-columns:1fr;gap:12px}.connect4-score-orbit div{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);padding:14px;display:flex;align-items:center;justify-content:space-between}.connect4-score-orbit span{color:rgba(255,255,255,.46);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:950}.connect4-score-orbit b{color:white;font-size:1.35rem}.connect4-spectators{margin-top:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.connect4-spectators h3{margin:0 0 10px;color:white}.connect4-spectators p{margin:0;color:rgba(255,255,255,.5);font-weight:800;line-height:1.45}.connect4-spectators span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-weight:850}.connect4-spectators span+span{margin-top:10px}.connect4-spectators img{width:34px;height:34px;border-radius:999px}@keyframes connect4Scan{0%,100%{transform:translateX(-8%) scale(1);opacity:.6}50%{transform:translateX(8%) scale(1.08);opacity:1}}@keyframes connect4Pulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes connect4ColumnReady{0%,100%{box-shadow:0 12px 34px rgba(255,56,104,.25),0 0 0 0 rgba(255,56,104,.24)}50%{box-shadow:0 16px 44px rgba(255,56,104,.36),0 0 0 8px rgba(255,56,104,0)}}@keyframes connect4Drop{0%{transform:translateY(-260%) scale(.74);filter:blur(2px)}70%{transform:translateY(8%) scale(1.04);filter:blur(0)}100%{transform:none}}@keyframes connect4Win{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.12);filter:saturate(1.35)}}@keyframes connect4Pop{from{opacity:0;transform:translate(-50%,-45%) scale(.92) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@media(max-width:1180px){.connect4-layout{grid-template-columns:1fr}.connect4-panel{order:2}.connect4-side{order:3}.connect4-stage{order:1;min-height:560px}.connect4-players{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.connect4-score-orbit{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.connect4-game{width:min(100% - 20px,620px)}.connect4-hero{grid-template-columns:1fr;padding:18px;border-radius:24px}.connect4-hero h1{font-size:2.7rem}.connect4-stage{min-height:440px;padding:64px 4px 22px}.connect4-board{gap:6px;padding:12px;border-radius:24px;transform:none}.connect4-drop-row{gap:6px;top:16px}.connect4-drop-row button{height:36px}.connect4-panel{padding:18px;border-radius:24px}.connect4-score-orbit{grid-template-columns:1fr}}
.connect4-cell.p1{color:#ff3868}.connect4-cell.p2{color:#ffd447}

/* Let the final move breathe before the universal end scoreboard takes over. */
.connect4-board.has-winning-line .connect4-cell:not(.is-win) span{filter:saturate(.45) brightness(.68);opacity:.62;transition:filter .38s ease,opacity .38s ease}
.connect4-cell.is-win{z-index:2;overflow:visible}
.connect4-cell.is-win:after{content:"";position:absolute;z-index:4;inset:2%;border:clamp(3px,.35vw,6px) solid #fff8dc;border-radius:50%;box-shadow:0 0 0 clamp(3px,.28vw,5px) #ef6b2e,0 0 28px rgba(239,107,46,.86),inset 0 0 16px rgba(255,248,220,.42);pointer-events:none;animation:connect4WinningCircle .58s cubic-bezier(.16,.92,.24,1.18) calc(var(--win-order,0) * 110ms) both,connect4WinningCirclePulse 1.15s ease-in-out calc(620ms + var(--win-order,0) * 110ms) infinite}
@keyframes connect4WinningCircle{from{opacity:0;transform:scale(1.55) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes connect4WinningCirclePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.16)}}
@media(prefers-reduced-motion:reduce){.connect4-cell.is-win:after{animation:none}}

/* Connect 4 viewport fit polish: keep the full 7x6 board visible on laptop-height screens. */
.connect4-game{gap:18px}.connect4-hero{padding:20px 24px}.connect4-hero h1{font-size:clamp(2.05rem,4.25vw,4.55rem)}.connect4-hero span{font-size:.98rem}.connect4-layout{grid-template-columns:292px minmax(500px,1fr) 292px;gap:18px}.connect4-panel{padding:20px}.connect4-panel header{margin-bottom:16px}.connect4-stage{min-height:548px;padding:62px 18px 30px}.connect4-drop-row{top:18px;width:min(640px,92%);gap:8px}.connect4-drop-row button{height:42px}.connect4-board{width:min(640px,100%);gap:8px;padding:18px;border-radius:32px}.connect4-board:after{bottom:-26px;height:30px}.connect4-players{gap:11px}.connect4-players article{grid-template-columns:52px minmax(0,1fr) 44px;padding:12px;border-radius:20px}.connect4-players img,.connect4-spectators img{width:52px;height:52px;border-radius:16px}.connect4-players strong{width:44px;height:44px;border-radius:14px}.connect4-score-orbit{gap:10px}.connect4-score-orbit div{padding:12px}.connect4-spectators{margin-top:16px;padding-top:14px}
@media(max-width:1380px){.connect4-layout{grid-template-columns:270px minmax(470px,1fr) 270px}.connect4-board{width:min(600px,100%)}.connect4-drop-row{width:min(600px,92%)}.connect4-stage{min-height:520px}}
@media(max-width:1180px){.connect4-layout{grid-template-columns:1fr}.connect4-stage{min-height:540px}.connect4-board{width:min(620px,100%)}.connect4-drop-row{width:min(620px,92%)}}
@media(max-width:720px){.connect4-stage{min-height:430px;padding:58px 2px 20px}.connect4-board{width:min(100%,520px);gap:6px;padding:11px;border-radius:23px}.connect4-drop-row{width:min(92%,520px);gap:6px;top:14px}.connect4-drop-row button{height:34px}}

/* Yacht 2026 polish: casino-table energy, German score sheet, live scoring affordances. */
.play-yacht{background:radial-gradient(circle at 50% 12%,rgba(255,56,104,.18),transparent 32%),radial-gradient(circle at 78% 58%,rgba(245,183,61,.13),transparent 34%),linear-gradient(145deg,#130909 0%,#09080d 48%,#19070d 100%)}
.yacht-game{width:min(1620px,calc(100vw - 36px));perspective:1500px}.yacht-layout{grid-template-columns:minmax(380px,500px) minmax(520px,1fr) 310px;gap:24px;align-items:stretch}.yacht-sheet-paper{position:relative;min-height:690px;border-radius:28px;overflow:hidden;color:#251914;background:linear-gradient(90deg,rgba(255,56,104,.11) 0 24px,transparent 24px),repeating-linear-gradient(0deg,rgba(40,28,22,.075) 0 1px,transparent 1px 39px),linear-gradient(135deg,#fffaf0,#f7eddb 58%,#fffdf5);box-shadow:0 30px 95px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.34),inset 0 0 75px rgba(115,77,32,.08);transform:rotate(-.45deg)}.yacht-sheet-paper:before{content:"";position:absolute;left:12px;top:118px;bottom:22px;width:8px;background:radial-gradient(circle,#ff3868 0 3px,transparent 4px) 0 0/8px 38px;opacity:.62}.yacht-sheet-paper header{position:relative;padding:24px 26px 14px 38px;border-bottom:1px solid rgba(89,63,42,.16);background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.08))}.yacht-sheet-paper header span{display:block;color:#ff3868;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:950}.yacht-sheet-paper h1{margin:3px 0 0;font-size:2rem;font-weight:950;letter-spacing:-.065em;color:#2a1e19}.yacht-sheet-paper p{margin:6px 0 0;color:#7b6b5f;font-weight:850;font-size:.82rem;line-height:1.35}.yacht-sheet-legend{display:grid;grid-template-columns:12px auto 12px auto 12px auto;gap:7px 9px;align-items:center;padding:12px 26px 12px 38px;border-bottom:1px solid rgba(89,63,42,.1);font-size:.66rem;color:#8b7869;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.yacht-sheet-legend i{width:12px;height:12px;border-radius:999px;background:#facc15;box-shadow:0 0 18px rgba(250,204,21,.55)}.yacht-sheet-legend i:nth-of-type(2){background:#ff5d86;box-shadow:0 0 18px rgba(255,56,104,.62)}.yacht-sheet-legend i:nth-of-type(3){background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.62)}#yacht-sheet-scroll{overflow:auto;max-height:590px;scrollbar-color:rgba(255,56,104,.55) transparent}#yacht-sheet-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;color:#271c17;font-size:.82rem}#yacht-sheet-table th,#yacht-sheet-table td{border-right:1px solid rgba(80,57,42,.12);border-bottom:1px solid rgba(80,57,42,.12);padding:10px 11px;text-align:center;vertical-align:middle}#yacht-sheet-table th:first-child{position:sticky;left:0;z-index:2;text-align:left;background:linear-gradient(90deg,#fff9ef,#fbefdd);min-width:190px;color:#30221c}#yacht-sheet-table th:first-child span{display:block;font-weight:950}#yacht-sheet-table th:first-child em{display:block;margin-top:2px;color:#9b8a7a;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-style:normal;font-weight:950}#yacht-sheet-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}#yacht-sheet-table thead th{position:sticky;top:0;background:rgba(255,250,240,.96);z-index:3;color:#3a2a22;font-weight:950}#yacht-sheet-table thead th img{width:31px;height:31px;border-radius:12px;object-fit:cover;display:block;margin:0 auto 4px;box-shadow:0 8px 18px rgba(48,32,22,.18)}#yacht-sheet-table thead th span{display:block;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#yacht-sheet-table tr.is-lower th:first-child{background:linear-gradient(90deg,#fff4e1,#f8e6cc)}#yacht-sheet-table td.is-me{background:rgba(255,56,104,.075)}#yacht-sheet-table td.is-current{box-shadow:inset 0 0 0 2px rgba(255,56,104,.18)}#yacht-sheet-table td.is-clickable{position:relative;cursor:pointer;color:#5b3900;font-weight:950;background:linear-gradient(180deg,#fff5c2,#ffe99a);box-shadow:inset 0 0 0 2px rgba(250,204,21,.42),0 0 24px rgba(250,204,21,.18);animation:yachtScoreLive 1.35s ease-in-out infinite}#yacht-sheet-table td.is-clickable:hover{transform:translateY(-1px);filter:brightness(1.03)}#yacht-sheet-table td.is-possible{background:linear-gradient(180deg,#fff3b1,#ffe27d)}#yacht-sheet-table td.is-recommended{color:#4a071d;background:linear-gradient(180deg,#ffd8e3,#ff7aa2);box-shadow:inset 0 0 0 2px rgba(255,56,104,.5),0 0 32px rgba(255,56,104,.35);animation:yachtRecommendedFlash 1s ease-in-out infinite}#yacht-sheet-table td.is-best{color:#06351e;background:linear-gradient(180deg,#dcfce7,#5ee494);box-shadow:inset 0 0 0 2px rgba(34,197,94,.55),0 0 38px rgba(34,197,94,.42);animation:yachtBestFlash .82s ease-in-out infinite}#yacht-sheet-table td.is-zero{background:linear-gradient(180deg,#f4efe6,#e8ddce);color:#8a7866;box-shadow:none;animation:none}.yacht-preview{display:grid;gap:2px;place-items:center;min-width:42px}.yacht-preview b{font-size:1.05rem;line-height:1}.yacht-preview em{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;font-style:normal;font-weight:950;line-height:1}.yacht-summary th,.yacht-summary td{background:#f4ead9!important;color:#6e5a4d;font-weight:900}.yacht-total th,.yacht-total td{font-size:1.08rem;background:linear-gradient(180deg,#fee9a8,#facc15)!important;color:#2c1b06}.yacht-total b{font-size:1.35rem}.yacht-dice-tray{position:relative;min-height:690px;border-radius:44px;background:radial-gradient(circle at 48% 42%,rgba(49,166,103,.94),rgba(22,101,52,.98) 58%,#0f4d2b 100%);border:12px solid #6b3f20;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),inset 0 30px 80px rgba(255,255,255,.06),inset 0 -45px 90px rgba(0,0,0,.36),0 34px 100px rgba(0,0,0,.52);padding:36px;display:flex;flex-direction:column;overflow:hidden;transform:rotateX(1deg)}.yacht-dice-tray:before{content:"";position:absolute;inset:24px;border-radius:34px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 60px rgba(0,0,0,.22);pointer-events:none}.yacht-dice-tray:after{content:"YACHT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:clamp(5rem,12vw,13rem);letter-spacing:-.08em;color:rgba(255,255,255,.045);font-weight:950;font-style:italic;pointer-events:none}.yacht-table-light{position:absolute;inset:4% 8% auto;height:48%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);filter:blur(22px);opacity:.62;animation:yachtTableLight 5s ease-in-out infinite}.yacht-dice-tray .game-abort{position:absolute;right:22px;top:22px;z-index:4}.yacht-hold-row{position:relative;z-index:2;min-height:116px;display:flex;justify-content:center;gap:14px}.yacht-hold-slot{width:96px;height:96px;border-radius:24px;border:2px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.055);box-shadow:inset 0 10px 28px rgba(0,0,0,.2)}.yacht-hold-slot:before{content:"HOLD";display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.2);font-size:.62rem;letter-spacing:.18em;font-weight:950}.yacht-roll-area{position:relative;z-index:2;flex:1;display:grid;place-items:center;text-align:center}.yacht-dice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;min-height:120px}.yacht-die{--spin:0ms;position:relative;width:96px;height:96px;border:0;border-radius:23px;background:linear-gradient(145deg,#fff,#f1efe8 58%,#d7d0c2);color:#111827;display:grid;place-items:center;box-shadow:0 24px 42px rgba(0,0,0,.36),inset 0 4px 8px rgba(255,255,255,.9),inset 0 -10px 18px rgba(72,48,24,.12);transition:transform .18s ease,filter .18s ease;transform-style:preserve-3d}.yacht-die:before{content:"";position:absolute;inset:8px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);pointer-events:none}.yacht-die:hover{transform:translateY(-8px) rotateX(12deg) rotateZ(3deg);filter:brightness(1.05)}.yacht-die.is-small{width:80px;height:80px;border-radius:20px;animation:yachtHeldPop .24s ease both}.yacht-die.is-held{background:linear-gradient(145deg,#fff6bf,#ffdd63);box-shadow:0 20px 34px rgba(0,0,0,.32),0 0 24px rgba(250,204,21,.25),inset 0 5px 9px rgba(255,255,255,.8),inset 0 -10px 18px rgba(154,99,5,.16)}.yacht-dice-row.is-rolling .yacht-die{animation:yachtDiceTumble .78s cubic-bezier(.18,.9,.18,1.08) both;animation-delay:var(--spin)}.yacht-die-face{position:relative;z-index:1;width:72%;height:72%;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.yacht-die-face .pip{width:13px;height:13px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#4b5563,#060814 72%);box-shadow:inset 0 1px 2px rgba(255,255,255,.16),0 2px 2px rgba(0,0,0,.18);place-self:center}.yacht-die-face.face-1 .pip{background:radial-gradient(circle at 35% 30%,#ff7aa2,#ff245f 72%)}.pip.p1{grid-area:1/1}.pip.p3{grid-area:1/3}.pip.p4{grid-area:2/1}.pip.p5{grid-area:2/2}.pip.p6{grid-area:2/3}.pip.p7{grid-area:3/1}.pip.p9{grid-area:3/3}#yacht-roll-hint{position:relative;z-index:2;color:rgba(255,255,255,.42);font-weight:950;font-size:1.45rem;font-style:italic;text-shadow:0 10px 30px rgba(0,0,0,.5)}.yacht-hint-bar{position:relative;z-index:2;align-self:center;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);backdrop-filter:blur(12px);border-radius:999px;color:rgba(255,255,255,.74);padding:12px 24px;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.22)}.yacht-controls{border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at 50% 0,rgba(250,204,21,.13),transparent 45%),rgba(255,255,255,.045)}.yacht-controls header{display:flex;justify-content:space-between;gap:12px}.yacht-controls h2{margin:0;color:white;font-size:1.7rem;letter-spacing:-.06em}.yacht-controls p{margin:4px 0 0;color:rgba(255,255,255,.56);font-weight:850}.yacht-controls header span{height:34px;border-radius:999px;background:rgba(255,255,255,.09);color:white;padding:9px 11px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.yacht-rolls-left{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.24);border-radius:20px;padding:18px}.yacht-rolls-left span{color:rgba(255,255,255,.45);text-transform:uppercase;font-size:.7rem;font-weight:950;letter-spacing:.14em}.yacht-rolls-left b{color:white;font-size:2.35rem;font-family:ArcadeDisplay,monospace}.yacht-gold{background:linear-gradient(135deg,#ff3868 0%,#ff7aa2 45%,#facc15 140%);color:white;box-shadow:0 18px 48px rgba(255,56,104,.34);min-height:64px;font-size:1.12rem;letter-spacing:.02em}.yacht-gold:not(:disabled){animation:yachtRollButtonGlow 1.4s ease-in-out infinite}.yacht-gold:disabled,.yacht-controls button:disabled{opacity:.45;cursor:not-allowed;animation:none}@keyframes yachtDiceTumble{0%{transform:translateY(-80px) translateX(-20px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);filter:blur(1px)}45%{transform:translateY(18px) translateX(14px) rotateX(280deg) rotateY(180deg) rotateZ(28deg);filter:blur(0)}72%{transform:translateY(-8px) translateX(-4px) rotateX(348deg) rotateY(330deg) rotateZ(-8deg)}100%{transform:none}}@keyframes yachtHeldPop{from{transform:scale(.82) translateY(12px);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes yachtScoreLive{0%,100%{box-shadow:inset 0 0 0 2px rgba(250,204,21,.4),0 0 18px rgba(250,204,21,.16)}50%{box-shadow:inset 0 0 0 2px rgba(250,204,21,.7),0 0 36px rgba(250,204,21,.34)}}@keyframes yachtRecommendedFlash{0%,100%{transform:none;filter:saturate(1)}50%{transform:scale(1.035);filter:saturate(1.18)}}@keyframes yachtBestFlash{0%,100%{transform:none;filter:saturate(1)}50%{transform:scale(1.05);filter:saturate(1.25)}}@keyframes yachtTableLight{0%,100%{opacity:.46;transform:translateX(-4%) scale(.96)}50%{opacity:.8;transform:translateX(5%) scale(1.05)}}@keyframes yachtRollButtonGlow{0%,100%{box-shadow:0 18px 48px rgba(255,56,104,.28),0 0 0 0 rgba(255,56,104,.24)}50%{box-shadow:0 22px 58px rgba(255,56,104,.42),0 0 0 8px rgba(255,56,104,0)}}@media(max-width:1280px){.yacht-layout{grid-template-columns:minmax(350px,460px) minmax(480px,1fr);}.yacht-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 180px 1fr 1fr;align-items:center}.yacht-controls header{align-items:center}.yacht-controls .ghost-button,.yacht-controls .yacht-gold{min-height:54px}.yacht-sheet-paper,.yacht-dice-tray{min-height:620px}}@media(max-width:920px){.yacht-layout{grid-template-columns:1fr}.yacht-controls{display:flex;order:-1}.yacht-sheet-paper{transform:none}.yacht-sheet-paper,.yacht-dice-tray{min-height:520px}.yacht-die{width:76px;height:76px;border-radius:18px}.yacht-die.is-small{width:66px;height:66px}.yacht-hold-slot{width:74px;height:74px;border-radius:18px}.yacht-dice-row{gap:12px}.yacht-hold-row{gap:9px;min-height:90px}}@media(max-width:560px){.yacht-game{width:min(100% - 18px,620px)}.yacht-sheet-paper header{padding-left:30px}.yacht-sheet-legend{padding-left:30px;grid-template-columns:12px auto 12px auto;}.yacht-sheet-legend i:nth-of-type(3),.yacht-sheet-legend span:nth-of-type(3){display:none}#yacht-sheet-table th:first-child{min-width:156px}.yacht-dice-tray{padding:22px;border-width:8px;border-radius:32px}.yacht-die{width:64px;height:64px}.yacht-die-face .pip{width:9px;height:9px}.yacht-hold-slot{width:58px;height:58px}.yacht-die.is-small{width:58px;height:58px}.yacht-hint-bar{border-radius:18px;text-align:center}.yacht-controls{padding:18px}}

/* FLAGS 2026 polish: geo-race mission control, animated intel tiles and stronger multiplayer readability. */
.play-flags{background:radial-gradient(circle at 50% 0,rgba(255,56,104,.18),transparent 34%),radial-gradient(circle at 12% 58%,rgba(34,197,94,.13),transparent 34%),radial-gradient(circle at 88% 52%,rgba(59,130,246,.16),transparent 38%),linear-gradient(145deg,#06070d 0%,#09080e 48%,#17070e 100%)}
.flags-game{width:min(1540px,calc(100vw - 34px));}.flags-layout{display:grid;grid-template-columns:minmax(620px,1.25fr) minmax(330px,.75fr);gap:24px;align-items:stretch}.flags-panel,.flags-score{position:relative;overflow:hidden;border-radius:34px;padding:28px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 32px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.1)}.flags-panel:before,.flags-score:before{content:"";position:absolute;inset:-30% -20% auto auto;width:55%;height:80%;background:radial-gradient(circle,rgba(255,56,104,.22),transparent 66%);filter:blur(24px);pointer-events:none}.flags-panel>* ,.flags-score>*{position:relative;z-index:1}.flags-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.flags-head .game-kicker{color:#ff3868}.flags-head h1{margin:0;color:white;font-size:clamp(2.6rem,5.8vw,5.7rem);line-height:.88;letter-spacing:-.09em;text-shadow:0 24px 70px rgba(0,0,0,.6)}.flags-head span{display:block;margin-top:10px;color:rgba(255,255,255,.66);font-weight:850;max-width:650px}.flags-timer-card{display:grid;place-items:center;min-width:128px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(0,0,0,.26);padding:16px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.flags-head strong{display:block;min-width:auto;height:auto;border-radius:0;background:transparent;color:white;font-family:ArcadeDisplay,monospace;font-size:2rem;line-height:1}.flags-head small{display:block;margin-top:7px;color:#9ee7ff;font-weight:950;text-transform:uppercase;letter-spacing:.12em;text-align:center}.flags-intel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.flags-intel-row div{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.flags-intel-row span{display:block;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.flags-intel-row b{display:block;margin-top:4px;color:white;font-size:1.35rem}.flags-board{position:relative;margin-top:24px;border-radius:34px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(28,116,165,.28),rgba(0,0,0,.34) 60%),linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 22px 70px rgba(0,0,0,.48),0 28px 70px rgba(0,0,0,.34);overflow:hidden;padding:18px}.flags-board:before{content:"";position:absolute;inset:14px;border-radius:26px;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,black 0 56%,transparent 76%);opacity:.46;pointer-events:none}.flags-radar{position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent 0 55deg,rgba(91,225,255,.14) 72deg,transparent 96deg 360deg);animation:flagsRadar 5.5s linear infinite;pointer-events:none}.flags-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding:0;aspect-ratio:3/2;filter:drop-shadow(0 24px 52px rgba(0,0,0,.4))}.flags-tile{--tile-delay:0ms;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.32);transform-style:preserve-3d;animation:flagsTileEnter .55s ease both;animation-delay:var(--tile-delay)}.flags-tile i{position:absolute;inset:-1px;background-repeat:no-repeat;background-size:300% 200%;opacity:0;transform:scale(1.08);filter:saturate(.8) brightness(.82);transition:opacity .34s ease,transform .48s ease,filter .48s ease}.flags-tile b{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,56,104,.2),transparent 45%),linear-gradient(145deg,#111827,#070913);transition:opacity .28s ease,transform .4s ease}.flags-tile b:before{content:"";position:absolute;inset:12px;border-radius:16px;border:1px dashed rgba(255,255,255,.14)}.flags-tile b:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.08) 43%,transparent 54%);transform:translateX(-120%);animation:flagsLockedSweep 2.6s ease-in-out infinite}.flags-tile b em{position:absolute;left:16px;top:13px;color:#ff3868;font-style:normal;font-family:ArcadeDisplay,monospace;font-size:.9rem}.flags-tile b strong{color:rgba(255,255,255,.23);letter-spacing:.18em;font-size:.72rem}.flags-tile.is-revealed i{opacity:1;transform:scale(1);filter:saturate(1.12) brightness(1.04)}.flags-tile.is-revealed b{opacity:0;transform:rotateY(18deg) scale(.92);pointer-events:none}.flags-tile.is-new{animation:flagsRevealPop .72s cubic-bezier(.17,.9,.22,1.2) both}.flags-guess-form{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:24px;align-items:end}.flags-guess-form label{display:grid;gap:9px;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:950}.flags-guess-form input{height:62px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:20px;color:white;padding:0 20px;font:inherit;font-size:1.05rem;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.flags-guess-form input:focus{outline:0;border-color:rgba(255,56,104,.7);box-shadow:0 0 0 4px rgba(255,56,104,.16),inset 0 1px 0 rgba(255,255,255,.1)}.flags-guess-form input:disabled{opacity:.45}.flags-guess-form button{height:62px;min-width:132px;background:linear-gradient(135deg,#ff3868,#ff7aa2);box-shadow:0 18px 48px rgba(255,56,104,.32)}.flags-guess-form button:not(:disabled){animation:flagsGuessGlow 1.65s ease-in-out infinite}.flags-suggestions{display:flex;flex-wrap:wrap;gap:9px;min-height:38px;margin-top:12px}.flags-suggestions button{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.74);padding:8px 12px;font-size:.76rem;font-weight:900;transition:.16s}.flags-suggestions button:hover{transform:translateY(-2px);background:rgba(255,56,104,.18);border-color:rgba(255,56,104,.38);color:white}#flags-hint{margin:13px 0 0;color:rgba(255,255,255,.62);font-weight:850}.flags-score header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.flags-score h2{margin:0;color:white;font-size:1.75rem;letter-spacing:-.06em}.flags-score header span{color:rgba(255,255,255,.5);font-weight:850;text-align:right;line-height:1.3}.flags-reveal-track{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:22px 0 0}.flags-reveal-track span{height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.3);font-family:ArcadeDisplay,monospace;font-size:.76rem}.flags-reveal-track span.is-on{background:linear-gradient(145deg,#ff3868,#ff8aaa);color:white;box-shadow:0 10px 26px rgba(255,56,104,.28);animation:flagsTrackOn .5s ease both}#flags-players{display:grid;gap:13px;margin:20px 0 24px}#flags-players article{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:20px;padding:13px;overflow:hidden;transition:.18s}#flags-players article:before{content:"";position:absolute;inset:0;opacity:.08;background:linear-gradient(90deg,#ff3868,transparent)}#flags-players article.is-correct,#flags-players article.is-finished{border-color:rgba(34,197,94,.34);box-shadow:0 0 0 3px rgba(34,197,94,.08)}#flags-players article.is-lost,#flags-players article.is-timeout{opacity:.75}#flags-players img{position:relative;width:52px;height:52px;border-radius:17px;object-fit:cover;box-shadow:0 14px 30px rgba(0,0,0,.32)}#flags-players b{position:relative;display:block;color:white;font-size:1rem}#flags-players span{position:relative;color:rgba(255,255,255,.48);font-size:.8rem;font-weight:850}#flags-players i{position:relative;display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:9px;overflow:hidden}#flags-players i:after{content:"";display:block;height:100%;width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,#ff3868,#facc15);box-shadow:0 0 16px rgba(255,56,104,.35);transition:width .35s ease}#flags-players strong{position:relative;min-width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(0,0,0,.24);color:white;font-family:ArcadeDisplay,monospace}.flags-score .ghost-button,.flags-score .game-abort{width:100%;margin-top:10px}@keyframes flagsRadar{to{transform:rotate(360deg)}}@keyframes flagsTileEnter{from{opacity:0;transform:translateY(16px) rotateX(18deg) scale(.95)}to{opacity:1;transform:none}}@keyframes flagsLockedSweep{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes flagsRevealPop{0%{transform:scale(.86) rotateX(18deg);filter:brightness(1)}48%{transform:scale(1.05) rotateX(-4deg);filter:brightness(1.3)}100%{transform:none;filter:brightness(1)}}@keyframes flagsGuessGlow{0%,100%{box-shadow:0 18px 48px rgba(255,56,104,.26),0 0 0 0 rgba(255,56,104,.22)}50%{box-shadow:0 22px 58px rgba(255,56,104,.4),0 0 0 8px rgba(255,56,104,0)}}@keyframes flagsTrackOn{from{transform:scale(.76);opacity:.4}to{transform:scale(1);opacity:1}}@media(max-width:1180px){.flags-layout{grid-template-columns:1fr}.flags-score{display:grid;grid-template-columns:1fr;}.flags-intel-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.flags-game{width:min(100% - 18px,620px)}.flags-panel,.flags-score{padding:20px;border-radius:26px}.flags-head{display:grid}.flags-head h1{font-size:3.25rem}.flags-timer-card{width:100%;display:flex;justify-content:space-between}.flags-board{padding:10px;border-radius:24px}.flags-grid{gap:6px}.flags-tile{border-radius:14px}.flags-tile b:before{inset:7px;border-radius:10px}.flags-intel-row{grid-template-columns:1fr}.flags-guess-form{grid-template-columns:1fr}.flags-guess-form button{width:100%}#flags-players article{grid-template-columns:46px 1fr auto}.flags-reveal-track span{height:30px}}

/* FLAGS reveal readability pass: revealed sectors should read as physical flag panels, even for very pale flags. */
.flags-tile.is-revealed{background:#f8fafc;border-color:rgba(255,255,255,.42);box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 2px rgba(255,255,255,.09),0 0 36px rgba(91,225,255,.18)}
.flags-tile.is-revealed:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),inset 0 -16px 28px rgba(0,0,0,.08);pointer-events:none}
.flags-tile.is-revealed i{opacity:1;filter:saturate(1.22) contrast(1.04) brightness(1.03)}
.flags-tile.is-revealed b{display:none}

/* You'd Do That! - scrapbook party-game host screen + device controller. */
.play-youdothat{background:radial-gradient(circle at 50% -10%,rgba(255,56,104,.24),transparent 36%),radial-gradient(circle at 12% 70%,rgba(255,221,145,.14),transparent 34%),linear-gradient(145deg,#110917,#08070c 58%,#220814 100%)}
.you-game{width:min(1580px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(680px,1.25fr) minmax(340px,.55fr);gap:24px;align-items:stretch}.you-tv,.you-controller{position:relative;overflow:hidden;border-radius:36px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 34px 95px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}.you-tv:before{content:"";position:absolute;inset:-20% -10% auto 20%;height:65%;background:radial-gradient(circle,rgba(255,56,104,.25),transparent 62%);filter:blur(30px)}.you-tv>* ,.you-controller>*{position:relative;z-index:1}.you-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.you-head h1{margin:0;color:white;font-size:clamp(2.5rem,5.5vw,5.4rem);line-height:.9;letter-spacing:-.085em;text-shadow:0 25px 70px rgba(0,0,0,.6)}.you-head span{display:block;margin-top:8px;color:rgba(255,255,255,.62);font-weight:900}.you-timer{min-width:126px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:rgba(0,0,0,.28);padding:14px;text-align:center}.you-timer b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.8rem}.you-timer span{display:block;color:#ffa9bf;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:950}.you-prompt-card{position:relative;margin-top:28px;border-radius:34px;background:linear-gradient(135deg,#fff8e9,#f5dfba);color:#251914;padding:34px;box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.32);transform:rotate(-.4deg)}.you-paper-tape{position:absolute;left:50%;top:-18px;width:160px;height:42px;background:rgba(255,221,145,.82);border-radius:10px;transform:translateX(-50%) rotate(2deg);box-shadow:0 10px 28px rgba(0,0,0,.18)}.you-prompt-card>span{display:inline-flex;color:#ff3868;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:950}.you-prompt-card h2{margin:12px 0 10px;font-size:clamp(2rem,4.4vw,4.15rem);line-height:.98;letter-spacing:-.065em}.you-prompt-card p{margin:0;color:#766250;font-weight:850;font-size:1.08rem}.you-target{margin-top:18px}.you-target:empty{display:none}.you-target{display:inline-grid;grid-template-columns:48px auto;gap:10px;align-items:center;border-radius:18px;background:#111827;color:white;padding:9px 14px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.you-target img{width:48px;height:48px;border-radius:14px;object-fit:cover}.you-target span{display:block;color:#ffa9bf;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:950}.you-target b{display:block}.you-submissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:24px}.you-submissions article{min-height:120px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:14px;color:white;display:grid;place-items:center;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:.2s}.you-submissions article.is-done{background:linear-gradient(145deg,rgba(34,197,94,.18),rgba(255,255,255,.05));border-color:rgba(34,197,94,.32)}.you-submissions article img{max-width:100%;width:100%;height:170px;border-radius:16px;object-fit:cover;background:#fff8ec}.you-submissions article.you-polaroid{background:#fff8ec;color:#261914;transform:rotate(var(--tilt,-1deg));padding:12px 12px 18px}.you-submissions article.you-polaroid:nth-child(even){--tilt:1.3deg}.you-submissions article.you-polaroid p{font-size:1.1rem;font-weight:950}.you-submissions article.you-polaroid b{display:block;margin-top:10px}.you-submissions article>img:first-child{width:58px;height:58px;border-radius:18px;object-fit:cover}.you-submissions article span{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-weight:900}.you-score-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:20px}.you-score-events article{position:relative;border-radius:20px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);padding:15px;color:white;overflow:hidden}.you-score-events article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,56,104,.18),transparent);opacity:.7}.you-score-events b,.you-score-events span,.you-score-events strong,.you-score-events i{position:relative;z-index:1}.you-score-events b{display:block}.you-score-events span{display:block;color:rgba(255,255,255,.55);font-weight:850}.you-score-events strong{display:block;margin-top:8px;font-family:ArcadeDisplay,monospace;font-size:1.5rem;color:#ffdd91}.you-score-events i{position:absolute;right:12px;top:12px;border-radius:999px;background:#ff3868;color:white;padding:5px 8px;font-style:normal;font-size:.64rem;font-weight:950}.you-controller{background:radial-gradient(circle at 50% 0,rgba(255,221,145,.15),transparent 48%),linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));display:flex;flex-direction:column;gap:18px}.you-controller header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.you-controller h2{margin:0;color:white;font-size:1.8rem;letter-spacing:-.06em}.you-controller header span{display:block;margin-top:5px;color:rgba(255,255,255,.56);font-weight:850}.you-controller header button{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(0,0,0,.28);color:white;padding:10px 12px;font-weight:950}.you-controller header button.is-active{background:linear-gradient(135deg,#ff3868,#ff8aaa);box-shadow:0 16px 38px rgba(255,56,104,.3)}.you-action{display:grid;gap:14px}.you-choice-grid,.you-option-grid,.you-vote-grid{display:grid;gap:12px}.you-choice-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.you-choice-grid button,.you-option-grid button,.you-vote-card{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.07);color:white;padding:14px;font-weight:950;box-shadow:0 16px 36px rgba(0,0,0,.24);transition:.16s}.you-choice-grid button:hover,.you-option-grid button:hover,.you-vote-card:hover{transform:translateY(-3px);border-color:rgba(255,56,104,.45);background:rgba(255,56,104,.16)}.you-choice-grid img{width:64px;height:64px;border-radius:18px;object-fit:cover;display:block;margin:0 auto 8px}.you-option-grid button{display:flex;align-items:center;gap:12px;text-align:left}.you-option-grid i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ff3868;font-style:normal}.you-text-form{display:grid;gap:12px}.you-text-form textarea{min-height:128px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.08);color:white;padding:16px;font:inherit;font-weight:850;resize:vertical}.you-upload{display:grid;gap:12px}.you-upload input{color:rgba(255,255,255,.76)}.you-upload img{max-height:260px;border-radius:22px;object-fit:cover;background:rgba(255,255,255,.08)}.you-draw-tools{display:flex;gap:10px}.you-draw-tools button{flex:1}#you-canvas{width:100%;aspect-ratio:3/2;border-radius:24px;background:#fff8ec;touch-action:none;box-shadow:0 20px 45px rgba(0,0,0,.3)}.you-vote-card{display:grid;gap:9px;text-align:left}.you-vote-card img{width:100%;height:160px;border-radius:16px;object-fit:cover;background:#fff8ec}.you-vote-card p{margin:0;font-size:1.08rem}.you-vote-card span{color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.you-wait-card{border:1px dashed rgba(255,255,255,.18);border-radius:22px;padding:28px;text-align:center;color:white;background:rgba(255,255,255,.045)}.you-wait-card b{display:block;font-size:1.25rem}.you-wait-card span{display:block;margin-top:7px;color:rgba(255,255,255,.55);font-weight:850}.you-next{width:100%;min-height:58px}.you-next[hidden]{display:none}.you-scoreboard{margin-top:auto}.you-scoreboard h3{margin:0 0 12px;color:white}.you-scoreboard #you-players{display:grid;gap:11px}.you-scoreboard article{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);padding:11px}.you-scoreboard article.is-winner{border-color:rgba(255,221,145,.46);box-shadow:0 0 0 3px rgba(255,221,145,.12)}.you-scoreboard img{width:48px;height:48px;border-radius:15px;object-fit:cover}.you-scoreboard b{display:block;color:white}.you-scoreboard span{display:block;color:rgba(255,255,255,.48);font-size:.8rem;font-weight:850}.you-scoreboard strong{font-family:ArcadeDisplay,monospace;color:#ffdd91}@media(max-width:1120px){.you-game{grid-template-columns:1fr}.you-controller{order:-1}.you-submissions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media(max-width:720px){.you-game{width:min(100% - 18px,620px)}.you-tv,.you-controller{padding:20px;border-radius:28px}.you-head{display:grid}.you-head h1{font-size:3.15rem}.you-prompt-card{padding:24px;border-radius:26px}.you-prompt-card h2{font-size:2.2rem}.you-choice-grid{grid-template-columns:1fr 1fr}.you-vote-card img{height:120px}}
.you-mini-player{display:grid;place-items:center;gap:8px}.you-mini-player img{width:76px!important;height:76px!important;border-radius:22px!important;object-fit:cover}.you-mini-player b{font-size:1rem}

/* You'd Do That! 2026 focus pass: question-only, category-led TV screen, wide bottom controller. */
.arcade-main.page-play.play-youdothat{width:100%;padding:10px 0 22px}
.arcade-main.page-play.play-youdothat .game-stage{min-height:calc(100dvh - 132px);display:grid;place-items:center;width:100%}
.you-game{--you-a:#ff3868;--you-b:#ff79a7;--you-c:#ffdd91;--you-ink:#fff7fb;--you-card:#fff4e1;width:min(1740px,calc(100vw - 32px));min-height:calc(100dvh - 148px);display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto;gap:18px;align-items:stretch}
.you-game[data-you-category="love"]{--you-a:#ff3868;--you-b:#ff8aad;--you-c:#ffd1dc;--you-card:#fff1f5}.you-game[data-you-category="career"]{--you-a:#4f8cff;--you-b:#9ed0ff;--you-c:#e2e8f0;--you-card:#eef6ff}.you-game[data-you-category="sex"]{--you-a:#ff2f68;--you-b:#b5179e;--you-c:#ffbdde;--you-card:#fff0f7}.you-game[data-you-category="wild"]{--you-a:#24c47e;--you-b:#facc15;--you-c:#d9f99d;--you-card:#f0fdf4}.you-game[data-you-category="school"]{--you-a:#f97316;--you-b:#38bdf8;--you-c:#fde68a;--you-card:#fff7ed}.you-game[data-you-category="airport"]{--you-a:#38bdf8;--you-b:#818cf8;--you-c:#dbeafe;--you-card:#f0f9ff}.you-game[data-you-category="afterparty"]{--you-a:#f43f5e;--you-b:#8b5cf6;--you-c:#fde047;--you-card:#fff1f2}.you-game[data-you-category="online"]{--you-a:#22d3ee;--you-b:#a855f7;--you-c:#cffafe;--you-card:#ecfeff}.you-game[data-you-category="groupchat"]{--you-a:#84cc16;--you-b:#06b6d4;--you-c:#ecfccb;--you-card:#f7fee7}.you-game[data-you-category="money"]{--you-a:#facc15;--you-b:#22c55e;--you-c:#fef3c7;--you-card:#fffbeb}.you-game[data-you-category="chaos"]{--you-a:#fb7185;--you-b:#f97316;--you-c:#fef08a;--you-card:#fff7ed}
.you-tv{min-height:0;display:flex;flex-direction:column;border-radius:42px!important;padding:32px 38px!important;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--you-a) 26%,transparent),transparent 32%),radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--you-b) 18%,transparent),transparent 34%),linear-gradient(135deg,#0b0710 0%,#151019 48%,#09070c 100%)!important;isolation:isolate}.you-tv:before{display:none}.you-scene-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.you-scene-art:before{content:"";position:absolute;inset:11% 5% 12%;border-radius:38px;background:linear-gradient(90deg,color-mix(in srgb,var(--you-a) 11%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--you-b) 10%,transparent) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 48%,black 0 48%,transparent 76%);opacity:.55}.you-scene-art:after{content:"";position:absolute;right:5%;bottom:7%;width:min(34vw,520px);aspect-ratio:1;border-radius:42% 58% 56% 44%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--you-c) 24%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--you-a) 22%,transparent),color-mix(in srgb,var(--you-b) 14%,transparent));filter:blur(.2px);opacity:.58;animation:youFloatScene 7s ease-in-out infinite}.you-tv>*{position:relative;z-index:1}.you-head{align-items:center!important}.you-head h1{font-size:clamp(2.8rem,5.8vw,6.5rem)!important;color:var(--you-ink)!important;letter-spacing:-.09em}.you-head .game-kicker{color:var(--you-a)!important}.you-timer{border-color:color-mix(in srgb,var(--you-a) 35%,transparent)!important;background:rgba(0,0,0,.34)!important;box-shadow:0 0 36px color-mix(in srgb,var(--you-a) 18%,transparent)}.you-timer span{color:var(--you-c)!important}.you-prompt-card{flex:1;min-height:360px;display:grid;align-content:center;text-align:center;margin:24px auto 0!important;width:min(1180px,96%);border-radius:42px!important;background:linear-gradient(135deg,var(--you-card),#ffffff 58%,color-mix(in srgb,var(--you-c) 55%,#fff))!important;box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.34),0 0 70px color-mix(in srgb,var(--you-a) 20%,transparent)!important;transform:rotate(-.25deg)!important}.you-prompt-card h2{font-size:clamp(2.35rem,5vw,5.6rem)!important;max-width:1040px;margin-left:auto!important;margin-right:auto!important}.you-prompt-card>span{color:var(--you-a)!important}.you-prompt-card p{max-width:790px;margin-left:auto!important;margin-right:auto!important;color:#6a5a54!important}.you-prompt-card.is-intro{background:radial-gradient(circle at 50% 14%,color-mix(in srgb,var(--you-a) 24%,transparent),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;color:white!important;transform:none!important}.you-prompt-card.is-intro>:not(.you-category-intro){display:none!important}.you-category-intro{display:grid;place-items:center;gap:14px;padding:26px;color:white}.you-category-intro[hidden]{display:none!important}.you-category-badge{width:112px;height:112px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,var(--you-a),var(--you-b));box-shadow:0 22px 60px color-mix(in srgb,var(--you-a) 35%,transparent);font-family:ArcadeDisplay,monospace;font-size:3.2rem;color:white;animation:youBadgePop .55s cubic-bezier(.18,.9,.18,1.18) both}.you-category-intro>span{color:var(--you-c);text-transform:uppercase;letter-spacing:.22em;font-weight:950}.you-category-intro h2{font-size:clamp(3.4rem,8vw,9rem);line-height:.82;margin:0;letter-spacing:-.1em;text-shadow:0 30px 90px rgba(0,0,0,.55)}.you-category-intro p{max-width:900px;margin:0;color:rgba(255,255,255,.76);font-size:clamp(1.1rem,2vw,1.65rem);font-weight:850;line-height:1.35}.you-category-intro strong{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.26);padding:12px 18px;color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.you-submissions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;max-width:1180px;width:96%;margin:18px auto 0!important}.you-submissions article{min-height:104px!important;border-color:color-mix(in srgb,var(--you-a) 22%,rgba(255,255,255,.1))!important}.you-submissions article.is-done{background:linear-gradient(145deg,color-mix(in srgb,var(--you-a) 25%,transparent),rgba(255,255,255,.06))!important;border-color:color-mix(in srgb,var(--you-a) 45%,transparent)!important}.you-category-status{grid-column:1/-1!important;min-height:70px!important;display:flex!important;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.22)!important}.you-category-status b{font-size:1.25rem}.you-category-status span{margin:0!important;color:rgba(255,255,255,.7)!important}.you-vote-reveal{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.you-vote-reveal>span,.you-mini-player{display:grid;place-items:center;gap:7px}.you-vote-reveal i{font-style:normal;color:var(--you-a);font-size:2rem;font-weight:950}.you-score-events{max-width:1180px;width:96%;margin:14px auto 0!important}.you-score-events article:before{background:linear-gradient(90deg,color-mix(in srgb,var(--you-a) 22%,transparent),transparent)!important}.you-score-events strong{color:var(--you-c)!important}.you-score-events i{background:var(--you-a)!important}.you-controller{display:grid!important;grid-template-columns:260px minmax(0,1fr) 220px 310px;gap:16px;align-items:stretch;border-radius:32px!important;padding:18px!important;background:radial-gradient(circle at 38% 0,color-mix(in srgb,var(--you-a) 18%,transparent),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.092),rgba(255,255,255,.035))!important}.you-controller header{display:flex!important;align-items:center!important;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(0,0,0,.18);padding:14px}.you-controller h2{font-size:1.45rem!important}.you-controller header button{background:rgba(0,0,0,.32)!important}.you-controller header button.is-active{background:linear-gradient(135deg,var(--you-a),var(--you-b))!important}.you-action{min-height:114px;max-height:224px;overflow:auto;align-content:center}.you-choice-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important}.you-choice-grid button{min-height:118px;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.038))!important;border-color:rgba(255,255,255,.12)!important}.you-choice-grid button:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--you-a) 23%,transparent),rgba(255,255,255,.06))!important;border-color:color-mix(in srgb,var(--you-a) 52%,transparent)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--you-a) 24%,transparent)!important}.you-choice-grid img{width:58px!important;height:58px!important;border-radius:18px!important}.you-wait-card{height:100%;min-height:104px;display:grid;place-items:center;border-color:color-mix(in srgb,var(--you-a) 28%,rgba(255,255,255,.18))!important}.you-next{width:100%;height:100%;min-height:104px!important;border-radius:24px!important;background:linear-gradient(135deg,var(--you-a),var(--you-b))!important;box-shadow:0 18px 52px color-mix(in srgb,var(--you-a) 34%,transparent)!important;text-transform:uppercase}.you-scoreboard{margin:0!important;min-height:114px;max-height:224px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(0,0,0,.18);padding:12px}.you-scoreboard h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.54)!important}.you-scoreboard #you-players{gap:8px!important}.you-scoreboard article{grid-template-columns:38px 1fr auto!important;padding:8px!important;border-radius:16px!important}.you-scoreboard img{width:38px!important;height:38px!important;border-radius:13px!important}.you-scoreboard span{font-size:.7rem!important}.you-scoreboard strong{color:var(--you-c)!important}.you-mini-player img{width:72px!important;height:72px!important;border-radius:22px!important}.you-mini-player b{color:inherit!important}.you-polaroid{animation:youRevealCard .38s ease both}.you-category-settings{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.you-category-settings legend{padding:0 8px;color:var(--pink);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:950}.you-category-settings label{flex-direction:row!important;align-items:center;gap:10px!important;font-size:.9rem}.you-category-settings input{width:auto!important}
@keyframes youFloatScene{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(-18px,-12px,0) rotate(4deg)}}@keyframes youBadgePop{from{opacity:0;transform:scale(.7) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes youRevealCard{from{opacity:0;transform:translateY(14px) rotate(-2deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,-1deg)) scale(1)}}
@media(max-width:1180px){.you-game{min-height:auto}.you-controller{grid-template-columns:1fr!important}.you-action,.you-scoreboard{max-height:none}.you-next{min-height:64px!important}.you-scoreboard #you-players{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.you-prompt-card{min-height:310px}}
@media(max-width:720px){.arcade-main.page-play.play-youdothat{padding-top:0}.you-game{width:min(100% - 16px,620px);min-height:auto}.you-tv,.you-controller{border-radius:28px!important;padding:18px!important}.you-head{display:grid!important}.you-head h1{font-size:3.2rem!important}.you-prompt-card{width:100%;min-height:260px;border-radius:28px!important;padding:24px!important}.you-prompt-card h2{font-size:2.1rem!important}.you-category-intro h2{font-size:3.4rem}.you-category-badge{width:82px;height:82px;border-radius:25px;font-size:2.2rem}.you-choice-grid{grid-template-columns:1fr 1fr!important}.you-submissions{grid-template-columns:1fr 1fr!important;width:100%}.you-score-events{width:100%}}

/* You'd Do That! viewport fit pass: keep the wide controller visible in the first screen. */
.arcade-main.page-play.play-youdothat .game-stage{min-height:calc(100dvh - 118px)}
.you-game{height:calc(100dvh - 138px);min-height:720px;max-height:980px;overflow:hidden}
.you-tv{overflow:hidden!important}.you-head{flex:0 0 auto}.you-prompt-card{min-height:clamp(250px,34dvh,360px)!important;margin-top:16px!important;padding:28px!important}.you-prompt-card h2{font-size:clamp(2.1rem,4.2vw,4.8rem)!important}.you-submissions{margin-top:12px!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}.you-submissions article{min-height:88px!important;padding:11px!important}.you-submissions article>img:first-child{width:48px!important;height:48px!important}.you-score-events{margin-top:10px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.you-score-events article{padding:12px!important}.you-controller{flex:0 0 auto}.you-action,.you-scoreboard{max-height:166px}.you-next{min-height:88px!important}
@media(max-height:820px) and (min-width:900px){.arcade-main.page-play.play-youdothat{padding-top:0}.you-game{height:calc(100dvh - 104px);min-height:620px}.you-tv{padding:22px 28px!important;border-radius:34px!important}.you-head h1{font-size:clamp(2.4rem,4.8vw,5.2rem)!important}.you-prompt-card{min-height:220px!important}.you-submissions,.you-score-events{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.you-controller{grid-template-columns:230px minmax(0,1fr) 190px 270px;padding:14px!important}.you-next{min-height:76px!important}.you-action,.you-scoreboard{max-height:138px}}
@media(max-width:1180px){.you-game{height:auto;max-height:none;overflow:visible}}

/* You'd Do That! reveal fit: legacy polaroid image rules must not inflate player avatars. */
.you-vote-reveal>span img,.you-vote-reveal .you-mini-player img{width:58px!important;height:58px!important;border-radius:18px!important;object-fit:cover!important}.you-vote-reveal .you-mini-player{min-width:86px}.you-game[data-you-phase="score"] .you-prompt-card{min-height:clamp(210px,28dvh,310px)!important;padding:24px!important;margin-top:8px!important}.you-game[data-you-phase="score"] .you-prompt-card h2{font-size:clamp(1.95rem,3.8vw,4.35rem)!important}.you-game[data-you-phase="score"] .you-submissions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.you-game[data-you-phase="score"] .you-submissions article{min-height:120px!important;padding:12px 14px!important}.you-game[data-you-phase="score"] .you-polaroid b{font-size:.9rem}.you-game[data-you-phase="score"] .you-score-events article{min-height:78px}

/* You'd Do That! compact reveal scoring so the full TV panel stays visible above the controller. */
.you-game[data-you-phase="score"] .you-score-events{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px!important}.you-game[data-you-phase="score"] .you-score-events article{min-height:58px!important;padding:8px 12px!important}.you-game[data-you-phase="score"] .you-score-events b{font-size:.92rem}.you-game[data-you-phase="score"] .you-score-events span{font-size:.78rem}.you-game[data-you-phase="score"] .you-score-events strong{margin-top:2px!important;font-size:1.18rem!important}.you-game[data-you-phase="score"] .you-score-events i{top:8px!important;right:8px!important}
.you-vote-reveal b{color:#251914!important;text-shadow:none}.you-polaroid>b{color:#251914!important}

/* Generic game capacity metadata: every future GameSpec min/max is reflected in lobby cards and start actions. */
.lobby-game-card.is-unavailable{filter:saturate(.55) brightness(.72);opacity:.72;cursor:not-allowed}.lobby-game-card.is-unavailable .lobby-game-art{filter:grayscale(.35) blur(.2px)}.lobby-game-card.is-unavailable:hover{transform:none;box-shadow:none}.lobby-game-capacity{display:inline-flex;width:max-content;max-width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(0,0,0,.42);color:rgba(255,255,255,.74);padding:5px 9px;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.lobby-game-card.is-unavailable .lobby-game-capacity{border-color:rgba(255,56,104,.38);background:rgba(255,56,104,.18);color:#ffd6e1}.lobby-start-button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}

/* TIC TAC TOE */
.play-tictactoe{background:radial-gradient(circle at 20% 12%,rgba(255,56,104,.24),transparent 30rem),radial-gradient(circle at 82% 16%,rgba(34,211,238,.18),transparent 28rem),radial-gradient(circle at 54% 88%,rgba(255,255,255,.07),transparent 34rem),linear-gradient(145deg,#05050c,#100813 52%,#050914)}
.tictactoe-game{width:min(1540px,calc(100vw - 36px));display:grid;place-items:center;perspective:1400px}.tictactoe-shell{width:100%;border-radius:38px;padding:24px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));overflow:hidden;box-shadow:0 36px 110px rgba(0,0,0,.48)}.tictactoe-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:22px}.tictactoe-hero:before{content:"";position:absolute;inset:-90px 28% -70px auto;width:420px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 62%);filter:blur(8px);animation:tictactoeFloat 7s ease-in-out infinite;pointer-events:none}.tictactoe-hero>*{position:relative;z-index:1}.tictactoe-hero h1{margin:0;color:white;font-size:clamp(2.35rem,5vw,5.4rem);line-height:.88;letter-spacing:-.085em;text-shadow:0 24px 70px rgba(0,0,0,.58)}.tictactoe-hero span{display:block;margin-top:10px;color:rgba(255,255,255,.62);font-size:1.04rem;font-weight:850}.tictactoe-round-card{min-width:150px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(0,0,0,.3);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(255,56,104,.12)}.tictactoe-round-card b{display:block;color:white;font-size:1.25rem}.tictactoe-round-card span{margin:4px 0 0;color:#bff8ff;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950}.tictactoe-layout{display:grid;grid-template-columns:300px minmax(520px,1fr) 300px;gap:22px;align-items:stretch}.tictactoe-panel{border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 58px rgba(0,0,0,.26)}.tictactoe-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.tictactoe-panel h2{margin:0;color:white;font-size:1.55rem;letter-spacing:-.055em}.tictactoe-panel header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#ffd8e4;padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;text-align:right}.tictactoe-players{display:grid;gap:14px}.tictactoe-players article{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 52px;gap:13px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:23px;background:rgba(255,255,255,.045);padding:14px;overflow:hidden;transition:.2s}.tictactoe-players article:before{content:"";position:absolute;inset:0;opacity:.14;background:var(--mark-color)}.tictactoe-players article.p1{--mark-color:#ff3868}.tictactoe-players article.p2{--mark-color:#22d3ee}.tictactoe-players article.is-current{border-color:color-mix(in srgb,var(--mark-color),white 18%);box-shadow:0 0 0 4px color-mix(in srgb,var(--mark-color),transparent 82%),0 22px 60px rgba(0,0,0,.28)}.tictactoe-players img,.tictactoe-spectators img{position:relative;width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.tictactoe-players h3{position:relative;margin:0;color:white;font-size:1.05rem}.tictactoe-players p{position:relative;margin:4px 0 0;color:rgba(255,255,255,.52);font-weight:850;font-size:.82rem}.tictactoe-players strong{position:relative;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(0,0,0,.3);color:white;font-family:ArcadeDisplay,monospace;font-size:1.25rem}.tictactoe-arena{position:relative;min-height:650px;display:grid;place-items:center;padding:42px}.tictactoe-aura{position:absolute;inset:8% 0 0;border-radius:50%;background:radial-gradient(circle,rgba(255,56,104,.19),transparent 36%),radial-gradient(circle at 70% 42%,rgba(34,211,238,.18),transparent 38%);filter:blur(16px);animation:tictactoePulse 5s ease-in-out infinite}.tictactoe-board{position:relative;z-index:2;width:min(620px,76vh,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px;padding:22px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.052)),radial-gradient(circle at 50% 50%,rgba(255,56,104,.13),transparent 58%);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -20px 34px rgba(0,0,0,.28),0 42px 100px rgba(0,0,0,.58),0 0 90px rgba(255,56,104,.16);transform:rotateX(8deg) rotateZ(-1.5deg);transform-style:preserve-3d}.tictactoe-board:before{content:"";position:absolute;inset:18px;border-radius:30px;background:linear-gradient(90deg,transparent calc(33.333% - 4px),rgba(255,255,255,.22) calc(33.333% - 4px) calc(33.333% + 4px),transparent calc(33.333% + 4px) calc(66.666% - 4px),rgba(255,255,255,.22) calc(66.666% - 4px) calc(66.666% + 4px),transparent calc(66.666% + 4px)),linear-gradient(0deg,transparent calc(33.333% - 4px),rgba(255,255,255,.22) calc(33.333% - 4px) calc(33.333% + 4px),transparent calc(33.333% + 4px) calc(66.666% - 4px),rgba(255,255,255,.22) calc(66.666% - 4px) calc(66.666% + 4px),transparent calc(66.666% + 4px));pointer-events:none;opacity:.48}.tictactoe-board:after{content:"";position:absolute;left:10%;right:10%;bottom:-32px;height:38px;border-radius:50%;background:rgba(0,0,0,.48);filter:blur(18px);z-index:-1}.tictactoe-cell{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.09),transparent 36%),linear-gradient(145deg,rgba(3,7,18,.76),rgba(12,9,23,.92));box-shadow:inset 0 10px 24px rgba(0,0,0,.44),inset 0 -1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.28);display:grid;place-items:center;overflow:hidden;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.tictactoe-cell i{position:absolute;inset:20%;border-radius:26px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);opacity:0;transition:.18s}.tictactoe-cell span{position:relative;z-index:1;font-family:ArcadeDisplay,Public Sans,sans-serif;font-size:clamp(3.2rem,8vw,8.2rem);font-weight:950;line-height:1;letter-spacing:-.08em;transform:translateY(2px);text-shadow:0 14px 30px rgba(0,0,0,.46)}.tictactoe-cell.is-clickable{cursor:pointer;border-color:rgba(255,56,104,.3);animation:tictactoeReady 1.8s ease-in-out infinite}.tictactoe-cell.is-clickable:hover{transform:translateY(-8px) translateZ(24px) scale(1.025);filter:brightness(1.18);border-color:rgba(255,56,104,.72)}.tictactoe-cell.is-clickable:hover i{opacity:1}.tictactoe-cell.p1 span{color:#ff5f89;text-shadow:0 0 28px rgba(255,56,104,.58),0 16px 34px rgba(0,0,0,.42)}.tictactoe-cell.p2 span{color:#5eeeff;text-shadow:0 0 28px rgba(34,211,238,.58),0 16px 34px rgba(0,0,0,.42)}.tictactoe-cell.p1,.tictactoe-cell.p2{animation:tictactoeMark .36s cubic-bezier(.18,.9,.18,1.18) both}.tictactoe-cell.is-last{box-shadow:inset 0 10px 24px rgba(0,0,0,.44),0 0 0 5px rgba(255,255,255,.08),0 18px 40px rgba(255,56,104,.17)}.tictactoe-cell.is-win{border-color:rgba(255,255,255,.48);animation:tictactoeWin 1.05s ease-in-out infinite}.tictactoe-victory[hidden]{display:none}.tictactoe-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(520px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.45),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:30px;text-align:center;animation:tictactoePop .3s ease both}.tictactoe-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.tictactoe-victory span{display:block;margin-top:8px;color:#bff8ff;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}.tictactoe-rule-stack{display:grid;gap:12px}.tictactoe-rule-stack div{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);padding:14px;display:flex;align-items:center;justify-content:space-between}.tictactoe-rule-stack span{color:rgba(255,255,255,.46);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:950}.tictactoe-rule-stack b{color:white;font-size:1.2rem}.tictactoe-spectators{margin-top:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.tictactoe-spectators h3{margin:0 0 10px;color:white}.tictactoe-spectators p{margin:0;color:rgba(255,255,255,.5);font-weight:800;line-height:1.45}.tictactoe-spectators span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-weight:850}.tictactoe-spectators span+span{margin-top:10px}.tictactoe-spectators img{width:34px;height:34px;border-radius:999px}@keyframes tictactoeFloat{0%,100%{transform:translateX(-10px) scale(.96);opacity:.55}50%{transform:translateX(20px) scale(1.08);opacity:1}}@keyframes tictactoePulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes tictactoeReady{0%,100%{box-shadow:inset 0 10px 24px rgba(0,0,0,.44),0 0 0 0 rgba(255,56,104,.22)}50%{box-shadow:inset 0 10px 24px rgba(0,0,0,.44),0 0 0 9px rgba(255,56,104,0)}}@keyframes tictactoeMark{0%{opacity:0;transform:translateY(-10px) scale(.72) rotate(-8deg)}70%{opacity:1;transform:translateY(2px) scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes tictactoeWin{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.05);filter:saturate(1.5) brightness(1.15)}}@keyframes tictactoePop{from{opacity:0;transform:translate(-50%,-45%) scale(.92) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@media(max-width:1180px){.tictactoe-layout{grid-template-columns:1fr}.tictactoe-panel{order:2}.tictactoe-info{order:3}.tictactoe-arena{order:1;min-height:560px}.tictactoe-players{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tictactoe-rule-stack{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.tictactoe-game{width:min(100% - 20px,620px)}.tictactoe-shell{padding:16px;border-radius:26px}.tictactoe-hero{grid-template-columns:1fr}.tictactoe-hero h1{font-size:2.9rem}.tictactoe-arena{min-height:420px;padding:18px 0}.tictactoe-board{width:min(100%,420px);gap:10px;padding:14px;border-radius:26px;transform:none}.tictactoe-cell{border-radius:20px}.tictactoe-cell span{font-size:clamp(3rem,17vw,5.8rem)}.tictactoe-panel{padding:18px;border-radius:24px}.tictactoe-rule-stack{grid-template-columns:1fr}}

/* PONG */
.play-pong{background:radial-gradient(circle at 20% 12%,rgba(34,211,238,.2),transparent 30rem),radial-gradient(circle at 78% 16%,rgba(255,56,104,.2),transparent 30rem),linear-gradient(145deg,#030713,#08111e 52%,#100611)}
.pong-game{width:min(1580px,calc(100vw - 36px));display:grid;place-items:center}.pong-shell{width:100%;border-radius:38px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(34,211,238,.12),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.028));box-shadow:0 36px 110px rgba(0,0,0,.52);overflow:hidden}.pong-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.pong-hud h1{margin:0;color:white;font-size:clamp(2.25rem,4.8vw,5.1rem);line-height:.88;letter-spacing:-.085em;text-shadow:0 22px 70px rgba(0,0,0,.6)}.pong-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.62);font-weight:850}.pong-scoreboard{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(0,0,0,.28);padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.24)}.pong-scoreboard article{min-width:128px;border-radius:20px;padding:12px 14px;text-align:center;background:rgba(255,255,255,.055)}.pong-scoreboard article:first-child{box-shadow:inset 4px 0 0 #22d3ee}.pong-scoreboard article:last-child{box-shadow:inset -4px 0 0 #ff3868}.pong-scoreboard span{margin:0;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pong-scoreboard b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:2.15rem;line-height:1}.pong-scoreboard i{font-style:normal;color:rgba(255,255,255,.35);font-size:1.6rem;font-weight:950}.pong-arena{position:relative;width:100%;aspect-ratio:5/3;min-height:520px;max-height:calc(100dvh - 310px);border:1px solid rgba(255,255,255,.16);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 34%),linear-gradient(90deg,rgba(34,211,238,.08),transparent 45%,rgba(255,56,104,.08)),#020611;box-shadow:inset 0 0 0 2px rgba(255,255,255,.035),inset 0 18px 50px rgba(255,255,255,.035),0 32px 90px rgba(0,0,0,.56);overflow:hidden;outline:none}.pong-arena:before,.pong-arena:after{content:"";position:absolute;top:0;bottom:0;width:34%;pointer-events:none}.pong-arena:before{left:0;background:linear-gradient(90deg,rgba(34,211,238,.16),transparent)}.pong-arena:after{right:0;background:linear-gradient(270deg,rgba(255,56,104,.16),transparent)}.pong-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 82%);opacity:.55}.pong-net{position:absolute;top:5%;bottom:5%;left:50%;width:8px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(255,255,255,.46) 0 22px,transparent 22px 42px);filter:drop-shadow(0 0 14px rgba(255,255,255,.28));opacity:.72}.pong-paddle{position:absolute;border-radius:999px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#fff,rgba(255,255,255,.72));box-shadow:0 0 0 1px rgba(255,255,255,.46),0 0 34px var(--pong-glow),inset 0 8px 15px rgba(255,255,255,.45),inset 0 -12px 22px rgba(0,0,0,.24);z-index:4;transition:top .055s linear}.pong-paddle.is-left{--pong-glow:rgba(34,211,238,.7);background:linear-gradient(180deg,#c8fbff,#22d3ee)}.pong-paddle.is-right{--pong-glow:rgba(255,56,104,.7);background:linear-gradient(180deg,#ffd6e2,#ff3868)}.pong-ball{position:absolute;z-index:5;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 28%,#fff 0 12%,#fff3 13% 20%,transparent 22%),linear-gradient(145deg,#fff,#ffdfef 50%,#7ddfff);box-shadow:0 0 34px rgba(255,255,255,.85),0 0 78px rgba(34,211,238,.42),0 0 82px rgba(255,56,104,.24);transition:left .055s linear,top .055s linear}.pong-game.is-playing .pong-ball{animation:pongBallPulse 1s ease-in-out infinite}.pong-center-message{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%) rotate(-2deg);min-width:240px;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:linear-gradient(145deg,rgba(9,12,28,.86),rgba(6,8,16,.92));box-shadow:0 28px 90px rgba(0,0,0,.5);padding:24px;text-align:center}.pong-center-message[hidden]{display:none}.pong-center-message b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:clamp(2.5rem,7vw,6.8rem);line-height:.85;text-shadow:0 0 44px rgba(255,56,104,.44)}.pong-center-message span{display:block;margin-top:8px;color:#bff8ff;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:950}.pong-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px) auto;gap:18px;align-items:stretch;margin-top:18px}.pong-player-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.pong-player{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);padding:11px}.pong-player.is-left{box-shadow:inset 4px 0 0 #22d3ee}.pong-player.is-right{box-shadow:inset 4px 0 0 #ff3868}.pong-player img{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 12px 26px rgba(0,0,0,.3)}.pong-player b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pong-player span{display:block;color:rgba(255,255,255,.5);font-size:.78rem;font-weight:850}.pong-input-pad{display:grid;grid-template-columns:96px minmax(0,1fr) 96px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(0,0,0,.28);padding:12px}.pong-input-pad button{min-height:62px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));color:white;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pong-input-pad button:first-child:hover{box-shadow:0 0 38px rgba(34,211,238,.22);border-color:rgba(34,211,238,.48)}.pong-input-pad button:last-child:hover{box-shadow:0 0 38px rgba(255,56,104,.22);border-color:rgba(255,56,104,.48)}.pong-input-pad div{text-align:center}.pong-input-pad b{display:block;color:white}.pong-input-pad span{display:block;margin-top:4px;color:rgba(255,255,255,.55);font-size:.78rem;font-weight:850}@keyframes pongBallPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.24)}}@media(max-width:1120px){.pong-hud{grid-template-columns:1fr}.pong-scoreboard{justify-content:center}.pong-arena{min-height:420px;max-height:none}.pong-controls{grid-template-columns:1fr}.pong-input-pad{order:-1}}@media(max-width:720px){.pong-game{width:min(100% - 20px,620px)}.pong-shell{padding:16px;border-radius:26px}.pong-hud h1{font-size:3rem}.pong-scoreboard article{min-width:96px}.pong-arena{min-height:320px;border-radius:24px}.pong-controls{gap:12px}.pong-input-pad{grid-template-columns:78px 1fr 78px}.pong-input-pad button{min-height:56px}.pong-player-strip{grid-template-columns:1fr}}

/* MEMORY */
.play-memory{background:radial-gradient(circle at 18% 14%,rgba(255,56,104,.23),transparent 30rem),radial-gradient(circle at 84% 18%,rgba(245,158,11,.13),transparent 28rem),radial-gradient(circle at 54% 86%,rgba(34,211,238,.1),transparent 32rem),linear-gradient(145deg,#08060d,#150814 54%,#070912)}
.memory-game{width:min(1580px,calc(100vw - 36px));display:grid;place-items:center}.memory-shell{width:100%;border-radius:38px;padding:24px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.14),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.076),rgba(255,255,255,.028));box-shadow:0 36px 110px rgba(0,0,0,.52);overflow:hidden}.memory-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:20px}.memory-hero h1{margin:0;color:white;font-size:clamp(2.35rem,4.9vw,5.3rem);line-height:.88;letter-spacing:-.085em;text-shadow:0 24px 70px rgba(0,0,0,.6)}.memory-hero span{display:block;margin-top:10px;color:rgba(255,255,255,.62);font-weight:850}.memory-progress-card{min-width:150px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(0,0,0,.3);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(255,56,104,.12)}.memory-progress-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.65rem;line-height:1}.memory-progress-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950}.memory-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px}.memory-panel{border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 58px rgba(0,0,0,.26)}.memory-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.memory-panel h2{margin:0;color:white;font-size:1.55rem;letter-spacing:-.055em}.memory-panel header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#ffd8e4;padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;text-align:right}.memory-players{display:grid;gap:13px;margin-bottom:16px}.memory-players article{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 48px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.045);padding:12px;overflow:hidden;transition:.2s}.memory-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,56,104,.25),transparent);transition:.2s}.memory-players article.is-current{border-color:rgba(255,56,104,.52);box-shadow:0 0 0 4px rgba(255,56,104,.11),0 22px 60px rgba(0,0,0,.25)}.memory-players article.is-current:before{opacity:1}.memory-players img{position:relative;width:54px;height:54px;border-radius:17px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.memory-players h3{position:relative;margin:0;color:white;font-size:1.02rem}.memory-players p{position:relative;margin:4px 0 0;color:rgba(255,255,255,.5);font-weight:850;font-size:.8rem}.memory-players strong{position:relative;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(0,0,0,.28);color:white;font-family:ArcadeDisplay,monospace;font-size:1.2rem}.memory-table{position:relative;min-height:640px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 50% 42%,rgba(255,56,104,.12),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.36);display:grid;place-items:center;padding:30px;overflow:hidden}.memory-table-glow{position:absolute;inset:8% 7%;border-radius:50%;background:radial-gradient(circle,rgba(255,56,104,.18),transparent 56%);filter:blur(18px);animation:memoryTablePulse 5.5s ease-in-out infinite}.memory-board{position:relative;z-index:2;width:min(100%,1040px);display:grid;grid-template-columns:repeat(var(--memory-cols,4),minmax(84px,1fr));gap:14px;perspective:1200px}.memory-card{position:relative;aspect-ratio:3/4;border:0;background:transparent;padding:0;transform-style:preserve-3d;cursor:default}.memory-card.is-clickable{cursor:pointer}.memory-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 22px rgba(0,0,0,.26))}.memory-card.is-visible .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card b{position:absolute;inset:0;border-radius:22px;display:grid;place-items:center;backface-visibility:hidden;font-family:ArcadeDisplay,Public Sans,sans-serif;font-style:normal}.memory-card-back{color:#ffd9e5;font-size:clamp(1.9rem,4vw,4.4rem);background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.14),transparent 32%),linear-gradient(145deg,#ff3868,#8b1638 58%,#250711);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -18px 28px rgba(0,0,0,.28)}.memory-card-front{transform:rotateY(180deg);font-size:clamp(2.1rem,5vw,5rem);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,#fff7fb,#ffd7e3 58%,#fed7aa);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 2px 0 rgba(255,255,255,.86),inset 0 -16px 24px rgba(0,0,0,.08);color:#1f1020}.memory-card.is-clickable:hover .memory-card-inner{transform:translateY(-8px) rotateZ(-1deg);filter:drop-shadow(0 26px 32px rgba(255,56,104,.22))}.memory-card.is-matched .memory-card-front{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.25),transparent 34%),linear-gradient(145deg,#ecfeff,#a5f3fc 58%,#67e8f9);box-shadow:0 0 34px rgba(34,211,238,.25),inset 0 2px 0 rgba(255,255,255,.86)}.memory-victory[hidden]{display:none}.memory-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(560px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.45),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:30px;text-align:center;animation:memoryPop .3s ease both}.memory-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.memory-victory span{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@keyframes memoryTablePulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes memoryPop{from{opacity:0;transform:translate(-50%,-45%) scale(.92) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@media(max-width:1180px){.memory-hero{grid-template-columns:1fr}.memory-layout{grid-template-columns:1fr}.memory-panel{order:2}.memory-table{order:1;min-height:520px}.memory-players{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.memory-board{grid-template-columns:repeat(min(var(--memory-cols,4),5),minmax(72px,1fr))}}@media(max-width:720px){.memory-game{width:min(100% - 20px,620px)}.memory-shell{padding:16px;border-radius:26px}.memory-hero h1{font-size:3rem}.memory-table{min-height:420px;padding:16px;border-radius:24px}.memory-board{gap:9px;grid-template-columns:repeat(4,minmax(58px,1fr))}.memory-card b{border-radius:16px}.memory-panel{padding:18px;border-radius:24px}}

.wer-game{width:min(1580px,calc(100vw - 36px));display:grid;place-items:center}.wer-shell{width:100%;border-radius:40px;padding:24px;background:radial-gradient(circle at 52% 0,rgba(255,56,104,.22),transparent 34%),radial-gradient(circle at 10% 86%,rgba(255,138,170,.16),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.026));box-shadow:0 38px 120px rgba(0,0,0,.55);overflow:hidden}.wer-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:22px}.wer-hero h1{margin:0;color:white;font-size:clamp(2.45rem,5.1vw,5.7rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 74px rgba(0,0,0,.62)}.wer-hero span{display:block;margin-top:10px;color:rgba(255,255,255,.64);font-weight:850}.wer-round-card{min-width:154px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.3);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,56,104,.15)}.wer-round-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.42rem}.wer-round-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:950}.wer-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px}.wer-panel,.wer-table{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.064),rgba(255,255,255,.024));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.3)}.wer-panel{border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:16px}.wer-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wer-panel h2,.wer-log h3{margin:0;color:white;letter-spacing:-.055em}.wer-panel>header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#ffd8e4;padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;text-align:right}.wer-players{display:grid;gap:12px}.wer-players article{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 46px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.045);padding:11px;overflow:hidden;transition:.2s}.wer-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,56,104,.25),transparent);transition:.2s}.wer-players article.is-current{border-color:rgba(255,56,104,.52);box-shadow:0 0 0 4px rgba(255,56,104,.11),0 22px 60px rgba(0,0,0,.25)}.wer-players article.is-current:before{opacity:1}.wer-players img{position:relative;width:52px;height:52px;border-radius:16px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.wer-players h3{position:relative;margin:0;color:white;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wer-players p{position:relative;margin:4px 0 0;color:rgba(255,255,255,.5);font-weight:850;font-size:.78rem}.wer-players strong{position:relative;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(0,0,0,.28);color:white;font-family:ArcadeDisplay,monospace;font-size:1.16rem}.wer-log{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.wer-log h3{font-size:1.12rem;margin-bottom:10px}.wer-log #wer-log{display:grid;gap:9px;max-height:230px;overflow:auto;padding-right:4px}.wer-log article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(0,0,0,.22);padding:10px}.wer-log article b{color:white;font-size:.85rem}.wer-log article span{grid-column:1/-1;color:rgba(255,255,255,.58);font-size:.82rem;font-weight:850}.wer-log article strong{color:#ff9bb4;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem}.wer-log article.is-correct{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}.wer-log article.is-correct strong{color:#86efac}.wer-log-empty{margin:0;color:rgba(255,255,255,.45);font-weight:850}.wer-table{position:relative;min-height:680px;border-radius:34px;padding:30px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,56,104,.14),transparent 34%),radial-gradient(circle at 80% 82%,rgba(255,214,226,.13),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))}.wer-stage-glow{position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(circle,rgba(255,56,104,.2),transparent 58%);filter:blur(22px);animation:werPulse 5.2s ease-in-out infinite}.wer-own-card,.wer-identity-grid,.wer-guess-form{position:relative;z-index:2}.wer-own-card{width:min(620px,100%);justify-self:center;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:linear-gradient(145deg,#fff7fb,#ffd8e4 58%,#ff9bb4);box-shadow:0 28px 84px rgba(255,56,104,.25),0 0 0 8px rgba(255,255,255,.045);color:#25111b;padding:26px;text-align:center;transform:rotate(-1deg);animation:werCardFloat 3.8s ease-in-out infinite}.wer-own-card span{display:block;color:#ff3868;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:950}.wer-own-card b{display:block;margin:8px 0 6px;font-family:ArcadeDisplay,Public Sans,sans-serif;font-size:clamp(3rem,6vw,6.4rem);line-height:.82;letter-spacing:-.07em}.wer-own-card p{margin:0;color:#7a4354;font-weight:900}.wer-identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-content:center}.wer-identity-grid article{position:relative;min-height:220px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.082),rgba(255,255,255,.028));padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-shadow:0 22px 54px rgba(0,0,0,.28);transition:.22s}.wer-identity-grid article:before{content:"";position:absolute;inset:-35% -20% auto;height:80%;background:radial-gradient(circle,rgba(255,56,104,.24),transparent 58%);opacity:.68}.wer-identity-grid article.is-current{border-color:rgba(255,56,104,.55);box-shadow:0 0 0 4px rgba(255,56,104,.12),0 28px 70px rgba(0,0,0,.36);transform:translateY(-4px)}.wer-identity-grid article.is-me{background:linear-gradient(160deg,rgba(255,56,104,.14),rgba(255,255,255,.03))}.wer-identity-grid article.is-revealed{border-color:rgba(34,197,94,.35)}.wer-card-avatar{position:absolute;left:16px;top:16px;width:62px;height:62px;border-radius:19px;padding:3px;background:linear-gradient(145deg,#ff3868,#ffd5df);box-shadow:0 14px 32px rgba(0,0,0,.32)}.wer-card-avatar img{width:100%;height:100%;border-radius:16px;object-fit:cover}.wer-identity-grid span,.wer-identity-grid b,.wer-identity-grid small{position:relative;z-index:1}.wer-identity-grid span{color:rgba(255,255,255,.6);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.wer-identity-grid b{margin-top:8px;color:white;font-size:clamp(1.35rem,2.5vw,2.35rem);line-height:.95;letter-spacing:-.06em;text-shadow:0 14px 34px rgba(0,0,0,.55)}.wer-identity-grid small{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.wer-guess-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(0,0,0,.28);padding:13px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.wer-guess-form input{min-height:62px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.08);color:white;padding:0 18px;font:inherit;font-weight:900;outline:none}.wer-guess-form input:focus{border-color:rgba(255,56,104,.58);box-shadow:0 0 0 4px rgba(255,56,104,.12)}.wer-guess-form button{min-height:62px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#ff3868,#cc204c);color:white;padding:0 20px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 38px rgba(255,56,104,.24)}.wer-guess-form button#wer-skip{background:rgba(255,255,255,.075);box-shadow:none}.wer-guess-form button:disabled,.wer-guess-form input:disabled{opacity:.42;cursor:not-allowed}.wer-victory[hidden]{display:none}.wer-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(620px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.48),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:32px;text-align:center;animation:memoryPop .3s ease both}.wer-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.wer-victory span{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@keyframes werPulse{0%,100%{opacity:.58;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes werCardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(.8deg)}}@media(max-width:1180px){.wer-hero{grid-template-columns:1fr}.wer-layout{grid-template-columns:1fr}.wer-panel{order:2}.wer-table{order:1;min-height:560px}.wer-players{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wer-log #wer-log{max-height:none}.wer-guess-form{grid-template-columns:1fr}}@media(max-width:720px){.wer-game{width:min(100% - 20px,620px)}.wer-shell{padding:16px;border-radius:26px}.wer-hero h1{font-size:3rem}.wer-table{min-height:520px;padding:16px;border-radius:24px}.wer-own-card{padding:21px;border-radius:26px}.wer-own-card b{font-size:3.2rem}.wer-identity-grid{grid-template-columns:1fr}.wer-identity-grid article{min-height:180px}.wer-panel{padding:18px;border-radius:24px}}

.blackjack-game{width:min(1660px,calc(100vw - 36px));display:grid;place-items:center}.blackjack-shell{width:100%;border-radius:40px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(255,214,120,.16),transparent 34%),radial-gradient(circle at 12% 90%,rgba(255,56,104,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 42px 130px rgba(0,0,0,.58);overflow:hidden}.blackjack-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.blackjack-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.9rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.65)}.blackjack-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.blackjack-round-card{min-width:170px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,214,120,.12)}.blackjack-round-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.25rem}.blackjack-round-card span{margin:5px 0 0;color:#fde68a;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.blackjack-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px}.blackjack-panel,.blackjack-table{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.blackjack-panel{border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:22px;display:flex;flex-direction:column;gap:16px}.blackjack-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.blackjack-panel h2,.blackjack-dealer-odds h3{margin:0;color:white;letter-spacing:-.055em}.blackjack-panel>header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#fde68a;padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.blackjack-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blackjack-stats article{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(0,0,0,.22);padding:12px}.blackjack-stats span{display:block;color:rgba(255,255,255,.48);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.blackjack-stats b{display:block;margin-top:6px;color:white;font-family:ArcadeDisplay,monospace;font-size:1.2rem}.blackjack-dealer-odds{border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.blackjack-dealer-odds h3{font-size:1.1rem;margin-bottom:11px}.blackjack-dealer-odds #blackjack-dealer-odds{display:grid;gap:8px}.blackjack-dealer-odds article{display:grid;grid-template-columns:42px minmax(0,1fr) 52px;gap:8px;align-items:center;color:white}.blackjack-dealer-odds span{font-weight:950;color:rgba(255,255,255,.62);text-transform:uppercase;font-size:.7rem}.blackjack-dealer-odds i,.blackjack-mini-odds i{height:9px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#fde68a,#ff3868);position:relative;overflow:hidden}.blackjack-dealer-odds i:after,.blackjack-mini-odds i:after{content:"";position:absolute;inset:0 calc(100% - var(--odds,2%)) 0 0;background:rgba(255,255,255,.72);box-shadow:0 0 18px rgba(255,255,255,.3)}.blackjack-dealer-odds b{font-family:ArcadeDisplay,monospace;color:#fde68a;font-size:.95rem;text-align:right}.blackjack-table{position:relative;min-height:710px;border-radius:36px;background:radial-gradient(circle at 50% 22%,rgba(255,214,120,.14),transparent 26%),radial-gradient(circle at 50% 88%,rgba(255,56,104,.12),transparent 36%),linear-gradient(145deg,#0a3d2c,#062317 62%,#04120d);padding:24px;overflow:hidden}.blackjack-table:before{content:"";position:absolute;inset:24px;border:2px solid rgba(255,255,255,.08);border-radius:42px;pointer-events:none}.blackjack-table:after{content:"BLACKJACK PAYS 3:2";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-5deg);font-family:ArcadeDisplay,monospace;color:rgba(255,255,255,.055);font-size:clamp(3rem,8vw,8rem);white-space:nowrap;pointer-events:none}.blackjack-dealer,.blackjack-players{position:relative;z-index:2}.blackjack-dealer{display:grid;justify-items:center;gap:14px;margin-bottom:18px}.blackjack-seat-head{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(0,0,0,.24);padding:9px 14px;color:white}.blackjack-seat-head span{color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:950}.blackjack-seat-head b{font-family:ArcadeDisplay,monospace;color:#fde68a}.blackjack-cards{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;min-height:122px}.blackjack-card{width:82px;height:116px;border-radius:15px;background:linear-gradient(145deg,#fff,#f2efe9);box-shadow:0 18px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9);display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;color:#101827;padding:9px;transform:rotate(var(--tilt,0deg));animation:blackjackDeal .28s cubic-bezier(.2,.8,.2,1) both}.blackjack-card:nth-child(2n){--tilt:2deg}.blackjack-card:nth-child(3n){--tilt:-2deg}.blackjack-card b{font-size:1.35rem;font-weight:950;line-height:1}.blackjack-card i{font-size:2.35rem;font-style:normal}.blackjack-card.is-red{color:#e11d48}.blackjack-card.is-hidden{background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.14),transparent 32%),linear-gradient(145deg,#ff3868,#7f1736 58%,#1c0710);color:white;border:1px solid rgba(255,255,255,.18)}.blackjack-card.is-hidden i{font-size:.72rem;letter-spacing:.16em;font-weight:950}.blackjack-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:stretch}.blackjack-players article{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.027));box-shadow:0 22px 58px rgba(0,0,0,.28);padding:15px;overflow:hidden;transition:.22s}.blackjack-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,214,120,.18),transparent);transition:.2s}.blackjack-players article.is-current{border-color:rgba(253,230,138,.54);transform:translateY(-4px);box-shadow:0 0 0 4px rgba(253,230,138,.1),0 28px 76px rgba(0,0,0,.38)}.blackjack-players article.is-current:before{opacity:1}.blackjack-players article.is-win,.blackjack-players article.is-blackjack{border-color:rgba(34,197,94,.36)}.blackjack-players article.is-lose,.blackjack-players article.is-bust{border-color:rgba(255,56,104,.38)}.blackjack-players header,.blackjack-players footer,.blackjack-mini-odds{position:relative;z-index:1}.blackjack-players header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:12px}.blackjack-players img{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.3)}.blackjack-players header b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blackjack-players header span{display:block;color:rgba(255,255,255,.5);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.blackjack-players header strong{border-radius:15px;background:rgba(0,0,0,.3);color:#fde68a;padding:12px;font-family:ArcadeDisplay,monospace}.blackjack-players footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.blackjack-players footer span{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.22);color:rgba(255,255,255,.72);padding:8px;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.blackjack-players footer span.is-win{color:#86efac}.blackjack-players footer span.is-loss{color:#ff9bb4}.blackjack-mini-odds{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;align-items:center;margin-top:11px}.blackjack-mini-odds span{color:rgba(255,255,255,.48);font-size:.74rem;font-weight:850}.blackjack-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.94),rgba(12,7,18,.88));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,auto);gap:12px;align-items:center}.blackjack-actionbar div span,.blackjack-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.blackjack-actionbar div b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:-.04em}.blackjack-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#facc15,#f97316);color:#1f1305;padding:0 20px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 40px rgba(249,115,22,.24)}.blackjack-actionbar button:nth-of-type(2){background:linear-gradient(145deg,#ecfeff,#22d3ee);color:#06202a}.blackjack-actionbar button:nth-of-type(3){background:linear-gradient(145deg,#ffd7e3,#ff3868);color:white}.blackjack-actionbar button:nth-of-type(4){background:rgba(255,255,255,.08);color:white;box-shadow:none}.blackjack-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.blackjack-victory[hidden],#blackjack-next[hidden]{display:none}.blackjack-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(650px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(253,230,138,.38),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.blackjack-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.blackjack-victory span{display:block;margin-top:8px;color:#fde68a;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@keyframes blackjackDeal{from{opacity:0;transform:translateY(-18px) rotate(-8deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}@media(max-width:1180px){.blackjack-hud{grid-template-columns:1fr}.blackjack-layout{grid-template-columns:1fr}.blackjack-panel{order:2}.blackjack-table{order:1;min-height:580px}.blackjack-actionbar{grid-template-columns:1fr 1fr 1fr}.blackjack-actionbar div{grid-column:1/-1}.blackjack-actionbar button{width:100%}}@media(max-width:720px){.blackjack-game{width:min(100% - 20px,620px)}.blackjack-shell{padding:15px;border-radius:26px}.blackjack-hud h1{font-size:3rem}.blackjack-table{min-height:520px;border-radius:24px;padding:16px}.blackjack-panel{padding:18px;border-radius:24px}.blackjack-stats{grid-template-columns:1fr}.blackjack-card{width:66px;height:94px;border-radius:12px}.blackjack-players{grid-template-columns:1fr}.blackjack-actionbar{grid-template-columns:1fr 1fr}.blackjack-actionbar div{grid-column:1/-1}}

.chess-game{width:min(1640px,calc(100vw - 36px));display:grid;place-items:center}.chess-shell{width:100%;border-radius:40px;padding:22px;background:radial-gradient(circle at 52% 0,rgba(253,230,138,.14),transparent 34%),radial-gradient(circle at 9% 92%,rgba(255,56,104,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 42px 130px rgba(0,0,0,.58);overflow:hidden}.chess-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.chess-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.9rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.65)}.chess-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.chess-turn-card{min-width:150px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(253,230,138,.12)}.chess-turn-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.25rem}.chess-turn-card span{margin:5px 0 0;color:#fde68a;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.chess-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px}.chess-panel,.chess-board-wrap{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.chess-panel{border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:22px;display:flex;flex-direction:column;gap:16px}.chess-players{display:grid;gap:12px}.chess-players article{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 46px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.045);padding:11px;overflow:hidden;transition:.2s}.chess-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(253,230,138,.22),transparent);transition:.2s}.chess-players article.is-current{border-color:rgba(253,230,138,.54);box-shadow:0 0 0 4px rgba(253,230,138,.1),0 22px 60px rgba(0,0,0,.25)}.chess-players article.is-current:before{opacity:1}.chess-players img{position:relative;width:52px;height:52px;border-radius:16px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.chess-players b{position:relative;display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chess-players span{position:relative;display:block;color:rgba(255,255,255,.5);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.chess-players strong{position:relative;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(0,0,0,.28);color:#fde68a;font-size:1.6rem}.chess-captured,.chess-history{border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.chess-captured h3,.chess-history h3{margin:0 0 11px;color:white;letter-spacing:-.04em}.chess-captured div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}.chess-captured span{color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:950}.chess-captured b{min-height:28px;color:#fde68a;font-size:1.4rem;letter-spacing:.08em}.chess-history #chess-history{display:grid;gap:8px;max-height:230px;overflow:auto;padding-right:4px}.chess-history article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,0,0,.22);padding:9px;color:white}.chess-history article span{color:rgba(255,255,255,.48);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.chess-history article b{font-family:ArcadeDisplay,monospace;color:#fde68a}.chess-history p{margin:0;color:rgba(255,255,255,.44);font-weight:850}.chess-board-wrap{position:relative;min-height:760px;border-radius:36px;background:radial-gradient(circle at 50% 44%,rgba(253,230,138,.12),transparent 35%),linear-gradient(145deg,#21140d,#090b13 64%,#05070d);padding:26px;display:grid;place-items:center;overflow:hidden}.chess-board-wrap:before{content:"";position:absolute;inset:30px;border:2px solid rgba(255,255,255,.07);border-radius:38px;pointer-events:none}.chess-board{position:relative;z-index:2;width:min(100%,760px);aspect-ratio:1;border:10px solid rgba(255,255,255,.1);border-radius:28px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.12);transform:perspective(1400px) rotateX(2deg)}.chess-square{position:relative;border:0;padding:0;display:grid;place-items:center;min-width:0;color:white;cursor:pointer;transition:.14s}.chess-square.is-light{background:linear-gradient(145deg,#f2dcb3,#c49a6c)}.chess-square.is-dark{background:linear-gradient(145deg,#7d4227,#3b1f16)}.chess-square b{font-size:clamp(2.2rem,5.1vw,5rem);line-height:1;text-shadow:0 8px 20px rgba(0,0,0,.42);filter:drop-shadow(0 10px 8px rgba(0,0,0,.28));transition:.14s}.chess-square:hover b{transform:translateY(-4px) scale(1.04)}.chess-square.is-source:after{content:"";position:absolute;width:18%;height:18%;border-radius:999px;background:rgba(255,255,255,.24);box-shadow:0 0 22px rgba(255,255,255,.25)}.chess-square.is-target:after{content:"";position:absolute;width:44%;height:44%;border-radius:999px;border:4px solid rgba(255,56,104,.72);box-shadow:0 0 26px rgba(255,56,104,.42)}.chess-square.is-selected{box-shadow:inset 0 0 0 5px rgba(253,230,138,.86),inset 0 0 28px rgba(253,230,138,.45)}.chess-square.is-selected b{transform:translateY(-6px) scale(1.08)}.chess-coord{position:absolute;left:7px;top:6px;color:rgba(20,20,20,.45);font-size:.62rem;font-weight:950;text-transform:uppercase}.chess-square.is-dark .chess-coord{color:rgba(255,255,255,.38)}.chess-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.94),rgba(12,7,18,.88));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center}.chess-actionbar span,.chess-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.chess-actionbar b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:-.04em}.chess-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#ffd7e3,#ff3868);color:white;padding:0 22px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 40px rgba(255,56,104,.24)}.chess-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.chess-victory[hidden]{display:none}.chess-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(650px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(253,230,138,.38),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.chess-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.chess-victory span{display:block;margin-top:8px;color:#fde68a;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@media(max-width:1180px){.chess-hud{grid-template-columns:1fr}.chess-layout{grid-template-columns:1fr}.chess-panel{order:2}.chess-board-wrap{order:1;min-height:620px}.chess-history #chess-history{max-height:none}.chess-actionbar{grid-template-columns:1fr}.chess-actionbar button{width:100%}}@media(max-width:720px){.chess-game{width:min(100% - 20px,620px)}.chess-shell{padding:15px;border-radius:26px}.chess-hud h1{font-size:3rem}.chess-board-wrap{min-height:auto;border-radius:24px;padding:12px}.chess-board{border-width:5px;border-radius:16px}.chess-square b{font-size:2rem}.chess-coord{display:none}.chess-panel{padding:18px;border-radius:24px}}

.dame-game{width:min(1640px,calc(100vw - 36px));display:grid;place-items:center}.dame-shell{width:100%;border-radius:40px;padding:22px;background:radial-gradient(circle at 52% 0,rgba(255,56,104,.16),transparent 34%),radial-gradient(circle at 9% 92%,rgba(253,230,138,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 42px 130px rgba(0,0,0,.58);overflow:hidden}.dame-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.dame-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.9rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.65)}.dame-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.dame-turn-card{min-width:164px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,56,104,.13)}.dame-turn-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.25rem}.dame-turn-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.dame-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px}.dame-panel,.dame-board-wrap{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.dame-panel{border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:22px;display:flex;flex-direction:column;gap:16px}.dame-players{display:grid;gap:12px}.dame-players article{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 46px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.045);padding:11px;overflow:hidden;transition:.2s}.dame-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,56,104,.24),transparent);transition:.2s}.dame-players article.is-current{border-color:rgba(255,56,104,.54);box-shadow:0 0 0 4px rgba(255,56,104,.11),0 22px 60px rgba(0,0,0,.25)}.dame-players article.is-current:before{opacity:1}.dame-players img{position:relative;width:52px;height:52px;border-radius:16px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.dame-players b{position:relative;display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dame-players span{position:relative;display:block;color:rgba(255,255,255,.5);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.dame-players strong{position:relative;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.28);color:#ffd5df;font-size:1.6rem}.dame-captured,.dame-history{border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.dame-captured h3,.dame-history h3{margin:0 0 11px;color:white;letter-spacing:-.04em}.dame-captured div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}.dame-captured span{color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:950}.dame-captured b{min-height:28px;color:#ffd5df;font-family:ArcadeDisplay,monospace;font-size:1.2rem}.dame-history #dame-history{display:grid;gap:8px;max-height:230px;overflow:auto;padding-right:4px}.dame-history article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,0,0,.22);padding:9px;color:white}.dame-history article span{color:rgba(255,255,255,.48);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.dame-history article b{font-family:ArcadeDisplay,monospace;color:#ffd5df}.dame-history p{margin:0;color:rgba(255,255,255,.44);font-weight:850}.dame-board-wrap{position:relative;min-height:760px;border-radius:36px;background:radial-gradient(circle at 50% 44%,rgba(255,56,104,.13),transparent 35%),linear-gradient(145deg,#23100d,#090b13 64%,#05070d);padding:26px;display:grid;place-items:center;overflow:hidden}.dame-board-wrap:before{content:"";position:absolute;inset:30px;border:2px solid rgba(255,255,255,.07);border-radius:38px;pointer-events:none}.dame-board{position:relative;z-index:2;width:min(100%,760px);aspect-ratio:1;border:10px solid rgba(255,255,255,.1);border-radius:28px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.12);transform:perspective(1400px) rotateX(2deg)}.dame-square{position:relative;border:0;padding:0;display:grid;place-items:center;min-width:0;cursor:pointer;transition:.14s}.dame-square.is-off{background:linear-gradient(145deg,#edcfa3,#bf8b5c)}.dame-square.is-playable{background:linear-gradient(145deg,#52251a,#1b0c0e)}.dame-square b{width:72%;height:72%;border-radius:999px;display:grid;place-items:center;font-family:ArcadeDisplay,monospace;font-size:1.05rem;line-height:1;text-shadow:0 3px 8px rgba(0,0,0,.35);box-shadow:0 18px 24px rgba(0,0,0,.34),inset 0 8px 10px rgba(255,255,255,.34),inset 0 -12px 18px rgba(0,0,0,.28);transition:.14s}.dame-square b.is-white{background:radial-gradient(circle at 35% 25%,#fff,#ffe6ed 50%,#ff8aaa);color:#9f1239}.dame-square b.is-black{background:radial-gradient(circle at 35% 25%,#5b6470,#131722 55%,#05070d);color:#fde68a}.dame-square b.is-king{outline:4px solid rgba(253,230,138,.86);outline-offset:-8px}.dame-square:hover b{transform:translateY(-4px) scale(1.04)}.dame-square.is-source:after{content:"";position:absolute;width:18%;height:18%;border-radius:999px;background:rgba(255,255,255,.24);box-shadow:0 0 22px rgba(255,255,255,.25)}.dame-square.is-target:after{content:"";position:absolute;width:44%;height:44%;border-radius:999px;border:4px solid rgba(255,56,104,.72);box-shadow:0 0 26px rgba(255,56,104,.42)}.dame-square.must-capture:before{content:"!";position:absolute;right:8px;top:7px;width:22px;height:22px;border-radius:999px;background:#ff3868;color:white;font-weight:950;display:grid;place-items:center;z-index:2}.dame-square.is-selected{box-shadow:inset 0 0 0 5px rgba(253,230,138,.86),inset 0 0 28px rgba(253,230,138,.45)}.dame-square.is-selected b{transform:translateY(-6px) scale(1.08)}.dame-coord{position:absolute;left:7px;top:6px;color:rgba(20,20,20,.45);font-size:.62rem;font-weight:950;text-transform:uppercase}.dame-square.is-playable .dame-coord{color:rgba(255,255,255,.35)}.dame-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.94),rgba(12,7,18,.88));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center}.dame-actionbar span,.dame-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.dame-actionbar b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:-.04em}.dame-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#ffd7e3,#ff3868);color:white;padding:0 22px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 40px rgba(255,56,104,.24)}.dame-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.dame-victory[hidden]{display:none}.dame-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(650px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.42),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.95),rgba(7,9,18,.96));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.dame-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.dame-victory span{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@media(max-width:1180px){.dame-hud{grid-template-columns:1fr}.dame-layout{grid-template-columns:1fr}.dame-panel{order:2}.dame-board-wrap{order:1;min-height:620px}.dame-history #dame-history{max-height:none}.dame-actionbar{grid-template-columns:1fr}.dame-actionbar button{width:100%}}@media(max-width:720px){.dame-game{width:min(100% - 20px,620px)}.dame-shell{padding:15px;border-radius:26px}.dame-hud h1{font-size:3rem}.dame-board-wrap{min-height:auto;border-radius:24px;padding:12px}.dame-board{border-width:5px;border-radius:16px}.dame-coord{display:none}.dame-panel{padding:18px;border-radius:24px}}

/* BOWLING */
.play-bowling{background:radial-gradient(circle at 22% 10%,rgba(34,211,238,.22),transparent 30rem),radial-gradient(circle at 78% 18%,rgba(255,56,104,.18),transparent 28rem),radial-gradient(circle at 50% 100%,rgba(251,191,36,.13),transparent 34rem),linear-gradient(145deg,#050813,#080b18 52%,#12080c)}
.bowling-game{width:min(1680px,calc(100vw - 36px));display:grid;place-items:center;perspective:1600px}.bowling-shell{width:100%;border-radius:42px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(34,211,238,.15),transparent 36%),radial-gradient(circle at 8% 90%,rgba(255,56,104,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 44px 130px rgba(0,0,0,.62);overflow:hidden}.bowling-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.bowling-hud h1{margin:0;color:white;font-size:clamp(2.6rem,5.8vw,6.2rem);line-height:.84;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.68)}.bowling-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.bowling-frame-card{min-width:176px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(34,211,238,.14)}.bowling-frame-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.25rem}.bowling-frame-card span{margin:5px 0 0;color:#a5f3fc;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.bowling-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;align-items:stretch}.bowling-panel,.bowling-lane-wrap{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.bowling-panel{border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:22px;display:flex;flex-direction:column;gap:16px}.bowling-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.bowling-panel h2,.bowling-panel h3{margin:0;color:white;letter-spacing:-.045em}.bowling-panel header span{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#a5f3fc;padding:9px 12px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.bowling-players{display:grid;gap:12px}.bowling-players article{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.044);padding:12px;overflow:hidden;transition:.2s}.bowling-players article:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(34,211,238,.23),transparent);transition:.2s}.bowling-players article.is-current{border-color:rgba(34,211,238,.58);box-shadow:0 0 0 4px rgba(34,211,238,.11),0 22px 60px rgba(0,0,0,.25)}.bowling-players article.is-current:before{opacity:1}.bowling-players img{position:relative;width:54px;height:54px;border-radius:17px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.bowling-players b{position:relative;display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bowling-players span{position:relative;display:block;color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.bowling-players strong{position:relative;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(0,0,0,.28);color:#a5f3fc;font-family:ArcadeDisplay,monospace}.bowling-scorecard-wrap{border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.bowling-scorecard{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.bowling-scorecard article{min-height:68px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.22);padding:8px;text-align:center;display:grid;align-content:center;gap:3px}.bowling-scorecard article.is-current{border-color:rgba(255,56,104,.58);box-shadow:0 0 0 3px rgba(255,56,104,.1)}.bowling-scorecard span{color:rgba(255,255,255,.36);font-size:.65rem;font-weight:950}.bowling-scorecard b{color:white;font-family:ArcadeDisplay,monospace;font-size:.92rem}.bowling-scorecard strong{min-height:16px;color:#a5f3fc;font-size:.78rem}.bowling-lane-wrap{position:relative;min-height:760px;border-radius:36px;background:radial-gradient(circle at 50% 34%,rgba(34,211,238,.13),transparent 38%),linear-gradient(145deg,#09111d,#05070d 68%);display:grid;place-items:center;overflow:hidden;padding:26px}.bowling-lane-wrap:before{content:"";position:absolute;inset:28px;border:2px solid rgba(255,255,255,.07);border-radius:38px;pointer-events:none}.bowling-lane-glow{position:absolute;inset:10% 14% 4%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 64%);filter:blur(22px);animation:bowlingGlow 5.6s ease-in-out infinite}.bowling-lane{--bowling-aim:0;--bowling-spin:0;--bowling-power:.82;position:relative;z-index:2;width:min(86%,920px);height:690px;transform:rotateX(58deg);transform-origin:50% 72%;border-radius:36px 36px 90px 90px;background:linear-gradient(90deg,#1d120b 0 7%,#7a4b26 8% 12%,#c98745 13% 48%,#d99a56 50%,#c98745 52% 87%,#7a4b26 88% 92%,#1d120b 93% 100%);box-shadow:inset 0 5px 0 rgba(255,255,255,.2),inset 0 -28px 60px rgba(0,0,0,.34),0 50px 100px rgba(0,0,0,.62);overflow:hidden}.bowling-lane:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 2px,transparent 2px 74px),linear-gradient(180deg,rgba(255,255,255,.22),transparent 18%,rgba(0,0,0,.22));mix-blend-mode:screen;opacity:.44}.bowling-lane:after{content:"";position:absolute;left:calc(50% + var(--bowling-aim) * 26%);bottom:4%;width:4px;height:78%;border-radius:999px;background:linear-gradient(180deg,rgba(34,211,238,0),rgba(34,211,238,.84),rgba(255,56,104,.52));box-shadow:0 0 24px rgba(34,211,238,.55);transform:translateX(-50%) rotate(calc(var(--bowling-spin) * 4deg));opacity:.62}.bowling-lane-lines{position:absolute;inset:0 11%;border-left:2px solid rgba(255,255,255,.18);border-right:2px solid rgba(255,255,255,.18)}.bowling-arrows{position:absolute;left:35%;right:35%;bottom:35%;display:flex;justify-content:space-between}.bowling-arrows span{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:26px solid rgba(12,31,45,.65);filter:drop-shadow(0 3px 0 rgba(255,255,255,.18))}.bowling-pins{position:absolute;inset:0;z-index:4}.bowling-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);width:28px;height:72px;transform:translate(-50%,-50%) rotateX(-58deg) scale(calc(.72 + var(--pin-y,20%) / 100));transform-origin:50% 88%;filter:drop-shadow(0 12px 11px rgba(0,0,0,.35));transition:opacity .22s,transform .34s}.bowling-pin i{display:block;width:100%;height:100%;border-radius:50% 50% 42% 42%/30% 30% 60% 60%;background:linear-gradient(90deg,#f6f7fb,#fff 45%,#ced6e1);box-shadow:inset -6px 0 9px rgba(0,0,0,.12),inset 0 -12px 12px rgba(0,0,0,.11)}.bowling-pin i:before{content:"";position:absolute;left:18%;right:18%;top:34%;height:12%;border-radius:999px;background:linear-gradient(90deg,#ff3868,#e11d48)}.bowling-pin.is-down{opacity:.22;transform:translate(-50%,-50%) rotateX(-58deg) rotateZ(72deg) translateX(32px) scale(.72)}.bowling-pin.is-hit{animation:bowlingPinScatter .78s cubic-bezier(.18,.95,.22,1.14) both;animation-delay:calc(var(--pin-i) * 18ms)}.bowling-ball{position:absolute;z-index:8;left:50%;bottom:5%;width:82px;height:82px;border-radius:999px;background:radial-gradient(circle at 34% 24%,#e0fbff 0 8%,transparent 10%),radial-gradient(circle at 64% 38%,#0f172a 0 7%,transparent 8%),radial-gradient(circle at 53% 55%,#ff3868,#7c3aed 52%,#111827);box-shadow:inset -12px -18px 26px rgba(0,0,0,.42),0 28px 38px rgba(0,0,0,.42),0 0 42px rgba(255,56,104,.28);transform:translateX(calc(var(--bowling-aim) * 145px)) rotateX(-58deg);transition:transform .14s}.bowling-ball.is-rolling{animation:bowlingRoll 1.02s cubic-bezier(.16,.72,.18,1) both}.bowling-impact{position:absolute;z-index:9;left:var(--impact-x,50%);top:15%;transform:translate(-50%,-50%) rotateX(-58deg);opacity:0;pointer-events:none;border-radius:999px;background:linear-gradient(145deg,#ecfeff,#22d3ee);color:#06131a;padding:14px 20px;font-family:ArcadeDisplay,monospace;font-weight:950;box-shadow:0 18px 44px rgba(34,211,238,.32)}.bowling-impact.is-live{animation:bowlingImpact .92s ease both}.bowling-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.96),rgba(10,8,18,.9));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(210px,1fr) repeat(3,minmax(130px,180px)) auto;gap:14px;align-items:center}.bowling-actionbar div span,.bowling-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.bowling-actionbar div b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:-.04em}.bowling-actionbar label{display:grid;gap:7px;color:rgba(255,255,255,.58);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.bowling-actionbar input[type=range]{accent-color:#22d3ee}.bowling-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#ecfeff,#22d3ee 48%,#ff3868);color:#06131a;padding:0 24px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 16px 40px rgba(34,211,238,.25)}.bowling-actionbar button:disabled{opacity:.44;cursor:not-allowed;filter:saturate(.45)}.bowling-victory[hidden]{display:none}.bowling-victory{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(670px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(34,211,238,.42),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.96),rgba(7,9,18,.97));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.bowling-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.bowling-victory span{display:block;margin-top:8px;color:#a5f3fc;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}
@keyframes bowlingGlow{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes bowlingRoll{0%{left:50%;bottom:5%;transform:translateX(calc(var(--bowling-aim) * 145px)) rotateX(-58deg) rotate(0)}70%{left:var(--impact-x,50%);bottom:71%;transform:translateX(-50%) rotateX(-58deg) rotate(880deg) scale(.62)}100%{left:var(--impact-x,50%);bottom:78%;transform:translateX(-50%) rotateX(-58deg) rotate(calc(1080deg + var(--spin,0deg))) scale(.42);opacity:.7}}@keyframes bowlingImpact{0%{opacity:0;transform:translate(-50%,8px) rotateX(-58deg) scale(.76)}25%{opacity:1;transform:translate(-50%,-50%) rotateX(-58deg) scale(1.08)}100%{opacity:0;transform:translate(-50%,-86px) rotateX(-58deg) scale(.94)}}@keyframes bowlingPinScatter{0%{opacity:1;transform:translate(-50%,-50%) rotateX(-58deg)}55%{opacity:1;transform:translate(calc(-50% + (var(--pin-i) - 5) * 5px),calc(-50% - 44px)) rotateX(-58deg) rotateZ(calc((var(--pin-i) - 5) * 18deg))}100%{opacity:.24;transform:translate(calc(-50% + (var(--pin-i) - 5) * 12px),calc(-50% + 18px)) rotateX(-58deg) rotateZ(calc(82deg + var(--pin-i) * 9deg))}}
@media(max-width:1180px){.bowling-hud{grid-template-columns:1fr}.bowling-layout{grid-template-columns:1fr}.bowling-panel{order:2}.bowling-lane-wrap{order:1;min-height:640px}.bowling-lane{height:590px;width:min(94%,760px)}.bowling-scorecard{grid-template-columns:repeat(10,1fr)}.bowling-actionbar{grid-template-columns:1fr 1fr}.bowling-actionbar div{grid-column:1/-1}.bowling-actionbar button{width:100%}}@media(max-width:720px){.bowling-game{width:min(100% - 20px,620px)}.bowling-shell{padding:15px;border-radius:26px}.bowling-hud h1{font-size:3rem}.bowling-lane-wrap{min-height:520px;border-radius:24px;padding:12px}.bowling-lane{width:104%;height:500px}.bowling-panel{padding:18px;border-radius:24px}.bowling-scorecard{grid-template-columns:repeat(5,1fr)}.bowling-actionbar{grid-template-columns:1fr}.bowling-pin{width:21px;height:54px}.bowling-ball{width:62px;height:62px}}

/* TEXAS HOLD'EM */
.play-holdem{background:radial-gradient(circle at 20% 12%,rgba(16,185,129,.22),transparent 32rem),radial-gradient(circle at 78% 10%,rgba(250,204,21,.15),transparent 28rem),radial-gradient(circle at 64% 88%,rgba(255,56,104,.14),transparent 34rem),linear-gradient(145deg,#050807,#07130f 54%,#13090a)}
.holdem-game{width:min(1680px,calc(100vw - 36px));display:grid;place-items:center;perspective:1500px}.holdem-shell{width:100%;border-radius:42px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(16,185,129,.16),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 44px 130px rgba(0,0,0,.62);overflow:hidden}.holdem-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.holdem-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.9rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.68)}.holdem-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.holdem-pot-card{min-width:184px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(16,185,129,.15)}.holdem-pot-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.22rem}.holdem-pot-card span{margin:5px 0 0;color:#bbf7d0;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.holdem-table-wrap{position:relative;min-height:730px;border:1px solid rgba(255,255,255,.1);border-radius:38px;background:radial-gradient(circle at 50% 40%,rgba(16,185,129,.16),transparent 42%),linear-gradient(145deg,#08140f,#05070d 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);display:grid;place-items:center;overflow:hidden;padding:28px}.holdem-table-wrap:before{content:"";position:absolute;inset:28px;border:2px solid rgba(255,255,255,.06);border-radius:38px;pointer-events:none}.holdem-table{position:relative;width:min(100%,1120px);height:620px;border-radius:999px;background:radial-gradient(circle at 50% 45%,#13794f,#075235 58%,#032718 76%,#1d1209 77% 84%,#7c4a20 85% 91%,#23160c 92%);box-shadow:inset 0 0 0 16px rgba(255,255,255,.04),inset 0 22px 44px rgba(255,255,255,.08),inset 0 -38px 80px rgba(0,0,0,.45),0 48px 90px rgba(0,0,0,.58);transform:rotateX(4deg);overflow:visible}.holdem-felt-grid{position:absolute;inset:9%;border-radius:999px;border:2px dashed rgba(255,255,255,.1);background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 28px);opacity:.72}.holdem-community{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;grid-template-columns:120px repeat(5,86px);gap:12px;align-items:center;z-index:5}.holdem-community div{color:white;text-align:right;padding-right:8px}.holdem-community span,.holdem-community b{display:block}.holdem-community span{color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:950}.holdem-community b{margin-top:4px;color:#bbf7d0;font-size:1.05rem}.poker-card{position:relative;width:82px;height:116px;border-radius:14px;background:linear-gradient(145deg,#fff,#dbe3ec);color:#101827;display:grid;align-content:space-between;padding:9px;box-shadow:0 18px 34px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.9);font-weight:950;animation:holdemDeal .26s cubic-bezier(.18,.95,.22,1.12) both}.poker-card b{font-size:1.15rem;line-height:1}.poker-card i{font-style:normal;font-size:1.7rem;line-height:1;justify-self:end}.poker-card.is-red{color:#e11d48}.poker-card.is-hidden{background:linear-gradient(135deg,#0f172a,#111827 45%,#f59e0b 46% 49%,#111827 50%);color:#fef3c7;text-align:center;place-content:center}.poker-card.is-hidden b{font-size:1.5rem}.poker-card.is-hidden i{font-size:.65rem;letter-spacing:.18em;justify-self:center}.poker-card.is-mini{width:42px;height:60px;border-radius:8px;padding:5px;box-shadow:0 10px 18px rgba(0,0,0,.28)}.poker-card.is-mini b{font-size:.72rem}.poker-card.is-mini i{font-size:.9rem}.holdem-seats{position:absolute;inset:0}.holdem-seat{--angle:calc((360deg / var(--seat-count)) * var(--seat) - 90deg);position:absolute;left:50%;top:50%;width:238px;min-height:104px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(4,12,9,.9),rgba(10,13,18,.84));padding:12px;box-shadow:0 22px 52px rgba(0,0,0,.36);transform:translate(-50%,-50%) rotate(var(--angle)) translate(0,-330px) rotate(calc(var(--angle) * -1));transition:.2s;z-index:6}.holdem-seat.is-current{border-color:rgba(250,204,21,.68);box-shadow:0 0 0 4px rgba(250,204,21,.13),0 24px 62px rgba(0,0,0,.45)}.holdem-seat.is-folded{opacity:.55;filter:saturate(.4)}.holdem-seat.is-allin{border-color:rgba(255,56,104,.65)}.holdem-seat img{width:54px;height:54px;border-radius:17px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.34)}.holdem-seat-copy b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holdem-seat-copy span{display:block;color:rgba(255,255,255,.5);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.holdem-seat-cards{grid-column:1/3;display:flex;gap:5px;margin-left:6px}.holdem-seat strong{grid-column:3;grid-row:1;color:#bbf7d0;font-family:ArcadeDisplay,monospace}.holdem-seat em{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-style:normal;border-radius:999px;background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406;padding:7px 12px;font-weight:950;box-shadow:0 12px 24px rgba(245,158,11,.24)}.holdem-seat i{position:absolute;right:9px;top:8px;min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fde68a;font-style:normal;font-size:.68rem;font-weight:950}.holdem-result[hidden]{display:none}.holdem-result{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(640px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(16,185,129,.42),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.96),rgba(7,9,18,.97));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:30px;text-align:center;animation:memoryPop .3s ease both}.holdem-result b{display:block;color:white;font-size:clamp(2.1rem,4.6vw,3.7rem);font-weight:950;letter-spacing:-.08em}.holdem-result span{display:block;margin-top:8px;color:#bbf7d0;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:950}.holdem-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.96),rgba(8,17,12,.9));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr) auto;gap:14px;align-items:center}.holdem-own span,.holdem-own small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.holdem-own-cards{display:flex;gap:10px;margin:8px 0}.holdem-controls{display:grid;grid-template-columns:repeat(5,auto) minmax(118px,150px);gap:10px;align-items:end}.holdem-controls label{display:grid;gap:6px;color:rgba(255,255,255,.5);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.holdem-controls input{height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:white;padding:0 12px;font-weight:950}.holdem-controls button,.holdem-actionbar>.ghost-button{min-height:52px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);color:white;padding:0 16px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.holdem-controls button:nth-child(2),.holdem-controls button:nth-child(4){background:linear-gradient(145deg,#bbf7d0,#10b981);color:#042016;box-shadow:0 16px 40px rgba(16,185,129,.22)}.holdem-controls button:nth-child(5){background:linear-gradient(145deg,#ffd7e3,#ff3868);color:white;box-shadow:0 16px 40px rgba(255,56,104,.22)}.holdem-controls button:disabled,.holdem-controls input:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.42)}#holdem-next[hidden]{display:none}@keyframes holdemDeal{from{opacity:0;transform:translateY(-16px) rotate(-7deg) scale(.92)}to{opacity:1;transform:none}}@media(max-width:1180px){.holdem-hud{grid-template-columns:1fr}.holdem-table-wrap{min-height:680px}.holdem-table{width:100%;height:560px}.holdem-seat{width:210px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0,-292px) rotate(calc(var(--angle) * -1))}.holdem-community{grid-template-columns:1fr;justify-items:center}.holdem-community div{text-align:center;padding:0}.holdem-actionbar{grid-template-columns:1fr}.holdem-controls{grid-template-columns:repeat(3,1fr)}.holdem-controls button,.holdem-actionbar>.ghost-button{width:100%}}@media(max-width:720px){.holdem-game{width:min(100% - 20px,620px)}.holdem-shell{padding:15px;border-radius:26px}.holdem-hud h1{font-size:2.9rem}.holdem-table-wrap{min-height:760px;padding:12px}.holdem-table{height:660px;border-radius:40px}.holdem-seat{position:relative;left:auto;top:auto;transform:none!important;width:100%;margin:8px 0}.holdem-seats{position:absolute;left:12px;right:12px;top:240px;bottom:10px;overflow:auto}.holdem-community{top:118px;grid-template-columns:repeat(5,52px);gap:7px}.holdem-community div{grid-column:1/-1}.poker-card{width:52px;height:74px;border-radius:9px;padding:6px}.poker-card b{font-size:.82rem}.poker-card i{font-size:1rem}.holdem-controls{grid-template-columns:1fr 1fr}.holdem-controls label{grid-column:1/-1}}

/* WAR / WOJNA */
.play-war{background:radial-gradient(circle at 18% 12%,rgba(255,56,104,.22),transparent 30rem),radial-gradient(circle at 82% 16%,rgba(250,204,21,.14),transparent 28rem),linear-gradient(145deg,#07050a,#140812 54%,#09070d)}
.war-game{width:min(1640px,calc(100vw - 36px));display:grid;place-items:center}.war-shell{width:100%;border-radius:42px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.16),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 44px 130px rgba(0,0,0,.62);overflow:hidden}.war-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.war-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.9rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.68)}.war-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.war-battle-card{min-width:176px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,56,104,.14)}.war-battle-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.2rem}.war-battle-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.war-table-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.war-table{position:relative;min-height:650px;border:1px solid rgba(255,255,255,.1);border-radius:38px;background:radial-gradient(circle at 50% 42%,rgba(255,56,104,.12),transparent 42%),linear-gradient(145deg,#1b0c12,#05070d 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);overflow:hidden;display:grid;place-items:center}.war-table:before{content:"";position:absolute;inset:30px;border:2px solid rgba(255,255,255,.07);border-radius:38px}.war-table-glow{position:absolute;inset:12% 20%;border-radius:50%;background:radial-gradient(circle,rgba(255,56,104,.22),transparent 62%);filter:blur(24px);animation:warGlow 4.8s ease-in-out infinite}.war-player-war{position:absolute;z-index:5;top:32px;width:280px;display:grid;grid-template-columns:60px minmax(0,1fr) 58px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(7,9,18,.78);backdrop-filter:blur(12px);padding:13px;box-shadow:0 22px 52px rgba(0,0,0,.36)}.war-player-war.is-left{left:34px}.war-player-war.is-right{right:34px}.war-player-war img{width:60px;height:60px;border-radius:18px;object-fit:cover}.war-player-war b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.war-player-war span{display:block;color:rgba(255,255,255,.5);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.war-player-war strong{position:relative;width:58px;height:58px;border-radius:18px;background:rgba(0,0,0,.28);display:grid;place-items:center;color:#ffd5df;font-family:ArcadeDisplay,monospace;overflow:hidden}.war-player-war strong:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--war-count);background:linear-gradient(180deg,#ff7aa2,#ff3868);opacity:.34}.war-player-war strong{isolation:isolate}.war-battlefield{position:relative;z-index:4;width:min(780px,90%);min-height:360px;border-radius:34px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 80px rgba(0,0,0,.34);display:grid;place-items:center;padding:34px}.war-pot{position:absolute;left:50%;top:22px;transform:translateX(-50%);display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406;min-width:104px;height:54px;box-shadow:0 18px 38px rgba(245,158,11,.2)}.war-pot span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.war-pot b{font-family:ArcadeDisplay,monospace}.war-card-lanes{display:grid;grid-template-columns:1fr 1fr;gap:42px;width:100%;align-items:end;margin-top:42px}.war-card-lane{display:grid;justify-items:center;gap:14px;position:relative}.war-card-lane>span{color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:950}.war-card-lane.is-winner .poker-card{box-shadow:0 0 0 5px rgba(255,56,104,.16),0 28px 60px rgba(255,56,104,.28),inset 0 1px 0 rgba(255,255,255,.9);animation:warWinner .8s ease-in-out infinite}.war-down-stack{position:relative;height:52px;width:110px}.war-down-stack i{position:absolute;left:50%;top:4px;width:74px;height:104px;border-radius:12px;background:linear-gradient(135deg,#111827,#1f2937 45%,#ff3868 46% 50%,#111827 51%);transform:translateX(-50%) rotate(calc((var(--i) - 2) * 5deg));box-shadow:0 14px 28px rgba(0,0,0,.25)}.war-log-panel{border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.war-log-panel h2{margin:0 0 16px;color:white;letter-spacing:-.045em}.war-log{display:grid;gap:10px;max-height:550px;overflow:auto}.war-log article{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.22);padding:10px}.war-log span{color:#ffd5df;font-size:.7rem;font-family:ArcadeDisplay,monospace}.war-log b{display:block;color:white;margin-top:4px}.war-log small{display:block;color:rgba(255,255,255,.46);font-weight:850}.war-log p{color:rgba(255,255,255,.5);font-weight:850}.war-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(8,12,18,.96),rgba(18,7,13,.9));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(230px,1fr) repeat(3,auto);gap:12px;align-items:center}.war-actionbar span,.war-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.war-actionbar b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:-.04em}.war-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#ffd7e3,#ff3868);color:white;padding:0 20px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 40px rgba(255,56,104,.24)}.war-actionbar button:nth-of-type(2){background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406}.war-actionbar button:nth-of-type(3){background:rgba(255,255,255,.08);color:white;box-shadow:none}.war-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.war-victory[hidden]{display:none}.war-victory{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(640px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.42),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.96),rgba(7,9,18,.97));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.war-victory b{display:block;color:white;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:-.08em}.war-victory span{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}@keyframes warGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes warWinner{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}@media(max-width:1180px){.war-hud{grid-template-columns:1fr}.war-table-wrap{grid-template-columns:1fr}.war-log-panel{order:2}.war-table{min-height:610px}.war-actionbar{grid-template-columns:1fr 1fr}.war-actionbar div{grid-column:1/-1}.war-actionbar button{width:100%}}@media(max-width:720px){.war-game{width:min(100% - 20px,620px)}.war-shell{padding:15px;border-radius:26px}.war-hud h1{font-size:3rem}.war-table{min-height:720px;border-radius:24px}.war-player-war{position:relative;left:auto!important;right:auto!important;top:auto;width:calc(100% - 24px);margin:12px}.war-battlefield{width:calc(100% - 24px);min-height:330px}.war-card-lanes{gap:12px}.war-actionbar{grid-template-columns:1fr}.war-log{max-height:260px}}

.president-game{width:min(1720px,calc(100vw - 36px));display:grid;place-items:center;perspective:1500px}.president-shell{width:100%;border-radius:42px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.18),transparent 38%),radial-gradient(circle at 88% 25%,rgba(245,158,11,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 44px 130px rgba(0,0,0,.62);overflow:hidden}.president-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.president-titleblock{display:flex;align-items:center;gap:18px}.president-crown{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd7e3,#ff3868 52%,#7c1230);color:white;font-size:2.3rem;box-shadow:0 24px 58px rgba(255,56,104,.28),inset 0 1px 0 rgba(255,255,255,.28)}.president-hud h1{margin:0;color:white;font-size:clamp(2.5rem,5.4vw,5.7rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.68)}.president-hud span:not(.president-crown){display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.president-round-card{min-width:210px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,56,104,.14)}.president-round-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.2rem}.president-round-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.president-table-wrap{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:18px}.president-scoreboard,.president-log-panel{border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);min-height:620px}.president-scoreboard header,.president-log-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.president-scoreboard h2,.president-log-panel h2{margin:0;color:white;letter-spacing:-.045em}.president-scoreboard header span,.president-log-panel header span{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:7px 10px;color:rgba(255,255,255,.56);font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.president-scoreboard header span.is-hot{color:#fff;background:linear-gradient(145deg,#ffd7e3,#ff3868);box-shadow:0 14px 34px rgba(255,56,104,.25)}.president-players{display:grid;gap:10px}.president-player{display:grid;grid-template-columns:52px minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:8px 11px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(0,0,0,.22);padding:10px;transition:.2s}.president-player.is-current{border-color:rgba(255,56,104,.65);box-shadow:0 0 0 4px rgba(255,56,104,.12),0 18px 42px rgba(255,56,104,.12);transform:translateX(4px)}.president-player.has-passed{opacity:.55;filter:saturate(.5)}.president-player.is-finished{background:linear-gradient(145deg,rgba(255,56,104,.14),rgba(255,255,255,.04))}.president-player img{width:52px;height:52px;border-radius:16px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.32)}.president-player b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.president-player span{display:block;color:#ffd5df;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.president-player strong{grid-column:3;grid-row:1;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:white;font-family:ArcadeDisplay,monospace}.president-player small{grid-column:2/4;color:rgba(255,255,255,.45);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.president-table{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.1);border-radius:38px;background:radial-gradient(circle at 50% 42%,rgba(255,56,104,.12),transparent 42%),linear-gradient(145deg,#1b0c12,#05120d 62%,#05070d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);overflow:hidden;display:grid;place-items:center}.president-table:before{content:"";position:absolute;inset:30px;border:2px solid rgba(255,255,255,.07);border-radius:38px;pointer-events:none}.president-table-felt{position:absolute;inset:52px 70px;border-radius:999px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 38%),linear-gradient(145deg,#12704d,#073d2a 68%,#40230e 69% 78%,#12080c 79%);box-shadow:inset 0 18px 44px rgba(255,255,255,.07),inset 0 -36px 80px rgba(0,0,0,.48),0 32px 70px rgba(0,0,0,.38);transform:rotateX(5deg)}.president-pile{position:relative;z-index:3;width:min(680px,82%);min-height:330px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:rgba(6,7,14,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 80px rgba(0,0,0,.34);display:grid;place-items:center;padding:30px;text-align:center}.president-pile>span{color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:950}.president-pile p{margin:0;color:rgba(255,255,255,.56);font-weight:850}.president-pile-cards{min-height:132px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.president-pile-cards .poker-card{width:88px;height:124px}.president-empty-pile{width:150px;height:112px;border:2px dashed rgba(255,255,255,.14);border-radius:22px;display:grid;place-items:center;color:rgba(255,255,255,.35);font-weight:950;text-transform:uppercase;letter-spacing:.12em}.president-finish[hidden]{display:none}.president-finish{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);width:min(620px,calc(100% - 42px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.38),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.96),rgba(7,9,18,.97));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:26px;animation:memoryPop .3s ease both}.president-finish h2{margin:0 0 14px;color:white;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.08em}.president-finish div{display:grid;gap:8px}.president-finish article{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.055);padding:10px}.president-finish span{font-family:ArcadeDisplay,monospace;color:#ffd5df}.president-finish b{color:white}.president-finish small{color:rgba(255,255,255,.54);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.president-log{display:grid;gap:10px;max-height:560px;overflow:auto}.president-log article{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.22);padding:10px}.president-log span{display:block;color:#ffd5df;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.president-log b{display:block;color:white;margin-top:4px;font-size:.86rem;line-height:1.22}.president-log p{color:rgba(255,255,255,.5);font-weight:850}.president-handbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(8,12,18,.96),rgba(18,7,13,.92));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:250px minmax(0,1fr) auto;gap:16px;align-items:center}.president-action-copy span,.president-action-copy small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.president-action-copy b{display:block;margin:5px 0;color:white;font-size:1.35rem;letter-spacing:-.04em}.president-hand{min-height:138px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 8px 18px;scrollbar-color:#ff3868 rgba(255,255,255,.06)}.president-hand-card{position:relative;border:0;background:transparent;padding:0;margin-left:calc(var(--i) * -2px);transform:translateY(0) rotate(calc((var(--i) - 5) * .6deg));transition:.16s;cursor:pointer}.president-hand-card:hover{transform:translateY(-14px) rotate(calc((var(--i) - 5) * .4deg))}.president-hand-card.is-selected{transform:translateY(-24px) scale(1.04);filter:drop-shadow(0 18px 28px rgba(255,56,104,.34))}.president-hand-card.is-selected .poker-card{box-shadow:0 0 0 5px rgba(255,56,104,.2),0 22px 44px rgba(255,56,104,.24),inset 0 1px 0 rgba(255,255,255,.9)}.president-controls{display:grid;grid-template-columns:repeat(2,auto);gap:10px}.president-controls button{min-height:54px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);color:white;padding:0 18px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.president-controls button:first-child{background:linear-gradient(145deg,#ffd7e3,#ff3868);box-shadow:0 16px 40px rgba(255,56,104,.24)}.president-controls button:nth-child(3){background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406;box-shadow:0 16px 40px rgba(245,158,11,.2)}.president-controls button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}@media(max-width:1250px){.president-hud{grid-template-columns:1fr}.president-table-wrap{grid-template-columns:1fr}.president-scoreboard,.president-log-panel{min-height:0}.president-players{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.president-table{min-height:560px}.president-handbar{grid-template-columns:1fr}.president-controls{grid-template-columns:repeat(4,1fr)}.president-controls button{width:100%}}@media(max-width:720px){.president-game{width:min(100% - 20px,620px)}.president-shell{padding:15px;border-radius:26px}.president-titleblock{align-items:flex-start}.president-crown{width:58px;height:58px;border-radius:18px;font-size:1.7rem}.president-hud h1{font-size:2.7rem}.president-table{min-height:480px;border-radius:24px}.president-table-felt{inset:28px 18px}.president-pile{width:calc(100% - 28px);padding:18px}.president-pile-cards .poker-card{width:62px;height:88px}.president-controls{grid-template-columns:1fr 1fr}.president-hand{min-height:104px}.president-hand-card .poker-card{width:58px;height:82px}.president-player{grid-template-columns:44px 1fr 38px}.president-player img{width:44px;height:44px}.president-scoreboard,.president-log-panel{padding:14px;border-radius:24px}}

.boss-game{width:min(1680px,calc(100vw - 36px));display:grid;place-items:center;perspective:1400px}.boss-shell{width:100%;border-radius:42px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.18),transparent 38%),radial-gradient(circle at 82% 24%,rgba(245,158,11,.13),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 44px 130px rgba(0,0,0,.62);overflow:hidden}.boss-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:18px}.boss-hud h1{margin:0;color:white;font-size:clamp(2.6rem,5.7vw,6.2rem);line-height:.86;letter-spacing:-.09em;text-shadow:0 26px 78px rgba(0,0,0,.68)}.boss-hud span{display:block;margin-top:9px;color:rgba(255,255,255,.64);font-weight:850}.boss-wave-card{min-width:190px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.32);padding:16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 56px rgba(255,56,104,.14)}.boss-wave-card b{display:block;color:white;font-family:ArcadeDisplay,monospace;font-size:1.22rem}.boss-wave-card span{margin:5px 0 0;color:#ffd5df;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:950}.boss-layout{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:18px}.boss-panel,.boss-history-panel{border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.023));padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);min-height:620px}.boss-panel header,.boss-history-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.boss-panel h2,.boss-history-panel h2{margin:0;color:white;letter-spacing:-.045em}.boss-panel header span,.boss-history-panel header span{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:7px 10px;color:#ffd5df;font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.boss-players{display:grid;gap:11px}.boss-player{display:grid;grid-template-columns:54px minmax(0,1fr) 52px;grid-template-rows:auto auto;gap:8px 11px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(0,0,0,.22);padding:11px;transition:.18s}.boss-player.has-rolled{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055)}.boss-player.is-winner{border-color:rgba(255,56,104,.78);box-shadow:0 0 0 4px rgba(255,56,104,.16),0 20px 50px rgba(255,56,104,.18)}.boss-player img{width:54px;height:54px;border-radius:17px;object-fit:cover;box-shadow:0 12px 28px rgba(0,0,0,.32)}.boss-player b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-player span{display:block;color:rgba(255,255,255,.5);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.boss-player section{grid-column:2/4;display:flex;gap:7px}.boss-player section i{width:30px;height:8px;border-radius:999px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.boss-player section i.is-lit{background:linear-gradient(90deg,#ffd7e3,#ff3868);box-shadow:0 0 18px rgba(255,56,104,.45)}.boss-arena{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.1);border-radius:38px;background:radial-gradient(circle at 50% 42%,rgba(255,56,104,.14),transparent 42%),linear-gradient(145deg,#160914,#05070d 68%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34);overflow:hidden;display:grid;place-items:center}.boss-arena:before{content:"";position:absolute;inset:34px;border:2px solid rgba(255,255,255,.07);border-radius:38px;pointer-events:none}.boss-orbit{position:absolute;width:540px;height:540px;border-radius:50%;border:1px dashed rgba(255,255,255,.13);box-shadow:0 0 80px rgba(255,56,104,.13);animation:bossOrbit 10s linear infinite}.boss-main-die{position:relative;z-index:4;filter:drop-shadow(0 38px 80px rgba(0,0,0,.42))}.boss-main-die.is-rolling .boss-die{animation:bossShake .58s ease-in-out infinite}.boss-main-die.is-reveal .boss-die{animation:bossPop .42s cubic-bezier(.2,1.2,.22,1) both}.boss-die{position:relative;width:168px;height:168px;border-radius:34px;background:linear-gradient(145deg,#fff,#dde5ef);display:block;box-shadow:0 26px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.95);transform:rotate(-4deg)}.boss-die.is-small{width:52px;height:52px;border-radius:14px;transform:rotate(3deg);box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9)}.boss-die.is-hidden{display:grid;place-items:center;background:linear-gradient(135deg,#111827,#24111a 46%,#ff3868 47% 52%,#24111a 53%);color:#ffd5df}.boss-die.is-hidden b{font-family:ArcadeDisplay,monospace;font-size:2.3rem}.boss-die.is-small.is-hidden b{font-size:1rem}.boss-die.is-six{box-shadow:0 0 0 8px rgba(255,56,104,.16),0 30px 72px rgba(255,56,104,.28),inset 0 1px 0 rgba(255,255,255,.95)}.boss-die i{position:absolute;width:24px;height:24px;border-radius:50%;background:#ff3868;box-shadow:inset 0 2px 3px rgba(0,0,0,.18)}.boss-die.is-small i{width:8px;height:8px}.boss-die .d1{left:22%;top:22%}.boss-die .d2{left:50%;top:22%;transform:translateX(-50%)}.boss-die .d3{right:22%;top:22%}.boss-die .d4{left:22%;top:50%;transform:translateY(-50%)}.boss-die .d5{left:50%;top:50%;transform:translate(-50%,-50%)}.boss-die .d6{right:22%;top:50%;transform:translateY(-50%)}.boss-die .d7{left:22%;bottom:22%}.boss-die .d8{left:50%;bottom:22%;transform:translateX(-50%)}.boss-die .d9{right:22%;bottom:22%}.boss-victory[hidden]{display:none}.boss-victory{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(620px,calc(100% - 42px));border:1px solid rgba(255,255,255,.18);border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.42),transparent 58%),linear-gradient(145deg,rgba(14,12,25,.96),rgba(7,9,18,.97));box-shadow:0 35px 100px rgba(0,0,0,.64);padding:34px;text-align:center;animation:memoryPop .3s ease both}.boss-victory b{display:block;color:white;font-size:clamp(2.3rem,5.2vw,4.2rem);font-weight:950;letter-spacing:-.08em}.boss-victory span{display:block;margin-top:8px;color:#ffd5df;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}.boss-history{display:grid;gap:10px;max-height:560px;overflow:auto}.boss-history article{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.22);padding:10px}.boss-history span{display:block;color:#ffd5df;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.boss-history b{display:block;color:white;margin-top:4px;font-size:.84rem;line-height:1.25}.boss-history small{display:block;color:rgba(255,255,255,.46);font-weight:850;margin-top:5px}.boss-history p{color:rgba(255,255,255,.5);font-weight:850}.boss-actionbar{position:relative;z-index:5;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(8,12,18,.96),rgba(18,7,13,.92));box-shadow:0 26px 80px rgba(0,0,0,.46);padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,auto);gap:12px;align-items:center}.boss-actionbar span,.boss-actionbar small{display:block;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.boss-actionbar b{display:block;margin:5px 0;color:white;font-size:1.35rem;letter-spacing:-.04em}.boss-actionbar button{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.08);color:white;padding:0 20px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.boss-actionbar button:first-of-type{background:linear-gradient(145deg,#ffd7e3,#ff3868);box-shadow:0 16px 40px rgba(255,56,104,.24)}.boss-actionbar button:nth-of-type(2){background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406;box-shadow:0 16px 40px rgba(245,158,11,.2)}.boss-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}@keyframes bossOrbit{to{transform:rotate(360deg)}}@keyframes bossShake{0%,100%{transform:rotate(-6deg) translate(0,0)}25%{transform:rotate(10deg) translate(8px,-5px)}50%{transform:rotate(-12deg) translate(-8px,5px)}75%{transform:rotate(8deg) translate(6px,4px)}}@keyframes bossPop{from{opacity:.4;transform:scale(.62) rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@media(max-width:1250px){.boss-hud{grid-template-columns:1fr}.boss-layout{grid-template-columns:1fr}.boss-panel,.boss-history-panel{min-height:0}.boss-players{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.boss-actionbar{grid-template-columns:1fr 1fr}.boss-actionbar div{grid-column:1/-1}.boss-actionbar button{width:100%}}@media(max-width:720px){.boss-game{width:min(100% - 20px,620px)}.boss-shell{padding:15px;border-radius:26px}.boss-hud h1{font-size:3rem}.boss-arena{min-height:420px;border-radius:24px}.boss-orbit{width:300px;height:300px}.boss-die{width:126px;height:126px;border-radius:26px}.boss-die i{width:18px;height:18px}.boss-actionbar{grid-template-columns:1fr}.boss-player{grid-template-columns:46px 1fr 48px}.boss-player img{width:46px;height:46px}.boss-panel,.boss-history-panel{padding:14px;border-radius:24px}}

/* Arcade game-feel pass: global juice layer + event feedback without flattening unique game art. */
.arcade-feel-layer{position:fixed;inset:0;z-index:9998;pointer-events:none;display:grid;place-items:center;overflow:hidden;contain:layout paint}
.arcade-feel-burst{--feel-accent:#ff3868;position:relative;display:grid;place-items:center;width:1px;height:1px;filter:drop-shadow(0 24px 44px rgba(0,0,0,.45));animation:feelBurstLife 1.15s cubic-bezier(.16,.9,.17,1) forwards}
.arcade-feel-burst b{position:relative;z-index:2;min-width:max-content;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:18px 28px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.24),transparent 50%),linear-gradient(145deg,var(--feel-accent),#130811 74%);box-shadow:0 26px 72px color-mix(in srgb,var(--feel-accent),transparent 58%),inset 0 1px 0 rgba(255,255,255,.32);color:white;font-family:ArcadeDisplay,Public Sans,sans-serif;font-size:clamp(1.7rem,5vw,5.8rem);font-weight:950;line-height:.9;letter-spacing:-.075em;text-transform:uppercase;text-align:center;text-shadow:0 5px 0 rgba(0,0,0,.18);transform:rotate(-2deg);animation:feelLabelPop .72s cubic-bezier(.13,1.35,.2,1) both}
.arcade-feel-burst i{position:absolute;width:14px;height:14px;border-radius:999px;background:var(--feel-accent);box-shadow:0 0 22px color-mix(in srgb,var(--feel-accent),transparent 28%);transform:rotate(var(--a)) translateX(0) scale(var(--s));animation:feelParticle 1.05s cubic-bezier(.16,.8,.2,1) forwards}
.arcade-feel-burst.is-roll{--feel-accent:#fde68a}.arcade-feel-burst.is-move{--feel-accent:#8aa4ff}.arcade-feel-burst.is-success{--feel-accent:#35e08d}.arcade-feel-burst.is-reveal{--feel-accent:#ff7aa2}.arcade-feel-burst.is-danger{--feel-accent:#fb3a55}.arcade-feel-burst.is-victory{--feel-accent:#ff3868}.arcade-feel-burst.is-score{--feel-accent:#22d3ee}
.game-feel-pulse .arcade-game-surface{animation:feelSurfacePulse .62s ease both}.game-feel-shake .arcade-game-surface{animation:feelSurfaceShake .48s cubic-bezier(.36,.07,.19,.97) both}.game-feel-pulse .arcade-nav,.game-feel-shake .arcade-nav{box-shadow:0 0 0 1px rgba(255,56,104,.25),0 18px 70px rgba(255,56,104,.18)}
.boss-player.is-winner,.connect4-players article.is-current,.tictactoe-players article.is-current,.memory-players article.is-current,.war-card-lane.is-winner,.president-player.is-current,.blackjack-players article.is-current,.holdem-seat.is-current,.chess-players article.is-current,.dame-players article.is-current,.bowling-players article.is-current{animation:feelHotSeat 1.7s ease-in-out infinite}
.boss-player.has-rolled .boss-die.is-hidden,.memory-card.is-clickable,.tictactoe-cell.is-clickable,.chess-square.is-target,.dame-square.is-target,.blackjack-actionbar button:not(:disabled),.holdem-actionbar button:not(:disabled),.bowling-actionbar button:not(:disabled),.war-actionbar button:not(:disabled),.president-controls button:not(:disabled),.boss-actionbar button:not(:disabled){position:relative;overflow:hidden}
.boss-player.has-rolled .boss-die.is-hidden:after,.memory-card.is-clickable:after:after,.tictactoe-cell.is-clickable:after,.chess-square.is-target:after,.dame-square.is-target:after,.blackjack-actionbar button:not(:disabled):after,.holdem-actionbar button:not(:disabled):after,.bowling-actionbar button:not(:disabled):after,.war-actionbar button:not(:disabled):after,.president-controls button:not(:disabled):after,.boss-actionbar button:not(:disabled):after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.24) 48%,transparent 58%);transform:translateX(-120%) rotate(10deg);animation:feelActionSweep 2.35s ease-in-out infinite;pointer-events:none}
.boss-die.is-six{animation:feelSixGlow 1.08s ease-in-out infinite}.boss-history article:first-child,.war-log article:first-child,.president-log article:first-child,.memory-victory:not([hidden]),.blackjack-victory:not([hidden]),.holdem-result:not(:empty),.bowling-impact.is-live{animation:feelFreshEntry .48s cubic-bezier(.18,.94,.18,1.12) both}.war-card-lane.is-winner .poker-card,.blackjack-player.is-blackjack .blackjack-card,.holdem-seat.is-winner .poker-card{animation:feelCardWin 1.12s ease-in-out infinite}.connect4-cell.is-win span,.tictactoe-cell.is-win span,.chess-square.is-selected b,.dame-square.is-selected b{filter:drop-shadow(0 0 18px rgba(255,56,104,.58))}.memory-card.is-matched,.flags-tile.is-new,.chronol-timeline-card.is-hit{animation:feelMatchedCard .72s cubic-bezier(.18,.94,.2,1.14) both}
@keyframes feelBurstLife{0%{opacity:0;transform:scale(.7)}14%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scale(1.02)}100%{opacity:0;transform:scale(1.18)}}
@keyframes feelLabelPop{0%{transform:rotate(-8deg) scale(.62);filter:blur(4px)}62%{transform:rotate(2deg) scale(1.08);filter:blur(0)}100%{transform:rotate(-2deg) scale(1)}}
@keyframes feelParticle{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scale(.45)}14%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(0)}}
@keyframes feelSurfacePulse{0%{filter:saturate(1) brightness(1);transform:translateZ(0) scale(1)}45%{filter:saturate(1.18) brightness(1.08);transform:translateZ(0) scale(1.006)}100%{filter:saturate(1) brightness(1);transform:translateZ(0) scale(1)}}
@keyframes feelSurfaceShake{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(-5px,2px) rotate(-.25deg)}30%{transform:translate(5px,-2px) rotate(.25deg)}45%{transform:translate(-4px,-1px) rotate(-.18deg)}60%{transform:translate(4px,2px) rotate(.18deg)}75%{transform:translate(-2px,1px) rotate(-.1deg)}}
@keyframes feelHotSeat{0%,100%{filter:brightness(1);transform:translateZ(0)}50%{filter:brightness(1.12);transform:translateY(-2px)}}
@keyframes feelActionSweep{0%,42%{transform:translateX(-125%) rotate(10deg)}72%,100%{transform:translateX(125%) rotate(10deg)}}
@keyframes feelSixGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,56,104,0));transform:rotate(-4deg) scale(1)}50%{filter:drop-shadow(0 0 28px rgba(255,56,104,.66));transform:rotate(2deg) scale(1.045)}}
@keyframes feelFreshEntry{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes feelCardWin{0%,100%{transform:translateY(0) rotate(0);filter:saturate(1)}50%{transform:translateY(-10px) rotate(1.6deg);filter:saturate(1.2)}}
@keyframes feelMatchedCard{0%{transform:scale(.92) rotate(-3deg);filter:brightness(1)}50%{transform:scale(1.08) rotate(2deg);filter:brightness(1.28)}100%{transform:scale(1) rotate(0);filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){.arcade-feel-burst,.arcade-feel-burst b,.arcade-feel-burst i,.game-feel-pulse .arcade-game-surface,.game-feel-shake .arcade-game-surface,.boss-player.is-winner,.connect4-players article.is-current,.tictactoe-players article.is-current,.memory-players article.is-current,.war-card-lane.is-winner,.president-player.is-current,.blackjack-players article.is-current,.holdem-seat.is-current,.chess-players article.is-current,.dame-players article.is-current,.bowling-players article.is-current{animation:none!important}}

/* Fullscreen game-stage pass: every play route uses the viewport as a game canvas. */
body:has(.arcade-main.page-play){--play-nav-h:76px;--play-pad:clamp(8px,1.15vw,18px);overflow-x:hidden;background:#05060b}
body:has(.arcade-main.page-play) .arcade-nav{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--play-nav-h);padding:8px clamp(12px,3vw,48px);background:linear-gradient(180deg,rgba(5,6,12,.88),rgba(5,6,12,.5) 72%,transparent);backdrop-filter:blur(14px);pointer-events:none}
body:has(.arcade-main.page-play) .arcade-nav .arcade-profile-menu{pointer-events:auto}
body:has(.arcade-main.page-play) .arcade-profile-menu summary{min-height:56px;padding:6px 16px;border-radius:999px;background:rgba(12,12,18,.64);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 32px rgba(255,56,104,.1)}
body:has(.arcade-main.page-play) .brand-mark{width:44px;height:44px;border-radius:14px}
body:has(.arcade-main.page-play) .arcade-main.page-play+.arcade-footer{display:none}
.arcade-main.page-play{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100dvh;display:block}
.arcade-main.page-play .game-stage{width:100vw;min-height:100dvh;margin:0!important;padding:calc(var(--play-nav-h) + var(--play-pad)) var(--play-pad) var(--play-pad);display:grid;place-items:center;overflow:auto;scrollbar-color:rgba(255,56,104,.5) rgba(255,255,255,.05)}
.arcade-main.page-play .arcade-game-surface{--play-area-h:calc(100dvh - var(--play-nav-h) - var(--play-pad) * 2);width:min(1920px,calc(100vw - var(--play-pad) * 2))!important;max-width:none!important;margin:0 auto!important;min-height:min(980px,var(--play-area-h));align-self:center}
.arcade-main.page-play :is(.beet-game,.chronol-game,.yacht-game,.teriyaki-game,.flags-game,.connect4-game,.tictactoe-game,.pong-game,.memory-game,.wer-game,.blackjack-game,.holdem-game,.war-game,.president-game,.boss-game,.chess-game,.dame-game,.bowling-game,.you-game){width:min(1920px,calc(100vw - var(--play-pad) * 2))!important;max-width:none!important}
.arcade-main.page-play :is(.beet-game,.chronol-game,.connect4-game,.tictactoe-game,.pong-game,.memory-game,.wer-game,.blackjack-game,.holdem-game,.war-game,.president-game,.boss-game,.chess-game,.dame-game,.bowling-game,.you-game){min-height:var(--play-area-h)}
.arcade-main.page-play :is(.glassy-game-panel,.beet-hud,.chronol-hero,.chronol-table,.chronol-side,.connect4-hero,.tictactoe-shell,.pong-shell,.memory-shell,.wer-shell,.blackjack-shell,.holdem-shell,.war-shell,.president-shell,.boss-shell,.chess-shell,.dame-shell,.bowling-shell,.you-tv,.you-controller){box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)}

/* Make the core playfields stretch toward the available screen height without clipping controls. */
.arcade-main.page-play .beet-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:clamp(14px,1.3vw,26px)}
.arcade-main.page-play .beet-guess-card{min-height:clamp(430px,calc(var(--play-area-h) - 160px),780px)}
.arcade-main.page-play .beet-history{max-height:clamp(220px,calc(var(--play-area-h) - 360px),520px)}
.arcade-main.page-play .chronol-layout{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:clamp(14px,1.3vw,24px)}
.arcade-main.page-play .chronol-table{min-height:clamp(430px,calc(var(--play-area-h) - 160px),780px);display:flex;flex-direction:column}.arcade-main.page-play .chronol-timeline{flex:1;align-items:center}
.arcade-main.page-play .yacht-layout{grid-template-columns:minmax(360px,520px) minmax(500px,1fr) minmax(260px,330px);gap:clamp(12px,1.1vw,22px)}
.arcade-main.page-play :is(.yacht-sheet-paper,.yacht-dice-tray){min-height:clamp(500px,calc(var(--play-area-h) - 12px),820px)}
.arcade-main.page-play #yacht-sheet-scroll{max-height:calc(clamp(500px,calc(var(--play-area-h) - 12px),820px) - 112px)}
.arcade-main.page-play .teriyaki-table{height:clamp(560px,calc(var(--play-area-h) - 4px),980px)}
.arcade-main.page-play .flags-layout{grid-template-columns:minmax(620px,1.35fr) minmax(320px,.65fr);gap:clamp(14px,1.2vw,24px)}
.arcade-main.page-play .flags-board{min-height:clamp(360px,calc(var(--play-area-h) - 280px),720px);display:grid;place-items:center}.arcade-main.page-play .flags-grid{width:100%;max-height:100%}
.arcade-main.page-play :is(.connect4-stage,.tictactoe-arena,.pong-arena,.memory-arena,.wer-main,.blackjack-table,.holdem-table,.war-battlefield,.president-table,.boss-arena,.chess-board-wrap,.dame-board-wrap,.bowling-lane-wrap){min-height:clamp(420px,calc(var(--play-area-h) - 170px),820px)}
.arcade-main.page-play :is(.connect4-layout,.tictactoe-layout,.blackjack-layout,.war-layout,.president-table-wrap,.boss-layout){gap:clamp(12px,1.15vw,22px)}
.arcade-main.page-play .connect4-board{width:min(780px,calc(var(--play-area-h) * 1.12),100%)}
.arcade-main.page-play .tictactoe-board{width:min(680px,calc(var(--play-area-h) - 140px),100%)}
.arcade-main.page-play .pong-field{height:clamp(420px,calc(var(--play-area-h) - 190px),760px)}
.arcade-main.page-play .memory-board{max-width:min(980px,100%)}
.arcade-main.page-play .blackjack-players{max-height:calc(var(--play-area-h) - 270px);overflow:auto;padding-right:4px}
.arcade-main.page-play .holdem-seats{min-height:clamp(380px,calc(var(--play-area-h) - 250px),700px)}
.arcade-main.page-play .war-battlefield{width:100%;display:grid;align-content:center}.arcade-main.page-play .war-log{max-height:calc(var(--play-area-h) - 280px)}
.arcade-main.page-play :is(.president-scoreboard,.president-log-panel,.boss-panel,.boss-history-panel){min-height:clamp(420px,calc(var(--play-area-h) - 170px),760px)}
.arcade-main.page-play :is(.president-table,.boss-arena){min-height:clamp(470px,calc(var(--play-area-h) - 170px),780px)}
.arcade-main.page-play .chess-board,.arcade-main.page-play .dame-board{width:min(calc(var(--play-area-h) - 180px),760px,100%)}
.arcade-main.page-play .bowling-lane-wrap{min-height:clamp(540px,calc(var(--play-area-h) - 120px),900px)}.arcade-main.page-play .bowling-lane{height:clamp(470px,calc(var(--play-area-h) - 190px),780px)}
.arcade-main.page-play.play-youdothat .game-stage{min-height:100dvh;padding:calc(var(--play-nav-h) + var(--play-pad)) var(--play-pad) var(--play-pad)}
.arcade-main.page-play.play-youdothat .you-game{height:auto;min-height:var(--play-area-h);grid-template-columns:minmax(620px,1fr) minmax(360px,.48fr)}

@media(max-width:1320px){
  .arcade-main.page-play .yacht-layout,.arcade-main.page-play .flags-layout,.arcade-main.page-play .chronol-layout{grid-template-columns:1fr}
  .arcade-main.page-play .yacht-controls{order:-1;display:grid;grid-template-columns:1fr repeat(3,minmax(140px,auto))}
  .arcade-main.page-play :is(.connect4-layout,.tictactoe-layout,.blackjack-layout,.war-layout,.president-table-wrap,.boss-layout,.bowling-layout,.dame-layout,.chess-layout){grid-template-columns:1fr!important}
  .arcade-main.page-play :is(.president-scoreboard,.president-log-panel,.boss-panel,.boss-history-panel){min-height:0}
}
@media(max-width:860px){
  body:has(.arcade-main.page-play){--play-nav-h:70px;--play-pad:10px}
  body:has(.arcade-main.page-play) .arcade-nav{height:var(--play-nav-h);padding:6px 10px}
  body:has(.arcade-main.page-play) .arcade-profile-menu summary strong{font-size:.88rem}
  .arcade-main.page-play .game-stage{place-items:start center;overflow:auto}
  .arcade-main.page-play .arcade-game-surface{min-height:auto}
  .arcade-main.page-play .beet-layout,.arcade-main.page-play .you-game{grid-template-columns:1fr!important}
  .arcade-main.page-play .beet-side{grid-template-columns:1fr}
  .arcade-main.page-play .yacht-controls{display:flex}
  .arcade-main.page-play :is(.connect4-stage,.tictactoe-arena,.pong-arena,.memory-arena,.wer-main,.blackjack-table,.holdem-table,.war-battlefield,.president-table,.boss-arena,.chess-board-wrap,.dame-board-wrap,.bowling-lane-wrap){min-height:clamp(420px,calc(100dvh - var(--play-nav-h) - 180px),680px)}
  .arcade-main.page-play .chess-board,.arcade-main.page-play .dame-board{width:min(calc(100vw - 32px),620px)}
}
@media(max-height:760px) and (min-width:900px){
  body:has(.arcade-main.page-play){--play-nav-h:64px;--play-pad:8px}
  body:has(.arcade-main.page-play) .arcade-profile-menu summary{min-height:50px;padding:5px 14px}.arcade-main.page-play :is(.connect4-hero,.tictactoe-hero,.blackjack-hud,.holdem-hud,.war-hud,.president-hud,.boss-hud,.chess-hud,.dame-hud,.bowling-hud){margin-bottom:10px}
  .arcade-main.page-play :is(.connect4-hero h1,.tictactoe-hero h1,.blackjack-hud h1,.holdem-hud h1,.war-hud h1,.president-hud h1,.boss-hud h1,.chess-hud h1,.dame-hud h1,.bowling-hud h1){font-size:clamp(2rem,4.2vw,4.4rem)}
}

/* Pong realtime performance layer: RAF moves these objects via GPU transforms. */
.pong-arena{contain:layout paint style;transform:translateZ(0)}
.pong-paddle,.pong-ball{left:0!important;top:0!important;will-change:transform;transition:none!important;backface-visibility:hidden;transform:translate3d(0,0,0)}
.pong-game.is-playing .pong-ball{animation:none!important}
.pong-grid{will-change:transform;transform:translateZ(0)}

/* Millionenleiter */
.millionaire-game{width:min(1780px,calc(100vw - 32px));display:grid;place-items:center}.millionaire-shell{width:100%;border-radius:38px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(250,204,21,.16),transparent 34%),radial-gradient(circle at 90% 20%,rgba(59,130,246,.14),transparent 34%),linear-gradient(145deg,rgba(12,18,46,.92),rgba(9,8,28,.9));box-shadow:0 40px 130px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}.millionaire-hud{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;margin-bottom:18px}.millionaire-hud h1{margin:0;color:#fff;font-size:clamp(2.2rem,4.5vw,5rem);line-height:.9;letter-spacing:-.075em;text-shadow:0 0 46px rgba(250,204,21,.24)}.millionaire-hud span{display:block;color:rgba(255,255,255,.66);font-weight:850}.millionaire-timer{position:relative;width:104px;height:104px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#facc15 var(--p,100%),rgba(255,255,255,.12) 0),radial-gradient(circle,#0b1028 58%,transparent 60%);box-shadow:0 0 42px rgba(250,204,21,.2)}.millionaire-timer b{color:#fff;font-family:ArcadeDisplay,monospace;font-size:2.5rem;line-height:1}.millionaire-timer span{position:absolute;inset:9px;border-radius:inherit;border:1px solid rgba(255,255,255,.13)}.millionaire-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:18px}.millionaire-ladder{display:flex;flex-direction:column;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(0,0,0,.24);padding:12px;max-height:calc(100dvh - 250px);overflow:auto}.millionaire-ladder div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border-radius:999px;padding:8px 12px;color:rgba(255,255,255,.58);background:rgba(255,255,255,.035);font-weight:950}.millionaire-ladder div.is-safe{color:#facc15}.millionaire-ladder div.is-current{color:#070716;background:linear-gradient(90deg,#facc15,#f97316);box-shadow:0 0 30px rgba(250,204,21,.34)}.millionaire-ladder div.is-cleared:not(.is-current){color:#9fffd0;background:rgba(34,197,94,.13)}.millionaire-ladder span{font-family:ArcadeDisplay,monospace}.millionaire-stage{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:radial-gradient(circle at 50% 18%,rgba(59,130,246,.18),transparent 38%),radial-gradient(circle at 50% 60%,rgba(250,204,21,.12),transparent 36%),rgba(4,7,24,.78);padding:28px;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(80px,auto) auto;gap:18px}.millionaire-orbit{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(250,204,21,.12);box-shadow:0 0 80px rgba(59,130,246,.14),inset 0 0 80px rgba(250,204,21,.08);animation:millionaireOrbit 9s linear infinite;pointer-events:none}.millionaire-question-card{position:relative;z-index:1;border:1px solid rgba(250,204,21,.24);border-radius:28px;background:linear-gradient(145deg,rgba(10,15,44,.9),rgba(12,8,32,.86));padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.38)}.millionaire-question-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.millionaire-question-meta span,.millionaire-question-meta b{border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.08);color:#facc15;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:950}.millionaire-question-card h2{margin:0;color:white;font-size:clamp(1.45rem,2.3vw,2.7rem);line-height:1.12;letter-spacing:-.035em}.millionaire-answers{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.millionaire-answers button{min-height:86px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(25,38,86,.92),rgba(14,18,50,.92));color:white;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px;text-align:left;padding:16px;font-weight:950;box-shadow:0 20px 54px rgba(0,0,0,.28);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.millionaire-answers button:not(:disabled):hover{transform:translateY(-3px);border-color:rgba(250,204,21,.58);box-shadow:0 24px 70px rgba(250,204,21,.16)}.millionaire-answers button span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#facc15;color:#0b1028;font-family:ArcadeDisplay,monospace;font-size:1.35rem}.millionaire-answers button b{font-size:1.02rem}.millionaire-answers button.is-selected{border-color:#60a5fa;box-shadow:0 0 38px rgba(96,165,250,.24)}.millionaire-answers button.is-correct{background:linear-gradient(145deg,#059669,#064e3b);border-color:#86efac;animation:millionaireCorrect .75s ease-in-out 2}.millionaire-answers button.is-wrong{background:linear-gradient(145deg,#9f1239,#4c0519);border-color:#fb7185}.millionaire-answers button.is-hidden{opacity:.22;filter:grayscale(1)}.millionaire-lifelines{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.millionaire-lifelines button{border:1px solid rgba(250,204,21,.24);border-radius:999px;background:rgba(250,204,21,.1);color:#fde68a;padding:11px 16px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.millionaire-lifelines button:disabled{opacity:.35}.millionaire-lifelines button.is-used{text-decoration:line-through}.millionaire-help{position:relative;z-index:1;display:grid;gap:10px}.millionaire-help article{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);padding:12px 14px}.millionaire-help b{display:block;color:#facc15}.millionaire-help span{color:rgba(255,255,255,.72);font-weight:750}.millionaire-reveal{position:relative;z-index:1;border-radius:22px;background:linear-gradient(90deg,rgba(250,204,21,.18),rgba(34,197,94,.12));border:1px solid rgba(250,204,21,.24);padding:16px}.millionaire-reveal b{display:block;color:white;font-size:1.05rem}.millionaire-reveal span{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-weight:800}.millionaire-players{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(0,0,0,.24);padding:14px;display:flex;flex-direction:column;gap:12px}.millionaire-players header{display:flex;justify-content:space-between;align-items:center}.millionaire-players h2{margin:0;color:white}.millionaire-players header span{color:#facc15;font-weight:950;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.millionaire-players article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;border-radius:20px;padding:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);position:relative}.millionaire-players article.is-answered{box-shadow:inset 4px 0 0 #60a5fa}.millionaire-players article.is-out{opacity:.55;filter:grayscale(.55)}.millionaire-players img{width:48px;height:48px;border-radius:15px;object-fit:cover}.millionaire-players b{display:block;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.millionaire-players span{display:block;color:rgba(255,255,255,.56);font-size:.78rem;font-weight:850}.millionaire-players strong{grid-column:1/-1;color:#facc15;font-size:1.05rem}.millionaire-players .ghost-button{width:100%}@keyframes millionaireOrbit{to{transform:rotate(360deg)}}@keyframes millionaireCorrect{50%{filter:brightness(1.45);transform:scale(1.015)}}@media(max-width:1180px){.millionaire-layout{grid-template-columns:1fr}.millionaire-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:none}.millionaire-players{order:3}.millionaire-stage{min-height:540px}.millionaire-hud{grid-template-columns:1fr}.millionaire-timer{width:86px;height:86px}}@media(max-width:720px){.millionaire-shell{padding:14px;border-radius:26px}.millionaire-answers{grid-template-columns:1fr}.millionaire-stage{padding:16px;border-radius:24px}.millionaire-hud h1{font-size:2.7rem}}

/* Offline download page. */
.page-download{width:min(1180px,92vw);display:grid;gap:24px;margin-inline:auto;padding-bottom:80px}.download-hero{text-align:center;padding:46px 32px;border-radius:36px;background:radial-gradient(circle at 50% 0,rgba(255,56,104,.24),transparent 52%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.download-hero>span,.download-card>span{display:inline-flex;border-radius:999px;background:rgba(255,56,104,.14);color:#ff9ab7;padding:7px 13px;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.download-hero h1{margin:16px 0 10px;color:white;font-size:clamp(2.7rem,7vw,6rem);line-height:.88;letter-spacing:-.09em}.download-hero p{max-width:58ch;margin:0 auto;color:rgba(255,255,255,.62);font-weight:850;font-size:1.05rem;line-height:1.5}.download-hero b{display:inline-flex;margin-top:20px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.22);color:white;padding:10px 16px}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.download-card{display:flex;flex-direction:column;gap:14px;min-height:280px;border-radius:30px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.download-card.is-featured{box-shadow:0 0 0 1px rgba(255,56,104,.28),0 28px 80px rgba(255,56,104,.11)}.download-card h2,.download-note h2{margin:0;color:white;font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.07em}.download-card p,.download-note p{margin:0;color:rgba(255,255,255,.6);font-weight:820;line-height:1.45}.download-card a.primary,.download-card .primary{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:18px;text-decoration:none;color:white;font-weight:950}.download-card .ghost-button{display:flex;align-items:center;justify-content:center;text-decoration:none}.download-card code,.download-note code{margin-top:auto;display:block;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,0,0,.28);color:#ffd5df;padding:12px;white-space:normal;word-break:break-word}.download-note{border-radius:30px;padding:28px;text-align:center;background:linear-gradient(145deg,rgba(255,56,104,.09),rgba(255,255,255,.025))}.download-note code{margin:16px auto 0;max-width:720px;text-align:left}@media(max-width:780px){.download-grid{grid-template-columns:1fr}.download-card{min-height:0}.download-hero{padding:36px 20px}}

/* Arcade density pass: less browser-zoomed, more overview without losing the arcade feel. */
:root{--arcade-density:.88}
@media(min-width:900px){
  html{font-size:87.5%}
  .arcade-nav{height:78px;padding-inline:2.4vw}
  .brand-mark{width:44px;height:44px;border-radius:13px}
  .arcade-profile-menu summary{min-height:48px;padding:5px 14px 5px 5px;gap:10px}
  .arcade-profile-menu summary img{width:36px;height:36px}
  .arcade-profile-menu summary strong{font-size:.96rem}
  .arcade-main:not(.page-lobby):not(.page-play):not(.page-pregame){padding-top:24px;padding-bottom:82px}
  .home-hero{margin:1.25rem 0 3.4rem}
  .hero-card h1,.home-hero h1{font-size:clamp(3.35rem,6.1vw,5.35rem)}
  .hero-card p,.home-hero p{font-size:clamp(1.02rem,1.55vw,1.38rem)}
  .home-actions{gap:22px;margin-bottom:30px}
  .home-card{min-height:166px;padding:30px;border-radius:24px}
  .home-card h2{font-size:1.62rem;margin:1.25rem 0 .55rem}
  .card-icon{width:46px;height:46px;font-size:1.18rem}
  .join-inline input,.play-button{height:56px;border-radius:15px}
  .resume-card{grid-template-columns:68px 1fr auto auto;gap:20px;padding:24px;border-radius:26px;margin-bottom:30px}
  .resume-card img{width:60px;height:60px;border-radius:18px}
  .rules-card{padding:20px 24px;border-radius:24px}
  .focus-panel{width:min(720px,92vw);padding:48px;border-radius:24px}
  .focus-panel h1{font-size:clamp(2.25rem,4.1vw,3.35rem)}
  .primary.big{min-height:62px;font-size:1.08rem;border-radius:22px}
}

/* Clearer compact lobby game library. */
.lobby-library-head{width:100%;display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 auto 16px;text-align:left}
.lobby-library-head span{display:block;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:950}
.lobby-library-head h2{margin:4px 0 0;color:white;font-size:clamp(1.45rem,2.4vw,2.05rem);font-weight:950;letter-spacing:-.055em}
.lobby-library-head p{margin:0;max-width:28ch;color:rgba(255,255,255,.48);font-weight:850;line-height:1.25;text-align:right}
.lobby-library-head b{color:var(--pink)}
.lobby-game-filters{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px}
.lobby-game-filters button{min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.64);padding:0 11px;font-size:.78rem;font-weight:950;gap:7px;box-shadow:none}
.lobby-game-filters button span{color:#ff9ab7;font-size:.86rem}
.lobby-game-filters button b{min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);display:inline-grid;place-items:center;font-size:.68rem}
.lobby-game-filters button.is-active{border-color:rgba(255,56,104,.55);background:linear-gradient(145deg,rgba(255,56,104,.22),rgba(255,255,255,.06));color:white;box-shadow:0 12px 30px rgba(255,56,104,.13)}
.lobby-game-card[hidden]{display:none!important}

@media(min-width:981px){
  .arcade-main.page-lobby.is-wide{padding-bottom:142px}
  .arcade-main.page-lobby.is-wide .lobby-topbar-inner,
  .arcade-main.page-lobby.is-wide .lobby-screen,
  .arcade-main.page-lobby.is-wide .lobby-bottom-bar{width:min(1360px,calc(100vw - 42px))}
  .arcade-main.page-lobby.is-wide .lobby-topbar-inner{height:76px}
  .arcade-main.page-lobby.is-wide .lobby-screen{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:28px;padding-top:32px;align-items:start}
  .arcade-main.page-lobby.is-wide .lobby-sidebar{max-width:300px}
  .arcade-main.page-lobby.is-wide .lobby-games-area{max-width:1032px}
  .lobby-title-card{margin-bottom:18px}
  .lobby-title-card span{margin-bottom:8px;padding:5px 10px;font-size:.66rem}
  .lobby-title-card h1{font-size:clamp(1.85rem,3.1vw,3.25rem)}
  .lobby-title-card p{margin-top:8px;font-size:.94rem}
  .page-lobby .lobby-section-head{margin-bottom:16px}
  .page-lobby .lobby-section-head h2{font-size:1.32rem}
  .page-lobby .lobby-section-head h2 span{min-width:32px;height:32px;font-size:.72rem}
  .page-lobby .lobby-player-list{gap:10px}
  .page-lobby .lobby-player{grid-template-columns:50px minmax(0,1fr) 18px;gap:12px;padding:13px;border-radius:16px}
  .page-lobby .lobby-player-avatar{width:48px;height:48px;border-radius:13px}
  .page-lobby .lobby-player h3{font-size:.96rem}
  .page-lobby .lobby-player p{font-size:.68rem;margin-top:.18rem}
  .page-lobby .lobby-player small{font-size:.72rem}
  .page-lobby .lobby-empty-slot{min-height:54px;margin-top:10px;border-radius:16px;font-size:.72rem;letter-spacing:.13em}
  .page-lobby .lobby-mini-status{margin-top:10px;padding:11px 14px;border-radius:15px}
  .arcade-main.page-lobby.is-wide .lobby-game-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;width:100%}
  .arcade-main.page-lobby.is-wide .lobby-game-card{height:168px;border-radius:16px;max-width:none;box-shadow:0 16px 46px rgba(0,0,0,.24)}
  .arcade-main.page-lobby.is-wide .lobby-game-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 22px 58px rgba(255,56,104,.16),0 16px 46px rgba(0,0,0,.3)}
  .arcade-main.page-lobby.is-wide .lobby-game-copy{left:12px;right:12px;bottom:12px;text-align:left}
  .arcade-main.page-lobby.is-wide .lobby-tags{justify-content:flex-start;gap:5px;margin-bottom:7px}
  .arcade-main.page-lobby.is-wide .lobby-tags span{font-size:.55rem;padding:3px 6px}
  .arcade-main.page-lobby.is-wide .lobby-game-card h3{font-size:1.18rem;line-height:.96;text-align:left}
  .arcade-main.page-lobby.is-wide .lobby-game-card p{font-size:.72rem;line-height:1.13;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.3rem}
  .arcade-main.page-lobby.is-wide .lobby-game-capacity{margin-top:6px;padding:4px 7px;font-size:.53rem}
  .arcade-main.page-lobby.is-wide .lobby-game-votes{min-height:24px;margin-top:7px;justify-content:flex-start}
  .arcade-main.page-lobby.is-wide .lobby-game-votes img{width:24px;height:24px}
  .arcade-main.page-lobby.is-wide .lobby-selected-badge{top:10px;right:10px;font-size:.52rem;padding:5px 7px;border-radius:7px}
  .arcade-main.page-lobby.is-wide .lobby-bottom-bar{bottom:18px;padding:18px 22px;border-radius:18px;gap:20px}
  .arcade-main.page-lobby.is-wide .lobby-current-thumb{width:50px;height:50px;border-radius:12px}
  .arcade-main.page-lobby.is-wide .lobby-current-game{gap:14px}
  .arcade-main.page-lobby.is-wide .lobby-current-game p{font-size:.62rem;margin-bottom:4px}
  .arcade-main.page-lobby.is-wide .lobby-current-game h2{font-size:1.08rem}
  .arcade-main.page-lobby.is-wide .lobby-current-game span{max-width:620px;font-size:.86rem}
  .arcade-main.page-lobby.is-wide .lobby-start-button{min-width:168px;min-height:54px;border-radius:13px;font-size:.98rem}
}
@media(max-width:980px){
  .lobby-library-head{align-items:center;text-align:center;flex-direction:column}.lobby-library-head p{text-align:center}.lobby-game-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.lobby-game-filters button{flex:0 0 auto}
}

/* Compact fullscreen game canvas. */
@media(min-width:900px){
  body:has(.arcade-main.page-play){--play-nav-h:62px;--play-pad:8px}
  body:has(.arcade-main.page-play) .arcade-nav{height:var(--play-nav-h);padding-block:5px}
  body:has(.arcade-main.page-play) .arcade-profile-menu summary{min-height:46px;padding:4px 13px 4px 5px}
  body:has(.arcade-main.page-play) .brand-mark{width:36px;height:36px;border-radius:11px}
  .arcade-main.page-play .arcade-game-surface,
  .arcade-main.page-play :is(.beet-game,.chronol-game,.yacht-game,.teriyaki-game,.flags-game,.connect4-game,.tictactoe-game,.pong-game,.memory-game,.wer-game,.millionaire-game,.blackjack-game,.holdem-game,.war-game,.president-game,.boss-game,.chess-game,.dame-game,.bowling-game,.you-game){width:min(1680px,calc(100vw - var(--play-pad) * 2))!important}
  .arcade-main.page-play .arcade-game-surface{min-height:min(820px,var(--play-area-h))}
  .arcade-main.page-play :is(.glassy-game-panel,.beet-hud,.chronol-hero,.chronol-table,.chronol-side,.connect4-hero,.tictactoe-shell,.pong-shell,.memory-shell,.wer-shell,.millionaire-shell,.blackjack-shell,.holdem-shell,.war-shell,.president-shell,.boss-shell,.chess-shell,.dame-shell,.bowling-shell,.you-tv,.you-controller){box-shadow:0 18px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}
  .arcade-main.page-play :is(.connect4-stage,.tictactoe-arena,.pong-arena,.memory-arena,.wer-main,.millionaire-stage,.blackjack-table,.holdem-table,.war-battlefield,.president-table,.boss-arena,.chess-board-wrap,.dame-board-wrap,.bowling-lane-wrap){min-height:clamp(360px,calc(var(--play-area-h) - 150px),700px)}
  .arcade-main.page-play :is(.connect4-hero,.tictactoe-hero,.pong-hud,.millionaire-hud,.blackjack-hud,.holdem-hud,.war-hud,.president-hud,.boss-hud,.chess-hud,.dame-hud,.bowling-hud){margin-bottom:12px}
  .arcade-main.page-play :is(.connect4-hero h1,.tictactoe-hero h1,.pong-hud h1,.millionaire-hud h1,.blackjack-hud h1,.holdem-hud h1,.war-hud h1,.president-hud h1,.boss-hud h1,.chess-hud h1,.dame-hud h1,.bowling-hud h1){font-size:clamp(1.9rem,3.75vw,4.15rem)}
  .arcade-main.page-play .connect4-board{width:min(620px,calc(var(--play-area-h) * 1.02),100%)}
  .arcade-main.page-play .tictactoe-board{width:min(540px,calc(var(--play-area-h) - 120px),100%)}
  .arcade-main.page-play .chess-board,.arcade-main.page-play .dame-board{width:min(calc(var(--play-area-h) - 145px),620px,100%)}
  .arcade-main.page-play .memory-board{max-width:min(820px,100%)}
  .arcade-main.page-play .bowling-lane-wrap{min-height:clamp(460px,calc(var(--play-area-h) - 105px),760px)}
  .arcade-main.page-play .bowling-lane{height:clamp(400px,calc(var(--play-area-h) - 170px),660px)}
  .arcade-main.page-play .millionaire-layout{grid-template-columns:220px minmax(0,1fr) 290px}
  .arcade-main.page-play.play-youdothat .you-game{grid-template-columns:minmax(560px,1fr) minmax(320px,.45fr)}
}

/* Pregame rules should feel like a TV menu, not a browser zoom-in. */
@media(min-width:900px){
  .rules-screen{min-height:calc(100vh - 78px)}
  .rules-search-strip{height:38px;font-size:1.16rem}
  .rules-title{top:48px;gap:18px}.rules-title>span{width:62px;height:62px;font-size:2rem}.rules-title h1{font-size:clamp(2.45rem,5.45vw,5.55rem)}.rules-title p{font-size:1rem;max-width:44ch}
  .rules-orb{width:min(265px,26vw)}
  .rules-settings{top:118px;width:min(350px,31vw)}.rules-settings .form-stack{gap:13px}.rules-settings label{grid-template-columns:112px minmax(0,1fr);gap:12px;font-size:1.04rem}.rules-settings input,.rules-settings select{height:46px;padding-inline:16px}
  .rules-howto{bottom:126px;width:min(380px,34vw)}.rules-howto h2{font-size:1.58rem}.rules-howto p{font-size:.94rem}
  .rules-play{min-height:56px;font-size:1.55rem}.rules-actions{bottom:18px}
}

/* Guess feedback: make BEET answers feel judged, not merely locked. */
.beet-feedback{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:14px 16px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 38px rgba(0,0,0,.22);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;animation:beetFeedbackPop .2s ease both}.beet-feedback[hidden]{display:none}.beet-feedback:before{content:"";width:14px;height:14px;border-radius:999px;box-shadow:0 0 22px currentColor}.beet-feedback b{color:white;font-size:1.02rem;font-weight:950;letter-spacing:-.035em}.beet-feedback span{color:rgba(255,255,255,.62);font-weight:850}.beet-feedback em{justify-self:end;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.22);color:rgba(255,255,255,.82);padding:6px 10px;font-style:normal;font-weight:950}.beet-feedback.is-good{color:#22c55e;border-color:rgba(34,197,94,.38);background:linear-gradient(110deg,rgba(34,197,94,.17),rgba(255,255,255,.045));box-shadow:0 18px 48px rgba(34,197,94,.12),inset 0 1px 0 rgba(255,255,255,.08)}.beet-feedback.is-bad{color:#fb7185;border-color:rgba(251,113,133,.32);background:linear-gradient(110deg,rgba(251,113,133,.13),rgba(255,255,255,.04))}@keyframes beetFeedbackPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:760px){.beet-feedback{grid-template-columns:auto 1fr}.beet-feedback em{grid-column:1/-1;justify-self:start;max-width:100%}}

/* Yacht abort: keep the exit control reachable outside the dice tray. */
.yacht-game{position:relative}
.yacht-abort{position:absolute;right:18px;top:18px;z-index:30;background:rgba(8,8,12,.58);backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.28)}
.yacht-abort:hover{background:rgba(255,56,104,.18)}
@media(max-width:920px){.yacht-abort{right:12px;top:12px;padding:10px 12px;font-size:.72rem}}

/* Pregame UX pass: readable rules, tactile settings, no overlapping floating blocks. */
.rules-screen.rules-screen-v2{--rules-bg-a:#58d2ca;--rules-bg-b:#43bdb5;--rules-ink:#20242b;--rules-muted:rgba(32,36,43,.68);--rules-card:rgba(255,255,255,.22);position:relative;min-height:calc(100dvh - 78px);width:100%;overflow:auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(250px,.72fr) minmax(360px,.88fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.4vw,40px);padding:clamp(26px,3.2vw,58px) clamp(26px,4.6vw,78px) clamp(20px,2.6vw,34px);background:radial-gradient(circle at 47% 48%,rgba(255,255,255,.32),transparent 18rem),radial-gradient(circle at 12% 10%,rgba(255,56,104,.18),transparent 30rem),linear-gradient(135deg,var(--rules-bg-a),var(--rules-bg-b));color:var(--rules-ink)}
.rules-screen.rules-screen-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,56,104,.16),transparent 36%,rgba(255,255,255,.08)),radial-gradient(circle at 88% 16%,rgba(255,255,255,.22),transparent 25rem);pointer-events:none}.rules-screen.rules-screen-v2:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.16);border-radius:34px;pointer-events:none;opacity:.55}
.rules-screen-v2 .rules-title,.rules-screen-v2 .rules-guide,.rules-screen-v2 .rules-visual,.rules-screen-v2 .rules-settings,.rules-screen-v2 .rules-actions{position:relative;z-index:2;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none}.rules-screen-v2 .rules-title{grid-column:1;grid-row:1;align-self:end;display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);text-align:left}.rules-screen-v2 .rules-title>span{flex:0 0 auto;width:clamp(58px,5vw,78px);height:clamp(58px,5vw,78px);border-radius:0;background:#1c2228;color:white;display:grid;place-items:center;font-size:clamp(1.85rem,2.6vw,2.6rem);font-family:ArcadeDisplay,monospace;box-shadow:0 18px 34px rgba(0,0,0,.18)}.rules-screen-v2 .rules-title h1{margin:0;color:#1d2229;font-size:clamp(3rem,6.7vw,7rem);font-weight:950;letter-spacing:-.095em;line-height:.82;text-wrap:balance}.rules-screen-v2 .rules-title p{max-width:44ch;margin:12px 0 0;color:var(--rules-muted);font-size:clamp(.98rem,1.25vw,1.18rem);font-weight:900;line-height:1.35}
.rules-screen-v2 .rules-guide{grid-column:1;grid-row:2;align-self:start;width:min(560px,100%);border:1px solid rgba(255,255,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.13));box-shadow:0 24px 70px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.36);backdrop-filter:blur(16px);padding:clamp(20px,2vw,28px)}.rules-screen-v2 .rules-guide>span,.rules-screen-v2 .rules-settings-head>span{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:rgba(255,56,104,.16);color:#8a173b;padding:5px 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:950}.rules-screen-v2 .rules-guide h2{margin:14px 0 10px;color:#1d2229;font-size:clamp(1.55rem,2.5vw,2.4rem);letter-spacing:-.06em;line-height:1}.rules-screen-v2 .rules-guide p{margin:0;color:rgba(32,36,43,.74);font-size:clamp(.96rem,1.12vw,1.08rem);font-weight:850;line-height:1.48}.rules-steps{display:grid;gap:10px;margin-top:18px}.rules-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.22);padding:11px 13px}.rules-steps b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#1c2228;color:white;font-family:ArcadeDisplay,monospace;font-size:.95rem}.rules-steps span{color:rgba(32,36,43,.78);font-weight:900;line-height:1.28}
.rules-screen-v2 .rules-visual{grid-column:2;grid-row:1/3;display:grid;place-items:center;min-height:min(560px,64dvh);pointer-events:none}.rules-screen-v2 .rules-orb{width:min(320px,28vw);aspect-ratio:1;border-radius:38% 62% 48% 52%;background-size:cover;background-position:center;box-shadow:0 48px 90px rgba(0,0,0,.25),0 0 0 14px rgba(255,255,255,.08),inset 0 0 90px rgba(255,255,255,.28);animation:floatOrb 4.8s ease-in-out infinite}.rules-screen-v2 .rules-visual:before{content:"";position:absolute;width:min(430px,34vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 64%);filter:blur(8px)}
.rules-screen-v2 .rules-settings{grid-column:3;grid-row:1/3;align-self:center;width:100%;max-height:min(680px,calc(100dvh - 178px));overflow:auto;border:1px solid rgba(255,255,255,.24);border-radius:34px;background:linear-gradient(145deg,rgba(18,22,30,.16),rgba(255,255,255,.15));box-shadow:0 32px 86px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(18px);padding:clamp(18px,1.9vw,26px);scrollbar-width:thin}.rules-settings-head{margin-bottom:16px}.rules-settings-head h2{margin:10px 0 4px;color:#1d2229;font-size:clamp(1.75rem,2.35vw,2.45rem);letter-spacing:-.065em}.rules-settings-head p{margin:0;color:rgba(32,36,43,.67);font-weight:850;line-height:1.38}.rules-screen-v2 .rules-settings .form-stack{display:grid;gap:11px}.rules-screen-v2 .rules-settings label{min-height:64px;display:grid;grid-template-columns:minmax(108px,.74fr) minmax(0,1.26fr);align-items:center;gap:14px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:rgba(255,255,255,.24);padding:12px 12px 12px 16px;color:#20242b;text-shadow:none;font-size:.96rem;font-weight:950;line-height:1.14;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.rules-screen-v2 .rules-settings label:hover{transform:translateY(-2px);border-color:rgba(255,56,104,.34);background:rgba(255,255,255,.32);box-shadow:0 16px 38px rgba(0,0,0,.1)}.rules-screen-v2 .rules-settings input,.rules-screen-v2 .rules-settings select{width:100%;height:48px;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:rgba(255,255,255,.66);color:#1f232a;padding:0 15px;font:inherit;font-weight:950;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 22px rgba(0,0,0,.06)}.rules-screen-v2 .rules-settings select{cursor:pointer;padding-right:34px}.rules-screen-v2 .rules-settings input[type="checkbox"]{width:28px;height:28px;justify-self:start;accent-color:#ff3868;box-shadow:none}.rules-screen-v2 .rules-settings label:has(input[type="checkbox"]){grid-template-columns:auto minmax(0,1fr);justify-content:start;background:rgba(255,255,255,.26);padding:14px 16px;color:#20242b}.rules-screen-v2 .rules-settings label:has(input[type="checkbox"]):has(input:checked){border-color:rgba(255,56,104,.45);background:linear-gradient(145deg,rgba(255,56,104,.22),rgba(255,255,255,.24));box-shadow:0 16px 38px rgba(255,56,104,.12)}.rules-screen-v2 .rules-settings input:disabled{opacity:.7;color:rgba(32,36,43,.58);cursor:not-allowed}.rules-screen-v2 .rules-settings fieldset{border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.18);padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rules-screen-v2 .rules-settings fieldset legend{padding:0 8px;color:#8a173b;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:950}.rules-screen-v2 .rules-settings fieldset label{min-height:48px;border-radius:16px;padding:10px 12px;font-size:.82rem;grid-template-columns:auto minmax(0,1fr)}
.rules-screen-v2 .rules-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(140px,230px) minmax(260px,520px) minmax(140px,230px);justify-content:center;align-items:center;gap:18px;padding:0;margin-top:4px}.rules-screen-v2 .rules-play{grid-column:2;min-height:62px;border:0;border-radius:999px;background:#fff;color:#1f232a;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:950;box-shadow:0 20px 50px rgba(0,0,0,.18);transition:transform .16s ease,box-shadow .16s ease}.rules-screen-v2 .rules-play:hover{transform:translateY(-2px);box-shadow:0 28px 64px rgba(0,0,0,.22)}.rules-screen-v2 .rules-play:disabled{opacity:.52;cursor:not-allowed;transform:none}.rules-screen-v2 .rules-back{grid-column:3;justify-self:end;min-height:52px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.16);color:white;padding:0 20px;font-size:1rem;font-weight:950;backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(0,0,0,.12)}.rules-screen-v2 .rules-back:before{content:"←";margin-right:8px}.rules-screen-v2 .rules-back:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
@media(max-width:1220px){.rules-screen.rules-screen-v2{grid-template-columns:minmax(300px,1fr) minmax(340px,.9fr);grid-template-rows:auto auto auto auto}.rules-screen-v2 .rules-title{grid-column:1;grid-row:1}.rules-screen-v2 .rules-guide{grid-column:1;grid-row:2}.rules-screen-v2 .rules-visual{grid-column:2;grid-row:1/3;min-height:360px}.rules-screen-v2 .rules-settings{grid-column:1/-1;grid-row:3;max-height:none}.rules-screen-v2 .rules-settings .form-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-screen-v2 .rules-settings label{grid-template-columns:1fr}.rules-screen-v2 .rules-actions{grid-row:4}.rules-screen-v2 .rules-orb{width:min(280px,34vw)}}
@media(max-width:760px){.rules-screen.rules-screen-v2{min-height:calc(100dvh - 84px);display:flex;flex-direction:column;align-items:stretch;padding:22px 16px 24px;gap:18px}.rules-screen.rules-screen-v2:after{inset:10px;border-radius:24px}.rules-screen-v2 .rules-title{justify-content:flex-start}.rules-screen-v2 .rules-title>span{width:52px;height:52px;font-size:1.55rem}.rules-screen-v2 .rules-title h1{font-size:clamp(2.65rem,15vw,4rem)}.rules-screen-v2 .rules-visual{order:2;min-height:190px}.rules-screen-v2 .rules-orb{width:190px}.rules-screen-v2 .rules-guide{order:3;width:100%;padding:18px;border-radius:24px}.rules-steps article{grid-template-columns:30px minmax(0,1fr);padding:10px}.rules-steps b{width:30px;height:30px;border-radius:10px}.rules-screen-v2 .rules-settings{order:4;width:100%;max-height:none;padding:16px;border-radius:24px}.rules-screen-v2 .rules-settings .form-stack{grid-template-columns:1fr}.rules-screen-v2 .rules-settings label{grid-template-columns:1fr;min-height:0}.rules-screen-v2 .rules-settings label:has(input[type="checkbox"]){grid-template-columns:auto minmax(0,1fr)}.rules-screen-v2 .rules-settings fieldset{grid-template-columns:1fr}.rules-screen-v2 .rules-actions{order:5;display:flex;flex-direction:column-reverse;gap:12px;margin-top:0}.rules-screen-v2 .rules-play,.rules-screen-v2 .rules-back{width:100%;grid-column:auto;justify-self:stretch}.rules-screen-v2 .rules-back{justify-content:center}}
@media(max-width:760px){.rules-screen-v2 .rules-settings{overflow:visible;z-index:2}.rules-screen-v2 .rules-actions{position:relative;z-index:6;flex:0 0 auto;padding-top:4px}.rules-screen-v2 .rules-play{position:relative;z-index:7}}
@media(max-width:760px){.rules-screen.rules-screen-v2{padding-bottom:178px}.rules-screen-v2 .rules-actions{position:fixed;left:16px;right:16px;bottom:14px;width:auto;max-width:none;z-index:100;padding:10px;border:1px solid rgba(255,255,255,.26);border-radius:24px;background:rgba(69,191,183,.92);box-shadow:0 18px 44px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.rules-screen-v2 .rules-play,.rules-screen-v2 .rules-back{position:relative;z-index:101}}
@media(max-width:760px){.rules-screen-v2 .rules-title,.rules-screen-v2 .rules-guide,.rules-screen-v2 .rules-visual{pointer-events:none}.rules-screen-v2 .rules-settings,.rules-screen-v2 .rules-settings *,.rules-screen-v2 .rules-actions,.rules-screen-v2 .rules-actions *{pointer-events:auto}}
@media(max-width:760px){.rules-screen.rules-screen-v2{pointer-events:none}.rules-screen-v2 .rules-settings,.rules-screen-v2 .rules-settings *,.rules-screen-v2 .rules-actions,.rules-screen-v2 .rules-actions *{pointer-events:auto!important}}
@media(max-width:760px){.arcade-main.page-pregame,.rules-screen.rules-screen-v2,.rules-screen-v2 .rules-title,.rules-screen-v2 .rules-guide,.rules-screen-v2 .rules-visual{pointer-events:auto}.rules-screen.rules-screen-v2{padding:22px 16px 28px}.rules-screen-v2 .rules-title{order:1}.rules-screen-v2 .rules-settings{order:2;overflow:visible;margin-bottom:18px}.rules-screen-v2 .rules-actions{order:3;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;max-width:none;z-index:5;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.rules-screen-v2 .rules-play,.rules-screen-v2 .rules-back{position:relative;z-index:6}.rules-screen-v2 .rules-visual{order:4}.rules-screen-v2 .rules-guide{order:5}}

/* Teriyaki calm interaction pass: inspect card, then place by hand; no arcade badges. */
.teriyaki-active{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:42;gap:12px;pointer-events:none;filter:drop-shadow(0 26px 34px rgba(0,0,0,.34))}.teriyaki-active>span{max-width:min(360px,72vw);text-align:center;background:rgba(7,26,15,.72)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);font-size:.82rem!important;line-height:1.25}.teriyaki-active #activeCardSlot{position:relative;display:grid;place-items:center}.teriyaki-active #activeCardSlot:before{content:"";position:absolute;inset:-18px;border-radius:28px;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 68%);animation:ter-peek-breath 1.4s ease-in-out infinite;z-index:-1}.teriyaki-active.is-auto-discard>span{background:rgba(53,30,9,.78)!important;color:#fff7de}.teriyaki-active.is-auto-discard #activeCardSlot:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-16px;height:5px;border-radius:999px;background:linear-gradient(90deg,#facc15,#ff3868);transform-origin:left center;animation:ter-auto-discard-bar 1s linear both}.teriyaki-active.is-mine:not(.is-auto-discard)>span{background:rgba(12,54,27,.78)!important;color:#effff3}.teriyaki-active.is-opponent{opacity:.92}.teriyaki-slot:not([data-not-clickable]) .teriyaki-card{cursor:pointer;animation:ter-target-pulse 1.05s ease-in-out infinite,ter-place-invite 1.6s ease-in-out infinite!important}.teriyaki-slot[data-not-clickable]{cursor:default}.teriyaki-slot[data-not-clickable] .teriyaki-card.is-dim{filter:saturate(.72) brightness(.9)}.teriyaki-deck.is-waiting .teriyaki-card{filter:saturate(.8) brightness(.86);animation:none}.teriyaki-deck.is-waiting:before{opacity:.22;animation:none}.teriyaki-card.is-active-card{animation:ter-card-peek .44s cubic-bezier(.16,.9,.2,1.12) both!important}.teriyaki-discard>span:last-of-type .teriyaki-card{animation:ter-discard-quiet .34s cubic-bezier(.2,.8,.2,1) both}
.teriyaki-stack-count{position:absolute;z-index:9;min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:rgba(7,26,15,.82);border:1px solid rgba(255,255,255,.24);color:#fff7de;font-style:normal;font-size:.72rem;font-weight:950;font-variant-numeric:tabular-nums;line-height:1;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14);pointer-events:none}.teriyaki-stack-count-deck{right:-12px;bottom:-12px}.teriyaki-stack-count-discard{right:8px;bottom:2px}.teriyaki-result{position:absolute;left:50%;top:50%;z-index:70;transform:translate(-50%,-50%);min-width:min(460px,82vw);border:1px solid rgba(255,255,255,.22);border-radius:28px;background:linear-gradient(145deg,rgba(7,26,15,.9),rgba(13,55,30,.86));box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);padding:22px 26px;text-align:center;pointer-events:none;animation:ter-result-in .28s cubic-bezier(.16,.9,.2,1.08) both}.teriyaki-result[hidden]{display:none}.teriyaki-result b{display:block;color:white;font-size:clamp(1.8rem,4.2vw,4.6rem);font-weight:950;letter-spacing:0;line-height:.92;text-shadow:0 12px 34px rgba(0,0,0,.34)}.teriyaki-result span{display:block;margin-top:10px;color:rgba(255,255,255,.72);font-size:.92rem;font-weight:900}.teriyaki-table:has(.teriyaki-result:not([hidden])) .teriyaki-active{display:none}
@keyframes ter-card-peek{0%{opacity:0;transform:translateY(-24px) rotateY(92deg) scale(.84)}62%{opacity:1;transform:translateY(2px) rotateY(-8deg) scale(1.08)}100%{opacity:1;transform:translateY(0) rotateY(0) scale(1.04)}}@keyframes ter-peek-breath{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.82;transform:scale(1.06)}}@keyframes ter-place-invite{0%,100%{filter:brightness(1);transform:translateY(-3px)}50%{filter:brightness(1.1);transform:translateY(-8px)}}@keyframes ter-auto-discard-bar{from{transform:scaleX(1);opacity:.95}to{transform:scaleX(0);opacity:.55}}@keyframes ter-discard-quiet{from{opacity:0;transform:translateY(-14px) rotate(calc(var(--r,0deg) - 8deg)) scale(.92)}to{opacity:1;transform:rotate(var(--r,0deg)) scale(1)}}@keyframes ter-result-in{from{opacity:0;transform:translate(-50%,-44%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:760px){.teriyaki-active>span{font-size:.72rem!important}.teriyaki-active #activeCardSlot:before{inset:-10px}.teriyaki-active.is-auto-discard #activeCardSlot:after{bottom:-10px}.teriyaki-stack-count{min-width:24px;height:21px;padding:0 6px;font-size:.66rem}.teriyaki-stack-count-deck{right:-8px;bottom:-9px}.teriyaki-stack-count-discard{right:2px;bottom:-2px}.teriyaki-result{min-width:min(340px,82vw);padding:18px 20px;border-radius:24px}.teriyaki-result b{font-size:clamp(1.55rem,9vw,2.8rem)}}

/* ChronoL mystery mode: title and artist stay hidden until reveal by default. */
.chronol-now-card.is-mystery img{filter:saturate(.82) brightness(.72) blur(.6px);box-shadow:0 18px 36px rgba(0,0,0,.36),0 0 0 4px rgba(255,56,104,.1)}
.chronol-now-card.is-mystery h2{color:#fff;font-style:italic;text-transform:uppercase;letter-spacing:-.035em}.chronol-now-card.is-mystery p{color:#ffb4c7}.chronol-now-card.is-mystery span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.72)}

/* FLAGS custom country picker: no-spoiler text suggestions, no native datalist. */
.flags-guess-form{position:relative;align-items:end}.flags-combobox{position:relative;display:block}.flags-guess-form input[name="guess"]{padding-left:18px;padding-right:18px}.flags-suggestions{position:absolute;z-index:55;left:0;right:0;bottom:calc(100% + 10px);display:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;max-height:min(360px,42vh);overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:radial-gradient(circle at 16% 0,rgba(255,56,104,.18),transparent 34%),linear-gradient(145deg,rgba(17,18,27,.96),rgba(10,11,18,.97));box-shadow:0 26px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);animation:flagsSuggestIn .18s ease both}.flags-suggestions.is-open{display:grid}.flags-suggestion-card{min-height:68px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:white;padding:9px 10px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;box-shadow:none;transition:transform .14s ease,border-color .14s ease,background .14s ease}.flags-suggestion-card:hover,.flags-suggestion-card:focus-visible{transform:translateY(-2px);border-color:rgba(255,56,104,.55);background:linear-gradient(145deg,rgba(255,56,104,.18),rgba(255,255,255,.06));outline:none}.flags-suggestion-flag{width:58px;height:42px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.14)}.flags-suggestion-flag img{width:100%;height:100%;object-fit:cover;display:block}.flags-suggestion-copy{min-width:0}.flags-suggestion-copy b{display:block;color:white;font-size:.94rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flags-suggestion-copy small{display:block;margin-top:4px;color:rgba(255,255,255,.52);font-size:.72rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flags-suggestion-card em{min-width:34px;height:28px;border-radius:999px;background:rgba(255,255,255,.08);color:#ffb4c7;display:grid;place-items:center;font-style:normal;font-family:ArcadeDisplay,monospace;font-size:.68rem}.flags-empty-suggest{grid-column:1/-1;border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:16px;text-align:center;color:white;background:rgba(255,255,255,.04)}.flags-empty-suggest b{display:block}.flags-empty-suggest span{display:block;margin-top:4px;color:rgba(255,255,255,.52);font-weight:850}@keyframes flagsSuggestIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.flags-panel{overflow:visible!important}.flags-panel:before{pointer-events:none}
@media(max-width:760px){.flags-suggestions{position:fixed;left:14px;right:14px;bottom:86px;grid-template-columns:1fr;max-height:48vh}.flags-suggestion-card{grid-template-columns:52px minmax(0,1fr) auto}.flags-suggestion-flag{width:52px;height:38px}}

/* FLAGS no-spoiler picker + visible round feedback. */
.flags-suggestion-card{grid-template-columns:minmax(0,1fr) auto;min-height:62px;padding:11px 12px 11px 15px}.flags-suggestion-card em{min-width:auto;max-width:112px;padding:0 10px;font-family:inherit;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flags-feedback{margin:14px 0 -4px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;background:rgba(255,255,255,.055);box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);animation:flagsFeedbackIn .2s cubic-bezier(.16,.9,.22,1) both}.flags-feedback:before{content:"";grid-row:1/3;width:16px;height:16px;border-radius:999px;background:currentColor;box-shadow:0 0 24px currentColor}.flags-feedback b{color:white;font-size:1.02rem;font-weight:950;letter-spacing:-.035em}.flags-feedback span{color:rgba(255,255,255,.68);font-weight:850;line-height:1.28}.flags-feedback.is-success{color:#22c55e;border-color:rgba(34,197,94,.4);background:linear-gradient(110deg,rgba(34,197,94,.18),rgba(255,255,255,.045))}.flags-feedback.is-warning{color:#facc15;border-color:rgba(250,204,21,.34);background:linear-gradient(110deg,rgba(250,204,21,.14),rgba(255,255,255,.045))}.flags-feedback.is-danger{color:#fb7185;border-color:rgba(251,113,133,.36);background:linear-gradient(110deg,rgba(251,113,133,.15),rgba(255,255,255,.045))}.flags-feedback.is-info{color:#9ee7ff}.flags-feedback.is-fading{animation:flagsFeedbackOut .22s ease both}@keyframes flagsFeedbackIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes flagsFeedbackOut{to{opacity:0;transform:translateY(-6px) scale(.99)}}
@media(max-width:760px){.flags-suggestion-card{grid-template-columns:minmax(0,1fr);align-items:start}.flags-suggestion-card em{justify-self:start;max-width:100%}.flags-feedback{grid-template-columns:1fr}.flags-feedback:before{display:none}}

/* Teriyaki calm table pass: settled board cards should not flash on every draw/state refresh. */
.teriyaki-slot .teriyaki-card:not(.is-target):not(.is-active-card){
  animation:none!important;
  transform:none;
  filter:none;
  will-change:auto;
  transition:opacity .14s ease,box-shadow .14s ease,filter .14s ease;
}
.teriyaki-slot .teriyaki-card.is-dim{
  animation:none!important;
  transform:none;
}
.teriyaki-slot:not([data-not-clickable]) .teriyaki-card.is-target{
  animation:ter-target-calm 1.9s ease-in-out infinite!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.82),0 16px 30px rgba(0,0,0,.24),0 0 22px rgba(250,204,21,.2);
}
@keyframes ter-target-calm{
  0%,100%{transform:translateY(-1px) scale(1);filter:saturate(1)}
  50%{transform:translateY(-3px) scale(1.01);filter:saturate(1.05)}
}

/* War / Wojna table pass: same readable card-table language as Teriyaki. */
body:has(.arcade-main.page-play:is(.play-teriyaki,.play-war,.play-memory,.play-blackjack,.play-holdem,.play-president)){background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(0,0,0,.06)),repeating-linear-gradient(90deg,#b37a44 0,#b37a44 80px,#a66f3f 80px,#a66f3f 160px)}
.play-war{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(0,0,0,.06)),repeating-linear-gradient(90deg,#b37a44 0,#b37a44 80px,#a66f3f 80px,#a66f3f 160px)}
.arcade-main.page-play.play-war{padding-bottom:0!important;min-height:calc(100dvh - 96px);overflow:hidden}
.arcade-main.page-play.play-war .game-stage{height:calc(100dvh - 96px);min-height:0;display:grid;place-items:start center}
.war-game{--war-card-w:clamp(66px,min(5vw,8.2vh),104px);--war-card-h:calc(var(--war-card-w) * 1.42);--war-gap:clamp(12px,1.45vw,24px);position:relative;width:min(1760px,calc(100vw - 28px));min-height:0;display:block;perspective:1200px}
.war-abort{position:absolute;right:28px;top:24px;z-index:30;background:rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.war-game .war-table{position:relative;height:clamp(600px,calc(100dvh - 118px),960px);min-height:0;border:14px solid rgba(0,0,0,.15);border-radius:48px;background:radial-gradient(80% 70% at 50% 55%,rgba(53,141,76,.94) 0%,rgba(34,105,55,.94) 48%,rgba(19,74,41,.98) 100%),linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 120px),linear-gradient(#236b3e,#174d2f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 130px rgba(0,0,0,.34),0 28px 90px rgba(0,0,0,.38);overflow:hidden;display:block;padding:0;animation:ter-table-enter .42s cubic-bezier(.2,.8,.2,1) both}
.war-game .war-table:before{content:"";position:absolute;inset:26px;border:2px solid rgba(210,255,222,.14);border-radius:34px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);pointer-events:none}
.war-game .war-table:after{content:"";position:absolute;inset:58px 78px;border-radius:28px;pointer-events:none;background:linear-gradient(90deg,transparent 0 calc(50% - 1px),rgba(220,255,228,.12) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(transparent 0 calc(50% - 1px),rgba(220,255,228,.13) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));opacity:.55}
.war-board{position:absolute;z-index:2;inset:28px 34px 118px;display:grid;grid-template-columns:minmax(220px,.52fr) minmax(420px,1fr) minmax(220px,.46fr);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--war-gap);align-items:center;transform:rotateX(5deg) scale(.985);transform-origin:center}
.war-hud{grid-column:1;grid-row:1;align-self:start;display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0;min-width:0}.war-hud h1{margin:0;color:white;font-size:clamp(2.2rem,4.9vw,5.2rem);line-height:.88;letter-spacing:0;text-shadow:0 18px 46px rgba(0,0,0,.5)}.war-hud span{margin-top:8px;color:rgba(255,255,255,.72);font-weight:900;line-height:1.26}.war-hud .game-kicker{color:#fff7de;text-shadow:0 10px 28px rgba(0,0,0,.28)}
.war-battle-card{justify-self:start;min-width:min(190px,100%);border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(7,26,15,.62);padding:12px 14px;box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}.war-battle-card b{color:white;font-family:ArcadeDisplay,monospace;font-size:1rem}.war-battle-card span{margin-top:5px;color:#fff7de;font-size:.62rem}
.war-player-war{position:relative!important;z-index:5;top:auto!important;left:auto!important;right:auto!important;width:min(430px,100%);display:grid;grid-template-columns:56px minmax(0,1fr) calc(var(--war-card-w) * .88);gap:12px;align-items:center;border:1px solid rgba(225,255,235,.26);border-radius:24px;background:linear-gradient(180deg,rgba(225,255,235,.45),rgba(217,255,230,.24));backdrop-filter:blur(4px);padding:12px 14px;box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.32);color:#102018}.war-player-war.is-opponent{grid-column:2;grid-row:1;justify-self:center;align-self:start}.war-player-war.is-me{grid-column:2;grid-row:3;justify-self:center;align-self:end;border-color:rgba(250,204,21,.42);box-shadow:0 18px 34px rgba(0,0,0,.18),0 0 0 3px rgba(250,204,21,.12),inset 0 1px 0 rgba(255,255,255,.34)}.war-player-war img{width:56px;height:56px;border-radius:18px;object-fit:cover;box-shadow:0 12px 24px rgba(0,0,0,.22)}.war-player-copy{min-width:0}.war-player-copy span{display:block;color:rgba(16,32,24,.62);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.war-player-copy b{display:block;color:#102018;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.02rem}.war-player-copy small{display:block;color:rgba(16,32,24,.68);font-size:.76rem;font-weight:900}.war-player-war.is-empty{display:grid;place-items:center;color:rgba(255,255,255,.74);background:rgba(7,26,15,.42)}
.war-player-deck{position:relative;justify-self:end;width:calc(var(--war-card-w) * .78);height:calc(var(--war-card-h) * .78);border-radius:12px;background:repeating-linear-gradient(45deg,#c5171d 0,#c5171d 8px,#9f1419 8px,#9f1419 11px);box-shadow:0 18px 34px rgba(0,0,0,.28),0 0 0 2px rgba(255,255,255,.12)}.war-player-deck:before,.war-player-deck:after{content:"";position:absolute;inset:4px auto auto 4px;width:100%;height:100%;border-radius:inherit;background:#991b1b;z-index:-1}.war-player-deck:after{inset:8px auto auto 8px;background:#7f1d1d}.war-player-deck i{position:absolute;right:-10px;bottom:-10px;min-width:30px;height:25px;border-radius:999px;display:grid;place-items:center;background:rgba(7,26,15,.88);border:1px solid rgba(255,255,255,.24);color:#fff7de;font-style:normal;font-size:.72rem;font-weight:950;font-variant-numeric:tabular-nums;box-shadow:0 12px 24px rgba(0,0,0,.28)}.war-player-deck.is-front{transform:translateY(-3px)}
.war-battlefield{grid-column:2;grid-row:2;position:relative;z-index:4;width:min(720px,100%);min-height:clamp(300px,38vh,430px);justify-self:center;border-radius:34px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.1),transparent 44%),rgba(7,26,15,.28);border:1px solid rgba(225,255,235,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 34px 80px rgba(0,0,0,.3);display:grid;grid-template-rows:1fr auto;place-items:center;padding:clamp(22px,2.3vw,34px);overflow:visible}.war-pot{position:absolute;left:50%;top:-24px;transform:translateX(-50%);display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406;min-width:104px;height:54px;box-shadow:0 18px 38px rgba(0,0,0,.22);z-index:6}.war-pot span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950}.war-pot b{font-family:ArcadeDisplay,monospace}
.war-card-lanes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,56px);width:100%;align-items:center;margin:0}.war-card-lane{display:grid;grid-template-rows:auto 34px var(--war-card-h) auto;justify-items:center;gap:8px;position:relative}.war-card-lane>span,.war-card-lane small{color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950;text-align:center}.war-card-lane small{color:#fff7de;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.war-card-lane .poker-card{width:var(--war-card-w);height:var(--war-card-h);border-radius:clamp(10px,1.1vw,15px);padding:clamp(6px,.7vw,10px);box-shadow:0 24px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.9);animation:war-card-to-table .34s cubic-bezier(.16,.9,.2,1.12) both}.war-card-lane .poker-card b{font-size:calc(var(--war-card-w) * .22)}.war-card-lane .poker-card i{font-size:calc(var(--war-card-w) * .32)}.war-card-lane.is-winner .poker-card{box-shadow:0 0 0 4px rgba(250,204,21,.82),0 24px 52px rgba(0,0,0,.34),0 0 26px rgba(250,204,21,.24),inset 0 1px 0 rgba(255,255,255,.9);animation:war-card-win 1.6s ease-in-out infinite}.war-down-stack{position:relative;height:34px;width:108px}.war-down-stack i{position:absolute;left:50%;top:0;width:52px;height:72px;border-radius:9px;background:repeating-linear-gradient(45deg,#c5171d 0,#c5171d 7px,#9f1419 7px,#9f1419 10px);transform:translateX(-50%) rotate(calc((var(--i) - 2) * 5deg));box-shadow:0 12px 22px rgba(0,0,0,.22)}
.war-battle-summary{grid-row:2;min-height:48px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(7,26,15,.58);padding:10px 16px;text-align:center;box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.1)}.war-battle-summary[hidden]{display:none}.war-battle-summary b{display:block;color:white;font-size:1rem;font-weight:950;letter-spacing:0}.war-battle-summary span{display:block;margin-top:3px;color:rgba(255,255,255,.68);font-size:.76rem;font-weight:900}
.war-log-panel{grid-column:3;grid-row:1/4;align-self:stretch;min-height:0;border:1px solid rgba(225,255,235,.22);border-radius:26px;background:linear-gradient(180deg,rgba(225,255,235,.3),rgba(217,255,230,.14));padding:16px;box-shadow:0 18px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(4px);overflow:hidden}.war-log-panel h2{margin:0 0 12px;color:#102018;font-size:1.2rem;letter-spacing:0}.war-log{display:grid;gap:8px;max-height:100%;overflow:auto;padding-right:3px}.war-log article{border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(7,26,15,.22);padding:10px}.war-log span{color:#fff7de;font-size:.66rem;font-family:ArcadeDisplay,monospace}.war-log b{display:block;color:white;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.war-log small{display:block;color:rgba(255,255,255,.68);font-weight:850}.war-log p{color:rgba(255,255,255,.72);font-weight:850;margin:0}
.war-actionbar{position:absolute;left:34px;right:34px;bottom:24px;z-index:8;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(7,26,15,.82),rgba(9,43,23,.78));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);padding:14px;display:grid;grid-template-columns:minmax(230px,1fr) repeat(3,auto);gap:12px;align-items:center;backdrop-filter:blur(10px)}.war-actionbar span,.war-actionbar small{display:block;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:950}.war-actionbar b{display:block;margin:4px 0;color:white;font-size:1.3rem;letter-spacing:0}.war-actionbar button{min-height:56px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#fff;color:#102018;padding:0 20px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 16px 40px rgba(0,0,0,.18)}.war-actionbar button:nth-of-type(2){background:linear-gradient(145deg,#fde68a,#f59e0b);color:#241406}.war-actionbar button:nth-of-type(3){background:rgba(255,255,255,.1);color:white;box-shadow:none}.war-actionbar button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}
.war-victory{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 44px));border:1px solid rgba(255,255,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(7,26,15,.92),rgba(13,55,30,.88));box-shadow:0 35px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.14);padding:30px;text-align:center;animation:ter-result-in .28s cubic-bezier(.16,.9,.2,1.08) both}.war-victory[hidden]{display:none}.war-victory b{display:block;color:white;font-size:clamp(2rem,4vw,3.8rem);font-weight:950;letter-spacing:0;line-height:.95}.war-victory span{display:block;margin-top:10px;color:rgba(255,255,255,.74);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:950}
@keyframes war-card-to-table{from{opacity:0;transform:translateY(26px) rotateY(72deg) scale(.9)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}@keyframes war-card-win{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}
@media(max-width:1180px){.war-game{--war-card-w:clamp(58px,min(7vw,8vh),88px)}.war-board{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;inset:24px 24px 118px;transform:none}.war-hud{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr) auto;align-items:end}.war-battle-card{justify-self:end}.war-player-war.is-opponent{grid-column:1;grid-row:2}.war-battlefield{grid-column:1;grid-row:3;min-height:clamp(270px,34vh,390px)}.war-player-war.is-me{grid-column:1;grid-row:4}.war-log-panel{grid-column:1;grid-row:5;max-height:120px}.war-log{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-flow:column;overflow-x:auto;overflow-y:hidden}.war-log-panel h2{display:none}.war-actionbar{grid-template-columns:1fr repeat(3,auto)}} 
@media(max-width:760px){.arcade-main.page-play.play-war{overflow:auto}.arcade-main.page-play.play-war .game-stage{height:auto;min-height:calc(100dvh - 84px);place-items:start center}.war-game{--war-card-w:clamp(48px,12vw,58px);--war-gap:8px;width:min(100% - 20px,620px);min-height:0}.war-game .war-table{height:auto;min-height:calc(100dvh - 102px);border-width:10px;border-radius:34px;padding:18px 12px 14px;overflow:visible}.war-game .war-table:before{inset:10px;border-radius:24px}.war-game .war-table:after{display:none}.war-abort{right:16px;top:14px;font-size:.68rem;padding:9px 11px}.war-board{position:relative;inset:auto;display:flex;flex-direction:column;gap:10px;transform:none;margin-top:52px}.war-hud{display:grid;grid-template-columns:1fr;align-self:stretch}.war-hud h1{font-size:2.35rem}.war-hud span{font-size:.86rem}.war-battle-card{justify-self:start;min-width:0}.war-player-war{width:100%;grid-template-columns:46px minmax(0,1fr) 48px;padding:9px 10px;border-radius:18px}.war-player-war img{width:46px;height:46px;border-radius:14px}.war-player-copy b{font-size:.9rem}.war-player-copy small{font-size:.68rem}.war-player-deck{width:44px;height:61px;border-radius:9px}.war-player-deck i{right:-8px;bottom:-8px;min-width:24px;height:21px;font-size:.64rem}.war-battlefield{width:100%;min-height:310px;padding:22px 12px;border-radius:24px}.war-pot{top:-18px;min-width:88px;height:44px}.war-card-lanes{gap:12px}.war-card-lane{grid-template-rows:auto 24px var(--war-card-h) auto}.war-down-stack{height:24px;width:74px}.war-down-stack i{width:38px;height:54px;border-radius:7px}.war-battle-summary{padding:9px 11px}.war-log-panel{width:100%;max-height:116px;border-radius:18px;padding:10px}.war-actionbar{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px;grid-template-columns:1fr;gap:9px;border-radius:22px;padding:12px}.war-actionbar div{grid-column:auto}.war-actionbar button{width:100%;min-height:48px;border-radius:15px}.war-victory{width:min(340px,calc(100% - 30px));padding:20px;border-radius:24px}.war-victory b{font-size:2rem}}
.arcade-main.page-play.play-war .arcade-game-surface,.arcade-main.page-play.play-war .war-game{min-height:0}
.arcade-main.page-play.play-war .war-game{display:block!important}
.arcade-main.page-play.play-war .war-game .war-table{width:100%;max-width:100%;box-sizing:border-box;justify-self:stretch}
.arcade-main.page-play.play-war .war-board{box-sizing:border-box}
.arcade-main.page-play.play-war .war-card-lane>.poker-card:not(.is-hidden){color:#101827!important}
.arcade-main.page-play.play-war .war-card-lane>.poker-card.is-red:not(.is-hidden){color:#e11d48!important}
.arcade-main.page-play.play-war .war-hud{margin:0}.arcade-main.page-play.play-war .war-hud h1{font-size:clamp(2.2rem,4.9vw,5.2rem)}
.arcade-main.page-play.play-war .war-battlefield{min-height:clamp(300px,38vh,430px)}.arcade-main.page-play.play-war .war-log{max-height:100%}
@media(max-width:1180px){.arcade-main.page-play.play-war .war-battlefield{min-height:clamp(270px,34vh,390px)}.arcade-main.page-play.play-war .war-log{max-height:100%}}
@media(max-width:760px){.arcade-main.page-play.play-war .war-battlefield{min-height:310px}.arcade-main.page-play.play-war .war-hud h1{font-size:2.35rem}.arcade-main.page-play.play-war .war-log{max-height:none}}

/* Shared card-table pass for Memory, Blackjack, Hold'em and President. */
.play-memory,.play-blackjack,.play-holdem,.play-president{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(0,0,0,.06)),repeating-linear-gradient(90deg,#b37a44 0,#b37a44 80px,#a66f3f 80px,#a66f3f 160px)}
.arcade-main.page-play:is(.play-memory,.play-blackjack,.play-holdem,.play-president){padding-bottom:0!important;min-height:calc(100dvh - 96px);overflow:hidden}
.arcade-main.page-play:is(.play-memory,.play-blackjack,.play-holdem,.play-president) .game-stage{min-height:100dvh;display:grid;place-items:start center}
:is(.memory-game,.blackjack-game,.holdem-game,.president-game){width:min(1760px,calc(100vw - 28px))!important}
:is(.memory-shell,.blackjack-shell,.holdem-shell,.president-shell){position:relative;width:100%;min-height:min(940px,var(--play-area-h));border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
:is(.memory-hero,.blackjack-hud,.holdem-hud,.president-hud){border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(7,26,15,.78),rgba(9,43,23,.68));box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:16px 18px;margin:0 0 12px;gap:16px}
:is(.memory-hero,.blackjack-hud,.holdem-hud,.president-hud) h1{font-size:clamp(2.05rem,4.4vw,4.7rem)!important;letter-spacing:0!important;text-shadow:0 16px 38px rgba(0,0,0,.42)!important}
:is(.memory-hero,.blackjack-hud,.holdem-hud,.president-hud) span:not(.president-crown){color:rgba(255,255,255,.72)}
:is(.memory-progress-card,.blackjack-round-card,.holdem-pot-card,.president-round-card){border-color:rgba(255,255,255,.2)!important;background:rgba(7,26,15,.72)!important;border-radius:20px!important;box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)!important}
:is(.memory-progress-card,.blackjack-round-card,.holdem-pot-card,.president-round-card) span{color:#fff7de!important}

.memory-layout,.blackjack-layout,.president-table-wrap{gap:14px}.memory-panel,.blackjack-panel,.president-scoreboard,.president-log-panel{border:1px solid rgba(225,255,235,.22)!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(225,255,235,.32),rgba(217,255,230,.16))!important;box-shadow:0 18px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;backdrop-filter:blur(4px)}
:is(.memory-panel,.blackjack-panel,.president-scoreboard,.president-log-panel) h2,:is(.blackjack-panel,.blackjack-dealer-odds) h3{color:#102018!important;letter-spacing:0!important}
:is(.memory-panel,.blackjack-panel,.president-scoreboard,.president-log-panel) header span{background:rgba(7,26,15,.24)!important;border-color:rgba(255,255,255,.22)!important;color:#fff7de!important}
:is(.memory-players article,.blackjack-players article,.president-player){border-color:rgba(255,255,255,.22)!important;background:rgba(7,26,15,.22)!important;box-shadow:0 12px 26px rgba(0,0,0,.14);color:white}
:is(.memory-players article.is-me,.blackjack-players article.is-me,.holdem-seat.is-me,.president-player.is-me){border-color:rgba(250,204,21,.68)!important;box-shadow:0 0 0 4px rgba(250,204,21,.14),0 18px 42px rgba(0,0,0,.24)!important}
:is(.memory-players article.is-current,.blackjack-players article.is-current,.holdem-seat.is-current,.president-player.is-current){border-color:rgba(255,255,255,.46)!important}

.memory-table,.blackjack-table,.president-table{border:14px solid rgba(0,0,0,.15)!important;border-radius:48px!important;background:radial-gradient(80% 70% at 50% 55%,rgba(53,141,76,.94) 0%,rgba(34,105,55,.94) 48%,rgba(19,74,41,.98) 100%),linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 120px),linear-gradient(#236b3e,#174d2f)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 130px rgba(0,0,0,.34),0 28px 90px rgba(0,0,0,.38)!important;overflow:hidden}
.memory-table:before,.blackjack-table:before,.president-table:before{content:"";position:absolute;inset:26px;border:2px solid rgba(210,255,222,.14)!important;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);pointer-events:none}
.memory-table:after,.president-table:after{content:"";position:absolute;inset:58px 78px;border-radius:28px;pointer-events:none;background:linear-gradient(90deg,transparent 0 calc(50% - 1px),rgba(220,255,228,.12) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(transparent 0 calc(50% - 1px),rgba(220,255,228,.13) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));opacity:.55}

.memory-table{min-height:clamp(560px,calc(var(--play-area-h) - 108px),860px)!important}.memory-table-glow{display:none}.memory-board{max-width:min(1040px,100%)!important;gap:clamp(8px,1vw,14px);align-self:center}.memory-card-back{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 38%),repeating-linear-gradient(45deg,#c5171d 0,#c5171d 8px,#9f1419 8px,#9f1419 11px)!important;color:#fff7de!important}.memory-card-front{background:linear-gradient(145deg,#fff,#e5edf5)!important;color:#102018!important}.memory-card.is-matched .memory-card-front{background:linear-gradient(145deg,#ecfdf5,#86efac)!important;color:#064e3b!important}.memory-victory{background:linear-gradient(145deg,rgba(7,26,15,.92),rgba(13,55,30,.88))!important;border-color:rgba(255,255,255,.22)!important;letter-spacing:0!important}.memory-victory b{letter-spacing:0!important}

.blackjack-table{min-height:clamp(560px,calc(var(--play-area-h) - 116px),860px)!important}.blackjack-table:after{content:"BLACKJACK";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-5deg);font-family:ArcadeDisplay,monospace;color:rgba(255,255,255,.055);font-size:clamp(3rem,8vw,8rem);white-space:nowrap;pointer-events:none}.blackjack-dealer{margin-bottom:clamp(12px,2vh,24px)}.blackjack-seat-head{background:rgba(7,26,15,.58);border-color:rgba(255,255,255,.18)}.blackjack-card,.poker-card{box-shadow:0 18px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.9)}.blackjack-card.is-hidden,.poker-card.is-hidden{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 38%),repeating-linear-gradient(45deg,#c5171d 0,#c5171d 8px,#9f1419 8px,#9f1419 11px)!important;color:#fff7de!important}.blackjack-players{align-items:stretch}.blackjack-players article.is-me{transform:translateY(-3px)}.blackjack-actionbar,.holdem-actionbar,.president-handbar{border:1px solid rgba(255,255,255,.18)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(7,26,15,.82),rgba(9,43,23,.78))!important;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)}
.blackjack-actionbar button,.holdem-controls button,.president-controls button{border-color:rgba(255,255,255,.16)!important;border-radius:18px!important}

.holdem-table-wrap{min-height:clamp(610px,calc(var(--play-area-h) - 130px),900px)!important;border:14px solid rgba(0,0,0,.15)!important;border-radius:48px!important;background:radial-gradient(80% 70% at 50% 55%,rgba(53,141,76,.94) 0%,rgba(34,105,55,.94) 48%,rgba(19,74,41,.98) 100%),linear-gradient(#236b3e,#174d2f)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 130px rgba(0,0,0,.34),0 28px 90px rgba(0,0,0,.38)!important;padding:28px}.holdem-table-wrap:before{content:"";position:absolute;inset:26px;border:2px solid rgba(210,255,222,.14);border-radius:34px;pointer-events:none}.holdem-table{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 38%),linear-gradient(145deg,#13794f,#075235 62%,#1d1209 63% 75%,#7c4a20 76% 83%,#23160c 84%)!important;box-shadow:inset 0 0 0 16px rgba(255,255,255,.04),inset 0 22px 44px rgba(255,255,255,.08),inset 0 -38px 80px rgba(0,0,0,.45),0 48px 90px rgba(0,0,0,.44)!important}.holdem-felt-grid{border-color:rgba(255,255,255,.13)}.holdem-community{filter:drop-shadow(0 18px 30px rgba(0,0,0,.22))}.holdem-seat{background:linear-gradient(145deg,rgba(7,26,15,.9),rgba(10,43,24,.82))!important;border-color:rgba(255,255,255,.16)!important}.holdem-seat.is-me{transform:translate(-50%,-50%) translate(0,300px)!important;z-index:10}.holdem-seat.is-me .holdem-seat-copy span{color:#fff7de}.holdem-own{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,26,15,.44);padding:12px}.holdem-own-cards .poker-card{width:72px;height:102px}

.president-table-wrap{grid-template-columns:300px minmax(0,1fr) 280px}.president-table{min-height:clamp(560px,calc(var(--play-area-h) - 190px),830px)!important}.president-table-felt{display:none}.president-pile{background:rgba(7,26,15,.34)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 70px rgba(0,0,0,.28)!important}.president-pile>span{color:#fff7de!important}.president-pile p{color:rgba(255,255,255,.72)!important}.president-empty-pile{border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.58)!important}.president-handbar{grid-template-columns:230px minmax(0,1fr) auto}.president-hand{background:rgba(7,26,15,.28);border:1px solid rgba(255,255,255,.12);border-radius:22px}.president-hand-card.is-selected .poker-card{box-shadow:0 0 0 4px rgba(250,204,21,.78),0 22px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9)!important}.president-crown{background:linear-gradient(145deg,#fde68a,#f59e0b)!important;color:#241406!important;box-shadow:0 20px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.32)!important}.president-finish{background:linear-gradient(145deg,rgba(7,26,15,.92),rgba(13,55,30,.88))!important}.president-finish h2{letter-spacing:0!important}

@media(max-width:1180px){:is(.memory-layout,.blackjack-layout,.president-table-wrap){grid-template-columns:1fr!important}.memory-panel,.blackjack-panel{order:2}.memory-table,.blackjack-table{order:1}.president-scoreboard,.president-log-panel{min-height:0!important}.president-table{min-height:520px!important}.holdem-table-wrap{min-height:680px!important}.holdem-seat.is-me{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(0,255px)!important}.president-handbar{grid-template-columns:1fr}.president-controls{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.arcade-main.page-play:is(.play-memory,.play-blackjack,.play-holdem,.play-president){overflow:auto}.arcade-main.page-play:is(.play-memory,.play-blackjack,.play-holdem,.play-president) .game-stage{height:auto;min-height:calc(100dvh - 84px);place-items:start center}:is(.memory-game,.blackjack-game,.holdem-game,.president-game){width:min(100% - 20px,620px)!important}:is(.memory-hero,.blackjack-hud,.holdem-hud,.president-hud){grid-template-columns:1fr!important;padding:14px;border-radius:22px}:is(.memory-hero,.blackjack-hud,.holdem-hud,.president-hud) h1{font-size:2.35rem!important}:is(.memory-table,.blackjack-table,.president-table,.holdem-table-wrap){border-width:10px!important;border-radius:34px!important}:is(.memory-table,.blackjack-table,.president-table):before,.holdem-table-wrap:before{inset:10px!important;border-radius:24px!important}:is(.memory-table,.president-table):after{display:none}.memory-table{min-height:420px!important;padding:16px!important}.blackjack-table{min-height:520px!important;padding:16px!important}.holdem-table-wrap{min-height:760px!important;padding:12px!important}.holdem-table{height:660px!important;border-radius:40px!important}.holdem-seat.is-me{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.president-table{min-height:480px!important}.president-handbar,.blackjack-actionbar,.holdem-actionbar{grid-template-columns:1fr!important;border-radius:22px!important}.president-controls{grid-template-columns:1fr 1fr}.president-hand{min-height:104px}.memory-panel,.blackjack-panel,.president-scoreboard,.president-log-panel{padding:14px!important;border-radius:22px!important}}