.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:none;font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);cursor:pointer;text-decoration:none;color:inherit;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-low)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{border-color:var(--color-border-strong);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken)}.btn--quiet{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-weight:500}.btn--quiet:hover{color:var(--color-text);background:var(--color-surface-sunken)}.btn--wide{width:100%}.btn--icon{min-width:var(--target);padding:var(--space-2);color:var(--color-text-muted)}.btn--icon:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-sunken)}.btn[aria-disabled=true]{cursor:not-allowed}.btn[aria-disabled=true]:active{transform:none}.btn--primary[aria-disabled=true]{position:relative;overflow:hidden}.btn--primary[aria-disabled=true]:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;block-size:3px;inline-size:100%;background:var(--color-on-accent);transform-origin:left center;animation:pause-fill var(--pause-duration, 2.5s) linear both}@keyframes pause-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.btn--primary[aria-disabled=true]:after{animation:none}}.topbar{display:flex;flex-direction:column;min-width:0;gap:var(--space-1);padding-block:var(--space-1);position:relative;z-index:1}#screen-game>.topbar{padding-inline:var(--space-3)}@media(min-width:33rem){#screen-game>.topbar{padding-inline:0}}.topbar__nav,.topbar__state{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.topbar__actions{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:32.999rem){#screen-game .topbar__nav,#screen-game .topbar__state{flex-wrap:nowrap}#screen-game .topbar .btn--quiet{padding-inline:var(--space-2)}#screen-game .word--vraag{display:none}#screen-game .gauge{flex:1 1 auto}#screen-game .linkish{flex:none}}@media(max-width:20rem){#screen-game .gauge__count{display:none}}.wordmark{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;min-height:var(--target)}.wordmark:hover{text-decoration:underline;text-underline-offset:.25em}.wordmark:hover .word--vraag{color:var(--color-text)}.word--vraag{color:var(--color-text-muted)}.word--vuur{color:var(--heat-5)}@supports (background-clip: text) or (-webkit-background-clip: text){.word--vuur{background:linear-gradient(90deg,var(--heat-1),var(--heat-3) 50%,var(--heat-5));-webkit-background-clip:text;background-clip:text;color:transparent}}.topbar .btn svg,.topbar .linkish svg{display:none}@media(min-width:33rem){.topbar .btn svg,.topbar .linkish svg{display:block}}.progress{height:4px;border-radius:var(--radius-pill);background:var(--color-border);opacity:.5;overflow:hidden}.progress__fill{display:block;height:100%;width:var(--progress, 0%);border-radius:inherit;background:var(--heat);transition:width var(--duration-slow) var(--ease),background-color var(--duration-slow) var(--ease)}.gauge{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text);font:inherit;cursor:pointer;min-width:0}.gauge__track{display:flex;align-items:flex-end;gap:3px;flex:none}.gauge__segment{display:block;width:6px;height:1.25rem;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-border-strong);transition:background-color var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease)}.gauge__segment[data-reached=true]{background:var(--heat);box-shadow:none}.gauge__segment[data-outside=true]{height:4px;background:var(--color-border);box-shadow:none;opacity:.6}.gauge__name{font-size:var(--text-base);font-weight:600;color:var(--heat);white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.gauge:hover .gauge__name{text-decoration:underline}.gauge__count{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;flex:0 2 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.gauge__count:before{content:"· "}.stage{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:var(--space-2) clamp(var(--space-4),4vw,var(--space-8)) var(--space-12);display:grid;grid-template-rows:auto 1fr;gap:var(--space-6)}.stage>.intro{align-self:center;width:100%}@keyframes session-arrival{0%{opacity:0;transform:translateY(.5rem)}}#screen-config[data-arriving=true],#screen-game[data-arriving=true]{animation:session-arrival var(--duration-slow) var(--ease) both}.stage[data-screen=game]{max-width:none;padding:0;grid-template-rows:1fr;gap:0}.intro{display:flex;flex-direction:column;gap:var(--space-6)}.intro__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight)}.intro__title--hero{font-size:clamp(var(--text-xl),7vw,var(--text-2xl));letter-spacing:-.015em;text-wrap:balance;max-width:18ch}.intro__lead{color:var(--color-text-muted);max-width:46ch;text-wrap:pretty}.intro__lead--large{font-size:var(--text-md);line-height:1.45;max-width:38ch}.rule{height:1px;margin:0;border:0;background:var(--card-edge)}.intro__answers{display:flex;flex-direction:column;gap:var(--space-2);max-width:26rem}.intro__block{display:flex;flex-direction:column;gap:var(--space-3)}.intro__block-title{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.intro__rules{display:flex;flex-direction:column;gap:var(--space-2)}.stage--landing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-6)}.landing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);text-align:center;max-width:28rem;width:100%}.landing-placeholder__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.landing-placeholder__mark{width:4.5rem;height:4.5rem;border-radius:var(--radius-md)}.landing-placeholder__mark .mark__bg{fill:var(--color-surface, #2c211a)}.landing-placeholder__title{font-family:var(--font-display);font-size:clamp(var(--text-xl),8vw,var(--text-2xl));font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em}.landing-placeholder__act{width:100%;max-width:18rem}.stage--page{display:flex;flex-direction:column;max-width:56rem;gap:var(--space-12);padding-block-start:var(--space-8);padding-block-end:var(--space-16)}.hero{display:flex;flex-direction:column;justify-content:center;gap:var(--space-8);min-height:min(30rem,76dvh)}@media(min-width:52rem){.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"say deal" "act deal";align-content:center;align-items:center;column-gap:var(--space-12);row-gap:var(--space-8)}.hero__say{grid-area:say;align-self:end}.hero__deal{grid-area:deal}.hero__act{grid-area:act;align-self:start}}.hero__say{display:flex;flex-direction:column;gap:var(--space-4)}.hero__badge{display:inline-block;align-self:flex-start;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:calc(var(--space-2) * -1)}.hero__title{font-family:var(--font-display);font-size:clamp(var(--text-xl),12vw,var(--text-2xl));font-weight:600;line-height:1.05;letter-spacing:-.02em}.hero__lead{font-size:var(--text-md);line-height:1.45;color:var(--color-text-muted);max-width:34ch;text-wrap:pretty}.hero__act{display:flex;flex-direction:column;gap:var(--space-3);max-width:26rem}.btn--primary.hero__cta{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.btn--primary.hero__cta:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.btn.hero__cta:active:not(:disabled){transform:scale(.96);box-shadow:var(--shadow-raised)}.hero__note{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}.hero__deal{display:flex;flex-direction:column;gap:var(--space-4);align-items:stretch}.demo{min-height:17rem;padding:clamp(var(--space-6),5vw,var(--space-8));--question-size: clamp(var(--text-lg), 4.5vw, var(--text-xl))}@media(min-width:33rem){.demo{min-height:19rem}}.demo__meta{flex:none;font-size:var(--text-sm);font-weight:700;color:var(--heat)}.demo .demo__dealt{animation:question-in var(--duration-slow) var(--ease) both}.demo__again{align-self:flex-start}.levels{display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(var(--space-6),5vw,var(--space-8));border-radius:var(--radius-card);background:var(--ground, var(--ground-1));box-shadow:inset 0 0 0 1px var(--card-edge);transition:background-color var(--duration-slow) var(--ease)}.levels .heat__scale,.levels__ends{max-width:30rem}@media(min-width:52rem){.levels{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:var(--space-12)}}.levels__say{display:flex;flex-direction:column;gap:var(--space-3)}.levels__work{display:flex;flex-direction:column;gap:var(--space-4)}.levels__ends{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.levels__read{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--space-16)}.levels__name{font-size:var(--text-md);font-weight:700;color:var(--heat)}.levels__blurb{color:var(--color-text-muted);max-width:46ch;text-wrap:pretty}.section__subtitle{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;line-height:var(--leading-tight)}.section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight)}.section__lead{color:var(--color-text-muted);max-width:46ch;text-wrap:pretty}.how{display:flex;flex-direction:column;gap:var(--space-8)}.how__part{display:flex;flex-direction:column;gap:var(--space-4)}.how .sheet__rules{max-width:46ch}.how__levels{display:flex;flex-direction:column;gap:var(--space-4);max-width:46ch}.how__level{position:relative;display:grid;grid-template-columns:2.75rem 1fr;gap:var(--space-3)}.how__level:not(:last-child):after{content:"";position:absolute;left:1.375rem;top:2.75rem;bottom:calc(-1 * var(--space-4));width:1px;background:var(--color-border)}.how__level-badge{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:2px solid var(--heat);border-radius:var(--radius-pill);color:var(--heat);font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;background:var(--color-surface)}.how__level-body{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-1)}.how__level-name{color:var(--heat);font-weight:700}.how__level-blurb{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}@keyframes landing-rise{0%{opacity:0;transform:translateY(.75rem)}}@keyframes landing-bar{0%{transform:scaleY(0)}}.hero__say,.hero__deal,.hero__act{animation:landing-rise var(--duration-slow) var(--ease) both}.hero__deal{animation-delay:80ms}.hero__act{animation-delay:.16s}.levels .heat__bar{transform-origin:bottom center;animation:landing-bar var(--duration-slow) var(--ease) both;animation-delay:calc(.24s + var(--i, 0) * 40ms)}@media(prefers-reduced-motion:reduce){#screen-config[data-arriving=true],#screen-game[data-arriving=true],.hero__say,.hero__deal,.hero__act,.levels .heat__bar,.demo .demo__dealt{animation:none}}.config{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:44rem}.config__field{min-width:0;margin:0;padding:0;border:0}.config__label{display:block;margin-block-end:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.config__choices{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.config__choice{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:calc(var(--target) + var(--space-4));padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--choice-card, var(--color-surface));color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-low);transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.config__choice:hover{border-color:var(--heat);transform:translateY(-1px)}.config__choice[data-selected=true]{border-color:var(--heat);background:var(--choice-ground, var(--color-surface));box-shadow:0 0 0 2px var(--heat),var(--choice-glow, var(--shadow-raised))}.config__choice:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.config__radio{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.config__number{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:2px solid var(--heat);border-radius:var(--radius-full);color:var(--heat);font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.config__choice[data-selected=true] .config__number{background:var(--heat);color:var(--choice-ground, var(--color-surface))}.config__copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.config__name{color:var(--heat);font-weight:700}.config__description{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}.config__selected{align-self:start;padding:.2rem var(--space-2);border-radius:var(--radius-pill);background:var(--heat);color:var(--choice-ground, var(--color-surface));font-size:var(--text-xs);font-weight:700}.config__choice[data-selected=false] .config__selected{visibility:hidden}@media(max-width:32.999rem){.config__choice{grid-template-columns:2.75rem minmax(0,1fr)}.config__selected{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.config__choice{transition:none}.config__choice:hover{transform:none}}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:var(--space-2)}.chip{min-width:0;border-color:var(--color-border-strong);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.chip:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-sunken)}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-low)}.chip[aria-pressed=true]:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}#screen-game{display:grid;width:100%;max-width:100%;min-width:0;grid-template-rows:auto 1fr auto;gap:var(--space-2);height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-block-end:max(env(safe-area-inset-bottom),var(--space-3))}@media(min-width:33rem){#screen-game{max-width:44rem;margin:0 auto;padding:var(--space-2) clamp(var(--space-4),4vw,var(--space-8)) var(--space-8);gap:var(--space-4)}}.card{background:var(--card, var(--color-surface-raised));touch-action:pan-y pinch-zoom;transition:background-color var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease);border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--card-edge),0 1px 2px var(--glow, var(--glow-1)),0 10px 30px var(--glow, var(--glow-1));padding:clamp(var(--space-6),6vw,var(--space-8)) clamp(var(--space-4),6vw,var(--space-12)) clamp(var(--space-8),9vw,var(--space-16));display:flex;min-width:0;min-height:0;margin-inline-end:var(--space-2);align-items:stretch;position:relative}.card:before,.card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--card, var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--card-edge),0 1px 2px var(--glow, var(--glow-1));transition:transform var(--duration-slow) var(--ease),opacity var(--duration-slow) var(--ease)}.card:before{transform:translate(4px,5px)}.card:after{transform:translate(8px,10px)}.card[data-deck="1"]:after,.card[data-deck="0"]:before,.card[data-deck="0"]:after{opacity:0;transform:none}@media(min-width:33rem){.card{padding:clamp(var(--space-4),4vw,var(--space-8)) clamp(var(--space-6),5vw,var(--space-12)) clamp(var(--space-6),5vw,var(--space-12));min-height:15rem;margin-inline-end:0}}@media(min-width:33rem)and (max-height:35rem){#screen-game{gap:var(--space-2);padding-block:var(--space-1) var(--space-2)}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-4);padding-block:0}.topbar__nav,.topbar__state{flex-wrap:nowrap}.topbar__nav{gap:var(--space-2)}.topbar__state{min-width:0}.gauge__count{display:none}.progress{grid-column:1 / -1}.card{min-height:0;padding:var(--space-3) var(--space-6) var(--space-4)}}.card__fire{--fire: var(--fire-1);--fire-height: 24%;--fire-beat: 12;--fire-drift: 2%;position:absolute;inset:auto 0 0;height:var(--fire-height);overflow:hidden;border-radius:0 0 var(--radius-card) var(--radius-card);pointer-events:none;z-index:0;mask-image:linear-gradient(to top,black 62%,transparent)}.card__fire-bed{position:absolute;inset:42% -12% -30%;background:radial-gradient(ellipse at 13% 100%,var(--fire),transparent 66%),radial-gradient(ellipse at 49% 100%,var(--fire),transparent 70%),radial-gradient(ellipse at 86% 100%,var(--fire),transparent 68%);filter:blur(var(--space-3));animation:fire-bed calc(var(--duration-slow) * var(--fire-beat)) ease-in-out infinite alternate}.card__flame{--flame-width: 16%;--flame-height: 78%;--flame-delay: 0ms;position:absolute;bottom:-9%;width:var(--flame-width);height:var(--flame-height);background:linear-gradient(to top,var(--fire),transparent 86%);border-radius:50% 50% 22% 22%;clip-path:polygon(50% 0%,70% 23%,100% 61%,86% 100%,14% 100%,0 61%,30% 23%);filter:drop-shadow(0 0 var(--space-2) var(--fire));transform-origin:50% 100%;animation:fire-sway calc(var(--duration-slow) * var(--fire-beat)) var(--ease) var(--flame-delay) infinite alternate}.card__flame:nth-child(2){--flame-width: 19%;--flame-height: 84%;--flame-delay: calc(var(--duration-slow) * -2);left:-5%}.card__flame:nth-child(3){--flame-width: 13%;--flame-height: 59%;--flame-delay: calc(var(--duration-slow) * -7);left:8%}.card__flame:nth-child(4){--flame-width: 20%;--flame-height: 100%;--flame-delay: calc(var(--duration-slow) * -12);left:21%}.card__flame:nth-child(5){--flame-width: 12%;--flame-height: 64%;--flame-delay: calc(var(--duration-slow) * -4);left:37%}.card__flame:nth-child(6){--flame-width: 22%;--flame-height: 92%;--flame-delay: calc(var(--duration-slow) * -15);left:47%}.card__flame:nth-child(7){--flame-width: 14%;--flame-height: 57%;--flame-delay: calc(var(--duration-slow) * -9);left:65%}.card__flame:nth-child(8){--flame-width: 20%;--flame-height: 98%;--flame-delay: calc(var(--duration-slow) * -5);left:74%}.card__flame:nth-child(9){--flame-width: 13%;--flame-height: 63%;--flame-delay: calc(var(--duration-slow) * -18);left:88%}.card__flame:nth-child(10){--flame-width: 17%;--flame-height: 86%;--flame-delay: calc(var(--duration-slow) * -10);left:99%}.card__flame:nth-child(11){--flame-width: 11%;--flame-height: 53%;--flame-delay: calc(var(--duration-slow) * -14);left:30%}.card__flame:nth-child(12){--flame-width: 12%;--flame-height: 70%;--flame-delay: calc(var(--duration-slow) * -6);left:57%}.card__flame:nth-child(13){--flame-width: 10%;--flame-height: 50%;--flame-delay: calc(var(--duration-slow) * -16);left:78%}.card[data-heat="1"] .card__fire{--fire: var(--fire-1);--fire-height: 24%;--fire-beat: 12;--fire-drift: 2%}.card[data-heat="2"] .card__fire{--fire: var(--fire-2);--fire-height: 35%;--fire-beat: 10;--fire-drift: 2.5%}.card[data-heat="3"] .card__fire{--fire: var(--fire-3);--fire-height: 47%;--fire-beat: 8;--fire-drift: 3%}.card[data-heat="4"] .card__fire{--fire: var(--fire-4);--fire-height: 59%;--fire-beat: 6;--fire-drift: 3.5%}.card[data-heat="5"] .card__fire{--fire: var(--fire-5);--fire-height: 70%;--fire-beat: 4;--fire-drift: 4%}.card[data-heat="1"] .card__flame:nth-child(n+7),.card[data-heat="2"] .card__flame:nth-child(n+9),.card[data-heat="3"] .card__flame:nth-child(n+11),.card[data-heat="4"] .card__flame:nth-child(n+13){display:none}@keyframes fire-sway{0%{transform:translate(calc(var(--fire-drift) * -1)) scaleX(.88) scaleY(.94)}to{transform:translate(var(--fire-drift)) scaleX(1.08) scaleY(1.04)}}@keyframes fire-bed{0%{transform:translate(calc(var(--fire-drift) * -1)) scaleX(.96)}to{transform:translate(var(--fire-drift)) scaleX(1.04)}}@media(prefers-reduced-motion:reduce){.card__fire-bed,.card__flame{animation:none}}.card__body{width:100%;min-height:0;display:flex;flex-direction:column;position:relative;z-index:1}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:none}.card__stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;position:relative}.card__question{font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--question-size, var(--text-question));font-weight:500;line-height:1.22;letter-spacing:-.015em;text-wrap:pretty;max-width:var(--measure);animation:question-in var(--duration-slow) var(--ease) both}@keyframes question-in{0%{opacity:0;transform:translateY(.4rem)}}.card__question[data-direction=forward]{animation-name:question-in-forward}.card__question[data-direction=back]{animation-name:question-in-back}@keyframes question-in-forward{0%{opacity:0;transform:translate(1.5rem)}}@keyframes question-in-back{0%{opacity:0;transform:translate(-1.5rem)}}.card__question--leaving{position:absolute;inset-inline:0;pointer-events:none;animation:question-out var(--duration-slow) var(--ease) both}.card__question--leaving[data-direction=back]{animation-name:question-out-back}@keyframes question-out{to{opacity:0;transform:translate(-1.5rem)}}@keyframes question-out-back{to{opacity:0;transform:translate(1.5rem)}}.judge{display:flex;justify-content:flex-end;gap:var(--space-1);flex:none;opacity:.7}.judge:hover,.judge:focus-within,.judge:has([aria-pressed=true]){opacity:1}.judge__button[aria-pressed=true]{color:var(--color-text);background:var(--color-surface-sunken)}.judge__button[aria-pressed=true] svg{fill:currentColor}.card__spent-line{font-family:var(--font-display);font-size:var(--text-md);margin-bottom:var(--space-6);max-width:40ch}.card__spent-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.level-transfer{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;max-width:34rem}.level-transfer__number{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(var(--text-xl),9vw,4.5rem);font-weight:600;line-height:1;color:var(--heat)}.level-transfer__name{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}.level-transfer__blurb{max-width:34ch;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-md);text-wrap:pretty}.level-transfer__timer{display:flex;align-items:center;width:min(100%,20rem);margin-block:var(--space-6);gap:var(--space-2)}.level-transfer__seconds{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.level-transfer__track{flex:1;height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.level-transfer__fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--heat);transform-origin:right center;animation:level-transfer-countdown var(--level-transfer-duration) linear both}@keyframes level-transfer-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.level-transfer__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.level-transfer__fill{animation:none}}.controls{display:flex;flex-direction:column;gap:var(--space-4)}.sheet{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:min(32rem,calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto;padding:clamp(var(--space-6),5vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-raised)}.sheet__scrim{position:fixed;inset:0;z-index:2;background:var(--color-backdrop)}.sheet__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.sheet__rules{display:flex;flex-direction:column;gap:var(--space-3);counter-reset:rule}.sheet__rules li{display:flex;gap:var(--space-3);counter-increment:rule}.sheet__rules li:before{content:counter(rule);flex:none;width:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-accent)}.sheet__note{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}.sheet__close{margin-top:var(--space-6)}