@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #0d0b1f;--bg-2: #171334;--surface: rgba(255, 255, 255, .06);--surface-solid: #1d1940;--border: rgba(255, 255, 255, .12);--text: #f4f2ff;--muted: #a9a3cf;--primary: #7c5cff;--primary-ink: #ffffff;--good: #2fd18b;--bad: #ff5d6c;--radius: 18px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(124,92,255,.35),transparent 45%),radial-gradient(circle at 88% 12%,rgba(0,194,178,.25),transparent 45%),radial-gradient(circle at 50% 100%,rgba(229,28,121,.25),transparent 55%),linear-gradient(160deg,var(--bg),var(--bg-2));background-attachment:fixed}h1,h2,h3,.button,.hero__title{font-family:Fredoka,Inter,system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #ffd166;outline-offset:2px}kbd{font:inherit;font-size:.72em;padding:.1em .45em;margin-left:.5em;border-radius:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);vertical-align:middle}.screen{min-height:100dvh;padding:clamp(16px,3vw,32px);padding-top:72px}.screen--center{display:grid;place-items:center}.panel{width:min(760px,100%);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,36px)}.panel__title{margin:0;font-size:clamp(1.5rem,3.5vw,2.1rem)}.panel__subtitle{margin:4px 0 0;color:var(--muted);font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:.85em 1.6em;font-size:1rem;font-weight:600;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:linear-gradient(135deg,var(--primary),#b06cff);color:var(--primary-ink);box-shadow:0 10px 26px #7c5cff66}.button--ghost{background:transparent;color:var(--text);border-color:var(--border)}.button--ghost:hover{background:#ffffff14}.button--dashed{width:100%;background:transparent;color:var(--muted);border:1.5px dashed var(--border);border-radius:14px}.button--dashed:hover:not(:disabled){color:var(--text);border-color:var(--primary)}.button--true,.button--false{flex:1;font-size:1.15rem;padding:1em}.button--true{background:linear-gradient(135deg,#2fd18b,#1aa96c);color:#04250f}.button--false{background:linear-gradient(135deg,#ff7a85,#e8434f);color:#2b0407}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.05rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background .2s ease}.icon-button:hover:not(:disabled){background:#ffffff24}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button--quiet{background:transparent;border-color:transparent;color:var(--muted)}.input{flex:1 1 140px;min-width:0;padding:.7em 1em;font:inherit;color:var(--text);background:#00000040;border:1px solid var(--border);border-radius:12px}.input::placeholder{color:#ffffff59}.settings-bar{position:fixed;top:16px;right:16px;z-index:40;display:flex;gap:8px}.hero{width:min(680px,100%);text-align:center}.hero__logo{width:clamp(84px,14vw,120px);height:auto;filter:drop-shadow(0 10px 24px rgba(124,92,255,.5))}.hero__title{margin:8px 0 0;font-size:clamp(2.4rem,8vw,4rem);letter-spacing:-.02em}.hero__title span{background:linear-gradient(90deg,#7c5cff,#00c2b2,#ffb020);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__tagline{margin:8px auto 28px;max-width:46ch;color:var(--muted);line-height:1.6}.steps{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none;text-align:left}.steps__item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.steps__icon{font-size:1.3rem}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0 0;padding:0;list-style:none}.category-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;border-radius:999px;color:var(--chip);background:color-mix(in srgb,var(--chip) 18%,transparent);border:1px solid color-mix(in srgb,var(--chip) 45%,transparent)}.setup__header{margin-bottom:20px}.setup__list{display:grid;gap:12px;margin:0 0 14px;padding:0;list-style:none}.setup__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:#0003;border:1px solid var(--border);border-radius:14px}.setup__avatar{display:grid;place-items:center;width:38px;height:38px;font-weight:700;color:#1a0e2e;border-radius:50%;flex:none}.swatches{display:flex;gap:6px;margin:0;padding:0;border:0}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.swatch[aria-pressed=true]{border-color:#fff;transform:scale(1.2)}.swatch:disabled{opacity:.25;cursor:not-allowed}.setup__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}.rules{margin:0 auto;line-height:1.65}.rules h2{margin:28px 0 8px;font-size:1.2rem;color:#cbbcff}.rules__list{padding-left:1.2em;color:var(--muted)}.rules__categories,.rules__specials{display:grid;gap:8px;padding:0;list-style:none}.rules__categories li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--chip) 14%,transparent);border:1px solid color-mix(in srgb,var(--chip) 35%,transparent)}.rules__categories em{margin-left:auto;font-size:.85rem;color:var(--muted)}.rules__specials li{display:flex;align-items:center;gap:12px;color:var(--muted)}.rules__cell{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none}.game__bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.game__nav{display:flex;gap:8px}.game__turn{display:flex;align-items:center;gap:10px;margin:0;padding:8px 18px;font-weight:600;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:999px}.game__turn-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:ping 2s ease-out infinite}.game__turn-count{color:var(--muted);font-weight:500;font-size:.85rem}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 70%,transparent)}to{box-shadow:0 0 0 12px transparent}}.game__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.game__side{display:grid;gap:16px;position:sticky;top:16px}.board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),auto);gap:clamp(6px,1vw,12px);padding:clamp(10px,1.5vw,18px);background:#00000040;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;text-align:center;border-radius:16px;background:color-mix(in srgb,var(--cell) 26%,#0d0b1f);border:1.5px solid color-mix(in srgb,var(--cell) 60%,transparent);transition:transform .2s ease,box-shadow .2s ease}.cell--active{transform:scale(1.06);box-shadow:0 0 0 3px #fff3,0 12px 26px color-mix(in srgb,var(--cell) 45%,transparent);z-index:2}.cell--start,.cell--finish{background:color-mix(in srgb,var(--cell) 40%,#0d0b1f)}.cell--finish{animation:finishGlow 3s ease-in-out infinite}@keyframes finishGlow{0%,to{box-shadow:0 0 #ffd16659}50%{box-shadow:0 0 22px 4px #ffd16659}}.cell__index{position:absolute;top:4px;left:7px;font-size:.6rem;color:#ffffff73}.cell__icon{font-size:clamp(1rem,2.4vw,1.6rem);line-height:1}.cell__label{font-size:clamp(.5rem,1vw,.68rem);color:#ffffffb3;line-height:1.1}.cell__tokens{position:absolute;inset:auto 2px 2px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.token{display:grid;place-items:center;width:clamp(16px,2.2vw,24px);height:clamp(16px,2.2vw,24px);font-size:.62rem;font-weight:700;color:#14102b;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 10px #00000080;animation:drop .3s ease}.token--active{animation:drop .3s ease,hop 1.4s ease-in-out infinite .3s}@keyframes drop{0%{transform:translateY(-14px) scale(.7);opacity:0}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dice-panel{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius)}.dice{width:74px;height:74px;flex:none;padding:10px;background:linear-gradient(150deg,#fff,#d7d2f5);border:none;border-radius:18px;box-shadow:0 10px 22px #00000073;cursor:pointer;transition:transform .15s ease}.dice:hover:not(:disabled){transform:translateY(-3px) rotate(-4deg)}.dice:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.7}.dice--rolling{animation:tumble .35s linear infinite}@keyframes tumble{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.dice__face{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:4px;width:100%;height:100%}.dice__pip{border-radius:50%;background:transparent}.dice__pip--on{background:#1b1638}.dice-panel__hint{margin:0;font-size:.9rem;color:var(--muted);line-height:1.5}.dice-panel__hint strong{color:var(--text)}.scoreboard,.log{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.scoreboard__title{margin:0 0 12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scoreboard__list,.log__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.score{padding:10px 12px;background:#00000038;border:1px solid transparent;border-radius:12px;transition:border-color .2s ease}.score--current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.22))}.score__head{display:flex;align-items:center;gap:8px}.score__dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none}.score__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score__count{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.score__progress{height:4px;margin-top:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.score__progress span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.score__cards{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0;padding:0;list-style:none;font-size:.75rem}.score__cards li{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;color:var(--chip);background:color-mix(in srgb,var(--chip) 18%,transparent)}.log__item{padding:7px 10px;font-size:.85rem;line-height:1.4;color:var(--muted);background:#0003;border-left:3px solid var(--accent, var(--border));border-radius:8px;animation:slideIn .25s ease}.log__item--good{color:#b8f5d8}.log__item--bad{color:#ffc8cd}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#060414b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{width:min(640px,100%);max-height:90dvh;overflow-y:auto;padding:clamp(20px,4vw,32px);background:var(--surface-solid);border:1px solid var(--border);border-top:5px solid var(--accent, var(--primary));border-radius:22px;box-shadow:var(--shadow);animation:pop .25s cubic-bezier(.2,1.2,.4,1)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.96)}}.modal--correct{border-top-color:var(--good);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--good) 40%,transparent)}.modal--wrong{border-top-color:var(--bad);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--bad) 40%,transparent)}.question__head{display:flex;align-items:center;gap:16px}.question__art{width:84px;height:84px;object-fit:contain;flex:none}.question__player{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.question__category{margin:2px 0 0;font-size:1.15rem}.question__timer{display:flex;align-items:center;gap:10px;margin:18px 0 6px}.question__timer span{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--good),#ffd166);transform-origin:left;transition:transform 1s linear}.question__timer span[data-low]{background:var(--bad);animation:flash .8s ease-in-out infinite}@keyframes flash{50%{opacity:.45}}.question__timer em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.question__text{margin:18px 0 24px;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.5}.question__actions{display:flex;gap:12px}.question__feedback{display:grid;gap:10px;justify-items:start}.verdict{margin:0;font-size:1.2rem;font-weight:700}.verdict--good{color:var(--good)}.verdict--bad{color:var(--bad)}.question__truth{margin:0;color:var(--muted);line-height:1.5}.modal--event{text-align:center}.modal--success{border-top-color:var(--good)}.modal--failure{border-top-color:var(--bad)}.event__icon{font-size:3rem}.event__title{margin:8px 0 4px}.event__detail{margin:0 0 22px;color:var(--muted)}.modal--result{text-align:center}.result__eyebrow{margin:0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.result__title{margin:6px 0;font-size:clamp(1.5rem,4vw,2rem)}.result__subtitle{margin:0 0 22px;color:var(--muted)}.result__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;text-align:left}.result__row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#00000040;border-left:4px solid var(--accent);border-radius:12px}.result__rank{font-size:1.2rem;width:1.6em;text-align:center}.result__name{font-weight:600}.result__cards{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;font-size:.95rem}.result__cards em{font-style:normal;font-size:.7rem;color:var(--muted)}.result__score{display:grid;justify-items:end;min-width:68px;font-weight:700;font-variant-numeric:tabular-nums}.result__score em{font-style:normal;font-size:.68rem;font-weight:500;color:var(--muted)}@media(max-width:1024px){.game__layout{grid-template-columns:minmax(0,1fr)}.game__side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dice-panel{grid-column:1 / -1}}@media(max-width:560px){.screen{padding-top:64px}.cell__label{display:none}.question__art{width:56px;height:56px}.setup__row{row-gap:12px}.setup__actions .button,.hero__actions .button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}