:root{--viewport-ref-w: 390px;--viewport-ref-h: 844px;--thumb-zone-ratio: .45;--thumb-zone-min-h: 380px;--card-max-w: 350px;--card-illustration-h: 176px;--touch-target-min: 48px;--btn-tactile-h: 60px;--btn-secondary-h: 52px;--btn-press-offset: 4px;--safe-top: max(12px, env(safe-area-inset-top, 0px));--safe-right: max(16px, env(safe-area-inset-right, 0px));--safe-bottom: max(16px, env(safe-area-inset-bottom, 0px));--safe-left: max(16px, env(safe-area-inset-left, 0px));--viral-canvas-w: 1080px;--viral-canvas-h: 1920px;--viral-safe-top: 250px;--viral-safe-bottom: 300px;--viral-safe-right-tiktok: 196px;--font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-viral-hero: 1.75rem;--text-age-counter: 1.25rem;--text-card-title: 1.25rem;--text-stamp: 1.125rem;--text-card-body: 1rem;--text-lesson-body: .9375rem;--text-btn-action: .9375rem;--text-meta-mono: .75rem;--leading-tight: 1.05;--leading-heading: 1.2;--leading-body: 1.42;--tracking-tight: -.025em;--tracking-normal: -.005em;--tracking-wide: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--swipe-rotation-factor: .06;--swipe-max-rotation: 18deg;--swipe-preview-ratio: .25;--swipe-commit-ratio: .42;--swipe-velocity-commit: .65;--stamp-tilt-left: 12deg;--stamp-tilt-right: -12deg;--duration-press: 50ms;--duration-fast: .14s;--duration-exit: .24s;--duration-spring: .38s;--duration-stat-fill: .42s;--duration-pulse: .7s;--ease-spring-snap: cubic-bezier(.22, 1.35, .36, 1);--ease-spring-physics: linear( 0, .018 1.2%, .074 2.6%, .278 5.4%, .654 9.8%, .968 14.4%, 1.132 18.2%, 1.186 21.4%, 1.168 24.8%, 1.084 30.2%, .996 36.8%, .962 42.6%, .974 49.4%, 1.006 59.2%, 1.008 68.5%, .998 82%, 1 );--ease-card-exit: cubic-bezier(.32, 0, .67, 0);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--risk-dot-size-md: 8px;--risk-dot-size-lg: 12px}:root,[data-theme=arcade-zine]{color-scheme:dark;--bg-stage: oklch(17% .015 260);--bg-stage-elevated: oklch(22% .018 260);--bg-hud-pill: oklch(23% .018 260);--surface-card: oklch(96% .018 85);--surface-card-secondary: oklch(91% .022 85);--surface-card-stack-2: oklch(90% .02 85);--surface-card-stack-3: oklch(84% .022 85);--surface-lesson-drawer: oklch(96% .018 85);--surface-btn-neutral: oklch(96% .018 85);--card-paper-pattern: radial-gradient( oklch(16% .015 260 / .055) 1px, transparent 0 );--card-paper-pattern-size: 10px 10px;--ink-primary: oklch(16% .015 260);--ink-secondary: oklch(38% .02 260);--ink-on-stage: oklch(96% .012 85);--ink-on-stage-muted: oklch(78% .018 260);--ink-on-accent: oklch(14% .015 260);--accent-lime: oklch(85% .22 132);--accent-lime-active: oklch(80% .21 132);--accent-coral: oklch(64% .23 26);--accent-coral-active: oklch(59% .22 26);--accent-cyan: oklch(78% .15 210);--accent-cyan-active: oklch(73% .15 210);--accent-amber: oklch(80% .17 80);--accent-amber-active: oklch(75% .17 80);--stat-wallet-fill: oklch(85% .22 132);--stat-psyche-fill: oklch(78% .15 210);--stat-relations-fill: oklch(80% .17 80);--stat-trouble-fill: oklch(64% .23 26);--stat-track-bg: oklch(12% .012 260);--risk-dot-color: oklch(80% .17 80);--risk-dot-border: oklch(10% .015 260);--stamp-left-bg: oklch(64% .23 26);--stamp-left-ink: oklch(14% .015 260);--stamp-right-bg: oklch(85% .22 132);--stamp-right-ink: oklch(14% .015 260);--stamp-border-color: oklch(14% .015 260);--state-offline-bg: oklch(80% .17 80);--state-offline-ink: oklch(14% .015 260);--state-error-bg: oklch(64% .23 26);--state-error-ink: oklch(14% .015 260);--state-success-bg: oklch(85% .22 132);--state-success-ink: oklch(14% .015 260);--state-sponsored-bg: oklch(91% .055 85);--state-sponsored-ink: oklch(16% .015 260);--skeleton-surface: oklch(24% .016 260);--skeleton-shimmer: oklch(30% .018 260);--stroke-thin: 1.5px;--stroke-regular: 2.5px;--stroke-strong: 3px;--stroke-viral-canvas: 6px;--border-color-strong: oklch(16% .015 260);--border-color-on-stage: oklch(34% .02 260);--focus-ring-color: oklch(85% .22 132);--radius-card: 20px;--radius-btn: 14px;--radius-drawer: 18px;--radius-badge: 8px;--radius-stamp: 6px;--radius-pill: 9999px;--shadow-color-card: oklch(10% .015 260);--shadow-color-btn: oklch(10% .015 260);--shadow-card: 0 6px 0 var(--shadow-color-card);--shadow-card-dragging: 0 12px 0 oklch(8% .015 260 / .85);--shadow-btn: 0 4px 0 var(--shadow-color-btn);--shadow-btn-active: 0 0 0 var(--shadow-color-btn);--shadow-badge: 0 2px 0 var(--shadow-color-card);--viral-bg: oklch(17% .015 260);--viral-card-surface: oklch(96% .018 85);--viral-card-ink: oklch(16% .015 260);--viral-holo-gradient: linear-gradient( 115deg in oklch, oklch(85% .22 132) 0%, oklch(78% .15 210) 52%, oklch(80% .17 80) 100% )}[data-theme=oled-receipt]{color-scheme:dark;--bg-stage: oklch(12% .01 255);--bg-stage-elevated: oklch(16% .012 255);--bg-hud-pill: oklch(18% .014 255);--surface-card: oklch(20% .015 255);--surface-card-secondary: oklch(25% .016 255);--surface-card-stack-2: oklch(17% .014 255);--surface-card-stack-3: oklch(15% .012 255);--surface-lesson-drawer: oklch(18% .015 255);--surface-btn-neutral: oklch(22% .015 255);--card-paper-pattern: radial-gradient( oklch(95% .008 255 / .06) 1px, transparent 0 );--card-paper-pattern-size: 12px 12px;--ink-primary: oklch(95% .008 255);--ink-secondary: oklch(74% .015 255);--ink-on-stage: oklch(95% .008 255);--ink-on-stage-muted: oklch(72% .015 255);--ink-on-accent: oklch(12% .01 255);--accent-lime: oklch(83% .19 145);--accent-lime-active: oklch(78% .18 145);--accent-coral: oklch(66% .22 25);--accent-coral-active: oklch(61% .21 25);--accent-cyan: oklch(80% .13 215);--accent-cyan-active: oklch(75% .13 215);--accent-amber: oklch(82% .17 78);--accent-amber-active: oklch(77% .17 78);--stat-wallet-fill: oklch(83% .19 145);--stat-psyche-fill: oklch(80% .13 215);--stat-relations-fill: oklch(82% .17 78);--stat-trouble-fill: oklch(66% .22 25);--stat-track-bg: oklch(10% .01 255);--risk-dot-color: oklch(82% .17 78);--risk-dot-border: oklch(95% .008 255);--stamp-left-bg: oklch(66% .22 25);--stamp-left-ink: oklch(12% .01 255);--stamp-right-bg: oklch(82% .17 78);--stamp-right-ink: oklch(12% .01 255);--stamp-border-color: oklch(95% .008 255);--state-offline-bg: oklch(82% .17 78);--state-offline-ink: oklch(12% .01 255);--state-error-bg: oklch(66% .22 25);--state-error-ink: oklch(12% .01 255);--state-success-bg: oklch(83% .19 145);--state-success-ink: oklch(12% .01 255);--state-sponsored-bg: oklch(26% .035 78);--state-sponsored-ink: oklch(95% .008 255);--skeleton-surface: oklch(18% .012 255);--skeleton-shimmer: oklch(25% .015 255);--stroke-strong: 2.5px;--border-color-strong: oklch(88% .012 255);--border-color-on-stage: oklch(38% .015 255);--focus-ring-color: oklch(82% .17 78);--radius-card: 12px;--radius-btn: 10px;--radius-drawer: 12px;--radius-badge: 4px;--radius-stamp: 4px;--shadow-color-card: oklch(6% .01 255);--shadow-color-btn: oklch(55% .012 255);--shadow-card: 0 6px 0 var(--shadow-color-card);--shadow-card-dragging: 0 12px 0 oklch(4% .01 255 / .92);--shadow-btn: 0 4px 0 var(--shadow-color-btn);--shadow-btn-active: 0 0 0 var(--shadow-color-btn);--shadow-badge: 0 2px 0 var(--shadow-color-card);--viral-bg: oklch(12% .01 255);--viral-card-surface: oklch(94% .008 95);--viral-card-ink: oklch(15% .01 255);--viral-holo-gradient: linear-gradient( 120deg in oklch, oklch(84% .14 205) 0%, oklch(88% .16 135) 48%, oklch(85% .15 75) 100% )}.num-tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn-tactile{--_btn-bg: var(--surface-btn-neutral);--_btn-ink: var(--ink-primary);--_btn-border: var(--border-color-strong);--_btn-shadow: var(--shadow-color-btn);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--touch-target-min);min-height:var(--btn-tactile-h);padding-inline:var(--space-5);padding-block:var(--space-3);font-family:var(--font-display);font-size:var(--text-btn-action);font-weight:700;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none;color:var(--_btn-ink);background-color:var(--_btn-bg);border:var(--stroke-strong) solid var(--_btn-border);border-radius:var(--radius-btn);box-shadow:0 var(--btn-press-offset) 0 var(--_btn-shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:translateZ(0);transition:transform var(--duration-press) var(--ease-out-quart),box-shadow var(--duration-press) var(--ease-out-quart),background-color var(--duration-fast) ease-out}.btn-tactile--primary{--_btn-bg: var(--accent-lime);--_btn-ink: var(--ink-on-accent)}.btn-tactile--danger{--_btn-bg: var(--accent-coral);--_btn-ink: var(--ink-on-accent)}.btn-tactile--info{--_btn-bg: var(--accent-cyan);--_btn-ink: var(--ink-on-accent)}.btn-tactile--warning{--_btn-bg: var(--accent-amber);--_btn-ink: var(--ink-on-accent)}.btn-tactile:not(:disabled,[aria-disabled=true]):active,.btn-tactile.is-pressed:not(:disabled,[aria-disabled=true]){transform:translate3d(0,var(--btn-press-offset),0);box-shadow:var(--shadow-btn-active)}.btn-tactile:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}.btn-tactile:disabled,.btn-tactile[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:translate3d(0,2px,0);box-shadow:0 2px 0 var(--_btn-shadow)}.card-tactile{position:relative;width:min(100%,var(--card-max-w));color:var(--ink-primary);background-color:var(--surface-card);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transform-origin:50% 85%;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.card-tactile.is-snapping-back{transition:transform var(--duration-spring) var(--ease-spring-snap);transition-timing-function:var(--ease-spring-physics)}.card-tactile.is-exiting{transition:transform var(--duration-exit) var(--ease-card-exit),opacity var(--duration-exit) ease-out}.stamp-decision{display:inline-block;padding-inline:var(--space-3);padding-block:var(--space-1);font-family:var(--font-display);font-size:var(--text-stamp);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:var(--stroke-strong) solid var(--stamp-border-color);border-radius:var(--radius-stamp);box-shadow:var(--shadow-badge);pointer-events:none;opacity:0}.stamp-decision--left{color:var(--stamp-left-ink);background-color:var(--stamp-left-bg);transform:rotate(var(--stamp-tilt-left))}.stamp-decision--right{color:var(--stamp-right-ink);background-color:var(--stamp-right-bg);transform:rotate(var(--stamp-tilt-right))}@keyframes risk-dot-pulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.42);opacity:1}}.risk-dot{width:var(--risk-dot-size-md);height:var(--risk-dot-size-md);border-radius:var(--radius-pill);background-color:var(--risk-dot-color);border:var(--stroke-thin) solid var(--risk-dot-border);opacity:0;transform:scale(.75);transition:opacity var(--duration-fast) ease-out,transform var(--duration-fast) ease-out}.risk-dot--high{width:var(--risk-dot-size-lg);height:var(--risk-dot-size-lg)}.risk-dot.is-active{opacity:1;animation:risk-dot-pulse var(--duration-pulse) ease-in-out infinite}.stat-bar-trouble-pattern{background-color:var(--stat-trouble-fill);background-image:repeating-linear-gradient(-45deg,transparent 0 6px,oklch(14% .015 260 / .24) 6px 12px)}@media(prefers-reduced-motion:reduce){:root{--duration-press: 0ms;--duration-exit: .14s;--duration-spring: .16s;--ease-spring-snap: ease-out;--ease-spring-physics: ease-out}.btn-tactile,.btn-tactile:not(:disabled,[aria-disabled=true]):active,.btn-tactile.is-pressed:not(:disabled,[aria-disabled=true]){transform:none;transition:background-color .12s ease-out}.btn-tactile:not(:disabled,[aria-disabled=true]):active,.btn-tactile.is-pressed:not(:disabled,[aria-disabled=true]){outline:2px solid var(--focus-ring-color);outline-offset:-4px}.card-tactile.is-snapping-back{transition:transform .16s ease-out}.card-tactile.is-exiting{transition:opacity .14s ease-out}.risk-dot.is-active{animation:none;opacity:1;transform:scale(1.15)}}@media(forced-colors:active){.btn-tactile,.card-tactile,.stamp-decision{border-color:ButtonText}.btn-tactile:focus-visible,.btn-tactile:not(:disabled,[aria-disabled=true]):active{outline:3px solid Highlight;outline-offset:2px}.risk-dot.is-active{background-color:Highlight;border-color:CanvasText}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/space-grotesk-latin-wght-normal.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/space-grotesk-latin-ext-wght-normal.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:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/jetbrains-mono-latin-wght-normal.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:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/jetbrains-mono-latin-ext-wght-normal.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}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;background-color:var(--bg-stage);color:var(--ink-on-stage);font-family:var(--font-body);font-size:100%;-webkit-text-size-adjust:100%}body{overflow:hidden}h1,h2,p,ul,ol,dl,dd{margin:0}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;overflow:hidden;max-width:480px;margin-inline:auto;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.shell>[hidden]{display:none}.shell[data-screen=start],.shell[data-screen=end]{grid-template-rows:minmax(0,1fr) auto auto}.hud{padding-block-end:var(--space-2)}.hud__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);min-height:32px}.hud__deck{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-stage-muted);font-variant-numeric:tabular-nums}.hud__age{font-size:var(--text-age-counter);font-weight:800;letter-spacing:-.02em;line-height:1.1}.hud__age-label{font-size:var(--text-meta-mono);font-weight:600;color:var(--ink-on-stage-muted);letter-spacing:var(--tracking-wide)}.hud__bars{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.bar{display:grid;gap:var(--space-1);min-width:0}.bar__head{display:flex;align-items:center;gap:var(--space-1);min-width:0;color:var(--ink-on-stage)}.bar-icon{flex:none;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.bar__label{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:.01em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__warn{display:none;font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:800;color:var(--accent-coral)}.bar.is-danger .bar__warn{display:inline}.bar__track,.result__bar-track{position:relative;display:block;height:12px;overflow:hidden;background-color:var(--stat-track-bg);border:var(--stroke-thin) solid var(--border-color-on-stage);border-radius:var(--radius-pill)}.bar.is-danger .bar__track{border-color:var(--accent-coral)}.bar__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(.5);transition:transform var(--duration-stat-fill) var(--ease-out-quart)}.bar__fill--wallet{background-color:var(--stat-wallet-fill)}.bar__fill--psyche{background-color:var(--stat-psyche-fill)}.bar__fill--relations{background-color:var(--stat-relations-fill)}.bar__dotrow{display:flex;justify-content:center;align-items:center;height:14px}.bar.is-previewed .bar-icon{stroke:var(--accent-amber)}.stage{position:relative;min-height:0;display:grid;place-items:center;container-type:size}.deck{position:relative;display:grid;place-items:center;width:min(100cqw,var(--card-max-w),75cqh)}.deck>*{grid-area:1 / 1}.deck__peek{width:100%;height:100%;background-color:var(--surface-card-stack-3);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);transform:translate3d(0,10px,0) scale(.95)}.card{width:100%;aspect-ratio:3 / 4;max-height:100cqh;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:hidden;cursor:grab;-webkit-user-select:none;outline:none}.card:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:4px}.card.is-dragging{cursor:grabbing;box-shadow:var(--shadow-card-dragging)}.card--sponsored{background-color:var(--state-sponsored-bg)}.card__partner{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;text-transform:uppercase;color:var(--state-sponsored-ink);border-bottom:var(--stroke-regular) solid var(--border-color-strong);padding-bottom:var(--space-2)}.card__meta{display:flex;justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-secondary)}.card__plate{position:relative;flex:1 1 auto;min-height:72px;max-height:var(--card-illustration-h);display:grid;place-items:center;background-color:var(--surface-card-secondary);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge);overflow:visible}.card__plate-no{font-family:var(--font-display);font-weight:700;font-size:4.5rem;line-height:1;letter-spacing:-.04em;color:var(--ink-primary)}.card__stamp{position:absolute;top:var(--space-3);max-width:70%;text-align:center;transition:opacity var(--duration-fast) ease-out;will-change:opacity,transform}.card__stamp--left{left:var(--space-2)}.card__stamp--right{right:var(--space-2)}.card__text{font-family:var(--font-display);font-size:var(--text-card-title);font-weight:700;line-height:var(--leading-heading);letter-spacing:-.02em;text-wrap:balance;color:var(--ink-primary)}.actions{display:grid;gap:var(--space-3);padding-block:var(--space-3) var(--space-2)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.btn-choice{min-width:0;padding-inline:var(--space-3);font-size:.875rem}.btn-choice--left{--_btn-bg: var(--accent-coral);--_btn-ink: var(--ink-on-accent)}.btn-choice--right{--_btn-bg: var(--accent-lime);--_btn-ink: var(--ink-on-accent)}.btn-wide{width:100%}.btn-secondary{min-height:var(--btn-secondary-h)}.ai-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-block:var(--space-1) var(--safe-bottom);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:.02em;color:var(--ink-on-stage-muted);text-align:center}.ai-note__dot{width:8px;height:8px;flex:none;border-radius:var(--radius-pill);background-color:var(--accent-cyan)}.start{width:100%;display:grid;gap:var(--space-5);align-content:center}.badge{justify-self:start;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge);box-shadow:var(--shadow-badge)}.badge--test{color:var(--ink-on-accent);background-color:var(--accent-amber)}.start__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,13cqw,3.75rem);line-height:.95;letter-spacing:-.04em;outline:none}.start__subtitle{margin-top:calc(-1 * var(--space-2));font-size:1.125rem;font-weight:700;line-height:var(--leading-body)}.start__about{font-size:.875rem;line-height:var(--leading-body);color:var(--ink-on-stage-muted)}.start__title-accent{display:inline-block;margin-top:var(--space-2);padding:0 var(--space-3) var(--space-1);color:var(--ink-on-accent);background-color:var(--accent-lime);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-stamp);box-shadow:0 6px 0 var(--shadow-color-card);transform:rotate(-3deg)}.start__lead{font-size:1.125rem;font-weight:500;line-height:var(--leading-body)}.start__rules{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);color:var(--ink-primary);background-color:var(--surface-card);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:var(--text-card-body);line-height:var(--leading-body)}.notice{padding:var(--space-3);color:var(--state-offline-ink);background-color:var(--state-offline-bg);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge);font-size:var(--text-lesson-body)}.counters-note{font-size:var(--text-meta-mono);line-height:var(--leading-body);color:var(--ink-on-stage-muted)}.counters-note{display:grid;gap:var(--space-2)}.result .counters-note{color:var(--ink-secondary)}.counters-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-weight:600;cursor:pointer}.counters-toggle__input{appearance:none;-webkit-appearance:none;width:44px;height:26px;flex:none;margin:0;color:inherit;background-color:transparent;background-image:radial-gradient(circle at 11px 50%,currentColor 0 7px,transparent 7.5px);border:var(--stroke-regular) solid currentColor;border-radius:var(--radius-pill);cursor:pointer}.counters-toggle__input:checked{background-color:var(--accent-cyan);background-image:radial-gradient(circle at calc(100% - 11px) 50%,var(--ink-on-accent) 0 7px,transparent 7.5px);border-color:var(--border-color-strong)}.start .counters-toggle__input:checked{border-color:currentColor}.counters-toggle__input:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}@media(forced-colors:active){.counters-toggle__input{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;background-image:none;border:0}}.sheet{width:100%;max-height:100%;overflow:hidden;display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5) var(--space-4);color:var(--ink-primary);background-color:var(--surface-lesson-drawer);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-drawer);box-shadow:var(--shadow-card);animation:sheet-in var(--duration-spring) var(--ease-out-quart) both}@keyframes sheet-in{0%{transform:translate3d(0,48px,0);opacity:0}to{transform:none;opacity:1}}.sheet__head{display:grid;gap:var(--space-2)}.sheet__title{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-secondary);outline:none}.sheet__choice{justify-self:start;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-stamp);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-accent);border:var(--stroke-strong) solid var(--stamp-border-color);border-radius:var(--radius-stamp);box-shadow:var(--shadow-badge)}.sheet__choice--left{background-color:var(--stamp-left-bg);transform:rotate(-2deg)}.sheet__choice--right{background-color:var(--stamp-right-bg);transform:rotate(2deg)}.deltas{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.delta{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-3);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge);background-color:var(--surface-card)}.delta .bar-icon{stroke:var(--ink-primary)}.delta__label{flex:1;font-weight:700;font-size:var(--text-lesson-body)}.delta__value{font-weight:800;font-size:1rem}.delta--good{background-color:var(--state-success-bg)}.delta--bad{background-color:var(--state-error-bg)}.delta--age{background-color:var(--surface-card-secondary)}.sheet__fatal{padding:var(--space-2) var(--space-3);font-weight:700;color:var(--state-error-ink);background-color:var(--state-error-bg);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge)}.lesson{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--ink-on-accent);background-color:var(--accent-cyan);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-badge);box-shadow:var(--shadow-badge)}.lesson__tag{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.lesson__choice{font-weight:700;font-size:var(--text-lesson-body)}.lesson__body{font-size:var(--text-lesson-body);font-weight:500;line-height:1.4}.grandma{width:min(calc(100vw - 32px),360px);max-height:calc(100dvh - 32px);margin:auto auto max(16px,env(safe-area-inset-bottom)) auto;padding:var(--space-5) var(--space-4);color:var(--ink-primary);background-color:var(--surface-card);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.grandma[open]{display:grid;gap:var(--space-3);animation:sheet-in var(--duration-spring) var(--ease-out-quart) both}.grandma::backdrop{background-color:#020307c7}.grandma__tag{justify-self:start;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-accent);background-color:var(--accent-amber);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge)}.grandma__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:var(--leading-tight);letter-spacing:-.03em;text-transform:uppercase}.grandma__cause{font-weight:700}.grandma__list{list-style:none;padding:0;display:grid;gap:var(--space-2)}.grandma__list li{display:flex;align-items:center;gap:var(--space-2)}.grandma__list .bar-icon{stroke:var(--ink-primary)}.grandma__note{font-size:var(--text-lesson-body);color:var(--ink-secondary)}.grandma__actions{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.result{width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:var(--space-3);align-content:safe center;padding:var(--space-5) var(--space-4);color:var(--ink-primary);background-color:var(--surface-card);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:sheet-in var(--duration-spring) var(--ease-out-quart) both}.result__stamp{justify-self:start;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-stamp);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-accent);border:var(--stroke-strong) solid var(--stamp-border-color);border-radius:var(--radius-stamp);box-shadow:var(--shadow-badge);transform:rotate(-3deg);max-width:100%;text-wrap:balance}@media(max-width:374px){.result__stamp{font-size:.9375rem;letter-spacing:.02em;padding-inline:var(--space-2)}}.result--failure .result__stamp{background-color:var(--accent-coral)}.result--survival .result__stamp{background-color:var(--accent-lime)}.result__code{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-secondary)}.result__name{font-family:var(--font-display);font-size:var(--text-viral-hero);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;outline:none}.result__msg{font-size:var(--text-card-body);font-weight:500;line-height:var(--leading-body)}.result__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.result__stats>div{padding:var(--space-2) var(--space-3);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge);background-color:var(--surface-card-secondary)}.result__stats dt{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:600;text-transform:uppercase;color:var(--ink-secondary)}.result__stats dd{font-family:var(--font-mono);font-size:1.125rem;font-weight:800;font-variant-numeric:tabular-nums}.result__bars{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.result__bars li{display:grid;justify-items:center;gap:var(--space-1)}.result__bars .bar-icon{stroke:var(--ink-primary)}.result__bar-track{width:100%;background-color:var(--stat-track-bg);border-color:var(--border-color-strong)}@media(max-height:720px){.card__plate{display:none}.start__rules{font-size:var(--text-lesson-body)}.result__msg{display:none}.sheet{gap:var(--space-3);padding-block:var(--space-4)}}@media(prefers-reduced-motion:reduce){.sheet,.result,.grandma[open]{animation-name:fade-in;animation-duration:.12s}.bar__fill{transition-duration:0ms}.start__title-accent,.sheet__choice--left,.sheet__choice--right,.result__stamp{transform:none}.bar.is-previewed .bar-icon{stroke-width:3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.shell[data-screen=card] .stage,.shell[data-screen=fact] .stage,.shell[data-screen=lifeline] .stage{place-items:end center;padding-block-end:var(--space-2)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.badge--deck{color:var(--ink-on-accent);background-color:var(--accent-cyan)}.start__deck{padding-inline-start:var(--space-3);border-inline-start:var(--stroke-strong) solid var(--accent-amber);font-family:var(--font-display);font-size:var(--text-card-title);font-weight:700;line-height:var(--leading-heading);letter-spacing:-.02em;text-wrap:balance}@media(max-height:720px){.result__bars{display:none}.start{gap:var(--space-3)}.start__lead{display:none}}.viral{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--ink-on-stage);background-color:var(--bg-stage);border:0}.viral[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:var(--space-3)}.viral::backdrop{background-color:var(--bg-stage)}.viral__title{font-family:var(--font-display);font-size:var(--text-card-title);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.viral__frame{position:relative;min-height:0}.viral__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-touch-callout:default}.viral__hint{font-size:var(--text-lesson-body);font-weight:500;line-height:1.4}.viral__note{font-family:var(--font-mono);font-size:var(--text-meta-mono);color:var(--ink-on-stage-muted)}.book-btn{flex-wrap:wrap;column-gap:var(--space-2);row-gap:var(--space-1)}.book-btn__label{white-space:normal}.book-new{display:inline-block;padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-accent);background-color:var(--accent-amber);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-stamp);box-shadow:var(--shadow-badge);transform:rotate(-4deg);animation:book-pop var(--duration-spring) var(--ease-spring-snap) both}@keyframes book-pop{0%{transform:rotate(-4deg) scale(.6);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}.pair--end>.btn-tactile{min-width:0;padding-inline:var(--space-3)}.ksiega{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--ink-on-stage);background-color:var(--bg-stage);border:0;overflow:hidden}.ksiega[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3);animation:sheet-in var(--duration-spring) var(--ease-out-quart) both}.ksiega::backdrop{background-color:var(--bg-stage)}.ksiega__head,.ksiega__scroll,.ksiega__actions{width:100%;max-width:448px;margin-inline:auto}.ksiega__head{display:grid;gap:var(--space-2)}.ksiega__headrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.ksiega__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:var(--leading-tight);letter-spacing:-.03em;text-transform:uppercase;outline:none}.ksiega__counter{color:var(--ink-on-accent);background-color:var(--accent-lime);transform:rotate(3deg)}.ksiega__lead{font-size:var(--text-lesson-body);font-weight:500;line-height:1.4;color:var(--ink-on-stage-muted)}.ksiega__scroll{position:relative;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--space-1) var(--space-4)}.ksiega__list{list-style:none;padding:0;display:grid;gap:var(--space-4)}.ksiega__item{position:relative;display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);color:var(--ink-primary);background-color:var(--surface-card);background-image:var(--card-paper-pattern);background-size:var(--card-paper-pattern-size);border:var(--stroke-strong) solid var(--border-color-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-wrap:anywhere}.ksiega__item--tilt-l{transform:rotate(-.8deg)}.ksiega__item--tilt-r{transform:rotate(.8deg)}.ksiega__item--failure{border-inline-start-width:10px;border-inline-start-color:var(--accent-coral)}.ksiega__item--survival{border-inline-start-width:10px;border-inline-start-color:var(--accent-lime)}.ksiega__item--hidden{grid-template-columns:auto 1fr auto;align-items:center;color:var(--ink-on-stage);background-color:var(--bg-stage-elevated);background-image:none;border-style:dashed;border-color:var(--border-color-on-stage);box-shadow:none}.ksiega__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ksiega__code{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;letter-spacing:var(--tracking-wide);color:var(--ink-secondary)}.ksiega__item--hidden .ksiega__code{color:var(--ink-on-stage-muted)}.ksiega__mystery{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.2em;text-align:center;color:var(--ink-on-stage-muted)}.ksiega__hint{justify-self:end;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-on-accent);border:var(--stroke-regular) solid var(--border-color-strong);border-radius:var(--radius-badge)}.ksiega__hint--failure{background-color:var(--accent-coral)}.ksiega__hint--survival{background-color:var(--accent-lime)}.ksiega__name{margin:0;font-family:var(--font-display);font-size:var(--text-card-title);font-weight:700;line-height:var(--leading-heading);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.ksiega__msg{font-size:var(--text-lesson-body);font-weight:500;line-height:1.4}.ksiega__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-top:var(--space-1)}.ksiega__stamp{max-width:100%;padding:2px var(--space-2);font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-on-accent);border:var(--stroke-regular) solid var(--stamp-border-color);border-radius:var(--radius-stamp);box-shadow:var(--shadow-badge);transform:rotate(-3deg)}.ksiega__stamp--failure{background-color:var(--accent-coral)}.ksiega__stamp--survival{background-color:var(--accent-lime)}.ksiega__count{font-family:var(--font-mono);font-size:var(--text-meta-mono);font-weight:700;text-transform:uppercase;color:var(--ink-secondary)}.ksiega__actions{display:grid;gap:var(--space-3)}.ksiega__confirm-panel{display:grid;gap:var(--space-3);padding:var(--space-3);color:var(--ink-primary);background-color:var(--surface-card);border:var(--stroke-strong) solid var(--border-color-strong);border-inline-start:10px solid var(--accent-coral);border-radius:var(--radius-card)}.ksiega__confirm{font-weight:700;line-height:1.35}.ksiega .pair>.btn-tactile{min-width:0;padding-inline:var(--space-3)}@media(max-height:640px){.ksiega__title{font-size:1.375rem}.ksiega__lead{display:none}}@media(prefers-reduced-motion:reduce){.ksiega[open]{animation-name:fade-in;animation-duration:.12s}.book-new{animation:none}.book-new,.ksiega__counter,.ksiega__item--tilt-l,.ksiega__item--tilt-r,.ksiega__stamp{transform:none}}.start__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.start__top .badge{justify-self:auto}.book-btn--chip{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);font-size:.8125rem}.start{max-height:100%;overflow-y:auto;overscroll-behavior:contain;align-content:safe center;padding-block:var(--space-1) var(--space-2)}
