:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f4f0e5;--ink:#1c2e38;--muted:#64716e;--line:#d5d1c3;--accent:#b63e2a;--surface:#fffdf5;--on-accent:#fffdf5;--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}img{max-width:100%;height:auto}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent)}[hidden]{display:none!important}.skip{position:fixed;top:-90px;left:20px;background:var(--ink);color:var(--bg);padding:12px;z-index:200}.skip:focus{top:8px}
header,main,footer,.token-strip{width:min(1240px,calc(100% - 80px));margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-.8px;white-space:nowrap}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover,.text-button:hover{text-decoration:underline;text-underline-offset:5px}.nav-token{font-size:12px;font-weight:700;padding:11px 14px;border:1px solid var(--line);background:transparent;border-radius:var(--radius);min-height:42px}.nav-token span{margin-left:12px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:64px 0 54px}.eyebrow,.micro{font-family:'Courier New',monospace;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:1.7px}.eyebrow{font-size:10px;margin:0 0 27px;display:flex;align-items:center;gap:10px}.hero h1{font-size:clamp(60px,7.4vw,108px);line-height:.91;letter-spacing:-6px;margin:0 0 30px;font-weight:800}.hero h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.lede{font-size:21px;line-height:1.6;letter-spacing:-.5px;margin:0 0 30px}.lede strong{font-weight:500}.hero-actions{display:flex;align-items:center;gap:21px}.hero-actions .micro{color:var(--muted);font-size:9px;letter-spacing:1px}.hero-art{margin:0;position:relative}.hero-art img{display:block;width:100%;aspect-ratio:640/620}.hero-art figcaption{display:flex;justify-content:space-between;gap:12px;font:9px/1.4 'Courier New',monospace;letter-spacing:1px;color:var(--muted);margin:12px 16px 0}
.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:50px;padding:15px 22px;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;line-height:1.35;text-decoration:none;transition:transform .15s,filter .15s}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.text-button{background:none;border:0;padding:14px 0;font:700 12px/1.4 Arial,sans-serif;min-height:44px}.button-row{display:flex;gap:12px;flex-wrap:wrap}
.play-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:104px 0;align-items:center;scroll-margin-top:24px}.section-intro h2,.story-section h2,.closing-line h2,.retro-note h2{font-size:clamp(36px,3.8vw,55px);line-height:1.05;letter-spacing:-2.2px;margin:0 0 25px}.section-intro>p:not(.eyebrow):not(.fine){font-size:16px;line-height:1.65;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin:24px 0 10px}select,input,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px;width:100%;line-height:1.5}textarea{resize:vertical;min-height:90px}form>.button{margin-top:14px}select{min-height:50px}.fine{font-size:12px;line-height:1.75;color:var(--muted)}.export-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.export-bar>.micro{font-size:8px;letter-spacing:1px;color:var(--muted);max-width:210px}.export-bar>div{display:flex;gap:20px;white-space:nowrap}
.token-strip{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.token-strip p{font-size:15px;margin:8px 0 0}.token-strip .micro{color:var(--muted)}footer{padding:29px 0 36px;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:flex-start}footer .footer-brand{font-size:13px;font-weight:800;text-decoration:none;letter-spacing:-.5px}footer p{font-size:10px;line-height:1.7;margin:0;color:var(--muted)}.footer-links{font-size:11px;display:flex;gap:18px;flex-wrap:wrap}
dialog{width:min(540px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--surface);color:var(--ink);max-height:90svh;overflow-y:auto;box-shadow:0 24px 90px #0006}dialog::backdrop{background:#08131ac4;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px}dialog h2{font-size:33px;letter-spacing:-1.3px;line-height:1.1;margin:24px 0 14px}dialog p{font-size:14px;line-height:1.6}dialog .fine{font-size:12px}dialog code{display:block;padding:14px;border:1px solid var(--line);border-radius:5px;overflow-wrap:anywhere;margin:12px 0 16px;font-size:12px}.icon-button{font-size:25px;background:none;border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.feedback{min-height:16px;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:150;max-width:calc(100% - 32px);padding:14px 20px;background:var(--ink);color:var(--bg);border-radius:6px;box-shadow:0 10px 30px #0002;text-align:center;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.visible{opacity:1}.noscript{padding:20px;text-align:center;border-top:1px solid var(--line)}.legal{max-width:780px;padding:60px 0 90px}.legal>h1{font-size:72px;letter-spacing:-4px;line-height:.96;margin:0 0 40px}.legal h2{margin-top:35px;font-size:24px;letter-spacing:-.8px}.legal p,.legal div{font-size:16px;line-height:1.8}.legal .eyebrow{margin-top:45px}.legal code{overflow-wrap:anywhere}
@media(max-width:1050px){header,main,footer,.token-strip{width:calc(100% - 48px)}.hero{gap:18px}.hero h1{letter-spacing:-4px}.play-section{gap:42px}.hero-actions{flex-wrap:wrap}.hero-actions .micro{font-size:8px}.eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:720px){header,main,footer,.token-strip{width:calc(100% - 36px)}header{height:80px;gap:12px}.wordmark{font-size:16px;letter-spacing:-.6px}nav{gap:0}nav>a{display:none}.nav-token{font-size:10px;min-height:40px;padding:9px 10px}.nav-token span{margin-left:4px}.hero{grid-template-columns:1fr;padding:40px 0 34px;gap:30px}.hero h1{font-size:clamp(66px,15vw,91px);letter-spacing:-4.5px;margin-bottom:24px}.eyebrow{margin-bottom:23px;font-size:8px}.lede{font-size:19px;margin-bottom:22px}.hero-actions{gap:17px}.hero-art{width:100%;max-width:540px;margin:auto}.hero-art figcaption{font-size:8px}.play-section{grid-template-columns:1fr;padding:63px 0;gap:36px}.section-intro h2{font-size:41px;letter-spacing:-1.8px}.section-intro>p:not(.eyebrow):not(.fine){font-size:15px}.export-bar>.micro{max-width:150px;font-size:7px}.export-bar>div{gap:14px}.token-strip{padding:24px 0;align-items:center}.token-strip p{font-size:13px}.token-strip .button{padding:12px;font-size:11px;white-space:nowrap;gap:12px;min-height:44px}.token-strip .micro{font-size:8px}footer{flex-wrap:wrap;gap:16px}footer p{order:3;width:100%}.footer-links{margin-left:auto;font-size:10px}dialog{padding:23px}.legal{padding:35px 0 65px}.legal>h1{font-size:56px}.legal p,.legal div{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}