:root{--bg:#0e1015;--surface:#181c24;--surface-2:#212734;--line:#2e3543;--text:#f1f4f9;--muted:#9aa5b8;--accent:#ffd049;--accent-ink:#221a02;--good:#46d391;--bad:#ff6b6b;--radius:14px;--tap:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.app{max-width:480px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));flex-direction:column;gap:14px;margin:0 auto;display:flex}.screen{flex-direction:column;gap:14px;display:flex}.screen__title{letter-spacing:.01em;margin:0;font-size:1.6rem}.screen__sub{color:var(--muted);margin:0;font-size:.95rem}.brand{align-items:baseline;gap:8px;display:flex}.brand__mark{color:var(--accent);letter-spacing:.02em;font-size:1.35rem;font-weight:800}.brand__tag{color:var(--muted);font-size:.8rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0;font-size:.78rem}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--block{width:100%}.btn--huge{flex-direction:column;gap:6px;min-height:120px;font-size:1.05rem;line-height:1.25}.btn--huge .btn__name{font-size:1.5rem;font-weight:800}.btn--icon{min-width:var(--tap);min-height:var(--tap);flex:none;padding:0;font-size:1.25rem;font-weight:700}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1 1 0}.btn--token{color:var(--accent);background:0 0;border-style:dashed;border-color:#ffd0498c;font-size:.95rem}.btn--split{justify-content:space-between}.btn__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn--quiet{color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.panel--ask{border-color:var(--accent)}.ask__q{margin:0;font-weight:600}.btn--choice-on{border-color:var(--accent);color:var(--accent);background:#ffd04924}.notice{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:.9rem}.notice--warn{color:#f3dc93;background:#2a2313;border-color:#6b5a1d}.notice--error{color:#ffb3b3;background:#2b1717;border-color:#6b2b2b}.modes{flex-direction:column;gap:8px;display:flex}.mode{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 14px;display:flex}.mode:active{transform:translateY(1px)}.mode--selected{border-color:var(--accent);background:#ffd0491f}.mode__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mode__name{font-weight:700}.mode--selected .mode__name{color:var(--accent)}.mode__tokens{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);flex:none;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.mode__desc{color:var(--muted);font-size:.85rem;line-height:1.35}.player-row{align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.78rem}.input{min-width:0;min-height:var(--tap);border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex:auto;padding:10px 12px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.input--code{letter-spacing:.35em;text-align:center;text-transform:uppercase;text-indent:.35em;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:2rem;font-weight:800}.stepper{align-items:center;gap:12px;display:flex}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;flex:auto;font-size:1.6rem;font-weight:800}.scoreboard{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.scoreboard::-webkit-scrollbar{display:none}.score{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:8px;max-width:60vw;padding:7px 12px;font-size:.85rem;display:flex}.score--current{border-color:var(--accent);color:var(--accent)}.score--you{border-style:dashed}.score__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score__count{font-variant-numeric:tabular-nums;font-weight:800}.tokens{flex:none;align-items:center;gap:3px;display:inline-flex}.tokens__dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.tokens__none{color:var(--muted);font-size:.8rem;line-height:1}.deck-line{color:var(--muted);justify-content:space-between;gap:10px;font-size:.82rem;display:flex}.invite{text-align:center;align-items:center}.invite__code{letter-spacing:.22em;text-indent:.22em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:3.4rem;font-weight:900;line-height:1.05}.invite__warn{text-align:left}.invite__qr{background:#fff;border-radius:10px;width:200px;max-width:100%;height:auto;padding:8px}.seat{align-items:center;gap:10px;min-height:40px;display:flex}.seat__dot{background:var(--line);border:1px solid var(--line);border-radius:50%;flex:none;width:10px;height:10px}.seat__dot--on{background:var(--good);border-color:var(--good)}.seat__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.seat__badge{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;flex:none;padding:2px 8px;font-size:.68rem}.waiting{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;padding:22px 14px;display:flex}.waiting__name{overflow-wrap:anywhere;font-size:1.5rem;font-weight:800}.waiting__line{color:var(--muted)}.countdown{align-items:center;gap:10px;display:flex}.countdown__track{background:var(--surface-2);border-radius:999px;flex:auto;height:10px;overflow:hidden}.countdown__bar{background:var(--accent);border-radius:999px;height:100%;transition:width .25s linear}.countdown__value{text-align:right;font-variant-numeric:tabular-nums;min-width:2.5em;color:var(--accent);flex:none;font-weight:800}.steal-seat{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.steal-seat--done{opacity:.65;background:0 0}.steal-seat__head{align-items:center;gap:8px;display:flex}.steal-seat__rank{color:var(--accent-ink);background:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 7px;font-size:.72rem;font-weight:800}.steal-seat--done .steal-seat__rank{background:var(--line);color:var(--muted)}.steal-seat__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.steal-seat__status{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);flex:none;font-size:.72rem}.timeline{flex-direction:column;gap:8px;display:flex}.timeline__ends{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.tcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.tcard--new{border-color:var(--good);background:#16281f}.tcard__year{font-variant-numeric:tabular-nums;color:var(--accent);flex:none;font-size:1.15rem;font-weight:800}.tcard--new .tcard__year{color:var(--good)}.tcard__meta{min-width:0}.tcard__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.tcard__artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.slot{width:100%;min-height:var(--tap);border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.slot--selected{border-style:solid;border-color:var(--accent);color:var(--accent);background:#ffd0491f}.slot--marked{border-style:solid;border-color:var(--bad);color:var(--text);flex-wrap:wrap}.slot__flag,.slot-mark{text-transform:uppercase;letter-spacing:.07em;color:var(--bad);font-size:.72rem;font-weight:800}.slot-mark{border:1px dashed var(--bad);text-align:center;border-radius:12px;padding:8px 10px}.confirmbar{padding:12px 0 calc(4px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #0e101500);flex-direction:column;gap:8px;margin-top:4px;display:flex;position:sticky;bottom:0}.confirmbar__label{text-align:center;color:var(--muted);font-size:.9rem}.confirmbar__warn{text-align:center;color:var(--bad);font-size:.85rem;font-weight:600}.guess__slot{border:1px solid var(--accent);border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.9rem;font-weight:700}.guess-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:8px 10px;display:grid}.guess-row--pass{border-color:var(--good)}.guess-row--fail{border-color:var(--bad)}.guess-row__label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);grid-column:1;font-size:.72rem}.guess-row__typed{overflow-wrap:anywhere;grid-column:1;font-weight:700}.guess-row__truth{color:var(--muted);overflow-wrap:anywhere;grid-column:1;font-size:.9rem}.guess-row__mark{grid-area:1/2/span 3;align-self:center;font-size:1.3rem;font-weight:800}.guess-row--pass .guess-row__mark{color:var(--good)}.guess-row--fail .guess-row__mark{color:var(--bad)}.verdict-ask{flex-direction:column;gap:8px;display:flex}.verdict{border-radius:var(--radius);text-align:center;border:1px solid var(--line);flex-direction:column;gap:6px;padding:16px 14px;display:flex}.verdict--correct{border-color:var(--good);background:#16281f}.verdict--wrong{border-color:var(--bad);background:#2b1717}.verdict__mark{letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem;font-weight:800}.verdict--correct .verdict__mark{color:var(--good)}.verdict--wrong .verdict__mark{color:var(--bad)}.verdict__year{font-variant-numeric:tabular-nums;color:var(--accent);font-size:2.6rem;font-weight:900;line-height:1}.verdict__title{font-size:1.1rem;font-weight:700}.verdict__artist{color:var(--muted)}.notice--steal{border-color:var(--good);color:var(--good);background:#16281f}.trophy{text-align:center;flex-direction:column;gap:4px;display:flex}.trophy__winner{color:var(--accent);overflow-wrap:anywhere;font-size:1.9rem;font-weight:900}.trophy__winner--lost{color:var(--bad)}.final-player{flex-direction:column;gap:8px;display:flex}.final-player__head{justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;display:flex}.final-player__count{color:var(--muted);flex:none;font-size:.85rem;font-weight:600}.count-in{z-index:30;background:#0e1015e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.count-in__digit{color:var(--accent);font-size:120px;font-weight:800;line-height:1;animation:1s ease-out both count-in-pop}.count-in__hint{color:var(--muted)}@keyframes count-in-pop{0%{opacity:0;transform:scale(1.6)}20%{opacity:1}to{opacity:.35;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.count-in__digit{animation:none}}