.game{margin-block-start:var(--space-l)}.game__rules{border-block:1px solid var(--rule);padding-block:var(--space-s);margin-block-start:var(--space-l)}.game__tiers{margin:var(--space-2xs) 0 0;gap:var(--space-2xs);padding:0;list-style:none;display:grid}@media (min-width:40rem){.game__tiers{gap:var(--space-s);grid-template-columns:repeat(3,1fr)}}.game__tier{align-items:baseline;gap:var(--space-2xs);display:flex}.game__tier-pc{font-family:var(--font-display);font-size:var(--step-2);line-height:1}.game__tier-what{font-size:var(--step--1);color:var(--ink-dim,#0009)}.game__progress{font-size:var(--step--1);color:var(--ink-dim,#0009);margin-block-end:var(--space-2xs)}.card3d{perspective:1200px;margin-block-end:var(--space-s)}.card3d__inner{transform-style:preserve-3d;min-height:22rem;transition:transform .52s cubic-bezier(.2,.7,.2,1);position:relative}.card3d.is-turned .card3d__inner{transform:rotateY(180deg)}.card3d__face{backface-visibility:hidden;border:1px solid var(--rule-strong);padding:var(--space-s);gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;inset:0}.card3d__face--back{background:var(--ink);color:var(--paper);border-color:var(--ink);justify-content:center;transform:rotateY(180deg)}@media (min-width:40rem){.card3d__inner{min-height:18rem}}.card3d__q{font-family:var(--font-display);font-size:var(--step-1);margin:0;line-height:1.25}.card3d__options{gap:var(--space-3xs,.4rem);margin-block-start:auto;display:grid}.card3d__option{font:inherit;color:inherit;text-align:start;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--speed) var(--ease), border-color var(--speed) var(--ease);background:0 0}.card3d__option:hover:not(:disabled),.card3d__option:focus-visible,.card3d__option.is-chosen{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card3d__option:disabled{cursor:default}.card3d__verdict{font-family:var(--font-display);font-size:var(--step-2);margin:0}.card3d__face--back.is-right .card3d__verdict{color:var(--ok-on-dark,#86e5a4)}.card3d__face--back.is-wrong .card3d__verdict{color:var(--error-on-dark,#ff9b9b)}.card3d__answer{margin:0;font-weight:600}.card3d__why{color:var(--paper-dim,#ffffffc7);margin:0}@media (prefers-reduced-motion:reduce){.card3d__inner{transition:none}}.game__score{font-size:var(--step--1);color:var(--ink-dim,#0009);margin:0}.game__title{font-family:var(--font-display);font-size:var(--step-3);margin-block:var(--space-2xs) var(--space-xs);line-height:1.1}.game__lead{max-width:46ch}.game__form{gap:var(--space-xs);max-width:30rem;margin-block-start:var(--space-s);display:grid}.game__claim-lead{font-size:var(--step--1);color:var(--ink-dim,#0009);margin:0}.game__form .field input{width:100%}.field__hint{font-size:var(--step--1);color:var(--ink-dim,#0009);margin-block-start:var(--space-3xs,.25rem);display:block}.game__code{font-family:var(--font-display);letter-spacing:.06em;margin-block:var(--space-2xs) var(--space-xs);text-align:start;direction:ltr;unicode-bidi:isolate;font-size:clamp(2rem,9vw,3.5rem)}.game__note{font-size:var(--step--1);color:var(--ink-dim,#0009);max-width:46ch}.game__error:empty{display:none}.game__error{color:var(--error,#b00020);font-size:var(--step--1);margin:0}.btn--big{font-size:var(--step-0);padding:var(--space-2xs) var(--space-l)}.game__hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);margin-block-end:var(--space-3xs,.35rem);display:flex}.hud__at{font-size:var(--step--1);color:var(--ink-dim,#0009);margin:0}.hud__streak{font-size:var(--step--1);margin:0;font-weight:600;animation:.42s cubic-bezier(.2,1.4,.4,1) streak-pop}.hud__streak.is-hot{color:var(--hot,#d2621b)}@keyframes streak-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.hud__bar{gap:3px;margin-block-end:var(--space-xs);display:flex}.hud__pip{border-radius:var(--radius-pill);background:var(--rule);height:4px;transition:background .26s var(--ease), transform .26s var(--ease);transform-origin:50%;flex:1 1 0}.hud__pip.is-now{background:var(--ink);animation:1.6s ease-in-out infinite pip-pulse}.hud__pip.is-right{background:var(--ok,#1f8a4c)}.hud__pip.is-wrong{background:var(--error,#b00020)}@keyframes pip-pulse{0%,to{opacity:1}50%{opacity:.35}}.card3d__inner{animation:.34s cubic-bezier(.2,.7,.2,1) card-in}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.card3d.is-turned.is-wrong-turn .card3d__inner{animation:.42s ease-in-out card-shake}@keyframes card-shake{0%,to{transform:rotateY(180deg)translate(0)}20%{transform:rotateY(180deg)translate(-6px)}45%{transform:rotateY(180deg)translate(5px)}70%{transform:rotateY(180deg)translate(-3px)}}.card3d__option{transform-origin:50%}.card3d__option:active:not(:disabled){transform:scale(.985)}.card3d__nudge{font-size:var(--step--1);color:var(--paper-dim,#ffffffb3);animation:fade-up .42s .12s both var(--ease);margin:0}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.game__flourish{margin-block:var(--space-2xs) 0;animation:fade-up .46s .16s both var(--ease);font-weight:600}.game__best{font-size:var(--step--1);color:var(--ink-dim,#0009);margin-block:var(--space-3xs,.3rem) 0}.game--result .game__title{animation:.52s cubic-bezier(.2,1.3,.35,1) both win-in}@keyframes win-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.game--won .game__code{animation:.64s cubic-bezier(.2,1.3,.35,1) both code-in}@keyframes code-in{0%{opacity:0;letter-spacing:.3em;transform:scale(.82)}to{opacity:1;letter-spacing:.06em;transform:none}}.confetti{pointer-events:none;block-size:0;position:absolute;inset-block-start:0;inset-inline:0;overflow:visible}.confetti__bit{opacity:0;block-size:12px;inline-size:7px;animation:fall 2.4s var(--d,0s) cubic-bezier(.3, .6, .5, 1) forwards;position:absolute;inset-block-start:-1rem}@keyframes fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(72vh)rotate(540deg)}}.game--result,.game--won{position:relative}@media (prefers-reduced-motion:reduce){.hud__streak,.hud__pip,.hud__pip.is-now,.card3d__inner,.card3d.is-turned.is-wrong-turn .card3d__inner,.card3d__nudge,.game__flourish,.game--result .game__title,.game--won .game__code,.confetti__bit{transition:none;animation:none}.confetti{display:none}}