:root{--bg:#0e1018;--bg-soft:#161a27;--surface:#ffffff0f;--surface-2:#ffffff1a;--line:#ffffff1f;--text:#f2f4f8;--muted:#98a1b6;--ok:#34d399;--bad:#fb7185;--team:#60a5fa;--radius:18px;--gap:14px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0}body:before{content:"";z-index:-1;background:radial-gradient(120vw 60vh at 50% -10%, #60a5fa2e, transparent 70%), radial-gradient(90vw 50vh at 10% 110%, #f472b624, transparent 70%), var(--bg);position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{gap:var(--gap);width:min(560px,100%);padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen--scroll{overflow-y:auto}.brand{text-align:center;padding:10px 0 2px}.brand__title{letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(100deg,#f472b6,#60a5fa 45%,#34d399);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,12vw,3.4rem);font-weight:800}.brand__subtitle{color:var(--muted);margin-top:6px;font-size:.95rem}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.topbar__title{color:var(--muted);font-weight:600}.topbar__btn{background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.9rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:700}.hint{color:var(--muted);font-size:.85rem;line-height:1.45}.hint--center{text-align:center;padding:24px 0}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row__label{font-size:.95rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);border:1px solid #0000;border-radius:12px;min-width:48px;min-height:44px;padding:0 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chip.is-on{background:color-mix(in srgb, var(--team) 26%, transparent);border-color:var(--team);color:#fff}.teamlist{flex-direction:column;gap:8px;display:flex}.teamlist__item{background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.teamlist__dot,.scoreboard__dot{background:var(--team);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--team) 22%, transparent);border-radius:50%;flex:none}.teamlist__input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 0;font-size:1rem;font-weight:600}.levels{gap:8px;display:grid}.level{text-align:left;background:var(--surface-2);border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;transition:background .15s,border-color .15s;display:grid}.level.is-on{background:color-mix(in srgb, var(--team) 20%, transparent);border-color:var(--team)}.level__label{font-weight:700}.level__hint{color:var(--muted);grid-column:1;font-size:.82rem}.level__count{color:var(--muted);white-space:nowrap;grid-area:1/2/3;align-self:center;font-size:.8rem}.toggle{text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:44px;padding:6px 0;display:flex}.toggle__text{flex-direction:column;gap:2px;display:flex}.toggle__label{font-weight:600}.toggle__hint{color:var(--muted);font-size:.8rem}.switch{background:var(--surface-2);border-radius:999px;flex:none;width:50px;height:30px;padding:3px;transition:background .18s}.switch.is-on{background:var(--ok)}.switch__knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .18s;display:block}.switch.is-on .switch__knob{transform:translate(20px)}.actions{gap:10px;margin-top:auto;display:flex}.actions--sticky{background:linear-gradient(to top, var(--bg) 55%, transparent);padding-top:10px;position:sticky;bottom:0}.btn{border-radius:14px;flex:1;min-height:52px;padding:0 18px;font-size:1rem;font-weight:700;transition:transform .1s,filter .15s}.btn:active{transform:scale(.98)}.btn--primary{color:#0b1020;background:linear-gradient(100deg,#60a5fa,#a78bfa)}.btn--ghost{background:var(--surface-2);color:var(--text);flex:0 auto}.bigbtn{background:var(--team);color:#0b1020;width:100%;min-height:96px;box-shadow:0 14px 40px -16px var(--team);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:1.4rem;font-weight:800;transition:transform .1s;display:flex}.bigbtn:active{transform:scale(.985)}.bigbtn__sub{opacity:.75;font-size:.85rem;font-weight:600}.ready{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 0 6px;display:flex}.ready__eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}.ready__team{color:var(--team);font-size:clamp(2rem,10vw,2.8rem);font-weight:800}.ready__hint{color:var(--muted);max-width:34ch;margin-bottom:8px;font-size:.88rem;line-height:1.5}.scoreboard{flex-direction:column;gap:10px;display:flex}.scoreboard__row{grid-template-columns:auto minmax(0,1fr) 1.6fr auto;align-items:center;gap:10px;display:grid}.scoreboard__row.is-active .scoreboard__name{color:var(--team)}.scoreboard__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scoreboard__bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.scoreboard__fill{background:var(--team);border-radius:999px;height:100%;transition:width .4s;display:block}.scoreboard__score{font-variant-numeric:tabular-nums;text-align:right;min-width:2.2ch;font-weight:800}.screen--play{justify-content:space-between;height:100dvh;overflow:hidden}.playbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.playbar__btn{background:var(--surface);width:44px;height:44px;color:var(--muted);letter-spacing:.1em;border-radius:12px;font-size:.8rem}.playbar__team{color:var(--team);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.playbar__score{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-weight:800}.timer{align-items:center;gap:12px;display:flex}.timer__track{background:var(--surface-2);border-radius:999px;flex:1;height:10px;overflow:hidden}.timer__fill{background:var(--team);transform-origin:0;height:100%;transition:transform .2s linear}.timer__value{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:4ch;font-weight:700}.timer.is-urgent .timer__fill{background:var(--bad)}.timer.is-urgent .timer__value{color:var(--bad);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.card{text-align:center;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;margin:4px 0;padding:20px;display:flex}.card__word{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-weight:800;line-height:1.1}.card__swipe{color:var(--muted);letter-spacing:.04em;font-size:.78rem}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:76px;font-size:1.05rem;font-weight:700;transition:transform .1s;display:flex}.answer:active{transform:scale(.97)}.answer__icon{font-size:1.5rem;line-height:1}.answer--ok{background:color-mix(in srgb, var(--ok) 22%, transparent);border:1px solid color-mix(in srgb, var(--ok) 55%, transparent);color:var(--ok)}.answer--skip{background:color-mix(in srgb, var(--bad) 18%, transparent);border:1px solid color-mix(in srgb, var(--bad) 45%, transparent);color:var(--bad)}.result{text-align:center;flex-direction:column;gap:6px;padding:12px 0;display:flex}.result__delta{color:var(--team);font-size:clamp(3rem,18vw,4.5rem);font-weight:800;line-height:1}.result__summary{color:var(--muted)}.wordlist{flex-direction:column;gap:8px;display:flex}.wordlist__item{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 16px;font-size:1.05rem;display:flex}.wordlist__item.is-ok{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent)}.wordlist__item.is-skip{border-color:color-mix(in srgb, var(--bad) 35%, transparent);background:color-mix(in srgb, var(--bad) 8%, transparent);color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--bad) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--bad) 60%, transparent)}.wordlist__word{overflow-wrap:anywhere}.wordlist__mark{flex:none;font-weight:800}.wordlist__item.is-ok .wordlist__mark{color:var(--ok)}.wordlist__item.is-skip .wordlist__mark{color:var(--bad)}.finish{text-align:center;flex-direction:column;gap:8px;padding:28px 0 12px;display:flex}.finish__eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.finish__team{color:var(--team);font-size:clamp(2.2rem,11vw,3rem);font-weight:800}.finish__score{color:var(--muted)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a10c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay__box{text-align:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;width:min(340px,100%);padding:24px;display:flex}.overlay__title{font-size:1.4rem;font-weight:800}.overlay__text{color:var(--muted)}.sheet{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__backdrop{background:#080a10b3;position:absolute;inset:0}.sheet__body{width:min(560px,100%);max-height:88dvh;padding:22px 20px calc(var(--safe-b) + 22px);background:var(--bg-soft);border:1px solid var(--line);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;animation:.22s rise;display:flex;position:relative;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.sheet__title{font-size:1.4rem;font-weight:800}.rules{counter-reset:rule;flex-direction:column;gap:12px;display:flex}.rules li{color:var(--muted);padding-left:34px;font-size:.92rem;line-height:1.5;position:relative}.rules li:before{counter-increment:rule;content:counter(rule);background:var(--surface-2);width:24px;height:24px;color:var(--text);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.rules b{color:var(--text)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}