@layer primitive,theme,look-fun,look-pro,contrast,layout;@layer primitive{:root{--white: oklch(100% 0 0deg);--gray-178: oklch(17.763777% 0 0deg);--gray-957: oklch(95.731011% .00398197 106.474581deg);--ink-152: oklch(15.162116% .02127031 288.15387deg);--ink-177: oklch(17.706633% .01642564 284.598924deg);--ink-185: oklch(18.45899% .01479164 304.460589deg);--ink-230: oklch(23.005971% .01536155 285.129398deg);--ink-237: oklch(23.671975% .0075921 285.805509deg);--ink-256: oklch(25.640192% .0186977 285.005763deg);--ink-335: oklch(33.482252% .03852885 284.126453deg);--ink-560: oklch(56% .04 285deg);--ink-644: oklch(64.3937% .04454545 285.081205deg);--ink-708: oklch(70.825399% .0115092 286.102183deg);--ink-778: oklch(77.839408% .0098275 286.169159deg);--ink-835: oklch(83.517697% .01103693 286.158331deg);--ink-944: oklch(94.42288% .0053419 286.296885deg);--violet-206: oklch(20.5604% .04669673 289.283757deg);--violet-213: oklch(21.344608% .03887597 287.202379deg);--violet-252: oklch(25.208311% .06082314 289.667087deg);--violet-266: oklch(26.579461% .05142761 287.266004deg);--violet-279: oklch(27.932773% .08150723 291.217487deg);--violet-345: oklch(34.54614% .06707384 288.244925deg);--violet-352: oklch(35.169885% .12695449 287.42645deg);--violet-505: oklch(50.529418% .03152791 289.805519deg);--violet-545: oklch(54.485144% .0355754 289.146383deg);--violet-596: oklch(59.628323% .05155569 291.494377deg);--violet-817: oklch(81.7% .094 298deg);--violet-875: oklch(87.458109% .02797016 299.49921deg);--violet-881: oklch(88.1% .059 299deg);--violet-901: oklch(90.102964% .04851584 298.482684deg);--violet-904: oklch(90.374147% .04715199 298.891125deg);--violet-911: oklch(91.111905% .03014636 296.206805deg);--violet-916: oklch(91.641932% .02995818 294.144018deg);--violet-924: oklch(92.385383% .03592343 299.726083deg);--violet-932: oklch(93.2% .033 300deg);--violet-944: oklch(94.43262% .01608111 289.924509deg);--purple-434: oklch(43.409845% .17876851 290.917339deg);--purple-476: oklch(47.611321% .19890955 290.642906deg);--purple-677: oklch(67.697864% .19008563 293.887844deg);--slate-209: oklch(20.91994% .01896462 266.07127deg);--slate-413: oklch(41.331903% .01908089 269.682804deg);--slate-414: oklch(41.411321% .02590882 270.721166deg);--slate-432: oklch(43.206878% .02759516 269.030295deg);--slate-454: oklch(45.35132% .0221476 268.808399deg);--slate-124: oklch(12.422783% .01515943 274.630395deg);--teal-324: oklch(32.437113% .05067029 234.484063deg);--green-897: oklch(89.7% .058 168deg);--green-221: oklch(22.077332% .0350552 172.478238deg);--green-283: oklch(28.314327% .03934656 179.144583deg);--green-407: oklch(40.663011% .08066281 166.893733deg);--green-441: oklch(44.14074% .08826909 166.539989deg);--green-440: oklch(44% .1 159deg);--green-813: oklch(81.3094% .14814045 168.289031deg);--red-863: oklch(86.3% .057 355deg);--red-236: oklch(23.577456% .07464392 15.67681deg);--red-276: oklch(27.634837% .09675689 18.85934deg);--red-434: oklch(43.417672% .15721109 19.580416deg);--red-472: oklch(47.214612% .17120241 19.682702deg);--red-470: oklch(47% .17 19deg);--red-684: oklch(68.444138% .20598119 17.867544deg);--blue-543: oklch(54.310036% .24743306 269.535006deg);--blue-460: oklch(46% .18 262deg);--blue-560: oklch(55.984818% .18823353 266.399595deg);--blue-169: oklch(16.916851% .09653373 263.926307deg);--test-grey: oklch(80.7796% 0 0deg);--test-yellow: oklch(78.1933% .1704 109.77deg);--test-cyan: oklch(73.1378% .1248 194.77deg);--test-green: oklch(69.9907% .2382 142.5deg);--test-magenta: oklch(56.681% .2605 328.36deg);--test-red: oklch(50.726% .2082 29.23deg);--test-blue: oklch(36.5135% .253 264.05deg);--test-black: oklch(18.6741% 0 0deg);--test-navy: oklch(25.4941% .0885 256.44deg);--test-violet: oklch(27.8982% .1537 294.42deg);--test-dim: oklch(13.9791% 0 0deg);--test-dull: oklch(23.075% 0 0deg);--black: oklch(0% 0 0deg);--black-a40: oklch(0% 0 0deg / 40%);--black-a50: oklch(0% 0 0deg / 50.196078%);--black-a70: oklch(0% 0 0deg / 70.196078%);--white-a4: oklch(100% 0 0deg / 3.921569%);--white-a15: oklch(100% 0 0deg / 14.901961%);--white-a25: oklch(100% 0 0deg / 25.098039%);--white-a70: oklch(100% 0 0deg / 70.196078%);--blue-560-a35: oklch(55.984818% .18823353 266.399595deg / 34.901961%);--blue-560-a70: oklch(55.984818% .18823353 266.399595deg / 70.196078%);--blue-169-a20: oklch(16.916851% .09653373 263.926307deg / 20%);--purple-677-a12: oklch(67.697864% .19008563 293.887844deg / 12%);--purple-677-a16: oklch(67.697864% .19008563 293.887844deg / 16%);--purple-677-a25: oklch(67.697864% .19008563 293.887844deg / 25%);--purple-677-a40: oklch(67.697864% .19008563 293.887844deg / 40%);--green-813-a12: oklch(81.3094% .14814045 168.289031deg / 12%);--green-813-a20: oklch(81.3094% .14814045 168.289031deg / 20%);--green-813-a30: oklch(81.3094% .14814045 168.289031deg / 30%);--violet-270-a20: oklch(26.951724% .11688506 289.163421deg / 20%);--violet-135-a70: oklch(13.501754% .0315192 289.256179deg / 70.196078%);--slate-209-a14: oklch(20.91994% .01896462 266.07127deg / 14.117647%);--slate-209-a45: oklch(20.91994% .01896462 266.07127deg / 45.098039%);--pixel: "Press Start 2P", "Press Start 2P Fallback", "Courier New", monospace;--sans: "IBM Plex Sans", "IBM Plex Sans Fallback", arial, sans-serif;--system-mono: ui-monospace, monospace;--system-sans: system-ui, sans-serif;--font-9: .5625rem;--font-10: .625rem;--font-11: .6875rem;--font-12: .75rem;--font-13: .8125rem;--font-14: .875rem;--font-15: .9375rem;--font-16: 1rem;--font-17: 1.0625rem;--font-18: 1.125rem;--font-19: 1.1875rem;--font-20: 1.25rem;--font-22: 1.375rem;--font-24: 1.5rem;--font-26: 1.625rem;--font-28: 1.75rem;--font-30: 1.875rem;--font-32: 2rem;--font-36: 2.25rem;--font-40: 2.5rem;--font-44: 2.75rem;--leading-100: 1;--leading-110: 1.1;--leading-115: 1.15;--leading-120: 1.2;--leading-130: 1.3;--leading-135: 1.35;--leading-140: 1.4;--leading-145: 1.45;--leading-150: 1.5;--leading-160: 1.6;--leading-165: 1.65;--leading-170: 1.7;--tracking-wide: .06em;--underline-offset: .15em;--measure-bubble: 26em;--measure-intro: 32em;--measure-teaser: 36em;--measure-text: 40em;--measure-hero: 44em;--measure-footer: 28em;--measure-prose: none;--space-0: 0px;--space-1: 1px;--space-2: 2px;--space-3: 3px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-72: 72px;--border-1: 1px;--border-2: 2px;--border-3: 3px;--border-4: 4px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-14: 14px;--radius-16: 16px;--radius-18: 18px;--radius-24: 24px;--page-width: 1120px;--page-gutter: max(var(--space-16), calc((100vw - var(--page-width)) / 2));--width-demo: 55rem;--width-demo-card: 26.25rem;--screen-width-fit: calc(100vw - var(--space-32));--screen-height-fit: calc(100dvh - var(--space-32));--breakpoint-page: 760px;--breakpoint-demo: 640px;--breakpoint-demo-narrow: 360px;--sprite-size: 256px;--sprite-frame-time: calc(1s / 12);--art-frame-time: .2s;--height-scene: 23.75rem;--height-scene-phone: 20rem;--height-scene-pinned-phone: 32svh;--length-scene: 220svh;--length-arc-min: 340px;--length-level-min: 150px;--length-scene-phone: 180svh;--width-trust-fact: 240px;--width-level-card: 300px;--width-scene-card: 14.5rem;--height-scene-card: 21.25rem;--width-scene-card-phone: 12.25rem;--height-scene-card-phone: 20.625rem;--scene-perspective: 56.25rem;--scene-ring-room: 4.375rem;--scene-ring-top: 1.375rem;--scene-orbit-room: 9.375rem;--scene-orbit-top: 6.875rem;--width-scene-step: 2.75rem;--height-scene-step: 2.5rem;--height-scene-picture: 8rem;--height-scene-bar: 8px;--size-scene-icon: 32px;--size-scene-qr: 63px;--size-dot: 8px;--dot-core: 1.5px;--dot-edge: 2px;--dot-spacing: 10px;--size-bubble-tail: 14px;--bubble-tail-offset: -9px;--band-space: var(--space-28);--room-start-height: 62svh;--room-zoom: 2;--code-room-start-height: clamp(220px, 42svh, 420px);--code-room-end-height: calc(100svh - var(--header-height, var(--space-72)));--code-room-perspective: 500px;--code-room-depth-far: -1800px;--code-room-depth-middle: -700px;--code-room-depth-near: 100px;--code-room-spread-far: 180%;--code-room-spread-middle: 70%;--code-room-spread-near: -10%;--code-room-reach-far: 135cqh;--code-room-reach-middle: 50cqh;--code-room-reach-near: 0cqh;--code-room-opacity-far: .35;--code-room-opacity-middle: .65;--code-room-floor-tilt: 70deg;--code-room-floor-perspective: 300px;--code-room-cell: 64px;--glitch-square-least: 22px;--glitch-square-spread: 30px;--static-grains-wide: 96;--static-grains-high: 48;--static-brightest: 180;--static-opacity: .7;--glitch-tear-1: 0 .06 .06 0 0 -.03 0 0;--glitch-tear-2: .04 0 0 -.05 -.05 0 .03 0;--glitch-tear-3: 0 -.03 .05 0 0 .04 0 -.02;--glitch-tear-at: .1s;--glitch-tear-step: .09s;--glitch-static-at: .37s;--glitch-static-step: .1s;--glitch-bars-at: .62s;--glitch-end-at: .9s;--glitch-pause-least: 10s;--glitch-pause-most: 20s;--test-screen: linear-gradient(to right, var(--test-grey) 0 calc(100% / 7), var(--test-yellow) 0 calc(200% / 7), var(--test-cyan) 0 calc(300% / 7), var(--test-green) 0 calc(400% / 7), var(--test-magenta) 0 calc(500% / 7), var(--test-red) 0 calc(600% / 7), var(--test-blue) 0) 0 0 / 100% 67% no-repeat, linear-gradient(to right, var(--test-blue) 0 calc(100% / 7), var(--test-black) 0 calc(200% / 7), var(--test-magenta) 0 calc(300% / 7), var(--test-black) 0 calc(400% / 7), var(--test-cyan) 0 calc(500% / 7), var(--test-black) 0 calc(600% / 7), var(--test-grey) 0) 0 calc(100% * 67 / 92) / 100% 8% no-repeat, linear-gradient(to right, var(--test-navy) 0 14.63%, var(--white) 0 29.27%, var(--test-violet) 0 43.9%, var(--test-black) 0 63.41%, var(--test-dim) 0 69.51%, var(--test-black) 0 75.61%, var(--test-dull) 0 81.71%, var(--test-black) 0) 0 100% / 100% 25% no-repeat;--footer-room: 120px;--trace-shadow-offset-x: 1.5;--trace-shadow-offset-y: 2.5;--pipe-width: 12;--pipe-wall: 1.5;--packet-letter-size: 8px;--trace-width: 2;--trace-shadow-width: 3;--trace-light-width: 1;--trace-light-offset-x: -.8;--trace-light-offset-y: -.8;--trace-packet-size: 10;--trace-packet-glow-size: 9;--profile-background-shelly: var(--black);--profile-background-jack: var(--black);--profile-label-shelly: var(--shelly-bright);--profile-label-jack: var(--jack-bright);--profile-text: var(--gray-957);--profile-frame: var(--violet-875);--versus-color: var(--jack-bright);--portrait-shelly: color-mix(in oklab, var(--shelly-bright) 45%, var(--on-shelly-bright));--portrait-jack: linear-gradient(140deg, color-mix(in oklab, var(--jack-bright) 70%, var(--on-jack-bright)) 15%, color-mix(in oklab, var(--jack-purple-bright) 55%, var(--on-jack-bright)) 90%);--length-profile-track: 220svh;--profile-blank-line: .7em;--arc-background: color-mix(in oklab, var(--jack-purple) 10%, var(--surface));--level-background: color-mix(in oklab, var(--jack-purple) 20%, var(--surface));--width-timeline-card: 160px;--shelly-walk-rounds: 3;--shelly-walk-slowdown: 1.25;--shelly-walk-step: 25%;--size-icon-button: 40px;--blur-nav: 8px;--pixel-block: 8px;--pixel-grey: off;--pixel-palette: 256;--pixel-darken: 30%;--pixel-palettes: 256 64 16 8 4;--pixel-levels-256: 8 8 4;--pixel-levels-64: 4 4 4;--pixel-levels-16: 4 2 2;--pixel-levels-8: 2 2 2;--pixel-levels-4: 2 2 1;--pixel-block-slider: 2 32 2;--pixel-darken-slider: 0 90 5;--height-bar-logo: 26px;--height-bar-logo-phone: 17px;--size-pip: 9px;--size-pip-phone: 8px;--trap-top: calc(var(--header-height) + var(--space-12));--width-trap-cookies: 45rem;--width-trap-promo: 35rem;--width-trap-notice: 25rem;--width-trap-form: 23.75rem;--width-trap-qr: 17.5rem;--width-trap-chat: 22.5rem;--width-settings: 22.5rem;--size-qr: 160px;--size-trap-avatar: 2.25rem;--min-height-trap-messages: 4rem;--switch-width: 44px;--switch-height: 24px;--switch-knob: 16px;--switch-travel: 20px;--height-progress: 16px;--height-timer-track: 8px;--size-fake-icon: 48px;--size-demo-avatar: 2.5rem;--height-chat-log: clamp(15rem, 35dvh, 25rem);--width-phone: 22.5rem;--min-height-phone: 28.75rem;--phone-bezel: .5rem;--radius-phone: 2rem;--height-status-bar: 1.375rem;--size-phone-tile: 3rem;--size-contact-tile: 2.25rem;--width-home-indicator: 5.625rem;--height-call-figure: 11.25rem;--width-silhouette: 7.5rem;--height-silhouette: 10rem;--blur-silhouette: .3125rem;--min-height-call-subtitle: 5.8em;--stop-shown-opacity: .7;--ring-angle: 3deg;--play-icon-half-height: 5px;--play-icon-width: 8px;--width-qr-sticker: 12.5rem;--size-qr-picture: 126px;--width-pay-page: 22.5rem;--height-pay-input: 2.125rem;--min-height-choice: 4rem;--min-height-duel: 12.5rem;--duration-0: 0s;--duration-80: 80ms;--duration-150: .15s;--duration-200: .2s;--duration-250: .25s;--duration-300: .3s;--duration-350: .35s;--duration-400: .4s;--duration-500: .5s;--duration-600: .6s;--duration-800: .8s;--duration-900: .9s;--duration-1000: 1s;--duration-1100: 1.1s;--duration-1200: 1.2s;--duration-grid-flow: 1.6s;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-linear: linear;--ease-slide: cubic-bezier(.2, .8, .3, 1);--ease-spring: cubic-bezier(.3, 1.6, .5, 1);--ease-pop: cubic-bezier(.3, 1.4, .5, 1);--layer-behind: -1;--layer-raised: 1;--layer-header: calc(var(--layer-raised) + 1);--layer-trap: calc(var(--layer-header) + 1)}}@layer theme{:root{color-scheme:light dark;--bg: light-dark(var(--violet-944), var(--violet-213));--screen: var(--bg);--surface: light-dark(var(--white), var(--violet-266));--fill-soft: light-dark(var(--violet-911), var(--violet-345));--line: var(--fill-soft);--line-strong: light-dark(var(--violet-545), var(--violet-596));--text: light-dark(var(--slate-209), var(--gray-957));--text-2: light-dark(var(--slate-432), var(--ink-778));--muted: light-dark(var(--slate-454), var(--ink-708));--shelly: light-dark(var(--green-441), var(--shelly-bright));--jack: light-dark(var(--red-472), var(--jack-bright));--jack-purple: light-dark(var(--purple-476), var(--jack-purple-bright));--scene-label: oklch(90% .07 22deg);--on-shelly: light-dark(var(--white), var(--on-shelly-bright));--on-jack: light-dark(var(--white), var(--on-jack-bright));--shadow: light-dark(var(--slate-209-a14), var(--black-a50));--backdrop: light-dark(var(--slate-209-a45), var(--violet-135-a70));--trace-shadow: light-dark(var(--blue-169-a20), var(--black-a40));--trace-edge-shadow: light-dark(var(--violet-270-a20), var(--black-a40));--trace-edge-light: light-dark(var(--white-a70), var(--white-a25));--glow-purple: light-dark(var(--purple-677-a25), var(--purple-677-a12));--glow-green: light-dark(var(--green-813-a20), transparent);--glow-band: light-dark(var(--violet-916), transparent);--bar: light-dark(color-mix(in oklab, var(--bg) 45%, var(--white)), color-mix(in oklab, var(--bg) 55%, var(--black)));--bar-edge: var(--jack-purple);--toowoxx-blue: var(--blue-560);--toowoxx-navy: var(--blue-169);--logo-mark: light-dark(var(--toowoxx-blue), var(--white));--logo-letters: light-dark(var(--toowoxx-navy), var(--white));--mood-attack: var(--ink-185);--mood-alarm: var(--red-276);--mood-jack: var(--red-236);--mood-shelly: var(--green-283);--fake-window: var(--ink-944);--fake-message: var(--white);--on-fake-window: var(--ink-237);--shelly-bright: var(--green-813);--jack-bright: var(--red-684);--jack-purple-bright: var(--purple-677);--on-shelly-bright: var(--green-221);--on-jack-bright: var(--ink-237);--page-glow: radial-gradient(circle at 85% 0%, var(--glow-purple), transparent 55%), radial-gradient(circle at 0% 100%, var(--glow-green), transparent 50%), linear-gradient(180deg, var(--glow-band), transparent 60%);--accent: var(--shelly);--on-accent: var(--on-shelly);--focus: var(--shelly);--success: var(--shelly);--danger: var(--jack);--circuit-line: var(--blue-560-a70);--pipe-inside: color-mix(in oklch, var(--blue-560) 15%, var(--room));--data-packet: var(--white);--data-packet-glow: var(--blue-560);--packet-glow: 0 0 var(--space-2) var(--data-packet-glow), 0 0 var(--space-8) var(--data-packet-glow);--packet-block: var(--blue-560-a35);--packet-block-glow: 0 0 var(--space-8) var(--data-packet-glow);--tunnel-void: var(--bg);--trace-line: var(--purple-677-a40);--trace-packet: var(--white);--trace-packet-glow: var(--jack-purple-bright);--room: var(--slate-124);--term-green: var(--shelly-bright);--term-text: color-mix(in oklab, var(--term-green) 35%, var(--white));--term-edge: color-mix(in oklab, var(--term-green) 35%, transparent);--cursor-width: .55em;--cursor-height: 1em;--cursor-drop: -.12em;--night-bg: var(--room);--night-text: var(--gray-957);--night-text-2: var(--ink-778);--night-muted: var(--ink-708);--night-line: var(--violet-345);--night-line-strong: var(--violet-596);--night-focus: var(--shelly-bright);--night-trace-shadow: var(--black-a40);--night-shelly: var(--shelly-bright);--night-accent: var(--night-shelly);--night-on-accent: var(--on-shelly-bright);--night-bar: color-mix(in oklab, var(--violet-213) 55%, var(--black));--night-bar-edge: var(--jack-purple-bright);--night-logo: var(--white);--theme-bg: var(--bg);--theme-text: var(--text);--theme-text-2: var(--text-2);--theme-muted: var(--muted);--theme-line: var(--line);--theme-line-strong: var(--line-strong);--theme-focus: var(--focus);--theme-accent: var(--accent);--theme-on-accent: var(--on-accent);--stage: var(--surface);--stage-outline: var(--line);--chat-avatar: var(--blue-543);--on-chat-avatar: var(--white);--qr-paper: var(--white);--on-qr-paper: var(--gray-178);--phone-frame: var(--ink-152);--status-text: var(--ink-835);--phone-wallpaper: linear-gradient(160deg, var(--violet-352), var(--teal-324));--on-phone-wallpaper: var(--white);--phone-app-tile: var(--white-a15);--phone-app-tile-edge: var(--white-a25);--phone-home-indicator: var(--ink-778);--phone-home-indicator-active: var(--white);--phone-action: var(--blue-460);--on-phone-action: var(--white);--phone-calling: var(--ink-177);--on-phone-calling: var(--white);--call-screen: var(--black);--on-call-screen: var(--white);--silhouette: var(--ink-230);--call-control: var(--ink-256);--on-call-control: var(--white);--call-control-edge: var(--ink-560);--call-control-hover: var(--ink-335);--call-reply-edge: var(--ink-644);--call-accept: var(--green-440);--on-call-accept: var(--white);--call-decline: var(--red-470);--on-call-decline: var(--white);--message-sent: color-mix(in oklab, var(--on-fake-window) 12%, var(--fake-message));--chip-edge: color-mix(in oklab, var(--on-fake-window) 50%, var(--fake-window));--chip-hover: color-mix(in oklab, var(--on-fake-window) 10%, transparent);--fake-window-dim: color-mix(in oklab, var(--on-fake-window) 80%, var(--fake-window));--shadow-nav: 0 4px 12px var(--shadow);--shadow-trap: 0 16px 48px var(--shadow);--shadow-window: 0 12px 32px var(--black-a50);--shadow-sticker: 0 6px 16px var(--black-a40);--shadow-comic: 4px 4px 0 var(--text);--filter-shelly-glow: drop-shadow(0 0 12px var(--shelly));--forced-edge: var(--border-1) solid transparent;--forced-edge-strong: var(--border-2) solid transparent;--character-outline-color: light-dark(var(--text), transparent);--character-outline: drop-shadow(var(--border-1) 0 0 var(--character-outline-color)) drop-shadow(calc(-1 * var(--border-1)) 0 0 var(--character-outline-color)) drop-shadow(0 var(--border-1) 0 var(--character-outline-color)) drop-shadow(0 calc(-1 * var(--border-1)) 0 var(--character-outline-color))}:root,body{--bar-color: var(--screen)}:root[data-theme=dark],:root[data-fixed-theme]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}@media print{:root,:root[data-theme],:root[data-fixed-theme]{color-scheme:light}}}@layer theme{body{--text-halo: 0 0 var(--space-2) var(--bg), 0 0 var(--space-2) var(--bg), 0 0 var(--space-4) var(--bg), 0 0 var(--space-4) var(--bg), 0 0 var(--space-8) var(--bg)}}@layer look-fun{:root[data-look=fun]{--bg: light-dark(var(--violet-924), var(--violet-206));--surface: light-dark(var(--violet-817), var(--violet-252));--stage: light-dark(var(--violet-904), var(--violet-279));--stage-outline: light-dark(var(--text), var(--line-strong));--line-strong: light-dark(var(--violet-505), var(--violet-596));--text-2: light-dark(var(--slate-414), var(--ink-778));--muted: light-dark(var(--slate-413), var(--ink-708));--shelly: light-dark(var(--green-407), var(--shelly-bright));--jack: light-dark(var(--red-434), var(--jack-bright));--jack-purple: light-dark(var(--purple-434), var(--jack-purple-bright));--scene-label: light-dark(var(--jack), oklch(90% .07 22deg));--glow-purple: light-dark(var(--purple-677-a40), var(--purple-677-a16));--glow-green: light-dark(var(--green-813-a30), var(--green-813-a12));--glow-band: light-dark(var(--violet-901), transparent);--fake-window: light-dark(var(--violet-881), var(--ink-944));--fake-message: light-dark(var(--violet-932), var(--white));--profile-background-shelly: light-dark(var(--green-897), var(--black));--profile-background-jack: light-dark(var(--red-863), var(--black));--profile-label-shelly: light-dark(var(--shelly), var(--shelly-bright));--profile-label-jack: light-dark(var(--jack), var(--jack-bright));--profile-text: light-dark(var(--text), var(--gray-957));--profile-frame: light-dark(var(--jack-purple), var(--violet-875));--versus-color: light-dark(var(--jack), var(--jack-bright));--radius: 12px;--dialog-radius: 16px;--dialog-width: 27.5rem;--font-body: 400 var(--font-16)/var(--leading-150) var(--sans);--font-lead: 400 var(--font-18)/var(--leading-150) var(--sans);--font-small: 400 var(--font-14)/var(--leading-150) var(--sans);--font-h1: 700 var(--font-44)/var(--leading-115) var(--sans);--font-h1-phone: 700 var(--font-30)/var(--leading-115) var(--sans);--font-h2: 700 var(--font-40)/var(--leading-115) var(--sans);--font-h2-phone: 700 var(--font-28)/var(--leading-115) var(--sans);--font-h3: 700 var(--font-30)/var(--leading-120) var(--sans);--font-timeline-title: 700 var(--font-30)/var(--leading-115) var(--sans);--font-headline: 700 var(--font-24)/var(--leading-130) var(--sans);--font-slogan: 600 var(--font-13)/var(--leading-150) var(--sans);--case-slogan: uppercase;--font-button: var(--font-13)/var(--leading-140) var(--pixel);--font-button-small: var(--font-12)/var(--leading-140) var(--pixel);--case-button: uppercase;--font-label: var(--font-12)/var(--leading-160) var(--pixel);--case-label: uppercase;--font-tag: var(--font-12)/var(--leading-140) var(--pixel);--font-badge: 600 var(--font-13)/var(--leading-140) var(--sans);--font-side: 700 var(--font-13)/var(--leading-150) var(--sans);--font-card-title: var(--font-label);--font-dialog-title: var(--font-14)/var(--leading-160) var(--pixel);--case-title: uppercase;--font-segmented: var(--font-10)/var(--leading-160) var(--pixel);--font-scene-title: var(--font-11)/var(--leading-160) var(--pixel);--font-scene-label: var(--font-9)/var(--leading-150) var(--pixel);--font-scene-step: var(--font-12)/var(--leading-100) var(--pixel);--font-nav: 400 var(--font-15)/var(--leading-140) var(--sans);--font-bubble: 700 var(--font-17)/var(--leading-145) var(--sans);--font-bubble-phone: 700 var(--font-15)/var(--leading-145) var(--sans);--section-pad: var(--space-56);--section-pad-phone: var(--space-56);--hero-pad: var(--space-72) 0 var(--space-0);--card-pad: var(--space-20);--control-pad: var(--space-14) var(--space-20);--control-pad-small: var(--space-8) var(--space-12);--target-min: auto;--header-position: sticky;--header-pad: var(--space-12);--topbar-pad: var(--space-16);--footer-link-display: inline;--link-decoration: none;--focus-width: var(--border-3);--focus-offset: var(--space-3);--btn-lift: calc(-1 * var(--space-3));--btn-press-scale: .95;--pop-from: scale(.85) rotate(-2deg);--autoplay-rounds: 2;--shake-distance: var(--space-6);--mood-fade: var(--duration-400);--screen-off: var(--duration-600);--light-strength: 32%;--comic-border: var(--border-4);--comic-raster: radial-gradient(color-mix(in oklab, var(--shelly) 35%, transparent) var(--dot-core), transparent var(--dot-edge)) 0 0 / var(--dot-spacing) var(--dot-spacing);--sticker-tilt: -3deg;--shadow-scene-card: 0 calc(-1 * var(--border-4)) 0 0 var(--text), 0 var(--border-4) 0 0 var(--text), calc(-1 * var(--border-4)) 0 0 0 var(--text), var(--border-4) 0 0 0 var(--text), var(--space-8) var(--space-10) 0 0 var(--jack-purple);--shadow-scene-picture: 0 0 0 var(--border-2) var(--text);--cast-s: calc(var(--sprite-size) / 2);--cast-m: var(--sprite-size);--cast-l: calc(var(--sprite-size) * 2);--comic-cast: var(--sprite-size);--comic-cast-phone: calc(var(--sprite-size) / 2);--duel-cast: calc(var(--sprite-size) / 2);--result-cast: calc(var(--sprite-size) / 2);--rail-wrap: nowrap;--rail-basis: 85%;--rail-basis-wide: 31%;--rail-overflow: auto;--rail-dots: flex;--rail-grab: grab;--rail-grabbing: grabbing;--rail-title-position: sticky;--choices-columns: repeat(2, 1fr);--stop-idle-opacity: .4;--term-size: var(--font-15);--term-title-size: var(--font-26);--term-title-size-phone: var(--font-22);--term-scan: repeating-linear-gradient(to bottom, var(--white-a4) 0 1px, transparent 1px 3px);--cursor-blink-rounds: 4;--stop-size: var(--space-24);--ring-rounds: 4;--home-bar-height: 1.5rem;--safety-bg: transparent;--safety-border: 0;--safety-pad: 0;--safety-color: var(--muted);--demo-accent: var(--jack-purple);--on-demo-accent: var(--on-jack)}@media not print{:root[data-look=fun][data-fixed-theme]{--bg: var(--violet-213);--surface: var(--violet-266)}}}@layer look-pro{:root[data-look=pro]{--radius: 8px;--dialog-radius: 12px;--dialog-width: 27.5rem;--font-body: 400 1.125rem/1.6 var(--sans);--font-lead: 400 1.25rem/1.55 var(--sans);--font-small: 400 1rem/1.5 var(--sans);--font-h1: 700 2.5rem/1.15 var(--sans);--font-h1-phone: 700 1.875rem/1.2 var(--sans);--font-h2: 700 2rem/1.2 var(--sans);--font-h2-phone: 700 1.625rem/1.25 var(--sans);--font-h3: 700 1.5rem/1.3 var(--sans);--font-timeline-title: 700 1.5rem/1.3 var(--sans);--font-headline: 700 1.5rem/1.3 var(--sans);--font-slogan: 600 1rem/1.5 var(--sans);--case-slogan: none;--font-button: 600 1.125rem/1.3 var(--sans);--font-button-small: 600 1rem/1.3 var(--sans);--case-button: none;--font-label: .875rem/1.6 var(--pixel);--case-label: uppercase;--font-tag: .875rem/1.4 var(--pixel);--font-badge: 600 1rem/1.4 var(--sans);--font-side: 600 1rem/1.5 var(--sans);--font-card-title: 700 1.25rem/1.3 var(--sans);--font-dialog-title: 700 1.375rem/1.3 var(--sans);--case-title: none;--font-segmented: 600 1rem/1.4 var(--sans);--font-scene-title: 700 1.25rem/1.3 var(--sans);--font-scene-label: .875rem/1.5 var(--pixel);--font-scene-step: 600 1.125rem/1 var(--sans);--font-nav: 400 1.0625rem/1.4 var(--sans);--font-bubble: 600 1.125rem/1.5 var(--sans);--font-bubble-phone: 600 1.125rem/1.5 var(--sans);--measure-text: 65ch;--measure-hero: 56ch;--measure-prose: 65ch;--section-pad: 5rem;--section-pad-phone: 3.5rem;--hero-pad: 4rem 0 0;--card-pad: 1.5rem;--control-pad: .75rem 1.25rem;--control-pad-small: .5rem 1rem;--target-min: 44px;--header-position: sticky;--header-pad: var(--space-12);--topbar-pad: var(--space-16);--size-icon-button: 44px;--min-height-choice: 3.5rem;--footer-link-display: inline-flex;--link-decoration: underline;--focus-width: var(--border-3);--focus-offset: var(--space-2);--autoplay-rounds: 1;--btn-lift: 0px;--btn-press-scale: 1;--pop-from: scale(.98);--shake-distance: 0px;--mood-fade: var(--duration-200);--screen-off: var(--duration-300);--ease-spring: cubic-bezier(.2, 0, 0, 1);--ease-pop: cubic-bezier(.2, 0, 0, 1);--light-strength: 10%;--page-glow: none;--comic-border: var(--border-2);--comic-raster: none;--shadow-comic: none;--sticker-tilt: 0deg;--shadow-scene-card: 0 0 0 var(--border-1) var(--line);--shadow-scene-picture: none;--height-scene: 17.5rem;--height-scene-phone: 13.75rem;--cast-s: calc(var(--sprite-size) / 2);--cast-m: calc(var(--sprite-size) / 2);--cast-l: var(--sprite-size);--comic-cast: calc(var(--sprite-size) / 2);--comic-cast-phone: calc(var(--sprite-size) / 2);--duel-cast: calc(var(--sprite-size) / 2);--result-cast: calc(var(--sprite-size) / 4);--rail-wrap: wrap;--rail-basis: 100%;--rail-basis-wide: calc(50% - var(--space-8));--rail-overflow: visible;--rail-dots: none;--rail-grab: auto;--rail-grabbing: auto;--rail-title-position: static;--choices-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));--stop-idle-opacity: 1;--term-size: 1.0625rem;--term-title-size: 1.75rem;--term-title-size-phone: 1.5rem;--term-scan: none;--cursor-blink-rounds: 0;--stop-size: 44px;--ring-rounds: 2;--home-bar-height: var(--target-min);--safety-bg: var(--surface);--safety-border: var(--border-4) solid var(--shelly);--safety-pad: .75rem 1rem;--safety-color: var(--text);--demo-accent: var(--shelly);--on-demo-accent: var(--on-shelly);--bg: light-dark(oklch(98.5% .004 250deg), oklch(20% .015 260deg));--surface: light-dark(oklch(100% 0 0deg), oklch(24.5% .018 260deg));--stage: light-dark(oklch(95.5% .014 165deg), oklch(27% .02 200deg));--fill-soft: light-dark(oklch(90% .008 250deg), oklch(34% .02 260deg));--line-strong: light-dark(oklch(54% .015 250deg), oklch(64% .02 260deg));--text: light-dark(oklch(24% .025 260deg), oklch(96% .005 250deg));--text-2: light-dark(oklch(36% .02 260deg), oklch(87% .01 250deg));--muted: light-dark(oklch(42% .02 260deg), oklch(82% .012 250deg));--shelly: light-dark(oklch(43% .085 170deg), oklch(80% .11 170deg));--on-shelly: light-dark(oklch(100% 0 0deg), var(--on-shelly-bright));--jack: light-dark(oklch(46% .16 25deg), var(--jack-bright));--on-jack: light-dark(oklch(100% 0 0deg), var(--on-jack-bright));--jack-purple: light-dark(oklch(45% .14 295deg), oklch(78% .11 295deg));--versus-color: light-dark(oklch(60% .17 22deg), var(--jack-bright));--focus: light-dark(oklch(42% .15 262deg), oklch(82% .1 240deg));--shadow: light-dark(oklch(24% .025 260deg / 10%), var(--black-a50));--backdrop: light-dark(oklch(24% .025 260deg / 45%), var(--violet-135-a70));--mood-attack: oklch(17% .012 285deg);--mood-alarm: oklch(28% .08 22deg);--mood-jack: oklch(24% .065 22deg);--mood-shelly: oklch(27% .045 170deg);--fake-window: oklch(95% .003 260deg);--on-fake-window: oklch(22% .01 260deg);--jack-bright: oklch(76% .13 22deg);--on-shelly-bright: oklch(20% .03 170deg);--on-jack-bright: oklch(20% .03 22deg)}@media(height<=480px){:root[data-look=pro]{--header-position: static;--header-pad: var(--space-4);--topbar-pad: var(--space-4) var(--space-16)}}}@layer contrast{@media(prefers-contrast:more){:root{--text-2: var(--text);--muted: var(--text);--line: var(--text);--line-strong: var(--text);--bar-edge: var(--text);--night-text-2: var(--night-text);--night-muted: var(--night-text);--night-line: var(--night-text);--night-line-strong: var(--night-text);--night-bar-edge: var(--night-text);--glow-purple: transparent;--glow-green: transparent;--glow-band: transparent;--fake-window-dim: var(--on-fake-window);--stop-idle-opacity: 1;--term-scan: none;--chip-edge: var(--on-fake-window)}}}@property --bar-color{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --fixed-room{syntax: "<length>"; inherits: true; initial-value: 0;}@property --screen-off{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-tear-at{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-tear-step{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-static-at{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-static-step{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-bars-at{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-end-at{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-pause-least{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --glitch-pause-most{syntax: "<time>"; inherits: true; initial-value: 0s;}@property --pixel-block{syntax: "<length>"; inherits: true; initial-value: 0;}@property --pixel-grey{syntax: "on | off"; inherits: true; initial-value: off;}@property --pixel-palette{syntax: "<number> | none"; inherits: true; initial-value: none;}@property --pixel-darken{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --layout-gap{syntax: "*"; inherits: false;}@property --split-first{syntax: "*"; inherits: false;}@layer layout{.container{padding-inline:var(--page-gutter)}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--layout-gap, var(--space-12))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--layout-gap, var(--space-12))}.split{--layout-gap: var(--space-48);display:grid;grid-template-columns:minmax(0,var(--split-first, 1fr)) minmax(0,1fr);align-items:center;gap:var(--layout-gap)}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/v/assets/fonts/ibm-plex-sans-latin-400-normal-3b646991.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/v/assets/fonts/ibm-plex-sans-latin-600-normal-8960851d.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/v/assets/fonts/ibm-plex-sans-latin-700-normal-42e7b0c1.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Fallback;font-weight:400;src:local("Arial"),local("Liberation Sans");size-adjust:100.2%;ascent-override:102.3%;descent-override:27.4%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:600;src:local("Arial Bold"),local("Liberation Sans Bold");size-adjust:97.3%;ascent-override:105.3%;descent-override:28.3%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;font-weight:700;src:local("Arial Bold"),local("Liberation Sans Bold");size-adjust:98.6%;ascent-override:103.9%;descent-override:27.9%;line-gap-override:0%}@font-face{font-family:"Press Start 2P Fallback";src:local("Courier New"),local("Liberation Mono");size-adjust:166.6%;ascent-override:60%;descent-override:0%;line-gap-override:0%}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/v/assets/fonts/press-start-2p-latin-400-normal-afec8699.woff2) format("woff2")}*{box-sizing:border-box}main[id],main [id],main :focus-visible,.site-footer :focus-visible{scroll-margin-top:var(--header-height, var(--space-72))}body{margin:0;min-height:100vh;font:var(--font-body);background:var(--bg);color:var(--text)}:is(h1,h2,h3,p,li,dt,dd){overflow-wrap:break-word}:is(h1,h2,h3){overflow-wrap:anywhere}body:before{content:"";position:fixed;inset:0;z-index:var(--layer-behind);background:var(--page-glow);pointer-events:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}dialog:not([open]){display:none}.muted{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.card{background:var(--surface);border:var(--border-1) solid var(--line);border-radius:var(--radius);padding:var(--card-pad)}.btn{display:inline-block;min-height:var(--target-min);text-decoration:none;cursor:pointer}.character-sprite{width:var(--sprite-size);aspect-ratio:1;overflow:hidden}.character-sprite img{display:block;width:auto;max-width:none;height:100%;image-rendering:pixelated}@media(prefers-reduced-motion:no-preference){.character-sprite-strip:not(.character-sprite-once) img{animation:sprite-frames calc(var(--frames) * var(--sprite-frame-time)) steps(var(--frames)) var(--strip-delay, var(--duration-0)) var(--strip-rounds, var(--autoplay-rounds)) backwards}}.character-sprite-once img{transform:translate(calc(-100% * var(--rest-frame) / var(--frames)))}@keyframes sprite-frames{0%{transform:none}to{transform:translate(-100%)}}.standing-figure{--frame-width: calc(var(--width) * var(--frame-scale) * var(--pose-scale));margin-inline:calc(var(--figure-left) * var(--frame-width) / -100) calc((100 - var(--figure-right)) * var(--frame-width) / -100);margin-bottom:calc((100 - var(--figure-bottom)) * var(--frame-width) / -100)}.standing-figure .character{width:var(--frame-width)}.character{filter:var(--character-outline)}.share-status{font:var(--font-small);color:var(--text-2);overflow-wrap:anywhere}.share-status:empty{display:none}.sr-only{position:absolute;width:var(--space-1);height:var(--space-1);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav{position:var(--header-position);top:0;z-index:var(--layer-header);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16);padding-block:var(--header-pad);background:color-mix(in oklab,var(--bg) 88%,transparent);border-bottom:var(--border-1) solid var(--line);backdrop-filter:blur(var(--blur-nav));font:var(--font-nav)}.nav.scrolled{box-shadow:var(--shadow-nav)}.logo{display:flex;align-items:center;min-height:var(--target-min);font:700 var(--font-20)/var(--leading-100) var(--sans);color:var(--text);text-decoration:none}.nav-links{gap:var(--space-20)}@media(width>760px){.nav-links{display:flex;position:static;margin:0;padding:0;border:0;width:auto;height:auto;overflow:visible;background:none;color:inherit}}.nav-links a{display:flex;align-items:center;min-height:var(--target-min);color:var(--text-2);text-decoration:none}.nav-links a:hover{color:var(--text)}.icon-button{display:grid;place-items:center;width:var(--size-icon-button);height:var(--size-icon-button);padding:0;border:var(--border-1) solid var(--line-strong);border-radius:var(--radius-8);background:transparent;color:var(--text);cursor:pointer}.menu-button{display:none}.settings-button{margin-left:auto}.site-footer{display:flex;flex-wrap:wrap;gap:var(--space-24) var(--space-48);padding-block:var(--space-40) var(--footer-room);background:var(--bg);border-top:var(--border-1) solid var(--line);color:var(--muted);font:var(--font-small)}.site-footer h2{margin-bottom:var(--space-8);color:var(--text);font:var(--font-small);font-weight:600}.footer-about{flex:1 1 var(--measure-footer);max-width:var(--measure-footer)}.footer-about p{margin:0}.site-footer ul{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}.site-footer a{display:var(--footer-link-display);align-items:center;min-height:var(--target-min);color:inherit;text-decoration:var(--link-decoration)}.site-footer a:hover{color:var(--text);text-decoration:underline}.copyright,.other-look,.footer-languages{flex:0 0 100%}.footer-languages{display:none}.timeline-card a,.trust-fact a,.level-case{min-height:var(--target-min);align-content:center}.section{--layout-gap: var(--space-16);padding:var(--section-pad) 0}.trap{position:fixed;inset:auto;z-index:var(--layer-trap);width:auto;margin:0;color:var(--text);background:var(--surface);border:var(--border-1) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-trap)}@keyframes slide-up{0%{transform:translateY(var(--space-24));opacity:0}}.trap-close{margin-left:auto;background:none;border:0;color:var(--muted);font-size:var(--font-24);line-height:var(--leading-100);cursor:pointer;padding:var(--space-4) var(--space-8)}.trap-quiet{background:none;border:0;color:var(--muted);font:400 var(--font-14)/var(--leading-140) var(--sans);text-decoration:underline;cursor:pointer;padding:var(--space-8) 0}.trap-bait{background:var(--jack-purple);color:var(--on-jack);border:0;padding:var(--space-14) var(--space-24);font:700 var(--font-16)/var(--leading-100) var(--sans);cursor:pointer}.trap-actions{--layout-gap: var(--space-20)}.trap-cookies{left:var(--space-16);right:var(--space-16);bottom:var(--space-16);max-width:var(--width-trap-cookies);margin:0 auto;padding:var(--space-20);display:grid;gap:var(--space-12)}.file-chip{justify-self:start;font:600 var(--font-14)/var(--leading-100) var(--sans);color:var(--text-2);background:var(--bg);border:var(--border-1) solid var(--line);border-radius:var(--radius-6);padding:var(--space-8) var(--space-10)}.trap-promo{top:var(--trap-top);left:var(--space-16);right:var(--space-16);max-width:var(--width-trap-promo);margin:0 auto;padding:var(--space-18);display:flex;align-items:flex-start;gap:var(--space-12)}.trap-promo>div{display:grid;gap:var(--space-8)}.promo-link{justify-self:start;background:none;border:0;padding:0;font:600 var(--font-16)/var(--leading-140) var(--sans);color:var(--accent);text-decoration:underline;cursor:pointer}.trap-notice{top:var(--trap-top);right:var(--space-16);width:min(var(--width-trap-notice),var(--screen-width-fit));padding:var(--space-18);display:grid;gap:var(--space-12)}.notice-head{display:flex;align-items:flex-start;gap:var(--space-8)}.trap-form{right:var(--space-16);bottom:var(--space-16);width:min(var(--width-trap-form),var(--screen-width-fit));max-height:var(--screen-height-fit);overflow-y:auto;padding:var(--space-18);display:grid;gap:var(--space-12)}.survey-question{font-weight:600}.survey-answers{--layout-gap: var(--space-8)}.survey-answer{font:600 var(--font-16)/var(--leading-140) var(--sans);color:var(--text);background:var(--bg);border:var(--border-1) solid var(--line-strong);border-radius:var(--radius-8);padding:var(--space-10) var(--space-12);text-align:left;cursor:pointer}.trap-qr{left:var(--space-16);bottom:var(--space-16);width:min(var(--width-trap-qr),var(--screen-width-fit));padding:var(--space-18);display:grid;gap:var(--space-10);justify-items:center;text-align:center}.trap-qr .trap-close{position:absolute;top:var(--space-8);right:var(--space-8)}.qr-button{display:grid;gap:var(--space-8);justify-items:center;background:none;border:0;font:600 var(--font-14)/var(--leading-140) var(--sans);cursor:pointer}.qr{width:var(--size-qr);height:var(--size-qr);padding:var(--space-12);background:var(--qr-paper);border-radius:var(--radius-8);image-rendering:pixelated}.qr-caption{font:600 var(--font-14)/var(--leading-140) var(--sans);color:var(--muted)}.trap-chat{right:var(--space-16);bottom:var(--space-16);width:min(var(--width-trap-chat),var(--screen-width-fit));padding:var(--space-16);display:grid;gap:var(--space-12)}.trap-chat-head{display:flex;align-items:center;gap:var(--space-10)}.trap-chat-avatar{display:grid;place-items:center;width:var(--size-trap-avatar);height:var(--size-trap-avatar);border-radius:50%;background:var(--chat-avatar);color:var(--on-chat-avatar);font:700 var(--font-14)/var(--leading-100) var(--sans)}.trap-chat-name{font-weight:600}.trap-chat-status{font-size:var(--font-13);color:var(--success)}.trap-chat-messages{display:grid;gap:var(--space-8);min-height:var(--min-height-trap-messages)}.trap-chat-bubble{justify-self:start;max-width:90%;border-radius:var(--radius) var(--radius) var(--radius) var(--radius-4);padding:var(--space-10) var(--space-12)}.trap-chat-input{display:flex;gap:var(--space-8)}.trap-chat-input input{flex:1;min-width:0}.trap-login,.result,.settings{display:grid;width:min(var(--dialog-width),var(--screen-width-fit));max-height:var(--screen-height-fit);padding:var(--space-24);background:var(--surface);color:var(--text);border:var(--border-1) solid var(--line);border-radius:var(--dialog-radius)}.trap-login{gap:var(--space-14)}.trap-login h2,.result h2{font:700 var(--font-20)/var(--leading-130) var(--sans)}.login-head{display:flex;align-items:center}.login-form{display:grid;gap:var(--space-14)}.login-form label{display:grid;gap:var(--space-6);font-weight:600}.login-form input,.trap-chat-input input{font:var(--font-16)/var(--leading-140) var(--sans);color:var(--text);background:var(--bg);border:var(--border-1) solid var(--line-strong);border-radius:var(--radius-8);padding:var(--space-10) var(--space-12)}.result-trick{justify-self:start;padding:var(--space-6) var(--space-10);border:var(--border-2) solid var(--jack);color:var(--jack);font:var(--font-tag)}.flags{margin:0;padding-left:var(--space-20);display:grid;gap:var(--space-6)}.result>.btn{justify-self:start}.settings{width:min(var(--width-settings),var(--screen-width-fit))}.settings form{justify-self:start}.setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8) var(--space-16);min-height:var(--target-min);font-weight:600}.setting input{appearance:none;position:relative;width:var(--switch-width);height:var(--switch-height);margin:0;border:var(--border-1) solid var(--line-strong);border-radius:calc(var(--switch-height) / 2);background:var(--bg);cursor:pointer}.setting input:after{content:"";position:absolute;top:var(--space-3);left:var(--space-3);width:var(--switch-knob);height:var(--switch-knob);border-radius:50%;background:var(--muted)}.setting-state{justify-content:flex-start}.setting-state>:first-child{margin-right:auto}.setting-state:has(input:checked) .state-off,.setting-state:not(:has(input:checked)) .state-on{display:none}.setting input:checked{background:var(--accent);border-color:var(--accent)}.setting input:checked:after{transform:translate(var(--switch-travel))}.segmented{display:flex;border:var(--border-1) solid var(--line);border-radius:var(--radius-8);overflow:hidden}.segmented>*{padding:var(--space-4) var(--space-10);min-height:var(--target-min);border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.segmented>*+*{border-left:var(--border-1) solid var(--line)}.segmented :is([aria-pressed=true],[aria-current]){background:var(--accent);color:var(--on-accent)}@media(width<=760px){.section{padding-block:var(--section-pad-phone)}}@media(width<=760px){.site-header .menu-button{display:grid;order:1}.nav-links:popover-open{display:flex;flex-direction:column;gap:0;inset:var(--header-height, var(--space-72)) 0 auto;margin:0;width:auto;height:auto;overflow:visible;padding:var(--space-4) var(--page-gutter) var(--space-12);border:0;border-bottom:var(--border-1) solid var(--line);background:var(--bg);color:inherit}.nav-links a{padding:var(--space-12) 0}}@media(scripting:none){.settings-button{display:none}.footer-languages{display:flex;gap:var(--space-20)}}@media print{.nav{position:static}.site-header :is(.menu-button,.settings-button),.trap{display:none}:is(.btn-primary,.btn-bait,.trap-bait,.trap-chat-avatar,.profile-card,.segmented :is([aria-pressed=true],[aria-current])){print-color-adjust:exact}}:root[data-motion=reduce]{scroll-behavior:auto}:root:has(:focus-visible){scroll-behavior:auto}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:no-preference){@media(scripting:enabled){@view-transition{navigation:auto}}html{scroll-behavior:smooth}.nav{transition:box-shadow var(--duration-300)}.trap{animation:slide-up var(--duration-350) var(--ease-out) both}.trap-chat-bubble{animation:slide-up var(--duration-250) var(--ease-out) both}.setting input:after{transition:transform var(--duration-150)}}@media(forced-colors:active){body:before{display:none}.setting input:after{forced-color-adjust:none;box-sizing:border-box;border:var(--border-2) solid currentcolor;background:transparent}.setting input:checked:after{background:currentcolor}.trap-bait,.trap-close,.qr-button{border:var(--forced-edge)}.segmented :is([aria-pressed=true],[aria-current]){outline:var(--forced-edge-strong);outline-offset:calc(-1 * var(--border-2))}}.pixel-label{font:var(--font-label);text-transform:var(--case-label)}h2.pixel-label{font:var(--font-card-title);text-transform:var(--case-title)}.btn{font:var(--font-button);text-transform:var(--case-button);padding:var(--control-pad);border-radius:var(--radius);border:var(--border-2) solid var(--accent)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-secondary{background:transparent}.btn-small{font:var(--font-button-small);padding:var(--control-pad-small)}.btn:disabled{opacity:.4;cursor:default}.level-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--width-level-card),100%),1fr));gap:var(--space-16);margin:0;padding:0;list-style:none}.level-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);padding:var(--space-16);border:var(--border-1) solid var(--line);border-left:var(--border-3) solid var(--jack);border-radius:var(--radius);background:var(--surface)}.level-card,.level-card *{overflow-wrap:anywhere}.level-play{margin-top:auto;text-align:left}.level-case{color:var(--text-2);font:var(--font-badge)}.trick-tag{justify-self:start;padding:var(--space-6) var(--space-10);border:var(--border-2) solid var(--jack);color:var(--jack);font:var(--font-tag)}.level-opening{display:grid;gap:var(--space-4);align-self:stretch;padding:var(--space-12);border-radius:var(--radius-8);background:var(--fake-window);color:var(--on-fake-window);font:var(--font-14)/var(--leading-140) var(--system-sans)}.level-from{font-weight:700}.level-notice{border-left:var(--border-4) solid var(--jack)}.level-caller{justify-items:center;text-align:center}.level-caller .level-from{font-size:var(--font-18)}.level-sticker{justify-items:center;text-align:center;background:var(--qr-paper);color:var(--on-qr-paper);box-shadow:var(--shadow-sticker)}.level-chat{padding:0;background:none;color:inherit}.level-chat .level-from{color:var(--muted);font-size:var(--font-12)}.level-chat .level-line{justify-self:start;padding:var(--space-8) var(--space-12);border-radius:var(--radius) var(--radius) var(--radius) var(--radius-4);background:var(--fake-message);color:var(--on-fake-window)}:root{--accent: var(--demo-accent);--on-accent: var(--on-demo-accent);--focus: var(--text);--page-glow: none;--system-mono: ui-monospace, monospace;--system-sans: system-ui, sans-serif}body{background:var(--screen)}@media print{body{background:none}}body[data-mood=attack]{--screen: var(--mood-attack)}body[data-mood=alarm]{--screen: var(--mood-alarm)}body[data-mood=jack]{--screen: var(--mood-jack);--accent: var(--jack)}body[data-mood=shelly]{--screen: var(--mood-shelly);--accent: var(--shelly);--on-accent: var(--on-shelly);--focus: var(--shelly)}.btn-secondary{color:var(--text)}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:var(--width-demo);margin:0 auto;padding:var(--topbar-pad)}.home-link{font-size:var(--font-16)}.topbar .language-switch{margin:0 var(--space-12) 0 auto;font:var(--font-segmented)}#stage,.story-read{max-width:var(--width-demo);margin:0 auto;padding:0 var(--space-16) var(--space-32)}.story-read{padding-top:var(--space-32)}.story-read h1{font-size:var(--font-24)}.story-read h2{font-size:var(--font-19)}.title-screen{--layout-gap: var(--space-20);--accent: var(--term-green);--on-accent: var(--room);--focus: var(--term-green);position:relative;justify-items:start;margin-top:var(--space-32);padding:var(--space-28);border:var(--border-1) solid var(--term-edge);border-radius:var(--radius);background:var(--room);color:var(--term-green);font:var(--term-size)/var(--leading-160) var(--system-mono)}.title-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--term-scan)}.title{font:700 var(--term-title-size)/var(--leading-130) var(--system-mono);color:var(--term-text)}.title:before{content:"> " / "";color:var(--term-green)}.title:after{content:"";display:inline-block;width:var(--cursor-width);height:var(--cursor-height);margin-left:var(--space-6);vertical-align:var(--cursor-drop);background:var(--term-green)}.intro{max-width:var(--measure-intro);color:var(--text-2)}.intro:before,.safety:before{content:"# " / ""}.settings-row{display:flex;flex-wrap:wrap;gap:var(--space-12) var(--space-32)}.settings-row .setting{gap:var(--space-12);font-family:var(--system-mono)}.title-screen .btn-primary{border:var(--border-1) solid var(--term-green);border-radius:var(--radius-4);background:transparent;color:var(--term-green);font:700 var(--term-size)/var(--leading-140) var(--system-mono);text-transform:none}.title-screen .btn-primary:before{content:"$ " / ""}.title-screen .btn-primary:is(:hover,:focus-visible){background:var(--term-green);color:var(--room)}.safety{max-width:var(--measure-prose);padding:var(--safety-pad);border-left:var(--safety-border);background:var(--safety-bg);font:var(--term-size)/var(--leading-150) var(--system-mono);color:var(--safety-color)}.stopped{color:var(--text-2)}.playbook{justify-self:center;padding:var(--space-4) 0;background:none;border:0;color:var(--text-2);font:var(--font-14)/var(--leading-140) var(--sans)}button.playbook{text-decoration:underline;cursor:pointer}.title-screen .playbook{justify-self:start}.story-picker{--layout-gap: var(--space-8);width:100%;max-width:var(--measure-intro);justify-self:start}.story-picker h2{font:var(--term-size)/var(--leading-160) var(--system-mono);color:var(--text-2);text-transform:none}.story-picker h2:before{content:"$ " / ""}.story-picker .level-select{grid-template-columns:minmax(0,1fr);text-align:left}.attack{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-28);font-family:var(--system-sans)}.attack>*{flex-shrink:0}.decision,.term-screen{--layout-gap: var(--space-16)}.term-lines{--layout-gap: var(--space-4)}.term-line{font:var(--font-15)/var(--leading-150) var(--system-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.progress{height:var(--height-progress);max-width:var(--width-demo-card);border:var(--border-1) solid var(--text-2);padding:var(--space-2)}.progress-fill{height:100%;width:0;background:var(--text-2)}.fake-window{max-width:var(--width-demo-card);background:var(--fake-window);color:var(--on-fake-window);border-radius:var(--radius-8);box-shadow:var(--shadow-window);overflow:hidden}.fake-locked{margin-left:var(--space-48)}.fake-window-title{padding:var(--space-14) var(--space-14) 0;font:700 var(--font-16)/var(--leading-120) var(--system-sans)}.fake-window-body{display:grid;gap:var(--space-10);padding:var(--space-10) var(--space-14) var(--space-14);font:var(--font-15)/var(--leading-140) var(--system-sans)}.fake-warning .fake-window-body{grid-template-columns:auto 1fr}.fake-icon{grid-row:span 2;width:var(--size-fake-icon);height:var(--size-fake-icon);image-rendering:pixelated}.fake-warning .fake-button{grid-column:2}.fake-countdown{font-weight:700;font-variant-numeric:tabular-nums}.fake-button{justify-self:start;padding:var(--space-6) var(--space-12);border-radius:var(--radius-6);background:var(--on-fake-window);color:var(--fake-window);font-weight:600}.chat-screen{--focus: var(--on-fake-window);display:flex;flex-direction:column;background:var(--fake-window);color:var(--on-fake-window)}.chat-header{display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--space-12);align-items:center;padding:var(--space-12) var(--space-14);border-bottom:var(--border-1) solid var(--chip-edge)}.chat-avatar{grid-area:1 / 1 / span 2;width:var(--size-demo-avatar);height:var(--size-demo-avatar);border-radius:50%;background:color-mix(in oklab,var(--on-fake-window) 25%,transparent)}.chat-sender{grid-area:1 / 2;font-weight:600}.chat-status{grid-area:2 / 2;font-size:var(--font-13);color:var(--fake-window-dim)}.chat-actions{grid-area:1 / 3 / span 2;display:flex;gap:var(--space-6)}.chat-action,.chip{min-height:var(--target-min);border:var(--border-1) solid var(--chip-edge);background:none;color:inherit;cursor:pointer}.chat-action{padding:var(--space-6) var(--space-10);border-radius:var(--radius-14);font:var(--font-13)/var(--leading-130) var(--system-sans)}.chat-action:hover:enabled,.chip:hover:enabled{background:var(--chip-hover)}.chat-link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;overflow-wrap:anywhere;cursor:pointer}.chat-messages{display:grid;flex:1 0 var(--height-chat-log);gap:var(--space-8);padding:var(--space-14);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;align-content:safe end}.message{justify-self:start;max-width:85%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-4) var(--radius-14) var(--radius-14);background:var(--fake-message);font-size:var(--font-15);line-height:var(--leading-140);overflow-wrap:anywhere}.message.sent{justify-self:end;border-radius:var(--radius-14) var(--radius-4) var(--radius-14) var(--radius-14);background:var(--message-sent)}.message-time{margin-left:var(--space-8);font-size:var(--font-12);color:var(--fake-window-dim)}.typing{font-style:italic;color:var(--fake-window-dim)}.chat-suggestions,.chat-reply{border-top:var(--border-1) solid var(--chip-edge)}.chat-suggestions{--bg: var(--fake-message);--line-strong: var(--chip-edge);--muted: var(--fake-window-dim);--accent: var(--phone-action);display:grid;gap:var(--space-8);padding:var(--space-10) var(--space-14) 0}.chat-suggestions .setting{justify-content:space-between;font-size:var(--font-13)}.chips{display:grid;gap:var(--space-6);padding-bottom:var(--space-10)}.chips[hidden]{display:none}.chip{padding:var(--space-8) var(--space-12);border-radius:var(--radius-16);font:var(--font-14)/var(--leading-130) var(--system-sans);text-align:left}.chip:disabled,.chat-field:disabled,.chat-send:disabled{opacity:.5;cursor:default}.chat-reply{display:flex;gap:var(--space-8);padding:var(--space-10) var(--space-14)}.chat-field{flex:1;min-width:0;min-height:var(--target-min);padding:var(--space-8) var(--space-12);border:var(--border-1) solid var(--chip-edge);border-radius:var(--radius-18);background:var(--fake-message);color:inherit;font:var(--font-15)/var(--leading-140) var(--system-sans)}.chat-send{min-height:var(--target-min);padding:var(--space-8) var(--space-14);border:0;border-radius:var(--radius-18);background:var(--on-fake-window);color:var(--fake-window);font:600 var(--font-15)/var(--leading-140) var(--system-sans);cursor:pointer}.voice-label{display:block;margin-bottom:var(--space-4);font-size:var(--font-13);font-weight:600;color:var(--fake-window-dim)}.voice-label:before{content:"";display:inline-block;margin-right:var(--space-6);border-style:solid;border-width:var(--play-icon-half-height) 0 var(--play-icon-half-height) var(--play-icon-width);border-color:transparent transparent transparent currentcolor}.phone,.call-screen{align-self:center;width:100%;max-width:var(--width-phone);min-height:var(--min-height-phone);border-radius:var(--radius-phone);box-shadow:var(--shadow-window);overflow:hidden}.phone{display:flex;flex-direction:column;border:var(--phone-bezel) solid var(--phone-frame);background:var(--fake-window);color:var(--on-fake-window)}.phone :focus-visible{outline-offset:calc(-1 * var(--focus-width))}.phone-status-bar{display:flex;flex:none;justify-content:flex-end;min-height:var(--height-status-bar);padding:var(--space-3) var(--space-14);background:var(--phone-frame);color:var(--status-text)}.status-timer{font:var(--font-13)/var(--leading-100) var(--system-mono)}.phone-screen{flex:1;min-height:0;font:var(--font-15)/var(--leading-140) var(--system-sans)}.phone-contacts,.phone-bank{--focus: var(--on-fake-window)}.phone-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:var(--space-20) var(--space-8);padding:var(--space-28) var(--space-14);background:var(--phone-wallpaper);color:var(--on-phone-wallpaper)}.phone-app,.phone-contact{display:flex;align-items:center;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.phone-app{flex-direction:column;gap:var(--space-6);font-size:var(--font-13);overflow-wrap:anywhere}.phone-contact{gap:var(--space-12);width:100%;min-height:var(--target-min);padding:var(--space-12) var(--space-14);text-align:left}.phone-contact:hover{background:var(--chip-hover)}.phone-tile{display:grid;place-items:center;flex:none;width:var(--size-phone-tile);height:var(--size-phone-tile);border-radius:var(--radius-14);background:color-mix(in oklab,var(--on-fake-window) 25%,transparent);font-weight:600}.phone-tile:before{content:attr(data-initial) / ""}.phone-app .phone-tile{background:var(--phone-app-tile);border:var(--border-1) solid var(--phone-app-tile-edge)}.phone-contact .phone-tile{width:var(--size-contact-tile);height:var(--size-contact-tile);border-radius:50%}.phone-title{padding:var(--space-12) var(--space-14);border-bottom:var(--border-1) solid var(--chip-edge);font-weight:600}.phone-bank{display:flex;flex-direction:column;gap:var(--space-12);align-items:stretch}.phone-field{display:flex;flex-direction:column;gap:var(--space-2);margin:0 var(--space-14);padding:var(--space-10) var(--space-12);border:var(--border-1) solid var(--chip-edge);border-radius:var(--radius-8);overflow-wrap:anywhere}.phone-field small{color:var(--fake-window-dim)}.phone-transfer{min-height:var(--target-min);margin:0 var(--space-14);padding:var(--space-12);border:0;border-radius:var(--radius-8);background:var(--phone-action);color:var(--on-phone-action);font:600 var(--font-15)/var(--leading-120) var(--system-sans);cursor:pointer}.phone-calling{display:grid;align-content:center;justify-items:center;gap:var(--space-6);background:var(--phone-calling);color:var(--on-phone-calling);text-align:center}.phone-call-name{font:600 var(--font-22)/var(--leading-120) var(--system-sans);overflow-wrap:anywhere}.phone-call-status{color:var(--status-text)}.phone-home-bar{flex:none;display:grid;place-items:center;width:100%;height:var(--home-bar-height);border:0;background:var(--phone-frame);cursor:pointer}.phone-home-bar:after{content:"";width:var(--width-home-indicator);height:var(--space-4);border-radius:var(--space-2);background:var(--phone-home-indicator)}.phone-home-bar:is(:hover,:focus-visible):after{background:var(--phone-home-indicator-active)}.phone-home-bar:disabled{cursor:default;opacity:.4}.call-screen{position:relative;display:grid;justify-items:center;align-content:start;gap:var(--space-8);padding:var(--space-28) var(--space-16) var(--space-16);background:var(--call-screen);color:var(--on-call-screen);font-family:var(--system-sans);text-align:center}.call-screen .status-timer{position:absolute;inset:var(--space-10) var(--space-14) auto auto;color:var(--status-text)}.call-caller{font:600 var(--font-22)/var(--leading-120) var(--system-sans);overflow-wrap:anywhere}.call-status{font-size:var(--font-14);color:var(--status-text)}.call-figure{display:grid;place-items:center;height:var(--height-call-figure);margin:var(--space-16) 0 var(--space-8)}.silhouette{position:relative;width:var(--width-silhouette);height:var(--height-silhouette);filter:blur(var(--blur-silhouette));mask-image:linear-gradient(var(--black) 55%,transparent)}.silhouette:before,.silhouette:after{content:"";position:absolute;background:var(--silhouette)}.silhouette:before{inset:2.5% 29% auto;height:36%;border-radius:50%}.silhouette:after{inset:42.5% 0 0;border-radius:50% 50% 0 0/60% 60% 0 0}.call-subtitle{min-height:var(--min-height-call-subtitle);font-size:var(--font-16);line-height:var(--leading-145);overflow-wrap:anywhere}.call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-10)}.call-control{min-height:var(--target-min);padding:var(--space-8) var(--space-14);border:var(--border-1) solid var(--call-control-edge);border-radius:var(--radius-18);background:var(--call-control);color:var(--on-call-control);font:var(--font-14)/var(--leading-140) var(--system-sans);cursor:pointer}.call-control:hover:not(.call-accept,.call-end){background:var(--call-control-hover)}.call-reply{border-color:var(--call-reply-edge)}.call-accept{border-color:var(--call-accept);background:var(--call-accept);color:var(--on-call-accept)}.call-end{border-color:var(--call-decline);background:var(--call-decline);color:var(--on-call-decline)}.qr-screen{display:flex;flex-wrap:wrap;gap:var(--space-20);align-items:flex-start}.qr-sticker{display:grid;justify-items:center;gap:var(--space-8);width:var(--width-qr-sticker);padding:var(--space-14);background:var(--qr-paper);color:var(--on-qr-paper);border-radius:var(--radius-4);box-shadow:var(--shadow-sticker);transform:rotate(var(--sticker-tilt));text-align:center}.qr-title{font:700 var(--font-16)/var(--leading-120) var(--system-sans)}.qr-picture{width:var(--size-qr-picture);height:var(--size-qr-picture);image-rendering:pixelated}.qr-text{font-size:var(--font-13)}.pay-page{display:grid;gap:var(--space-10);width:100%;max-width:var(--width-pay-page);padding:var(--space-18);background:var(--fake-window);color:var(--on-fake-window);border-radius:var(--radius-8);box-shadow:var(--shadow-window);overflow:hidden}.pay-title{font:600 var(--font-19)/var(--leading-130) var(--system-sans)}.pay-price{font-size:var(--font-15);opacity:.85}.pay-field{display:grid;gap:var(--space-4);font-size:var(--font-13)}.pay-input{min-height:var(--height-pay-input);border:var(--border-1) solid color-mix(in oklab,var(--on-fake-window) 30%,transparent);border-radius:var(--radius-6)}.question{font:600 var(--font-18)/var(--leading-140) var(--system-sans);color:var(--text)}.decision-timer{display:flex;align-items:center;gap:var(--space-12)}.timer-track{flex:1;height:var(--height-timer-track);background:var(--surface);border-radius:var(--radius-4);overflow:hidden}.timer-fill{height:100%;background:var(--text-2);transform-origin:left}.timer-text{font:var(--font-14)/var(--leading-100) var(--system-mono);color:var(--text-2)}.choices{display:grid;grid-template-columns:var(--choices-columns);gap:var(--space-12)}.plain-button{background:var(--surface);color:var(--text);border:var(--border-1) solid var(--line-strong);border-radius:var(--radius-6);font:var(--font-15)/var(--leading-140) var(--system-sans);cursor:pointer}.plain-button:hover:enabled{background:var(--fill-soft)}.plain-button:disabled{opacity:.5;cursor:default}.skip{padding:var(--space-6) var(--space-12);font-size:var(--font-14)}.choice{min-height:var(--min-height-choice);padding:var(--space-16) var(--space-8);text-align:center}body.fullscreen .topbar{position:fixed;inset:0 0 auto;z-index:var(--layer-raised);max-width:none;justify-content:flex-end;gap:var(--space-8);pointer-events:none}body.fullscreen .topbar>*{pointer-events:auto}body.fullscreen .home-link,body.fullscreen .language-switch,body.fullscreen .site-footer{display:none}body.fullscreen #stage{max-width:none;padding:0}body.fullscreen .attack{min-height:100dvh;justify-content:center;padding:var(--space-72) max(var(--space-24),calc((100vw - var(--width-demo)) / 2)) var(--space-32)}.stop{display:inline-flex;align-items:center;gap:var(--space-8);min-width:var(--stop-size);min-height:var(--stop-size);padding:var(--space-6) var(--space-12);background:none;border:0;color:var(--text);font:600 var(--font-14)/var(--leading-100) var(--system-sans);opacity:var(--stop-shown-opacity);cursor:pointer}.stop-mark{width:var(--space-10);height:var(--space-10);background:currentcolor}.stop[data-state=handle]{opacity:var(--stop-idle-opacity)}.stop[data-state=handle] .stop-label{display:none}.stop:hover,.stop:focus-visible{opacity:1}.screen-off{position:fixed;inset:0;z-index:calc(var(--layer-raised) + 1);background:var(--black)}.consequence{--layout-gap: var(--space-24);padding-top:var(--space-8)}.headline{font:var(--font-headline)}.headline:focus{outline:none}.duel{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-16);min-height:var(--min-height-duel);padding:var(--space-16);border-radius:var(--radius);background:radial-gradient(circle at 50% 80%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 70%);--width: var(--duel-cast);--sprint-frame-time: var(--duration-80)}.outcome-shelly .character-shelly{filter:var(--filter-shelly-glow)}.jack-leaves{visibility:hidden}.card h2{margin-bottom:var(--space-8)}.card p+p{margin-top:var(--space-8)}.mirror dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4) var(--space-16);margin:var(--space-12) 0 0;font:var(--font-14)/var(--leading-150) var(--system-mono)}.mirror dt{color:var(--text-2)}.mirror dd{margin:0;overflow-wrap:anywhere}.costs{border:var(--border-2) solid var(--jack)}.costs ul{margin:0;padding-left:var(--space-20);display:grid;gap:var(--space-6)}.lesson{border:var(--border-2) solid var(--accent)}@media(prefers-reduced-motion:no-preference){body{transition:background-color var(--mood-fade)}.timer-fill{transition:transform var(--duration-1000) var(--ease-linear)}.stop{transition:opacity var(--duration-400)}.title:after{animation:cursor-blink var(--duration-1000) steps(1) var(--cursor-blink-rounds)}.screen-off{animation:screen-off var(--screen-off) steps(3) both}body[data-mood=alarm]{transition:none}.shake{animation:shake var(--duration-400) var(--ease-out) 1}.call-figure.ringing{animation:ring var(--duration-800) var(--ease-in-out) var(--ring-rounds)}.call-figure.talking{animation:talk var(--duration-400) steps(2) infinite}.outcome-shelly .pose-spin img{animation:sprite-frames calc(var(--frames) * var(--art-frame-time)) steps(var(--frames))}.jack-leaves{animation:sprint-off var(--duration-1200) var(--duration-600) var(--ease-in) both}.jack-leaves .character img{animation:sprite-frames calc(var(--frames) * var(--sprint-frame-time)) steps(var(--frames)) 2}}@keyframes cursor-blink{50%{opacity:0}}@keyframes screen-off{0%{opacity:0}50%,to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(calc(-1 * var(--shake-distance)),calc(var(--shake-distance) / 3))}50%{transform:translate(calc(var(--shake-distance) * 5 / 6),calc(var(--shake-distance) / -3))}75%{transform:translate(calc(var(--shake-distance) / -2),calc(var(--shake-distance) / 6))}}@keyframes sprint-off{0%{visibility:visible}99%{visibility:visible;transform:translate(60vw);opacity:0}to{visibility:hidden;transform:none;opacity:0}}@keyframes ring{50%{transform:rotate(var(--ring-angle))}}@keyframes talk{50%{transform:translateY(calc(-1 * var(--space-4)))}}@media(width<360px){.choices{grid-template-columns:1fr}}@media(width<=640px){#stage{padding-inline:var(--page-gutter)}.attack{padding:var(--space-18)}.term-line{font-size:var(--font-13)}.fake-locked{margin-left:var(--space-16)}.choice{font-size:var(--font-14)}.title{font-size:var(--term-title-size-phone)}}@media print{.stop,.skip,.screen-off,.topbar .language-switch,.title-screen :is([data-start],.settings-row),.title:after,.title-screen:after,.chat-reply,.chat-suggestions,.silhouette,.phone-home-bar{display:none}.title:before,.intro:before,.safety:before,.story-picker h2:before,.title-screen .btn-primary:before{content:none}.title-screen{background:none;border-color:var(--line);color:var(--text)}.title{color:var(--text)}body.fullscreen .topbar{position:static}body.fullscreen .attack,.phone,.call-screen{min-height:0}.chat-messages{flex-basis:auto;overflow:visible}.phone,.call-screen{border:var(--border-1) solid var(--line-strong);box-shadow:none}.phone-status-bar,.call-screen,.phone-calling,.phone-home{background:none;color:var(--text)}.status-timer,.call-status,.phone-call-status{color:var(--text)}.message,.call-control,.phone-transfer,.fake-window,.pay-page{border:var(--border-1) solid var(--line-strong)}.call-control,.phone-transfer{background:none;color:var(--text)}.fake-button{print-color-adjust:exact}}@media(forced-colors:active){.stop{border:var(--forced-edge)}.stop-mark{forced-color-adjust:none}.title-screen:after,.silhouette{display:none}.title:after{width:0;background:none;border-left:var(--cursor-width) solid transparent}.phone-home-bar:after{height:0;background:none;border-top:var(--border-4) solid transparent}:is(.fake-window,.pay-page,.qr-sticker,.call-screen,.message,.fake-button,.timer-track,.phone-tile,.chat-send,.phone-transfer){border:var(--forced-edge)}}@media(prefers-contrast:more){.stop{opacity:1}}@media(scripting:none){.title-screen :is([data-start],.settings-row,.intro,.safety){display:none}}@media screen and (scripting:enabled){:root:not([data-demo-failed]) .story-read{display:none}}