:root{--bg: #07060f;--bg2: #12122b;--panel: rgba(20, 18, 42, .55);--panel-2: rgba(255, 255, 255, .06);--panel-border: rgba(255, 255, 255, .14);--gold: #ffd257;--gold-2: #ffb020;--accent: #7b5cff;--accent-2: #38e1ff;--good: #33e07a;--bad: #ff5a6a;--text: #f6f5ff;--muted: #a9a7cf;--stage-bg: url(/assets/bg/lobby.jpg);--glow: 0 0 40px rgba(123, 92, 255, .35);font-synthesis:none;color-scheme:dark}body[data-game=deal-or-no-deal]{--accent: #ffb020;--accent-2: #ffd257;--stage-bg: url(/assets/deal-or-no-deal/bg.jpg)}body[data-game=millionaire]{--accent: #2f6bff;--accent-2: #38e1ff;--stage-bg: url(/assets/millionaire/bg.jpg)}body[data-game=wheel]{--accent: #ff4d9d;--accent-2: #ffd257;--stage-bg: url(/assets/wheel/bg.jpg)}body[data-game=taboo]{--accent: #ff6b3d;--accent-2: #38e1ff;--stage-bg: url(/assets/taboo/bg.jpg)}body[data-game=mafia]{--accent: #b23b6b;--accent-2: #7b5cff;--stage-bg: url(/assets/mafia/bg.jpg)}body[data-game=weakest-link]{--accent: #4a5bd6;--accent-2: #38e1ff;--stage-bg: url(/assets/weakest-link/bg.png)}body[data-game=price-is-right]{--accent: #16c98d;--accent-2: #ffd257;--stage-bg: url(/assets/price-is-right/bg.png)}body[data-game=quiz-night]{--accent: #a855f7;--accent-2: #22d3ee;--stage-bg: url(/assets/quiz-night/bg.png)}body[data-game=two-truths]{--accent: #f43f5e;--accent-2: #38bdf8;--stage-bg: url(/assets/two-truths/bg.png)}body[data-game=higher-lower]{--accent: #22c55e;--accent-2: #f59e0b;--stage-bg: url(/assets/higher-lower/bg.png)}body[data-game=guesstimate]{--accent: #06b6d4;--accent-2: #a3e635;--stage-bg: url(/assets/guesstimate/bg.png)}body[data-game=would-you-rather]{--accent: #f97316;--accent-2: #8b5cf6;--stage-bg: url(/assets/would-you-rather/bg.png)}body[data-game=aldatmaca]{--accent: #e11d48;--accent-2: #fbbf24;--stage-bg: url(/assets/aldatmaca/bg.png)}body[data-game=quiplash]{--accent: #d946ef;--accent-2: #22d3ee;--stage-bg: url(/assets/quiplash/bg.png)}body[data-game=frekans]{--accent: #14b8a6;--accent-2: #f472b6;--stage-bg: url(/assets/frekans/bg.png)}body[data-game=guess-image]{--accent: #8b5cf6;--accent-2: #34d399;--stage-bg: url(/assets/guess-image/bg.png)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.game-grid.big{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.game-card{display:flex;flex-direction:column;gap:6px;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;transition:transform .15s ease}.game-card:hover:not(:disabled){transform:translateY(-3px)}.game-card:disabled{cursor:default}.game-card-art{position:relative;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #00000059;border:1px solid rgba(255,255,255,.08);background:#12101f}.game-card:hover:not(:disabled) .game-card-art{box-shadow:0 10px 26px #00000080;border-color:#ffffff38}.game-card-art img{width:100%;height:100%;object-fit:cover;display:block}.game-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#ffffffd9;background:radial-gradient(120% 120% at 30% 20%,#3a2a66,#171233 70%);text-transform:uppercase}.game-card-players{position:absolute;right:6px;top:6px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#0000009e;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-card-scrim{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;background:linear-gradient(to top,#000000e6,#0000009e 45%,#0000);pointer-events:none}.game-card-title{font-family:Fredoka,system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.15;color:#fff;letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.85);display:block}.game-grid.big .game-card-title{font-size:20px}body[data-game=trivia]{--accent: #6b5cff;--accent-2: #38e1ff;--stage-bg: url(/assets/trivia/bg.png)}body[data-game=word-game]{--accent: #ff6b3d;--accent-2: #ffd257;--stage-bg: url(/assets/word-game/bg.png)}body[data-game=trust-me]{--accent: #ff4d9d;--accent-2: #7b5cff;--stage-bg: url(/assets/trust-me/bg.png)}body[data-game=cash-cascade]{--accent: #ffb020;--accent-2: #33e07a;--stage-bg: url(/assets/cash-cascade/bg.png)}body[data-game=ludo]{--accent: #33e07a;--accent-2: #38e1ff;--stage-bg: url(/assets/ludo/bg.png)}body[data-game=milestones]{--accent: #f5a623;--accent-2: #34d399;--stage-bg: url(/assets/milestones/bg.png)}body[data-game=batak]{--accent: #2f6bff;--accent-2: #38e1ff;--stage-bg: url(/assets/batak/bg.png)}body[data-game=okey]{--accent: #ff8a3d;--accent-2: #ffd257;--stage-bg: url(/assets/okey/bg.png)}body[data-game=amerikano]{--accent: #38e1ff;--accent-2: #7b5cff;--stage-bg: url(/assets/amerikano/bg.png)}body[data-game=bluff]{--accent: #ff5aa0;--accent-2: #ffd257;--stage-bg: url(/assets/bluff/bg.png)}body[data-game=draw]{--accent: #33e07a;--accent-2: #ff6b3d;--stage-bg: url(/assets/draw/bg.png)}body[data-game=tombala]{--accent: #ff4d4d;--accent-2: #ffd257;--stage-bg: url(/assets/tombala/bg.png)}body[data-game=spy]{--accent: #7b5cff;--accent-2: #38e1ff;--stage-bg: url(/assets/spy/bg.png)}body[data-game=categories]{--accent: #16c98d;--accent-2: #38e1ff;--stage-bg: url(/assets/categories/bg.png)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Fredoka,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(1200px 700px at 15% -10%,rgba(123,92,255,.35),transparent 60%),radial-gradient(1000px 700px at 100% 0%,rgba(56,225,255,.18),transparent 55%),radial-gradient(900px 900px at 50% 120%,rgba(255,176,32,.15),transparent 55%),var(--bg);animation:ambient 18s ease-in-out infinite alternate}@keyframes ambient{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(18deg)}}body[data-kind=screen]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(180deg,#07060f8c,#07060fd1),var(--stage-bg);background-size:cover;background-position:center;opacity:.9;transition:background-image .6s ease}.center{min-height:100%;display:grid;place-items:center;padding:24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f}.title{font-weight:700;letter-spacing:.3px;background:linear-gradient(180deg,#fff2c4,var(--gold) 45%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 18px rgba(255,210,87,.25)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:14px 20px;font-family:inherit;font-size:17px;font-weight:700;color:#2a1c05;background:linear-gradient(180deg,#ffe08a,var(--gold) 55%,var(--gold-2));cursor:pointer;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #ffb0204d,inset 0 1px #fff9,inset 0 -3px #0000002e;touch-action:manipulation}.btn:hover{filter:brightness(1.05);box-shadow:0 10px 26px #ffb0206b,inset 0 1px #fff9}.btn:active{transform:translateY(2px) scale(.99)}.btn:disabled{filter:grayscale(.7) brightness(.65);cursor:not-allowed;box-shadow:none}.btn.ghost{background:#ffffff12;color:var(--text);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff14}.btn.ghost:hover{background:#ffffff1f}.btn.danger{background:linear-gradient(180deg,#ff8a97,var(--bad));color:#2a0810;box-shadow:0 8px 20px #ff5a6a66,inset 0 1px #fff6}.btn.big{width:100%;padding:18px;font-size:20px}.input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--panel-border);background:#00000059;color:var(--text);font-size:18px;font-family:inherit}.input:focus{outline:2px solid var(--accent)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.badge{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--panel-border);color:var(--muted);font-weight:600}.badge.on{color:var(--good);border-color:#33e07a73;background:#33e07a14}.badge.off{color:var(--bad);border-color:#ff5a6a73;background:#ff5a6a14}.code-pill{font-size:clamp(40px,9vw,96px);font-weight:700;letter-spacing:10px;color:var(--gold);text-shadow:0 0 34px rgba(255,210,87,.55),0 3px 0 rgba(0,0,0,.35)}.dim{opacity:.45}.pill{padding:8px 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));font-size:13px;color:var(--muted);z-index:10}.locale-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.locale-toggle:hover{background:#ffffff1f}.brand-logo{width:min(520px,82vw);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}.brand-logo.sm{width:min(300px,60vw)}@keyframes floaty{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.floaty{animation:floaty 3s ease-in-out infinite alternate}:where(a,button,.btn,.pill,.locale-toggle,[role=button],[tabindex]):focus-visible{outline:3px solid var(--accent-2);outline-offset:3px;border-radius:14px}.input:focus-visible{outline:3px solid var(--accent-2);outline-offset:1px}:where(a,button,.btn,.pill,.locale-toggle):focus:not(:focus-visible){outline:none}a{color:var(--accent-2);text-decoration:none}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--panel-border);border-top-color:var(--accent-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-loading{min-height:40vh}.landing-hero{max-width:520px;text-align:center;gap:22px;align-items:center}.landing-pitch{margin:0;font-size:clamp(15px,4.2vw,18px);line-height:1.5}.landing-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:4px}.landing-step{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:16px;padding:14px 12px;text-align:center}.landing-step .step-emoji{font-size:26px;line-height:1}.landing-step .step-title{font-weight:700;margin-top:6px;font-size:14px}.landing-step .step-sub{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35}@media(max-width:380px){.landing-steps{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 12px;min-height:34px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .08s ease,background .15s ease,box-shadow .15s ease;touch-action:manipulation}.chip:hover{background:#ffffff1f}.chip:active{transform:translateY(1px)}.chip.wallet{color:var(--gold);border-color:#ffd25766;background:#ffd2571a}.chip .chip-add{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,var(--gold) 60%,var(--gold-2));color:#2a1c05;font-weight:900;font-size:14px;line-height:1}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--panel-border);background:var(--panel-2);color:var(--text);width:40px;height:40px;flex:0 0 auto;border-radius:12px;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .08s ease;touch-action:manipulation}.icon-btn:hover{background:#ffffff1f}.icon-btn:active{transform:scale(.94)}.tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#0000004d;border:1px solid var(--panel-border)}.tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:14px;padding:11px 8px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease;touch-action:manipulation}.tab:hover{color:var(--text)}.tab.active{color:#2a1c05;background:linear-gradient(180deg,#ffe08a,var(--gold) 55%,var(--gold-2));box-shadow:inset 0 1px #ffffff80}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));background:#03020aa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .18s ease}.modal-card{animation:card-in .22s cubic-bezier(.2,.9,.3,1.15)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--panel-border)}.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--panel-border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.spinner{animation:spin .8s linear infinite}}