@keyframes active-card-pulse{0%{transform:translateY(0) scale(.98);box-shadow:0 0 0 transparent}55%{transform:translateY(-2px) scale(1.02);box-shadow:0 0 26px var(--score-active-glow),inset 0 0 24px rgba(255,228,74,.06)}to{transform:translateY(-1px) scale(1);box-shadow:0 0 16px var(--score-active-glow),inset 0 0 20px rgba(255,228,74,.04)}}@keyframes active-card-sheen{0%{opacity:0;transform:skewX(-18deg) translateX(-20%)}18%{opacity:.7}to{opacity:0;transform:skewX(-18deg) translateX(240%)}}@keyframes turn-dot-pulse{0%{transform:scale(.6);box-shadow:0 0 0 transparent}55%{transform:scale(1.45);box-shadow:0 0 14px var(--gold)}to{transform:scale(1);box-shadow:0 0 6px var(--gold)}}@keyframes sparkle-burst{0%{transform:translate(0,0) scale(.3) rotate(0deg);opacity:0}15%{opacity:1}70%{opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(24deg);opacity:0}}@keyframes gameover-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes trophy-disc-bob{0%{transform:translateY(8px) scale(.9)}60%{transform:translateY(-4px) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes winner-badge-glow{0%{opacity:0;transform:scale(.5);text-shadow:none}60%{opacity:1;transform:scale(1.18);text-shadow:0 0 18px rgba(255,228,74,.46)}to{opacity:1;transform:scale(1);text-shadow:0 0 8px rgba(255,228,74,.2)}}@keyframes lobby-rise-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes active-card-pulse-light{0%{transform:translateY(0) scale(.98);box-shadow:0 0 0 transparent}55%{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px rgba(15,120,210,.06),0 18px 30px rgba(15,120,210,.18)}to{transform:translateY(-1px) scale(1);box-shadow:0 0 0 1px rgba(15,120,210,.06),0 12px 28px rgba(15,120,210,.12)}}.rs-grid{display:grid;width:100%}.rs-grid-2{grid-template-columns:repeat(2,1fr)}.rs-grid-3{grid-template-columns:repeat(3,1fr)}.rs-grid-4{grid-template-columns:repeat(4,1fr)}.rs-gap-xs{gap:4px}.rs-gap-sm{gap:6px}.rs-gap-md{gap:8px}.rs-gap-lg{gap:14px}.rs-align-center{align-items:center}:root{--bg:#050f05;--surface:#0a160a;--panel:#081008;--gold:#ffe44a;--gold-light:#fff176;--gold-dark:#c4a100;--green:#1e6b1e;--green-light:#2e9b2e;--text-primary:#f0edd0;--text-muted:#5a7a5a;--border:rgba(255,228,74,.2);--shadow-deep:0 20px 60px rgba(0,0,0,.85);--radius:4px;--board-light:#f5e8c0;--board-dark:#1e6b1e;--board-frame:#0e3d0e;--board-accent:rgba(255,228,74,.5);--piece-c0:#ffe44a;--piece-c1:#d4a843;--piece-c2:#6a5000;--piece-s0:#4a4a4a;--piece-s1:#1a1a1a;--piece-s2:#080808;--score-active-glow:rgba(255,228,74,.25);--shell-veil:rgba(0,5,0,.9);--shell-glow-top:rgba(30,107,30,.2);--shell-glow-bottom:rgba(255,228,74,.06)}body[data-theme=simba]{--bg:#100500;--surface:#1e0800;--panel:#180600;--gold:#ff9933;--gold-light:#ffb866;--gold-dark:#cc5500;--green:#8b2500;--green-light:#b83300;--text-primary:#f5e8d0;--text-muted:#886655;--border:rgba(255,153,51,.2);--board-light:#f5deb3;--board-dark:#8b2500;--board-frame:#5a1500;--board-accent:rgba(255,153,51,.5);--piece-c0:#ffbb55;--piece-c1:#ff9933;--piece-c2:#663300;--piece-s0:#1a1a1a;--piece-s1:#0d0d0d;--piece-s2:#050505;--score-active-glow:rgba(255,153,51,.25)}body[data-theme=pwani]{--bg:#000d18;--surface:#001828;--panel:#001020;--gold:#00d4ff;--gold-light:#80eaff;--gold-dark:#0088aa;--green:#006994;--green-light:#0088bb;--text-primary:#d0f0ff;--text-muted:#3a7090;--border:rgba(0,212,255,.2);--board-light:#e0f4ff;--board-dark:#006994;--board-frame:#003d5c;--board-accent:rgba(0,212,255,.5);--piece-c0:#80eaff;--piece-c1:#00d4ff;--piece-c2:#004466;--piece-s0:#ffe88a;--piece-s1:#d4a843;--piece-s2:#6a5000;--score-active-glow:rgba(0,212,255,.25)}body[data-theme=kilima]{--bg:#060d06;--surface:#0e180e;--panel:#0a120a;--gold:#b0b890;--gold-light:#d0d8b0;--gold-dark:#707850;--green:#2d5a27;--green-light:#3d7a35;--text-primary:#d8e8d0;--text-muted:#4a6040;--border:rgba(176,184,144,.2);--board-light:#e8f0e0;--board-dark:#2d5a27;--board-frame:#1a3518;--board-accent:rgba(176,184,144,.5);--piece-c0:#e0e8d8;--piece-c1:#b0b0a0;--piece-c2:#606058;--piece-s0:#6a3a10;--piece-s1:#4a2800;--piece-s2:#200e00;--score-active-glow:rgba(176,184,144,.2)}body[data-theme=usiku]{--bg:#02020a;--surface:#05050e;--panel:#030308;--gold:#ffe44a;--gold-light:#fff176;--gold-dark:#c4a100;--green:#1a1a3a;--green-light:#2a2a5a;--text-primary:#e8e0f0;--text-muted:#404060;--border:rgba(255,228,74,.15);--board-light:#1a1a2e;--board-dark:#08080f;--board-frame:#050508;--board-accent:rgba(255,228,74,.6);--piece-c0:#fff176;--piece-c1:#ffe44a;--piece-c2:#886600;--piece-s0:#e05050;--piece-s1:#cc2200;--piece-s2:#660800;--score-active-glow:rgba(255,228,74,.2)}body[data-theme=ember]{--bg:#1a1410;--surface:#221c16;--panel:#1e1812;--gold:#d4a843;--gold-light:#f0c85a;--gold-dark:#8a6a20;--green:#7a3810;--green-light:#9a4820;--text-primary:#f0e0c8;--text-muted:#7a6a55;--border:rgba(212,168,67,.2);--board-light:#f5e8d0;--board-dark:#7a3810;--board-frame:#5c3010;--board-accent:rgba(212,168,67,.5);--piece-c0:#f0a050;--piece-c1:#c87533;--piece-c2:#6a2e08;--piece-s0:#7090b0;--piece-s1:#3d5068;--piece-s2:#18222e;--score-active-glow:rgba(212,168,67,.2)}body[data-theme=neon]{--bg:#060810;--surface:#0a0d1a;--panel:#060812;--gold:#00ffe0;--gold-light:#80fff0;--gold-dark:#008870;--green:#040810;--green-light:#0a1020;--text-primary:#c0f0e8;--text-muted:#2a6060;--border:rgba(0,255,200,.18);--board-light:#102028;--board-dark:#040810;--board-frame:#020408;--board-accent:rgba(0,255,200,.7);--piece-c0:#ff8060;--piece-c1:#ff4020;--piece-c2:#500808;--piece-s0:#e0fffa;--piece-s1:#00ffe0;--piece-s2:#008878;--score-active-glow:rgba(0,255,200,.25)}body[data-theme=dhahabu]{--bg:#070b08;--surface:#101711;--panel:#131c15;--gold:#ffd75a;--gold-light:#ffe99b;--gold-dark:#c99924;--green:#16783a;--green-light:#20a44f;--text-primary:#f8f2dc;--text-muted:#b8c7b3;--border:rgba(255,215,90,.32);--board-light:#fff5df;--board-dark:#9a641e;--board-frame:#bd842a;--board-accent:rgba(111,75,12,.6);--piece-c0:#64e572;--piece-c1:#16963a;--piece-c2:#064d22;--piece-s0:#ff7a66;--piece-s1:#d82418;--piece-s2:#690900;--score-active-glow:rgba(255,215,90,.24);--shell-veil:rgba(2,7,3,.92);--shell-glow-top:rgba(32,164,79,.14);--shell-glow-bottom:rgba(255,215,90,.06)}body[data-appearance=light]{--bg:#eef3f8;--surface:#ffffff;--panel:#f8fbff;--text-primary:#172b3a;--text-muted:#5f7287;--border:rgba(23,43,77,.14);--shadow-deep:0 20px 54px rgba(38,57,77,.14);--shell-veil:rgba(236,242,248,.78);--shell-glow-top:rgba(15,120,210,.10);--shell-glow-bottom:rgba(18,140,126,.08)}body[data-theme=dhahabu][data-appearance=light]{--bg:#f6f1e7;--surface:#fffaf0;--panel:#fff4df;--gold:#78510d;--gold-light:#a66f14;--gold-dark:#4a3008;--green:#146b30;--green-light:#1f8e42;--text-primary:#211604;--text-muted:#65552f;--border:rgba(90,58,7,.34);--shadow-deep:0 20px 54px rgba(72,48,16,.18);--shell-veil:rgba(246,241,231,.82);--shell-glow-top:rgba(31,122,53,.08);--shell-glow-bottom:rgba(154,100,30,.08)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;min-width:320px;background-color:var(--bg);color:var(--text-primary);font-family:"Barlow",sans-serif;overflow:hidden;display:block;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;transition:none}#compat-screen.hidden,body::before{display:none}body{min-height:100dvh}body,html.translated-ltr body,html.translated-rtl body{top:0!important}#goog-gt-tt,.goog-te-balloon-frame,.goog-te-menu-frame,.goog-tooltip,.goog-tooltip:hover,.skiptranslate{display:none!important;visibility:hidden!important;pointer-events:none!important}font{background:0 0!important;box-shadow:none!important}.pwa-banner{position:fixed;top:0;left:0;right:0;z-index:9999;transform:translateY(-100%);transition:transform .4s;pointer-events:none}.pwa-banner.show{transform:translateY(0);pointer-events:all}body.pwa-banner-visible #lobby-screen{padding-top:calc(var(--pwa-banner-height, 0px) + max(8px,env(safe-area-inset-top)))}.pwa-banner-inner{background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 60%,#000));border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem}.pwa-banner-icon{font-size:1.4rem;flex-shrink:0}.pwa-banner-text{flex:1}.pwa-banner-text strong{display:block;color:var(--gold);font-weight:700}.pwa-banner-text span{color:rgba(255,255,255,.8);font-size:.78rem}.pwa-install-btn{background:var(--gold);color:#000;font-weight:700;border:0;border-radius:4px;padding:6px 14px;cursor:pointer;font-size:.8rem;white-space:nowrap;font-family:"Barlow Condensed",sans-serif;letter-spacing:.05em}.pwa-dismiss-btn{background:0 0;border:0;color:rgba(255,255,255,.6);cursor:pointer;padding:4px 6px;font-size:.9rem}.badge-toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);z-index:9998;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;min-width:240px}.badge-toast.show{bottom:24px}.badge-toast-inner{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 80%,var(--gold)));border:2px solid var(--gold);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 20px rgba(255,228,74,.2)}.badge-toast-icon{font-size:2rem}.badge-toast-name{font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:700;color:var(--gold);letter-spacing:.1em}.badge-toast-sub{font-size:.78rem;color:var(--text-muted);margin-top:2px}#compat-screen{position:fixed;inset:0;background-color:var(--bg);justify-content:center;z-index:9999;flex-direction:column;text-align:center;padding:40px 24px}.compat-inner{max-width:420px;width:100%}.compat-icon{width:64px;height:64px;margin:0 auto 20px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.6rem;box-shadow:0 0 30px rgba(255,228,74,.2)}.compat-title{font-family:"Barlow Condensed",sans-serif;font-size:2rem;font-weight:900;letter-spacing:.25em;color:var(--gold);margin-bottom:8px;text-shadow:0 0 30px rgba(255,228,74,.4)}.compat-subtitle{font-size:.85rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:24px}.compat-message{font-size:.95rem;color:var(--text-primary);line-height:1.7;margin-bottom:24px}.compat-browsers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.compat-browser-chip{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text-muted);font-family:"Barlow Condensed",sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.compat-divider{display:flex;align-items:center;gap:12px;margin:0 0 20px}.compat-divider-line{flex:1;height:1px;background:var(--border)}.compat-divider-gem{width:5px;height:5px;background:var(--gold-dark);transform:rotate(45deg)}#app,#compat-screen,#header{display:flex;align-items:center}#app{flex-direction:column;position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100vw,520px);max-width:520px;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:max(10px,env(safe-area-inset-top)) 10px max(6px,env(safe-area-inset-bottom));z-index:1}#header{width:100%;justify-content:space-between;padding:0 4px 10px;border-bottom:2px solid var(--gold-dark);margin-bottom:12px}.game-subtitle,.game-title{font-family:"Barlow Condensed",sans-serif}.game-title{font-size:1.4rem;font-weight:900;letter-spacing:.3em;color:var(--gold);text-shadow:0 0 20px rgba(255,228,74,.5),0 2px 0 rgba(0,0,0,.5);line-height:1}.game-subtitle{font-size:.65rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.header-controls,.icon-btn{display:flex;align-items:center}.header-controls{gap:6px}.icon-btn{width:32px;height:32px;background:0 0;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:center;color:var(--text-muted);transition:all .2s,transform .18s ease,box-shadow .18s ease}.icon-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(255,228,74,.06);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn svg{width:15px;height:15px}#score-panel,.score-card{align-items:center;gap:8px}#score-panel{width:100%;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:12px}.score-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;display:flex;transition:border-color .3s,box-shadow .3s,transform .2s ease;position:relative;overflow:hidden}.score-card::after{content:"";position:absolute;inset:-20%auto -20% -45%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);opacity:0;transform:skewX(-18deg) translateX(0);pointer-events:none}.score-card.active{border-color:var(--gold);box-shadow:0 0 16px var(--score-active-glow),inset 0 0 20px rgba(255,228,74,.04);transform:translateY(-1px)}.score-card.just-activated{animation:active-card-pulse .52s cubic-bezier(.22,1,.32,1)}.score-card.just-activated::after{animation:active-card-sheen .56s ease-out}.score-disc{width:20px;height:20px;border-radius:50%;flex-shrink:0}.score-disc.copper{background:radial-gradient(circle at 35% 30%,var(--piece-c0),var(--piece-c2));box-shadow:0 3px 8px rgba(0,0,0,.6)}.score-disc.slate{background:radial-gradient(circle at 35% 30%,var(--piece-s0),var(--piece-s2));box-shadow:0 3px 8px rgba(0,0,0,.6)}.score-info{flex:1;min-width:0}.score-name,.score-num{font-family:"Barlow Condensed",sans-serif}.score-name{font-size:.58rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;line-height:1}.score-num{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1.1}.score-label,.score-sep{font-size:.5rem;color:var(--text-muted)}.score-sep{font-family:"Barlow Condensed",sans-serif;font-size:.75rem;font-weight:700;text-align:center}.turn-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);flex-shrink:0;opacity:0;transition:opacity .3s}.overlay.victory.show .gameover-celebration,.score-card.active .turn-dot{opacity:1}.score-card.just-activated .turn-dot{animation:turn-dot-pulse .52s ease-out}#board-wrap{position:relative;width:100%;aspect-ratio:1;max-width:480px}.board-corner{position:absolute;width:18px;height:18px;border-color:var(--gold-dark);border-style:solid;opacity:.7;z-index:3}.board-corner.tl{top:-2px;left:-2px;border-width:2px 0 0 2px}.board-corner.tr{top:-2px;right:-2px;border-width:2px 2px 0 0}.board-corner.bl{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.board-corner.br{bottom:-2px;right:-2px;border-width:0 2px 2px 0}#board-frame,#board-frame::before{position:absolute;border-radius:6px}#board-frame{inset:-10px;background:linear-gradient(135deg,var(--board-frame) 0%,rgba(0,0,0,.8) 40%,color-mix(in srgb,var(--board-frame) 80%,#fff 10%) 60%,rgba(0,0,0,.7) 100%);box-shadow:var(--shadow-deep),inset 0 0 30px rgba(0,0,0,.4);z-index:0;transition:background .4s}#board-frame::before{content:"";inset:0;background:repeating-linear-gradient(88deg,transparent 0,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}#board-wrap::before{content:"";position:absolute;inset:-4px;border-radius:4px;box-shadow:0 0 40px rgba(0,0,0,.8),0 0 0 1px rgba(255,228,74,.06),inset 0 0 60px rgba(0,0,0,.4);pointer-events:none;z-index:2}#board-canvas{position:relative;z-index:1;display:block;width:100%;height:100%;cursor:pointer;border-radius:2px;box-shadow:0 8px 40px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5)}#board-canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}body[data-appearance=light] #board-frame{box-shadow:var(--shadow-deep),inset 0 0 26px rgba(255,255,255,.22)}body[data-appearance=light] #board-wrap::before{box-shadow:0 10px 30px rgba(28,48,76,.18),0 0 0 1px rgba(23,43,77,.08),inset 0 0 30px rgba(255,255,255,.18)}body[data-appearance=light] #board-canvas{box-shadow:0 10px 34px rgba(28,48,76,.16),0 2px 8px rgba(28,48,76,.12)}#status-bar,.ad-banner-container{width:100%;display:flex;align-items:center;justify-content:center}#status-bar{gap:8px;margin-top:10px;min-height:26px}#status-text{font-family:"Barlow",sans-serif;font-size:.9rem;font-weight:500;color:var(--text-muted);letter-spacing:.03em;text-align:center;transition:color .3s}#status-text.highlight{color:var(--gold);font-weight:700}.ad-banner-container{max-width:320px;min-height:0;height:0;margin:0 auto;padding:0;background:rgba(0,0,0,.3);border:1px dashed rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.ad-banner-container.ad-active{min-height:50px;height:auto;margin-top:10px;padding:4px}.ad-ingame{max-width:480px}.native-ad-creative{width:min(100%,360px);display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);text-align:left}.native-ad-slider{width:min(100%,360px);overflow:hidden;position:relative}.native-ad-slider-track{display:flex;width:100%;transition:transform .42s ease;will-change:transform}.native-ad-dots,.native-ad-slide{display:flex;justify-content:center}.native-ad-slide{flex:0 0 100%}.native-ad-slider .native-ad-creative{width:100%}.native-ad-dots{gap:4px;padding:4px 0 1px}.native-ad-dot{width:5px;height:5px;border-radius:50%;background:var(--border);opacity:.6}.native-ad-dot.active{background:var(--gold);opacity:1}.native-ad-creative.compact{grid-template-columns:42px minmax(0,1fr) auto;padding:7px;gap:8px}.native-ad-creative img{width:56px;height:56px;object-fit:cover;border-radius:6px}.native-ad-image-fallback{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--accent);color:#fff;font:800 1.5rem/1"Barlow Condensed",sans-serif}.native-ad-creative.compact .native-ad-image-fallback,.native-ad-creative.compact img{width:42px;height:42px}.native-ad-copy{min-width:0;display:grid;gap:2px}.native-ad-copy strong{overflow:hidden;color:var(--text-primary);font:700 .82rem/1.15"Barlow Condensed",sans-serif;text-overflow:ellipsis;white-space:nowrap}.native-ad-copy p{margin:0;color:var(--text-muted);font-size:.68rem;line-height:1.25}.native-ad-sponsor{color:var(--gold-dark);font:700 .52rem/1"Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase}.native-ad-action{min-width:64px;min-height:34px;padding:6px 9px;border:1px solid var(--gold-dark);border-radius:4px;background:0 0;color:var(--gold);cursor:pointer;font:700 .64rem/1"Barlow Condensed",sans-serif;text-transform:uppercase}.hosted-ad-frame{width:100%;min-height:90px;border:0;border-radius:4px;background:#fff}.ad-test-preview{width:100%;padding:14px;color:var(--text-muted);font:700 .7rem/1.2"Barlow Condensed",sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase}.ad-interstitial-overlay{position:fixed;inset:0;z-index:700;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.78)}.ad-interstitial-panel{position:relative;width:min(380px,100%);padding:30px 14px 14px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:6px;box-shadow:var(--shadow-deep)}.ad-interstitial-panel .hosted-ad-frame{min-height:280px}.ad-interstitial-close{position:absolute;top:6px;right:8px;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:0 0;color:var(--text-primary);cursor:pointer;font-size:1.2rem;line-height:1}.overlay{position:fixed;inset:0;background:var(--shell-veil);align-items:center;justify-content:center;z-index:300;opacity:1;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.overlay.show{display:flex;pointer-events:all}.overlay,.overlay.closing{pointer-events:none}#lobby-screen.hidden,#lobby-screen::before,.overlay,body.lobby-active #app,body.profile-onboarding #lobby-screen,html.profile-onboarding-pending #lobby-screen{display:none}html.profile-onboarding-pending #overlay-profile-setup{display:flex;pointer-events:auto}.dialog{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:6px;padding:32px 36px;text-align:center;max-width:340px;width:92%;position:relative;box-shadow:var(--shadow-deep),0 0 40px rgba(255,228,74,.06);max-height:calc(100dvh - 24px);overflow-y:auto}.dialog .d-corner-bl,.dialog .d-corner-br,.dialog::after,.dialog::before{content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-dark);border-style:solid}.dialog::before{top:8px;left:8px;border-width:1px 0 0 1px}.dialog::after{top:8px;right:8px;border-width:1px 1px 0 0}.dialog .d-corner-br{bottom:8px;right:8px;border-width:0 1px 1px 0}.dialog .d-corner-bl{bottom:8px;left:8px;border-width:0 0 1px 1px}.dialog-title{font-family:"Barlow Condensed",sans-serif;font-size:1.4rem;font-weight:800;color:var(--gold);letter-spacing:.15em;margin-bottom:6px;text-shadow:0 0 20px rgba(255,228,74,.4);text-transform:uppercase}.dialog-subtitle{font-size:.88rem;color:var(--text-muted);margin-bottom:20px}.dialog-close-icon{position:absolute;top:12px;right:12px;background:0 0;border:1px solid var(--border);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--text-muted);font-size:.7rem;justify-content:center;transition:all .2s}.dialog-close-icon:hover{border-color:var(--gold);color:var(--gold)}.dialog-close-icon,.result-discs,.result-item{display:flex;align-items:center}.result-discs{justify-content:center;gap:20px;margin-bottom:16px}.result-item{flex-direction:column;gap:6px}.result-disc-large{width:44px;height:44px;border-radius:50%}.result-disc-large.copper{background:radial-gradient(circle at 35% 30%,var(--piece-c0),var(--piece-c2));box-shadow:0 4px 12px rgba(0,0,0,.6)}.result-disc-large.slate{background:radial-gradient(circle at 35% 30%,var(--piece-s0),var(--piece-s2));box-shadow:0 4px 12px rgba(0,0,0,.6)}.result-score-num{font-family:"Barlow Condensed",sans-serif;font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1}.result-vs,.winner-badge{font-family:"Barlow Condensed",sans-serif;font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.2em}.winner-badge{font-size:.65rem;color:var(--gold);letter-spacing:.1em}.gameover-dialog{overflow:hidden}.overlay.show .gameover-dialog{animation:gameover-pop .38s ease-out both}.go-points-earned{font-family:"Barlow Condensed",sans-serif;font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:12px;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,228,74,.5)}.gameover-celebration{position:absolute;inset:-6px;pointer-events:none;opacity:0}.spark{position:absolute;left:50%;top:34%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,var(--gold-light) 35%,rgba(255,255,255,0) 72%);box-shadow:0 0 14px rgba(255,255,255,.42);opacity:0}.spark::after{content:"";position:absolute;inset:4px;border-radius:inherit;background:radial-gradient(circle,var(--gold) 0%,rgba(255,255,255,0) 72%)}.overlay.victory.show .spark-1{animation:sparkle-burst 1s ease-out .02s both;--dx:-108px;--dy:-70px}.overlay.victory.show .spark-2{animation:sparkle-burst 1.08s ease-out .08s both;--dx:-46px;--dy:-106px}.overlay.victory.show .spark-3{animation:sparkle-burst 1.02s ease-out .12s both;--dx:44px;--dy:-108px}.overlay.victory.show .spark-4{animation:sparkle-burst .96s ease-out .18s both;--dx:110px;--dy:-66px}.overlay.victory.show .spark-5{animation:sparkle-burst 1.05s ease-out .16s both;--dx:-112px;--dy:18px}.overlay.victory.show .spark-6{animation:sparkle-burst .98s ease-out .22s both;--dx:112px;--dy:20px}.overlay.victory.show .spark-7{animation:sparkle-burst 1.08s ease-out .28s both;--dx:-62px;--dy:92px}.overlay.victory.show .spark-8{animation:sparkle-burst 1.02s ease-out .32s both;--dx:64px;--dy:94px}.overlay.victory.show .result-item:first-child .result-disc-large,.overlay.victory.show .result-item:last-child .result-disc-large{animation:trophy-disc-bob .9s cubic-bezier(.25,1,.3,1) .08s both}.overlay.victory.show .winner-badge:not(:empty){animation:winner-badge-glow 1.1s ease .12s both}.primary-btn{display:block;width:100%;padding:11px 20px;margin-bottom:10px;background:0 0;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;font-family:"Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:all .2s,transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.primary-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(255,228,74,.06);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.primary-btn:last-child{margin-bottom:0}.go-share-btn{border-color:color-mix(in srgb,var(--green-light) 55%,var(--border));color:var(--green-light)}.go-share-btn:hover{border-color:var(--green-light);color:var(--green-light);background:color-mix(in srgb,var(--green-light) 9%,transparent)}.go-lobby-btn{border-color:rgba(255,228,74,.3);color:var(--text-muted)}.go-lobby-btn:hover{border-color:var(--gold);color:var(--gold)}.quit-danger-btn{border-color:rgba(220,50,50,.3);color:rgba(220,100,100,.8)}.quit-danger-btn:hover{border-color:rgba(220,50,50,.8);color:#dc3232;background:rgba(220,50,50,.06)}.pause-icon-wrap{width:64px;height:64px;margin:0 auto 20px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center}.pause-icon-wrap svg{width:32px;height:32px;fill:var(--text-muted)}.pause-draw-btn{border-color:rgba(80,220,170,.4);color:#7ef3c8}.pause-draw-btn:hover{border-color:rgba(80,220,170,.9);color:#baffea;background:rgba(80,220,170,.08)}.pause-assign-btn{border-color:rgba(255,228,74,.4);color:var(--gold-dark)}.pause-assign-btn:hover{border-color:var(--gold);color:var(--gold)}.assign-discs-preview{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:24px}.assign-disc-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.assign-disc{width:44px;height:44px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.6)}.assign-disc.copper{background:radial-gradient(circle at 35% 30%,var(--piece-c0),var(--piece-c2))}.assign-disc.slate{background:radial-gradient(circle at 35% 30%,var(--piece-s0),var(--piece-s2))}.assign-disc-label{font-size:.65rem;letter-spacing:.1em}.assign-disc-label,.assign-role-badge,.assign-vs-sep{font-family:"Barlow Condensed",sans-serif;color:var(--text-muted)}.assign-role-badge{padding:3px 10px;border:1px solid var(--border);border-radius:12px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.assign-vs-sep{font-size:.7rem;font-weight:700;letter-spacing:.2em}.assign-btn-row{display:flex;gap:12px;justify-content:center}.assign-cancel-btn,.assign-confirm-btn{flex:1;padding:10px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;transition:all .2s}.assign-cancel-btn{background:0 0;border:1px solid var(--border);color:var(--text-muted)}.assign-cancel-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.assign-confirm-btn{background:var(--gold);border:1px solid var(--gold);color:#000;font-weight:700}.assign-confirm-btn:hover{background:var(--gold-light);border-color:var(--gold-light)}.quit-confirm-btn{background:rgba(200,40,40,.8);border-color:rgba(200,40,40,.8);color:#fff}.quit-confirm-btn:hover{background:#dc3232}.quit-dialog-title{color:rgba(220,80,80,.9)!important}.assign-confirmed-dialog{max-width:390px;padding:28px 28px 24px}.assign-confirmed-icon{font-size:2rem;margin-bottom:8px}.assign-confirmed-roles{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.acr-item{display:flex;flex-direction:column;align-items:center;gap:4px}.acr-disc{width:32px;height:32px;border-radius:50%}.acr-disc.copper{background:radial-gradient(circle at 35% 30%,var(--piece-c0),var(--piece-c2))}.acr-disc.slate{background:radial-gradient(circle at 35% 30%,var(--piece-s0),var(--piece-s2))}.acr-name{font-size:.65rem;color:var(--text-muted);font-family:"Barlow Condensed",sans-serif}.acr-you{color:var(--gold);font-weight:700}.acr-sep{font-family:"Barlow Condensed",sans-serif;font-size:.7rem;color:var(--text-muted);letter-spacing:.2em}.acb-btn,.assign-confirmed-btns{display:flex;gap:10px}.acb-btn{flex:1;padding:10px 8px;background:0 0;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.acb-btn:hover{border-color:var(--gold);background:rgba(255,228,74,.06)}.acb-icon{font-size:1rem;color:var(--gold)}.acb-label{font-family:"Barlow Condensed",sans-serif;font-size:.8rem;font-weight:700;color:var(--text-primary);letter-spacing:.1em}.acb-sub{font-size:.6rem;color:var(--text-muted)}.lb-dialog{max-width:380px;padding:28px 24px;overflow-y:auto;overscroll-behavior:contain}.lb-body{margin-top:8px}.lb-avatar,.lb-profile-card{display:flex;align-items:center}.lb-profile-card{gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px}.lb-avatar{width:48px;height:48px;background:var(--surface);border:2px solid var(--gold-dark);border-radius:50%;justify-content:center;font-size:1.6rem;flex-shrink:0}.lb-avatar-wrap{position:relative;flex-shrink:0}.lb-avatar-edit{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;border:1px solid var(--gold-dark);background:var(--surface);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.72rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.45)}.lb-avatar-edit:hover{border-color:var(--gold);color:var(--gold-light)}.lb-profile-info{flex:1;min-width:0}.lb-profile-name{font-family:"Barlow Condensed",sans-serif;font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:.08em}.lb-badge-row{display:flex;align-items:center;gap:6px;margin:4px 0}.lb-badge-icon{font-size:.9rem}.lb-badge-name{font-size:.7rem;font-weight:700;color:var(--gold);font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em}.lb-points{font-size:.7rem;color:var(--text-muted);margin-left:auto}.lb-progress-bar-wrap{height:4px;background:rgba(255,228,74,.1);border-radius:2px;margin:4px 0}.lb-progress-bar{height:100%;background:var(--gold);border-radius:2px;transition:width .6s}.lb-next-tier{font-size:.62rem;color:var(--text-muted)}.lb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.lb-stat{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:10px 6px;text-align:center}.lb-stat-num{display:block;font-family:"Barlow Condensed",sans-serif;font-size:1.3rem;font-weight:800;color:var(--text-primary)}.lb-stat-lbl{display:block;font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.lb-badges-section{margin-bottom:14px}.lb-section-title{font-family:"Barlow Condensed",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.lb-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lb-badge-item{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 6px;text-align:center;transition:all .2s}.lb-badge-item.earned{border-color:var(--gold-dark)}.lb-badge-item.locked{opacity:.5}.lb-badge-item-icon{display:block;font-size:1.4rem;margin-bottom:4px}.lb-badge-item-name{display:block;font-family:"Barlow Condensed",sans-serif;font-size:.65rem;font-weight:700;color:var(--text-primary);letter-spacing:.06em}.lb-badge-item-pts{display:block;font-size:.55rem;color:var(--text-muted);margin-top:2px}.lb-history-section{margin-bottom:14px}.lb-history-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,228,74,.06);font-size:.8rem}.lb-history-icon{font-size:.9rem}.lb-history-opp{flex:1;color:var(--text-primary)}.lb-empty strong,.lb-history-pts{font-family:"Barlow Condensed",sans-serif}.lb-history-pts{color:var(--gold);font-weight:700;font-size:.8rem}.lb-history-date{color:var(--text-muted);font-size:.7rem}.lb-empty,.lb-firebase-note{color:var(--text-muted);text-align:center;background:var(--panel);line-height:1.5}.lb-firebase-note{font-size:.7rem;padding:10px;border:1px dashed rgba(255,228,74,.2);border-radius:6px}.lb-firebase-note em{color:var(--gold);font-style:normal}.lb-empty{font-size:.8rem;padding:18px 16px;border:1px dashed var(--border);border-radius:8px}.lb-empty strong{display:block;color:var(--text-primary);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.profile-setup-dialog{max-width:360px;max-height:calc(100dvh - 24px);overflow:hidden;display:flex;flex-direction:column;contain:layout paint style}.profile-setup-body{margin-bottom:16px;text-align:left;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.profile-lang-row{display:flex;justify-content:center;margin-bottom:14px}.profile-lang-toggle{width:fit-content}.ps-field{margin-bottom:16px}.ps-label{display:block;font-size:.7rem;font-family:"Barlow Condensed",sans-serif;font-weight:700;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}.ps-input{width:100%;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-family:"Barlow",sans-serif;-webkit-text-fill-color:var(--text-primary);caret-color:var(--gold);opacity:1;outline:0;transition:border-color .2s}.ps-input:focus{border-color:var(--gold)}.ps-input::placeholder{color:var(--text-muted)}.profile-avatar-grid{display:grid;grid-template-columns:repeat(5,42px);gap:10px 8px;justify-content:space-between;align-items:center;contain:layout paint}.avatar-btn{width:42px;height:42px;border-radius:50%;background:var(--panel);border:2px solid var(--border);cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;flex-shrink:0}.avatar-btn:hover{border-color:var(--gold-dark)}.avatar-btn.selected{border-color:var(--gold);background:rgba(255,228,74,.1)}.ps-badge-info{font-size:.78rem;color:var(--text-muted);padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;line-height:1.5;margin-top:2px}.lobby-rules-hint strong,.ps-badge-info strong{color:var(--gold)}.profile-setup-btns{display:flex;gap:10px;flex-shrink:0;padding-top:2px}#lobby-screen,body.keyboard-open .overlay.show{align-items:flex-start;overflow-y:auto}body.keyboard-open .profile-setup-dialog{margin-top:8px;padding:20px 22px 18px;max-height:calc(100dvh - 16px);overflow-y:auto}body.keyboard-open .profile-setup-body{margin-bottom:12px}body.keyboard-open .profile-lang-row,body.keyboard-open .ps-field{margin-bottom:10px}body.keyboard-open .profile-avatar-grid{grid-template-columns:repeat(5,36px);gap:7px 6px}body.keyboard-open .avatar-btn{width:36px;height:36px;font-size:1.15rem}#lobby-screen{position:fixed;inset:0;z-index:200;background-color:var(--bg);display:flex;justify-content:center;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}#lobby-screen *,#lobby-screen ::after,#lobby-screen ::before{animation:none!important;transition:none!important;filter:none!important}#lobby-screen .lobby-diff-btn,#lobby-screen .lobby-mode-btn,#lobby-screen .lobby-play-btn,#lobby-screen .lobby-theme-btn,#lobby-screen .theme-preview{transform:none!important}.lobby-inner{position:relative;z-index:1;width:100%;max-width:430px;padding:12px 14px 18px;display:flex;flex-direction:column;gap:0}.lobby-shell-animate .lobby-actions,.lobby-shell-animate .lobby-brand,.lobby-shell-animate .lobby-ornament,.lobby-shell-animate .lobby-rules-hint,.lobby-shell-animate .lobby-section,.lobby-shell-animate .lobby-tool-bar,.lobby-shell-animate .lobby-utility-row,.lobby-shell-animate .profile-badge-display{animation:lobby-rise-in .52s cubic-bezier(.2,.9,.24,1) both}.lobby-shell-animate .lobby-brand{animation-delay:.02s}.lobby-shell-animate .profile-badge-display{animation-delay:.08s}.lobby-shell-animate .lobby-tool-bar{animation-delay:.14s}.lobby-shell-animate .lobby-utility-row{animation-delay:.19s}.lobby-shell-animate .lobby-ornament{animation-delay:.24s}.lobby-shell-animate #lobby-mode-section{animation-delay:.29s}.lobby-shell-animate #lobby-diff-section{animation-delay:.35s}.lobby-shell-animate #lobby-theme-section{animation-delay:.41s}.lobby-shell-animate .lobby-actions{animation-delay:.48s}.lobby-shell-animate .lobby-rules-hint{animation-delay:.55s}.lobby-custom-float{position:absolute;z-index:10;width:38px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s,transform .18s ease,box-shadow .18s ease}.lobby-custom-float:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.lobby-custom-float svg{width:16px;height:16px}.lobby-brand{text-align:center;margin-bottom:8px}.lobby-flag-strip{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.flag-stripe{height:4px;width:60px;border-radius:2px}.flag-stripe.green{background:var(--green-light);box-shadow:0 0 8px var(--green-light)}.flag-stripe.gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.flag-star{color:var(--gold);font-size:1rem;text-shadow:0 0 8px var(--gold)}.lobby-subtitle,.lobby-title{font-family:"Barlow Condensed",sans-serif}.lobby-title{font-size:clamp(2rem,12vw,3rem);font-weight:900;letter-spacing:.25em;color:var(--gold);line-height:.9;text-shadow:0 0 40px rgba(255,228,74,.5),0 4px 0 rgba(0,0,0,.6),0 8px 20px rgba(0,0,0,.4);margin:0}.lobby-subtitle{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem;font-weight:600;letter-spacing:.3em;color:var(--green-light);text-transform:uppercase;margin-top:4px}.tz-map-icon{display:inline-flex;width:18px;height:18px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,228,74,.45))}.tz-map-icon svg{width:100%;height:100%;fill:currentColor}.lobby-tagline{font-size:.72rem;color:var(--text-muted);margin-top:4px;letter-spacing:.1em}.profile-badge-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:20px;font-size:.75rem;color:var(--text-muted);min-height:32px;transition:border-color .2s,transform .18s ease,box-shadow .18s ease}.profile-badge-display:hover{border-color:var(--gold-dark);transform:translateY(-1px)}.profile-badge-icon{font-size:1rem}.profile-badge-name,.profile-points{font-weight:700;font-family:"Barlow Condensed",sans-serif}.profile-badge-name{color:var(--text-primary);letter-spacing:.08em}.profile-points{color:var(--gold);font-size:.8rem}.profile-next{color:var(--text-muted);font-size:.68rem}.lobby-tool-bar{display:flex;justify-content:center;gap:10px;margin:0 auto 12px}.lobby-tool-btn{width:42px;height:42px;background:color-mix(in srgb,var(--panel) 82%,transparent);border-color:var(--border);box-shadow:inset 0 0 16px rgba(255,228,74,.02)}.lobby-tool-btn svg{width:18px;height:18px}.lobby-tool-play{color:var(--gold-dark);border-color:rgba(255,228,74,.32)}.lobby-utility-row{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 12px;flex-wrap:wrap}.lang-toggle{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.lobby-utility-row>.lang-toggle:not(.appearance-toggle){order:1}.appearance-toggle{order:2}.lobby-utility-row>.sound-toggle-btn{order:3}.appearance-toggle .lang-btn{min-width:58px}.lang-btn,.lobby-legal-row a,.lobby-legal-row button{border:0;background:0 0;color:var(--text-muted);cursor:pointer}.lang-btn,.sound-toggle-btn{font-family:"Barlow Condensed",sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;transition:all .2s}.lang-btn{min-width:44px;padding:6px 10px;border-radius:14px;letter-spacing:.14em}.lang-btn.selected{background:rgba(255,228,74,.14);color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(255,228,74,.2)}.sound-toggle-btn{padding:8px 14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text-muted);cursor:pointer;letter-spacing:.1em}.sound-toggle-btn.active{color:var(--gold-dark);border-color:rgba(255,228,74,.4)}body[data-appearance=light] .lang-btn.selected,body[data-appearance=light] .sound-toggle-btn.active{background:rgba(15,120,210,.12);border-color:rgba(15,120,210,.24);box-shadow:inset 0 0 0 1px rgba(15,120,210,.14)}body[data-appearance=light] .sound-toggle-btn.active{color:#0f78d2}.lang-btn:hover,.sound-toggle-btn:hover{color:var(--text-primary)}.lobby-ornament{display:flex;align-items:center;gap:10px;margin:10px 0 14px}.lobby-ornament-line{flex:1;height:1px;background:var(--border)}.lobby-ornament-diamond{color:var(--gold-dark);font-size:.7rem}.lobby-section{margin-bottom:14px}.lobby-section-label{font-family:"Barlow Condensed",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.lobby-mode-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:all .2s,transform .18s ease,box-shadow .18s ease}.lobby-mode-btn.selected,.lobby-mode-btn:hover{border-color:var(--gold);color:var(--text-primary);background:rgba(255,228,74,.06);transform:translateY(-1px)}.lobby-mode-icon{font-size:1.4rem}.lobby-mode-label{font-family:"Barlow Condensed",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:inherit}.lobby-mode-desc{font-size:.6rem;text-align:center}.lobby-diff-btn,.lobby-mode-btn.selected .lobby-mode-desc,.lobby-mode-desc{color:var(--text-muted)}.lobby-diff-btn{padding:8px 4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.75rem;font-weight:700;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:all .2s,transform .18s ease,box-shadow .18s ease;text-align:center}.lobby-diff-btn.selected,.lobby-diff-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.lobby-diff-hard.selected{border-color:#f44;color:#f66}.lobby-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lobby-theme-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;color:var(--text-muted);position:relative;overflow:hidden}.lobby-theme-btn::after{content:"";position:absolute;inset:-3px;border-radius:7px;border:1px solid transparent;opacity:0;pointer-events:none;transition:opacity .15s ease,border-color .15s ease}.lobby-play-btn:hover,.lobby-theme-btn.selected,.lobby-theme-btn:hover{border-color:var(--gold)}.lobby-theme-btn.selected::after{border-color:var(--gold);opacity:1}.theme-preview{width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.lobby-theme-btn.selected .theme-preview{outline:2px solid var(--gold);outline-offset:-2px}.theme-name{font-size:.55rem;font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.lobby-actions{margin-top:4px}.lobby-play-btn{width:100%;padding:12px;margin-bottom:8px;background:linear-gradient(135deg,var(--green),var(--green-light));border:2px solid var(--gold-dark);border-radius:var(--radius);color:var(--gold);cursor:pointer;font-size:1.1rem;font-weight:900;font-family:"Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:all .2s;box-shadow:0 4px 20px rgba(30,107,30,.4),0 2px 0 rgba(0,0,0,.3)}.lobby-play-btn:hover{background:linear-gradient(135deg,var(--green-light),var(--green));color:var(--gold-light);box-shadow:0 6px 30px rgba(30,107,30,.6),0 0 20px rgba(255,228,74,.2);transform:translateY(-1px)}.lobby-play-btn:active{transform:translateY(0)}.lobby-secondary-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.lobby-rules-hint,.lobby-secondary-btn{color:var(--text-muted);border:1px solid var(--border)}.lobby-secondary-btn{padding:8px 16px;background:0 0;border-radius:var(--radius);cursor:pointer;font-size:.75rem;font-weight:700;font-family:"Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:all .2s,transform .18s ease,box-shadow .18s ease}.lobby-secondary-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.lobby-rules-hint{font-size:.7rem;text-align:center;padding:9px 12px;margin-top:10px;background:var(--panel);border-radius:6px;line-height:1.5}.lobby-legal-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;font-size:.68rem}.lobby-legal-row a,.lobby-legal-row button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 4px;margin:0;font:inherit;line-height:1.1;text-decoration:underline;text-underline-offset:3px;vertical-align:middle}.lobby-legal-row a:focus-visible,.lobby-legal-row a:hover,.lobby-legal-row button:focus-visible,.lobby-legal-row button:hover{color:var(--gold)}.ad-banner-container.ad-test-mode,.admin-field span{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase}.ad-banner-container.ad-test-mode{display:flex;color:var(--text-muted);font-size:.7rem;letter-spacing:.14em}.admin-dialog{max-width:360px;padding:24px 22px}.admin-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.admin-input{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text-primary);font:inherit}.admin-field{display:flex;flex-direction:column;gap:5px;color:var(--text-muted);font-size:.7rem}.admin-field span{letter-spacing:.12em}.admin-toggle{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-size:.82rem}.admin-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-logout-btn,.admin-save-btn{padding:10px 14px;border-radius:var(--radius);cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-save-btn{border:0;background:var(--green);color:#fff}.admin-logout-btn{border:1px solid var(--border);background:0 0;color:var(--text-muted)}.admin-error,.admin-note{min-height:16px;font-size:.75rem}.admin-error{color:#d82418}.admin-note{color:var(--green-light);text-align:center}.ctm-dialog{max-width:340px;padding:24px 22px}.ctm-live-preview{margin-bottom:16px;display:flex;justify-content:center}.ctm-preview-board{width:100px;height:100px;border:2px solid var(--border);border-radius:3px}.ctm-preview-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%}.ctm-cell{position:relative}.ctm-cell.piece-c::after,.ctm-cell.piece-s::after{content:"";position:absolute;inset:15%;border-radius:50%}.ctm-cell.piece-c::after{background:radial-gradient(circle at 35% 30%,var(--ctm-pc-light, #ffe44a),var(--ctm-pc-dark, #6a5000))}.ctm-cell.piece-s::after{background:radial-gradient(circle at 35% 30%,var(--ctm-ps-light, #4a4a4a),var(--ctm-ps-dark, #080808))}.ctm-controls{display:flex;gap:16px;margin-bottom:14px}.ctm-group{flex:1}.ctm-group-label{font-size:.6rem;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.ctm-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ctm-swatch-item{display:flex;flex-direction:column;align-items:center;gap:3px}.ctm-piece-item span,.ctm-swatch-item span{font-size:.55rem;color:var(--text-muted)}.ctm-swatch-wrap{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);position:relative;overflow:hidden;cursor:pointer}.ctm-swatch-wrap input[type=color]{border:0;background:0 0}.ctm-swatch-wrap::before{content:"";position:absolute;inset:0;background:var(--border-val, #888)}.ctm-swatch-shine{position:absolute;top:2px;left:4px;width:8px;height:5px;background:rgba(255,255,255,.3);border-radius:50%;pointer-events:none}.ctm-pieces{display:flex;gap:10px;justify-content:center;margin-top:4px}.ctm-piece-item{display:flex;flex-direction:column;align-items:center;gap:3px}.ctm-piece-orb{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);position:relative;overflow:hidden;cursor:pointer}.ctm-piece-orb input[type=color],.ctm-swatch-wrap input[type=color]{position:absolute;inset:-4px;opacity:0;width:200%;height:200%;cursor:pointer}.ctm-divider{width:1px;background:var(--border);margin:0 4px}.ctm-presets-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.ctm-presets-label{font-size:.6rem;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.ctm-presets{display:flex;gap:6px;flex-wrap:wrap}.ctm-preset{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid var(--border);cursor:pointer;display:flex;transition:border-color .2s}.ctm-preset:hover{border-color:var(--gold)}.ctm-preset span{flex:1}.ctm-footer{display:flex;justify-content:center}.ctm-btn-apply{padding:10px 24px;background:var(--gold);border:0;border-radius:var(--radius);color:#000;cursor:pointer;font-size:.85rem;font-weight:800;font-family:"Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:all .2s;display:flex;align-items:center;gap:6px}.ctm-btn-apply:hover{background:var(--gold-light)}.ctm-btn-apply span,body[data-appearance=dark] .go-share-btn span{color:inherit}body[data-appearance=dark]{--text-primary:#f8f7ed;--text-muted:#b8c4ba}body[data-appearance=dark] .go-share-btn{border-color:rgba(88,245,211,.72);background:rgba(38,196,165,.09);color:#8fffe5}body[data-appearance=dark] .dialog-subtitle,body[data-appearance=dark] .go-lobby-btn,body[data-appearance=dark] .lb-firebase-note,body[data-appearance=dark] .lb-history-date,body[data-appearance=dark] .lb-history-opp,body[data-appearance=dark] .lb-next-tier,body[data-appearance=dark] .lobby-legal-row a,body[data-appearance=dark] .lobby-legal-row button{color:#b8c4ba}body[data-appearance=dark] .primary-btn,body[data-appearance=dark] .primary-btn span{opacity:1}.delete-confirm-dialog{max-width:360px}body[data-appearance=light] .pwa-banner-inner{background:linear-gradient(90deg,#0f78d2,#0ea5a0);border-bottom-color:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(15,120,210,.2)}body[data-appearance=light] .pwa-banner-text span,body[data-appearance=light] .pwa-banner-text strong,body[data-appearance=light] .pwa-dismiss-btn{color:#fff}body[data-appearance=light] .assign-confirm-btn,body[data-appearance=light] .ctm-btn-apply,body[data-appearance=light] .pwa-install-btn{background:linear-gradient(135deg,#0f78d2,#0b63ce);border-color:#0f78d2;color:#fff}body[data-appearance=light] .assign-confirm-btn:hover,body[data-appearance=light] .ctm-btn-apply:hover,body[data-appearance=light] .pwa-install-btn:hover{background:linear-gradient(135deg,#1786e8,#0f78d2);border-color:#1786e8}body[data-appearance=light] .badge-toast-inner,body[data-appearance=light] .dialog{background:rgba(255,255,255,.92)}body[data-appearance=light] .lb-badge-item,body[data-appearance=light] .lb-profile-card,body[data-appearance=light] .lb-stat{background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(31,55,86,.08)}body[data-appearance=light] .ps-badge-info{background:rgba(255,255,255,.92)}body[data-appearance=light] .ad-banner-container.ad-active,body[data-appearance=light] .compat-browser-chip,body[data-appearance=light] .lobby-diff-btn,body[data-appearance=light] .lobby-mode-btn,body[data-appearance=light] .lobby-rules-hint,body[data-appearance=light] .lobby-theme-btn,body[data-appearance=light] .profile-badge-display,body[data-appearance=light] .ps-input{background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(31,55,86,.08)}body[data-appearance=light] .profile-lang-toggle{background:rgba(255,255,255,.92)}body[data-appearance=light] .badge-toast-inner{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(240,248,255,.96));border-color:rgba(15,120,210,.26);box-shadow:0 18px 34px rgba(31,55,86,.16)}body[data-appearance=light] #status-text.highlight,body[data-appearance=light] .acb-icon,body[data-appearance=light] .acr-you,body[data-appearance=light] .badge-toast-name,body[data-appearance=light] .compat-icon,body[data-appearance=light] .compat-title,body[data-appearance=light] .dialog-title,body[data-appearance=light] .flag-star,body[data-appearance=light] .go-points-earned,body[data-appearance=light] .lb-badge-name,body[data-appearance=light] .lb-firebase-note em,body[data-appearance=light] .lb-history-pts,body[data-appearance=light] .lobby-rules-hint strong,body[data-appearance=light] .profile-badge-display:hover,body[data-appearance=light] .profile-points,body[data-appearance=light] .ps-badge-info strong,body[data-appearance=light] .status-text.highlight,body[data-appearance=light] .tz-map-icon,body[data-appearance=light] .winner-badge{color:#0f78d2}body[data-appearance=light] .compat-icon{border-color:rgba(15,120,210,.24);box-shadow:0 8px 24px rgba(15,120,210,.12)}body[data-appearance=light] .compat-title,body[data-appearance=light] .dialog-title{text-shadow:none}body[data-appearance=light] .compat-divider-gem,body[data-appearance=light] .lobby-ornament-diamond{background:#0ea5a0;color:#0ea5a0}body[data-appearance=light] #header{border-bottom-color:rgba(15,120,210,.18)}body[data-appearance=light] .game-title,body[data-appearance=light] .lobby-title{color:#0f78d2;text-shadow:0 10px 24px rgba(15,120,210,.14)}body[data-appearance=light] .lobby-subtitle{color:#0b766e}body[data-appearance=light] .flag-stripe.green{background:#0ea5a0;box-shadow:0 0 8px rgba(14,165,160,.24)}body[data-appearance=light] .flag-stripe.gold{background:#0f78d2;box-shadow:0 0 8px rgba(15,120,210,.24)}body[data-appearance=light] .tz-map-icon{filter:drop-shadow(0 0 4px rgba(15,120,210,.18))}body[data-appearance=light] .icon-btn,body[data-appearance=light] .lang-toggle,body[data-appearance=light] .lobby-custom-float,body[data-appearance=light] .lobby-tool-btn,body[data-appearance=light] .sound-toggle-btn{background:rgba(255,255,255,.82);box-shadow:0 8px 18px rgba(31,55,86,.06)}body[data-appearance=light] .acb-btn:hover,body[data-appearance=light] .ctm-preset:hover,body[data-appearance=light] .dialog-close-icon:hover,body[data-appearance=light] .go-lobby-btn:hover,body[data-appearance=light] .icon-btn:hover,body[data-appearance=light] .lobby-custom-float:hover,body[data-appearance=light] .lobby-secondary-btn:hover,body[data-appearance=light] .primary-btn:hover{border-color:#0f78d2;color:#0f78d2;background:rgba(15,120,210,.06)}body[data-appearance=light] .avatar-btn.selected,body[data-appearance=light] .lb-avatar,body[data-appearance=light] .lb-avatar-edit,body[data-appearance=light] .lb-badge-item.earned,body[data-appearance=light] .lobby-diff-btn.selected,body[data-appearance=light] .lobby-diff-btn:hover,body[data-appearance=light] .lobby-mode-btn.selected,body[data-appearance=light] .lobby-mode-btn:hover,body[data-appearance=light] .lobby-theme-btn.selected,body[data-appearance=light] .lobby-theme-btn:hover,body[data-appearance=light] .ps-input:focus,body[data-appearance=light] .score-card.active{border-color:rgba(15,120,210,.3)}body[data-appearance=light] .ps-input{color:#15324a;-webkit-text-fill-color:#15324a;caret-color:#0f78d2}body[data-appearance=light] .score-card.active{box-shadow:0 0 0 1px rgba(15,120,210,.06),0 12px 28px rgba(15,120,210,.12)}body[data-appearance=light] .score-card.just-activated{animation:active-card-pulse-light .52s cubic-bezier(.22,1,.32,1)}body[data-appearance=light] .score-card.just-activated::after{background:linear-gradient(90deg,transparent,rgba(15,120,210,.14),transparent)}body[data-appearance=light] .lobby-theme-btn.selected::after{border-color:#0f78d2}body[data-appearance=light] .lobby-theme-btn.selected .theme-preview{outline-color:#0f78d2}body[data-appearance=light] .lb-empty{background:rgba(255,255,255,.92);border-color:rgba(15,120,210,.14);box-shadow:0 10px 24px rgba(31,55,86,.08)}body[data-appearance=light] .lb-progress-bar,body[data-appearance=light] .turn-dot{background:#0f78d2;box-shadow:0 0 8px rgba(15,120,210,.25)}body[data-appearance=light] .lb-progress-bar-wrap{background:rgba(15,120,210,.1)}body[data-appearance=light] .lb-history-item{border-bottom-color:rgba(15,120,210,.08)}body[data-appearance=light] .lb-firebase-note{border-color:rgba(15,120,210,.16)}body[data-appearance=light] .profile-setup-dialog{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.98))}body[data-appearance=light] .ps-badge-info{background:#f4f8fd;border-color:rgba(15,120,210,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}body[data-appearance=light] .avatar-btn{background:#f8fbff}body[data-appearance=light] .lobby-tool-play{color:#0f78d2;border-color:rgba(15,120,210,.22)}body[data-appearance=light] .lobby-mode-btn.selected .lobby-mode-desc,body[data-appearance=light] .lobby-mode-desc,body[data-appearance=light] .lobby-section-label,body[data-appearance=light] .theme-name{color:#49657d}body[data-appearance=light] .lang-btn,body[data-appearance=light] .lobby-diff-btn,body[data-appearance=light] .lobby-mode-btn,body[data-appearance=light] .lobby-theme-btn,body[data-appearance=light] .sound-toggle-btn{color:#38536b}body[data-appearance=light] .lang-btn.selected,body[data-appearance=light] .lobby-diff-btn.selected,body[data-appearance=light] .lobby-mode-btn.selected,body[data-appearance=light] .lobby-theme-btn.selected{color:#0b5fa5;background:#e7f2fc}body[data-appearance=light] .lobby-play-btn{background:#0879c9;border-color:#075f9e;color:#fff;box-shadow:0 6px 16px rgba(15,120,210,.18);text-shadow:0 1px 1px rgba(0,0,0,.28)}body[data-appearance=light] .lobby-play-btn:hover{background:#086eb5;border-color:#075f9e;color:#fff;box-shadow:0 8px 18px rgba(15,120,210,.22)}body[data-appearance=light] .lobby-secondary-btn,body[data-appearance=light] .pause-assign-btn{color:#0f78d2;border-color:rgba(15,120,210,.18)}body[data-appearance=light] .pause-assign-btn:hover{border-color:#0f78d2;color:#0f78d2}body[data-appearance=light] .dialog{border-top-color:#0f78d2;box-shadow:0 24px 48px rgba(31,55,86,.18)}body[data-appearance=light] .board-corner,body[data-appearance=light] .dialog .d-corner-bl,body[data-appearance=light] .dialog .d-corner-br,body[data-appearance=light] .dialog::after,body[data-appearance=light] .dialog::before{border-color:rgba(15,120,210,.5)}body[data-appearance=light] .dialog-close-icon,body[data-appearance=light] .lb-avatar-edit{background:#fff;box-shadow:0 8px 18px rgba(31,55,86,.12)}body[data-appearance=light] .ad-banner-container{background:rgba(255,255,255,.7);border-color:rgba(15,120,210,.14)}body[data-appearance=light] ::-webkit-scrollbar-track{background:#eef3f8}body[data-appearance=light] ::-webkit-scrollbar-thumb{background:rgba(15,120,210,.22)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hidden{display:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width:400px){.lobby-title{font-size:clamp(1.9rem,11vw,2.55rem);letter-spacing:.2em}.lobby-inner{padding:8px 14px 18px}.dialog{padding:24px 20px}.lobby-theme-grid{grid-template-columns:repeat(4,1fr)}.score-num{font-size:1.2rem}#header{margin-bottom:8px}.header-controls{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:278px}.icon-btn{width:28px;height:28px}.icon-btn svg{width:13px;height:13px}.lobby-mode-icon{font-size:1.2rem}.lobby-tool-bar,.lobby-utility-row{gap:8px;margin-bottom:10px}.lobby-tool-btn{width:38px;height:38px}.lang-btn{min-width:40px;padding:6px 8px}.sound-toggle-btn{padding:8px 12px;font-size:.68rem}.lobby-section{margin-bottom:10px}.theme-name{font-size:.5rem}.assign-confirmed-dialog{padding:24px 18px 18px;width:min(94vw,370px)}.assign-confirmed-icon{font-size:1.55rem;margin-bottom:6px}.assign-confirmed-roles{gap:10px;margin-bottom:14px}.assign-confirmed-btns{flex-direction:column;gap:8px}.acr-disc{width:28px;height:28px}.acb-btn{padding:8px}.dialog-title{font-size:1.15rem;line-height:1.1}.dialog-subtitle{font-size:.78rem;margin-bottom:14px}}@media (max-height:640px){.lobby-title{font-size:2rem}.lobby-flag-strip,.lobby-subtitle,.lobby-tagline{display:none}.profile-badge-display{min-height:28px;margin-bottom:8px;padding:5px 10px}.lobby-section{margin-bottom:8px}.lobby-play-btn{padding:9px;font-size:.95rem}.lobby-brand{margin-bottom:4px}.lobby-ornament{margin:4px 0 8px}.lobby-mode-desc,.lobby-rules-hint{display:none}.lobby-theme-btn{padding:4px;gap:3px}.assign-confirmed-dialog{padding-top:22px;padding-bottom:18px}.assign-confirmed-btns{flex-direction:column}.acb-sub{display:none}}