:root{color-scheme:light dark;--color-surface: oklch(.981 .008 80);--color-surface-raised: oklch(1 0 0);--color-surface-sunken: oklch(.945 .012 80);--color-text: oklch(.26 .022 55);--color-text-muted: oklch(.475 .022 55);--color-border: oklch(.8 .018 55);--color-border-strong: oklch(.625 .022 55);--color-accent: oklch(.52 .16 45);--color-accent-hover: oklch(.45 .17 45);--color-on-accent: oklch(.99 .006 80);--color-focus: oklch(.45 .18 45);--heat-1: oklch(.537 .1 85);--heat-2: oklch(.532 .11 78);--heat-3: oklch(.527 .12 70);--heat-4: oklch(.522 .13 63);--heat-5: oklch(.512 .14 55);--heat-6: oklch(.507 .15 48);--heat-7: oklch(.502 .16 40);--heat-8: oklch(.492 .17 33);--heat-9: oklch(.487 .18 25);--heat-10: oklch(.482 .19 18);--card-1: oklch(1 0 80);--card-2: oklch(.996 .002 76);--card-3: oklch(.992 .004 72);--card-4: oklch(.988 .006 68);--card-5: oklch(.984 .008 64);--card-6: oklch(.979 .01 61);--card-7: oklch(.975 .012 57);--card-8: oklch(.971 .014 53);--card-9: oklch(.967 .016 49);--card-10: oklch(.963 .018 45);--ground-1: oklch(.981 .008 80);--ground-2: oklch(.977 .01 76);--ground-3: oklch(.974 .012 72);--ground-4: oklch(.97 .014 68);--ground-5: oklch(.966 .016 64);--ground-6: oklch(.963 .018 61);--ground-7: oklch(.959 .02 57);--ground-8: oklch(.955 .022 53);--ground-9: oklch(.952 .024 49);--ground-10: oklch(.948 .026 45);--glow-1: oklch(.26 .022 55 / .07);--glow-2: oklch(.26 .03 52 / .078);--glow-3: oklch(.26 .038 49 / .086);--glow-4: oklch(.26 .046 46 / .094);--glow-5: oklch(.26 .054 43 / .102);--glow-6: oklch(.26 .062 41 / .11);--glow-7: oklch(.26 .07 38 / .118);--glow-8: oklch(.26 .078 35 / .126);--glow-9: oklch(.26 .086 32 / .134);--glow-10: oklch(.26 .094 30 / .142);--card-edge: oklch(.26 .022 55 / .12);--font-display: "Literata Variable", ui-serif, Georgia, serif;--font-body: "Public Sans Variable", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9375rem;--text-2xl: 2.4375rem;--leading-tight: 1.25;--leading-base: 1.5;--text-question: clamp(1.5625rem, 1.1rem + 2.4vw, 2.75rem);--measure: 34ch;--question-min: 1.5625rem;--question-max: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: 1.125rem;--radius-card: 1.5rem;--radius-pill: 9999px;--color-backdrop: oklch(.15 .02 55 / .55);--shadow-raised: 0 1px 2px oklch(.26 .022 55 / .07), 0 6px 20px oklch(.26 .022 55 / .06);--shadow-low: 0 1px 2px oklch(.26 .022 55 / .05);--focus-ring: 3px;--focus-offset: 3px;--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration-slow: .38s;--target: 2.75rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-surface: oklch(.185 .016 55);--color-surface-raised: oklch(.245 .018 55);--color-surface-sunken: oklch(.145 .014 55);--color-text: oklch(.945 .013 85);--color-text-muted: oklch(.755 .018 75);--color-border: oklch(.34 .018 55);--color-border-strong: oklch(.565 .022 55);--color-accent: oklch(.78 .14 60);--color-accent-hover: oklch(.85 .13 65);--color-on-accent: oklch(.185 .03 50);--color-focus: oklch(.82 .14 62);--heat-1: oklch(.86 .12 90);--heat-2: oklch(.85 .12 82);--heat-3: oklch(.84 .13 74);--heat-4: oklch(.83 .13 67);--heat-5: oklch(.815 .14 59);--heat-6: oklch(.8 .14 51);--heat-7: oklch(.79 .15 43);--heat-8: oklch(.78 .15 36);--heat-9: oklch(.765 .15 28);--heat-10: oklch(.755 .15 20);--card-1: oklch(.245 .018 55);--card-2: oklch(.251 .025 53);--card-3: oklch(.256 .032 51);--card-4: oklch(.262 .039 48);--card-5: oklch(.267 .046 46);--card-6: oklch(.273 .052 44);--card-7: oklch(.278 .059 42);--card-8: oklch(.284 .066 39);--card-9: oklch(.289 .073 37);--card-10: oklch(.295 .08 35);--ground-1: oklch(.185 .016 55);--ground-2: oklch(.189 .022 53);--ground-3: oklch(.193 .028 51);--ground-4: oklch(.197 .033 48);--ground-5: oklch(.201 .039 46);--ground-6: oklch(.204 .045 44);--ground-7: oklch(.208 .051 42);--ground-8: oklch(.212 .056 39);--ground-9: oklch(.216 .062 37);--ground-10: oklch(.22 .068 35);--glow-1: oklch(.05 0 40 / .5);--glow-2: oklch(.054 .008 40 / .513);--glow-3: oklch(.058 .016 39 / .527);--glow-4: oklch(.062 .024 38 / .54);--glow-5: oklch(.066 .032 38 / .553);--glow-6: oklch(.07 .04 37 / .567);--glow-7: oklch(.074 .048 37 / .58);--glow-8: oklch(.078 .056 36 / .593);--glow-9: oklch(.082 .064 36 / .607);--glow-10: oklch(.086 .072 35 / .62);--card-edge: oklch(.945 .013 85 / .1);--shadow-raised: 0 1px 2px oklch(.05 0 0 / .5), 0 6px 20px oklch(.05 0 0 / .4);--shadow-low: 0 1px 2px oklch(.05 0 0 / .35)}}:root[data-theme=dark]{--color-surface: oklch(.185 .016 55);--color-surface-raised: oklch(.245 .018 55);--color-surface-sunken: oklch(.145 .014 55);--color-text: oklch(.945 .013 85);--color-text-muted: oklch(.755 .018 75);--color-border: oklch(.34 .018 55);--color-border-strong: oklch(.565 .022 55);--color-accent: oklch(.78 .14 60);--color-accent-hover: oklch(.85 .13 65);--color-on-accent: oklch(.185 .03 50);--color-focus: oklch(.82 .14 62);--heat-1: oklch(.86 .12 90);--heat-2: oklch(.85 .12 82);--heat-3: oklch(.84 .13 74);--heat-4: oklch(.83 .13 67);--heat-5: oklch(.815 .14 59);--heat-6: oklch(.8 .14 51);--heat-7: oklch(.79 .15 43);--heat-8: oklch(.78 .15 36);--heat-9: oklch(.765 .15 28);--heat-10: oklch(.755 .15 20);--card-1: oklch(.245 .018 55);--card-2: oklch(.251 .025 53);--card-3: oklch(.256 .032 51);--card-4: oklch(.262 .039 48);--card-5: oklch(.267 .046 46);--card-6: oklch(.273 .052 44);--card-7: oklch(.278 .059 42);--card-8: oklch(.284 .066 39);--card-9: oklch(.289 .073 37);--card-10: oklch(.295 .08 35);--ground-1: oklch(.185 .016 55);--ground-2: oklch(.189 .022 53);--ground-3: oklch(.193 .028 51);--ground-4: oklch(.197 .033 48);--ground-5: oklch(.201 .039 46);--ground-6: oklch(.204 .045 44);--ground-7: oklch(.208 .051 42);--ground-8: oklch(.212 .056 39);--ground-9: oklch(.216 .062 37);--ground-10: oklch(.22 .068 35);--glow-1: oklch(.05 0 40 / .5);--glow-2: oklch(.054 .008 40 / .513);--glow-3: oklch(.058 .016 39 / .527);--glow-4: oklch(.062 .024 38 / .54);--glow-5: oklch(.066 .032 38 / .553);--glow-6: oklch(.07 .04 37 / .567);--glow-7: oklch(.074 .048 37 / .58);--glow-8: oklch(.078 .056 36 / .593);--glow-9: oklch(.082 .064 36 / .607);--glow-10: oklch(.086 .072 35 / .62);--card-edge: oklch(.945 .013 85 / .1);--shadow-raised: 0 1px 2px oklch(.05 0 0 / .5), 0 6px 20px oklch(.05 0 0 / .4);--shadow-low: 0 1px 2px oklch(.05 0 0 / .35)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-slow: 0ms}}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--ground, var(--color-surface));transition:background-color var(--duration-slow) var(--ease);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}#root{flex:1;display:flex;flex-direction:column}[hidden]{display:none!important}h1,h2,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit}:where(a,button,select,[tabindex]):focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);transform:translateY(-200%);background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);text-decoration-thickness:.08em;text-underline-offset:.2em}.skip-link:focus{transform:translateY(0)}.linkish{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);min-height:var(--target);border:0;background:none;color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.linkish:hover{color:var(--color-text)}.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;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)}.wordmark{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--target)}.wordmark:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:.25em}.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%}.stage[data-screen=game]{max-width:none;padding:0;grid-template-rows:1fr;gap:0}.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);width:100%;padding:var(--space-8) clamp(var(--space-4),6vw,var(--space-8)) var(--space-12);text-align:center;background:var(--ground-10);color:var(--color-text);transition:background-color var(--duration-slow) var(--ease)}.gate__mark{width:2.75rem;height:2.75rem;color:var(--heat-10);fill:currentColor}.gate__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:-.015em;max-width:16ch;text-wrap:balance}.gate__figure{color:var(--heat-10)}.gate__lead{color:var(--color-text-muted);font-size:var(--text-md);line-height:1.45;max-width:34ch;text-wrap:pretty}.gate__ramp{width:min(14rem,60%);height:4px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--heat-1),var(--heat-2),var(--heat-3),var(--heat-4),var(--heat-5),var(--heat-6),var(--heat-7),var(--heat-8),var(--heat-9),var(--heat-10))}.gate__answers{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:22rem}.gate__confirm{box-shadow:var(--shadow-low),0 12px 28px var(--glow-10)}.gate__mark,.gate__title,.gate__lead,.gate__ramp,.gate__answers{animation:landing-rise var(--duration-slow) var(--ease) both}.gate__title{animation-delay:70ms}.gate__lead{animation-delay:.12s}.gate__ramp{animation-delay:.17s}.gate__answers{animation-delay:.21s}@media(prefers-reduced-motion:reduce){.gate__mark,.gate__title,.gate__lead,.gate__ramp,.gate__answers{animation:none}}.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--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__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}.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}.rules{display:flex;flex-direction:column;gap:var(--space-4)}.rules .sheet__rules{max-width:46ch}.close{display:flex;flex-direction:column;gap:var(--space-3);max-width:26rem}.close__note{font-size:var(--text-sm);color:var(--color-text-muted)}@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){.hero__say,.hero__deal,.hero__act,.levels .heat__bar,.demo .demo__dealt{animation:none}}.config{display:flex;flex-direction:column;gap:var(--space-6);max-width:32rem}.config__field{display:flex;flex-direction:column;gap:var(--space-1)}.config__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.heat--picker .heat__button[data-end=true] .heat__bar{box-shadow:0 0 0 2px var(--ground, var(--color-surface)),0 0 0 4px var(--heat)}.config__range{font-weight:600;color:var(--color-text);text-wrap:pretty}.config__blurb{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:pretty}.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)}.heat__scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);align-items:end}@media(min-width:33rem){.heat__scale{grid-template-columns:repeat(10,minmax(0,1fr))}}.heat__button{display:flex;align-items:flex-end;justify-content:center;width:100%;min-height:var(--target);padding:var(--space-1) 0;border:0;background:none;cursor:pointer}.heat__bar{display:block;width:100%;height:var(--bar-height);border-radius:var(--radius-pill);background:none;box-shadow:inset 0 0 0 2px var(--color-border-strong);transition:background-color var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease),height var(--duration-slow) var(--ease)}.heat__button[data-reached=true] .heat__bar{background:var(--heat);box-shadow:none}.heat__button[aria-current=step] .heat__bar{box-shadow:0 0 0 2px var(--scale-ground, var(--ground, var(--color-surface))),0 0 0 4px var(--heat)}.sheet .heat__scale{--scale-ground: var(--color-surface-raised)}.heat__button:disabled{cursor:not-allowed}.heat__button:disabled .heat__bar{height:3px;background:var(--color-border);box-shadow:none;opacity:.6}.heat__button:hover:not(:disabled) .heat__bar{background:var(--heat);opacity:.45}.heat__button[data-reached=true]:hover:not(:disabled) .heat__bar{opacity:1;background:var(--heat)}#screen-game{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-2);min-height:100dvh;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;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}}.card__embers{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.card__ember{--ember-speed: calc(1 - (var(--heat-t) - 1) * .04861);position:absolute;bottom:var(--space-3);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--heat) 0%,var(--heat) 35%,transparent 75%);filter:blur(.3px);opacity:0;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) both,ember-drift calc(var(--duration-slow) * 16 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 2 * var(--ember-speed)) infinite}.card__ember:nth-child(1){left:18%}.card__ember:nth-child(2){left:52%;bottom:var(--space-4);width:5px;height:5px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * .7 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 14 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 2.7 * var(--ember-speed)) infinite}.card__ember:nth-child(3){left:81%;width:7px;height:7px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * 1.25 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 18 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 3.25 * var(--ember-speed)) infinite}.card__ember:nth-child(4){left:8%;width:4px;height:4px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * .4 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 15 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 2.4 * var(--ember-speed)) infinite}.card__ember:nth-child(5){left:34%;bottom:var(--space-4);width:6px;height:6px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * 1.6 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 17 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 3.6 * var(--ember-speed)) infinite}.card__ember:nth-child(6){left:66%;width:5px;height:5px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * .95 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 13 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 2.95 * var(--ember-speed)) infinite}.card__ember:nth-child(7){left:92%;bottom:var(--space-4);width:6px;height:6px;animation:ember-flare calc(var(--duration-slow) * 2 * var(--ember-speed)) var(--ease) calc(var(--duration-slow) * 1.8 * var(--ember-speed)) both,ember-drift calc(var(--duration-slow) * 19 * var(--ember-speed)) ease-in-out calc(var(--duration-slow) * 3.8 * var(--ember-speed)) infinite}.card__ember:nth-child(8){left:42%;width:5px;height:5px;animation:ember-crackle calc(var(--duration-slow) * 47 * var(--ember-speed)) ease-in-out infinite}.card[data-heat-band="1"] .card__ember:nth-child(n+4){display:none}.card[data-heat-band="2"] .card__ember:nth-child(n+6){display:none}@keyframes ember-flare{0%{opacity:0;transform:scale(.6)}40%{opacity:calc(.85 + (var(--heat-t) - 1) * .01444);transform:scale(calc(1.15 + (var(--heat-t) - 1) * .02222))}to{opacity:calc(.55 + (var(--heat-t) - 1) * .01667);transform:scale(1)}}@keyframes ember-drift{0%,to{opacity:calc(.5 + (var(--heat-t) - 1) * .01667);transform:translateY(0) scale(1)}50%{opacity:calc(.8 + (var(--heat-t) - 1) * .01667);transform:translateY(calc(-.6rem - (var(--heat-t) - 1) * .0556rem)) scale(.85)}85%{opacity:.15;transform:translateY(calc(-1rem - (var(--heat-t) - 1) * .0556rem)) scale(.7)}}@keyframes ember-crackle{0%,90%,to{opacity:0;transform:scale(.6)}93%{opacity:.9;transform:scale(1.3)}96%{opacity:.4;transform:scale(1)}}.card[data-heat-band="3"]{animation:card-glow-pulse calc(var(--duration-slow) * 12) ease-in-out infinite}@keyframes card-glow-pulse{0%,to{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))}50%{box-shadow:inset 0 0 0 1px var(--card-edge),0 1px 2px var(--glow, var(--glow-1)),0 14px 42px var(--glow, var(--glow-1))}}@media(prefers-reduced-motion:reduce){.card__ember{animation:none;opacity:.45}.card[data-heat-band="3"]{animation:none}}.card__body{width:100%;display:flex;flex-direction:column}.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)}.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)}