@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#181a28;--bg-2:#2c3048;--panel:#23263a;--ink:#f2f3fa;--muted:#a7abc4;--line:#f2f3fa29;--p1:#ff5c4d;--p2:#ffd23f;--accent:#ffd23f;--on-accent:#1d1a10;--amber:#f0b441;--danger:#ff8a7a;--display:"Outfit Variable", system-ui, sans-serif;--body:"Outfit Variable", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:linear-gradient(180deg, var(--bg-2), var(--bg) 70%) var(--bg);color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-size:16px;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:none;position:fixed;inset:0}.screen.on{animation:.28s ease-out screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.pad{padding:8px 20px 24px}.stack{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.grow{flex:1}.bar{justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 12px;display:flex}.bar-title{font-family:var(--display);letter-spacing:.02em;margin-right:auto;font-size:18px;font-weight:800}.back{background:0 0;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.back svg,.menu-btn svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.back:active,.menu-btn:active{background:#ffffff14}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.lead{color:var(--muted);font-size:17px;font-weight:500;line-height:1.4}.headline{font-family:var(--display);color:var(--accent);overflow-wrap:anywhere;font-size:34px;font-weight:800;line-height:1.05}.note{min-height:20px;color:var(--muted);font-size:14px;font-weight:500}.note.center{text-align:center}.note.error{color:var(--danger)}.btn{--c:var(--accent);border:2px solid var(--c);width:100%;min-height:54px;font-family:var(--display);letter-spacing:.01em;border-radius:16px;padding:12px 18px;font-size:17px;font-weight:800;transition:transform .12s ease-out,opacity .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--c);color:var(--on-accent);box-shadow:0 3px #00000047}.btn.outline{--c:var(--ink);color:var(--ink);background:#f4f6ea0f;border-color:#f4f6ea57}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000;font-size:15px}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.35;cursor:default}.field{flex-direction:column;gap:6px;display:flex}.field span{letter-spacing:.16em;text-transform:uppercase;color:var(--c);font-size:12px;font-weight:700}.field input,.code-input{border:2px solid var(--line);-webkit-user-select:text;user-select:text;background:#ffffff0a;border-radius:14px;outline:none;width:100%;height:54px;padding:0 16px;font-size:20px;font-weight:600;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--c);background:#ffffff12}.field input::placeholder,.code-input::placeholder{color:color-mix(in srgb, var(--muted) 55%, transparent)}.divider{color:var(--muted);align-items:center;gap:12px;margin:10px 0 0;font-size:14px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.code-row{grid-template-columns:1fr auto;gap:10px;display:grid}.code-row .btn{width:auto;padding:12px 22px}.code-input{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;font-weight:800}.code-input:focus{border-color:var(--accent)}#games{padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));overflow-y:auto}.chip{border:1.5px solid var(--line);background:var(--panel);max-width:100%;height:40px;font-family:var(--display);border-radius:99px;flex:none;align-self:flex-start;align-items:center;gap:8px;margin-top:20px;padding:0 14px 0 16px;font-size:15px;font-weight:700;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip svg{fill:none;width:14px;height:14px;stroke:var(--muted);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.chip .dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px;margin-right:-2px}.chip .dot.live{background:#4ac46e}.chip .dot.wait{background:var(--amber)}.chip:active{background:#ffffff1a}.chip:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.brand{padding:22px 4px}.brand-mark{grid-template-columns:repeat(2,14px);gap:5px;margin-bottom:16px;display:grid}.brand-mark i{border-radius:50%;width:14px;height:14px}.brand h1{font-family:var(--display);letter-spacing:-.02em;font-size:44px;font-weight:900;line-height:1}.brand p{color:var(--muted);margin-top:10px;font-size:16px;font-weight:500;line-height:1.4}.party{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.party-code{font-family:var(--display);letter-spacing:.1em;color:var(--accent);font-size:56px;font-weight:800;line-height:1}.invite{border:2px solid var(--line);border-radius:16px;overflow:hidden}.invite-url{color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;padding:14px 16px;font-size:15px;font-weight:500}.invite-actions{border-top:2px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.invite-actions button{min-height:52px;color:var(--ink);background:#f4f6ea0d;border:0;font-size:16px;font-weight:700}.invite-actions button+button{border-left:2px solid var(--line)}.invite-actions button:active{background:#f4f6ea24}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.tile{aspect-ratio:1/1.15;color:#fff;background:linear-gradient(160deg, var(--from), var(--to));-webkit-touch-callout:none;border-radius:22px;flex-direction:column;justify-content:flex-end;padding:14px;text-decoration:none;transition:transform .12s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #0000004d}.tile:active:not(.off){transform:scale(.97)}.tile.off{cursor:default;background:var(--panel);box-shadow:none;color:var(--muted)}.tile.off svg{opacity:.28;filter:grayscale()}.tile.off b{color:var(--ink);opacity:.7}.tile.off small{opacity:1}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tile svg{width:calc(100% - 20px);position:absolute;inset:10px 10px auto}.tile b{font-family:var(--display);font-size:19px;font-weight:800;position:relative}.tile small{opacity:.85;font-size:13px;font-weight:500;position:relative}.soon{border:2px dashed var(--line);color:var(--muted);text-align:center;border-radius:22px;margin:14px 0 32px;padding:26px 16px;font-weight:600}.menu-toast{left:50%;bottom:calc(24px + var(--safe-bottom));background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .2s;position:fixed;transform:translate(-50%)}.menu-toast.on{opacity:1}#start-mode .pad{overflow-y:auto}.start .headline{color:var(--ink);letter-spacing:-.02em;font-size:36px;font-weight:900}.start .label+.headline{margin-top:-6px}.start .lead{margin-bottom:8px}.mode{border:2px solid var(--line);text-align:left;background:#ffffff0a;border-radius:22px;align-items:center;gap:16px;width:100%;padding:16px;transition:transform .12s ease-out,border-color .2s;display:flex;box-shadow:0 4px #0000004d}.mode:active{transform:scale(.97)}.mode:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mode.sel{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.mode i{background:linear-gradient(160deg, var(--from), var(--to));border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.mode i svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;width:34px;height:34px}.mode span{flex:1;min-width:0}.mode b{font-family:var(--display);font-size:21px;font-weight:800;display:block}.mode small{color:var(--muted);margin-top:2px;font-size:14px;font-weight:500;display:block}.mode .tick{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:none}.mode.sel .tick{display:grid}.tick svg{fill:none;width:16px;height:16px;stroke:var(--on-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}#start-difficulty{gap:8px}.seg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.seg button{border:2px solid var(--line);height:50px;font-family:var(--display);background:#ffffff0a;border-radius:14px;font-size:16px;font-weight:800;transition:border-color .2s,background-color .2s}.seg button[aria-checked=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.seg button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}