:root{--bg: #080b13;--surface: #111828;--raised: #182135;--line: #232f4a;--line-soft: #1b2740;--text: #e8eefb;--muted: #8493b0;--faint: #5d6b87;--accent: #4ade80;--accent-2: #38bdf8;--danger: #fb7185;--warn: #fbbf24;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--r1: 8px;--r2: 12px;--r3: 16px;--r4: 999px;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .7);--ring: 0 0 0 1px rgba(255, 255, 255, .06) inset;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:gg sans,Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}#app{display:grid;grid-template-columns:1fr 272px;height:100%;gap:var(--s3);padding:var(--s3)}#stage{position:relative;display:grid;place-items:center;min-width:0;border-radius:var(--r3);border:1px solid var(--line-soft);background:radial-gradient(120% 90% at 50% 0%,#1a2540 0%,transparent 60%),var(--surface);box-shadow:var(--shadow);overflow:hidden}#board{display:block;max-width:100%;max-height:100%;border-radius:var(--r1)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080b13db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s ease;z-index:5}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{width:min(360px,100%);padding:var(--s5);text-align:center;animation:card-in .3s cubic-bezier(.2,.9,.3,1)}.overlay-card h1{font-size:30px;font-weight:800;letter-spacing:-.025em;margin-bottom:var(--s4);background:linear-gradient(96deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.overlay-card p{margin-top:var(--s4);min-height:20px;font-size:12.5px;color:var(--faint)}.overlay-card p.error{color:var(--danger);font-weight:600}.loader{margin:0 auto var(--s3);width:150px}.loader svg{width:100%;height:auto;overflow:visible}.loader path{fill:none;stroke-linecap:round;stroke-width:7}.loader-track{stroke:#ffffff0d}.loader-snake{stroke:var(--accent);stroke-dasharray:46 210;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent));animation:slither 2.2s cubic-bezier(.6,0,.4,1) infinite}@keyframes slither{0%{stroke-dashoffset:256;stroke:var(--accent)}50%{stroke:var(--accent-2)}to{stroke-dashoffset:0;stroke:var(--accent)}}.stages{list-style:none;display:inline-flex;flex-direction:column;gap:9px;text-align:left}.stages li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--faint);transition:color .25s ease}.stages i{width:15px;height:15px;flex-shrink:0;position:relative;border-radius:50%;border:2px solid var(--line);transition:border-color .25s ease,background .25s ease}.stages li.active{color:var(--text);font-weight:600}.stages li.active i{border-color:var(--accent);border-right-color:transparent;animation:spin .7s linear infinite}.stages li.done{color:var(--muted)}.stages li.done i{border-color:var(--accent);background:var(--accent)}.stages li.done i:after{content:"";position:absolute;left:3.5px;top:.5px;width:4px;height:8px;border:solid #052012;border-width:0 2px 2px 0;transform:rotate(43deg)}@keyframes spin{to{transform:rotate(360deg)}}#toasts{position:absolute;left:50%;bottom:var(--s4);transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--s1);pointer-events:none;z-index:4;width:max-content;max-width:92%}.toast{padding:7px 16px;font-size:13px;font-weight:600;border-radius:var(--r4);background:#0c1220f0;border:1px solid currentColor;box-shadow:0 6px 20px -8px #000c;white-space:nowrap;animation:toast-in .22s cubic-bezier(.2,.9,.3,1),toast-out .35s ease 2.3s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}#sidebar{display:flex;flex-direction:column;gap:var(--s3);min-height:0;padding:var(--s3);border-radius:var(--r3);border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;gap:var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--line-soft)}#phase{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}#timer{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}#open-lobby{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r1);border:1px solid var(--line);background:var(--raised);color:var(--muted);transition:color .15s,border-color .15s}#open-lobby:hover{color:var(--text);border-color:var(--accent)}#scoreboard{list-style:none;display:flex;flex-direction:column;gap:var(--s1);overflow-y:auto;flex:1;min-height:0}.row{display:grid;grid-template-columns:3px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r1);background:var(--raised);font-size:13px;transition:opacity .2s ease;overflow:hidden}.row.me{box-shadow:inset 0 0 0 1px #ffffff29}.row.dead{opacity:.4}.row .chip{width:3px;height:22px;border-radius:var(--r4)}.row .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{display:block;font-size:10.5px;font-weight:500;color:var(--faint)}.row .score{font-weight:800;font-variant-numeric:tabular-nums}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--s3);background:#060910eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.lobby.hidden{display:none}.lobby-card{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#141d31 0%,var(--surface) 42%);box-shadow:0 24px 60px -20px #000000d9;overflow:hidden;animation:card-in .25s cubic-bezier(.2,.9,.3,1)}.brand{display:flex;align-items:center;gap:var(--s3)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r2);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent-2) 16%,transparent));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);font-size:24px}.lobby-head h1{font-size:24px;font-weight:800;letter-spacing:-.025em;background:linear-gradient(96deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lobby-head .sub{margin-top:2px;font-size:12.5px;color:var(--muted)}.screen{display:flex;flex-direction:column;gap:var(--s4);overflow-y:auto;min-height:0;padding-right:var(--s1);margin-right:calc(var(--s1) * -1)}.block h2{margin-bottom:var(--s2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.note{margin-top:var(--s2);font-size:12px;color:var(--muted)}.lobbylist{list-style:none;display:flex;flex-direction:column;gap:6px}.lobbylist li{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r2);border:1px solid var(--line-soft);background:var(--raised)}.lobbylist b{font-size:14px;font-weight:700}.lobbylist .sub{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}.actions{display:flex;gap:var(--s2);align-items:stretch}.actions .grow{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);padding:12px var(--s4);border-radius:var(--r2);border:1px solid var(--line);background:var(--raised);color:var(--text);font-size:14px;font-weight:700;transition:transform .12s,border-color .15s,filter .15s}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;color:var(--muted)}.btn.primary{color:#052012;border-color:transparent;background:linear-gradient(96deg,var(--accent),var(--accent-2));box-shadow:0 8px 22px -12px color-mix(in srgb,var(--accent) 75%,transparent)}.btn.primary:hover:not(:disabled){filter:brightness(1.07);border-color:transparent}.btn.big{flex:1;justify-content:flex-start;padding:var(--s4);text-align:left}.btn.big .btn-icon{font-size:26px}.btn.big b{display:block;font-size:15px}.btn.big em{display:block;margin-top:1px;font-style:normal;font-size:11.5px;font-weight:500;opacity:.75}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.pick{padding:var(--s4) var(--s2);border-radius:var(--r2);border:1px solid var(--line-soft);background:var(--raised);color:var(--text);text-align:center;transition:transform .12s,border-color .15s,background .15s}.pick:hover{transform:translateY(-2px);border-color:var(--muted)}.pick b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}.pick span{display:block;margin-top:2px;font-size:13px;font-weight:700}.pick em{display:block;font-style:normal;font-size:11px;color:var(--faint)}.pick.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--raised))}.pick.on b{color:var(--accent)}.members{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.members li{display:flex;align-items:center;gap:6px;padding:8px var(--s3);border-radius:var(--r4);border:1px solid var(--line-soft);background:var(--raised);font-size:13px;font-weight:600}.members li.me{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.crown{font-size:12px}.finals{list-style:none;display:flex;flex-direction:column;gap:4px}.finals li{display:grid;grid-template-columns:22px 1fr auto;gap:var(--s3);align-items:center;padding:8px var(--s3);border-radius:var(--r1);background:var(--raised);font-size:13px}.finals li.first{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 50%,transparent)}.finals .pos{font-weight:800;color:var(--faint);text-align:center}.finals li.first .pos{color:var(--warn)}.finals .who{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finals .pts{font-weight:800;font-variant-numeric:tabular-nums}.gamelist{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.gamelist li{display:flex;align-items:center;gap:var(--s2);padding:9px var(--s3);border-radius:var(--r1);background:var(--raised);border:1px solid var(--line-soft);font-size:12.5px}.game-icon{font-size:17px}.gamelist b{font-weight:600}.gamelist em{margin-left:auto;font-style:normal;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.dpad{display:none}@media(max-width:780px),(max-height:560px){#app{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:var(--s2);padding:var(--s2)}#sidebar{flex-direction:row;align-items:center;gap:var(--s3);max-height:84px;padding:var(--s2) var(--s3)}.panel-head{flex-direction:column;gap:0;padding:0;border:none;align-items:flex-start}#phase{font-size:9px}#timer{font-size:18px}#open-lobby{position:absolute;top:var(--s3);right:var(--s3);z-index:6}#scoreboard{flex-direction:row;overflow-x:auto;overflow-y:hidden}.row{min-width:132px;flex-shrink:0}.lobby{padding:var(--s2)}.lobby-card{padding:var(--s4);gap:var(--s3);border-radius:var(--r3)}.lobby-head h1{font-size:20px}.actions{flex-wrap:wrap}.btn.big{flex:1 1 100%}.gamelist{grid-template-columns:1fr 1fr}.dpad{position:absolute;right:var(--s3);bottom:96px;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px;z-index:6}.dpad button{border-radius:var(--r2);border:1px solid var(--line);background:#182135e6;color:var(--text);font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dpad button:active{background:var(--accent);color:#052012}.dpad [data-dir=up]{grid-column:2;grid-row:1}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r4)}*::-webkit-scrollbar-track{background:transparent}.party{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:var(--s4);background:#060910e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.party.hidden{display:none}.party-card{width:min(420px,100%);padding:var(--s5);text-align:center;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#141d31 0%,var(--surface) 45%);box-shadow:0 24px 60px -20px #000000d9;animation:card-in .25s cubic-bezier(.2,.9,.3,1)}.party-step{display:inline-block;margin-bottom:var(--s3);padding:4px 12px;border-radius:var(--r4);background:var(--raised);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.party-icon{font-size:48px;line-height:1;margin-bottom:var(--s2)}.party-card h2{font-size:24px;font-weight:800;letter-spacing:-.02em}.party-rules{margin-top:6px;font-size:13px;line-height:1.5;color:var(--muted)}.party-count{margin:var(--s3) 0;font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(96deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.party-next{margin-top:var(--s3);font-size:12px;color:var(--faint)}.party-results{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:var(--s3);text-align:left}.party-results li{display:grid;grid-template-columns:24px 1fr auto auto;gap:var(--s3);align-items:center;padding:9px var(--s3);border-radius:var(--r2);background:var(--raised);font-size:13px}.party-results li.first{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 55%,transparent)}.party-results .pos{font-weight:800;color:var(--faint);text-align:center}.party-results li.first .pos{color:var(--warn)}.party-results .who{font-weight:600;overflow:hidden;text-overflow:ellipsis}.party-results .sub{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.party-results .pts{font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.party-standings{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line-soft);text-align:left}.party-standings b{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.party-standings ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px var(--s3);margin-top:6px;font-size:12px;font-variant-numeric:tabular-nums}.party-standings li{display:flex;gap:6px;align-items:baseline}.party-standings .pos{color:var(--faint);font-weight:700}.party-standings .pts{font-weight:800;color:var(--accent)}.party-standings.big ol{flex-direction:column;gap:6px;font-size:14px}