:root{--brand-primary-hex:#176b8f;--brand-accent-hex:#c7352e;--brand-success:#237a57;--ink:#18202a;--paper:#fff;--canvas:#f4e8d0;--canvas-deep:#ecdcbb;--muted:#5e6872;--line:#18202a;--radius:.25rem}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--brand-primary-hex);font-weight:700}.page{z-index:1;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px 24px 80px;position:relative}.topbar{border:3px solid var(--ink);background:var(--canvas);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.wordmark{width:184px;height:auto;display:block}.topbar nav{align-items:center;gap:20px;display:flex}.topbar nav a{color:var(--ink);font-size:15px;font-weight:800;text-decoration:none}.topbar nav a:hover{color:var(--brand-primary-hex)}.crumbs{font-family:var(--font-mono), monospace;color:var(--muted);margin:20px 0 8px;font-size:13px}.crumbs a{color:var(--muted)}h1,h2,h3{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0;line-height:.98}.h-hero{max-width:14ch;font-size:clamp(40px,6vw,70px)}.h-section{font-size:clamp(26px,3.4vw,40px)}.eyebrow{color:var(--brand-primary-hex);letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}.lede{max-width:52ch;color:var(--ink);font-size:18px;line-height:1.5}.mono{font-family:var(--font-mono), monospace}.muted{color:var(--muted)}.code-line{background:var(--ink);color:#f4ead2;border:2px solid var(--ink);font-family:var(--font-mono), monospace;white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px;font-size:13px}.btn{border:3px solid var(--ink);border-radius:var(--radius);font:900 16px var(--font-body), sans-serif;cursor:pointer;background:var(--paper);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(0)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--ko{background:var(--brand-accent-hex);color:#fff}.btn--route{background:var(--brand-primary-hex);color:#fff}.btn--lg{padding:16px 28px;font-size:18px}.btn-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:32px;padding:44px 0 24px;display:grid}.hero-copy,.hero-arena{min-width:0}.screen{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--canvas-deep);background:#fff}.screen-chrome{background:var(--ink);border-bottom:4px solid var(--ink);align-items:center;gap:8px;padding:9px 14px;display:flex}.screen-chrome .dot{background:#46505c;border-radius:999px;width:11px;height:11px}.screen-chrome .dot:first-child{background:var(--brand-accent-hex)}.screen-url{font-family:var(--font-mono), monospace;color:#c7d0d9;margin-left:10px;font-size:12px}.screen-surface{aspect-ratio:16/10;background:linear-gradient(var(--brand-accent-hex), var(--brand-accent-hex)) top/100% 4px no-repeat, linear-gradient(var(--brand-primary-hex), var(--brand-primary-hex)) bottom/100% 4px no-repeat, #fffdf6;width:100%;padding:0;position:relative;overflow:hidden}.screen-copy{z-index:1;pointer-events:none;position:absolute;top:6%;left:6%;right:30%}.screen-surface--play{cursor:crosshair}.screen-surface--play:focus-visible{outline:3px solid var(--brand-primary-hex);outline-offset:-3px}.screen-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-primary-hex);margin:0;font-size:clamp(10px,1.4vw,13px);font-weight:600}.screen-headline{max-width:18ch;margin:4px 0 0;font-size:clamp(13px,2.3vw,23px);line-height:1.02}.screen-subcopy{color:var(--muted);max-width:24ch;margin:5px 0 0;font-size:clamp(9px,1.25vw,12px);line-height:1.2}.screen--compact .screen-headline{font-size:clamp(12px,2vw,19px)}.screen-target{border:2px solid var(--ink);font:800 clamp(11px, 1.5vw, 15px) var(--font-body), sans-serif;text-align:center;background:var(--paper);color:var(--ink);cursor:default;border-radius:2px;justify-content:center;align-items:center;padding:0 12px;line-height:1.05;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.screen-target--cta{background:var(--ink);color:#fff}.screen-target--secondary{background:var(--paper);color:var(--ink)}.screen-target--nav{text-underline-offset:3px;background:0 0;border-color:#0000;font-weight:700;text-decoration:underline}.screen--mark .screen-target{cursor:pointer}.screen--mark .screen-target:hover,.screen-target.is-selected{outline:3px solid var(--brand-accent-hex);outline-offset:2px}.screen-target.is-intended{outline:3px dashed var(--brand-primary-hex);outline-offset:2px}.screen-target.is-actual{outline:4px solid var(--brand-accent-hex);outline-offset:2px;box-shadow:0 0 0 6px #c7352e2e}.screen-target.is-promoted{background:var(--brand-success);color:#fff;border-color:var(--ink);outline:4px solid var(--brand-success);outline-offset:2px}.screen-target.is-dimmed{opacity:.4}.screen-tag{font:900 9px var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.04em;background:var(--brand-primary-hex);color:#fff;border:2px solid var(--ink);white-space:nowrap;z-index:6;pointer-events:none;padding:2px 6px;position:absolute;transform:translate(-50%,3px)}.screen-tag--ko{background:var(--brand-accent-hex)}.screen-tag--now{background:var(--brand-success)}.click-dot{border:3px solid var(--brand-accent-hex);pointer-events:none;z-index:5;background:#c7352e40;border-radius:999px;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%)}.click-dot:after{content:"";background:var(--brand-accent-hex);border-radius:999px;position:absolute;inset:8px}.play-hint{background:var(--ink);color:#fff;font:800 12px var(--font-mono), monospace;white-space:nowrap;padding:6px 12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.panel{border:3px solid var(--ink);background:var(--canvas);padding:24px}.panel--paper{background:var(--paper)}.grid-2{grid-template-columns:1.3fr .9fr;align-items:start;gap:24px;display:grid}.stack{gap:16px;display:grid}.ko-card{border:3px solid var(--ink);background:var(--paper);border-radius:6px;padding:24px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-slug{font-family:var(--font-mono), monospace;color:var(--muted);font-size:13px}.state-badge{border:2px solid var(--ink);font:800 11px var(--font-mono), monospace;text-transform:uppercase;background:var(--brand-success);color:#fff;padding:4px 10px;display:inline-block}.stamp{border:3px solid var(--ink);text-align:center;font-family:var(--font-display), sans-serif;color:#fff;margin:4px 0 18px;padding:16px 18px;font-size:clamp(22px,4vw,34px);line-height:1;display:block}.stamp--ko{background:var(--brand-accent-hex)}.stamp--defended{background:var(--brand-success)}.card-dl{gap:14px;margin:0 0 18px;display:grid}.card-dl>div{border-bottom:1px dashed #cdbf9c;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.card-dl dt{color:var(--muted);font-size:14px;font-weight:800}.card-dl dd{text-align:right;margin:0;font-size:16px;font-weight:900}.route-ribbon{background:var(--ink);color:#fff;font-family:var(--font-mono), monospace;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;font-size:15px;display:flex}.route-ribbon .arrow{color:var(--brand-accent-hex);font-weight:700}.route-chip{border:2px solid #fff;padding:5px 10px;font-weight:700}.route-chip--after{background:var(--brand-success);border-color:var(--brand-success)}.learning-line{border-left:5px solid var(--brand-accent-hex);background:var(--canvas-deep);margin:0;padding:14px 16px;font-size:15px;font-weight:700}.share-panel{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.qr-ticket{background:var(--paper);border:3px solid var(--ink);justify-items:center;gap:8px;padding:14px;display:grid}.qr-ticket .mono{color:var(--muted);word-break:break-all;text-align:center;max-width:160px;font-size:11px}.copy-field{gap:8px;margin-top:10px;display:flex}.copy-field input{border:3px solid var(--ink);border-radius:var(--radius);min-width:0;font-family:var(--font-mono), monospace;background:#fff;flex:1;padding:10px 12px;font-size:13px}.how-strip{border:3px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.how-strip>div{border-right:3px solid var(--ink);padding:22px}.how-strip>div:last-child{border-right:0}.step-num{background:var(--brand-primary-hex);color:#fff;place-items:center;width:34px;height:34px;margin-bottom:14px;font-weight:900;display:inline-grid}.how-strip strong{margin-bottom:6px;font-size:18px;display:block}.how-strip p{color:var(--muted);margin:0;font-size:14px}.section{margin-top:40px}.section-head{margin-bottom:16px}.usage-table{border-collapse:collapse;width:100%;font-size:14px}.usage-table th,.usage-table td{text-align:left;border-bottom:1px solid #d8c9a6;padding:8px 10px}.usage-table th{font-family:var(--font-mono), monospace;text-transform:uppercase;color:var(--muted);font-size:12px}.tally-bar{background:var(--brand-primary-hex);border:1px solid var(--ink);height:12px}.tally-bar--intended{background:var(--brand-success)}.notice{border:3px solid var(--ink);background:var(--canvas);padding:12px 16px;font-weight:700}.notice--error{border-color:var(--brand-accent-hex);background:#fbeae8}.foot{border-top:3px solid var(--ink);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;font-size:13px;display:flex}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand-primary-hex);outline-offset:3px}@media (max-width:900px){.hero,.grid-2{grid-template-columns:1fr}.share-panel{grid-template-columns:1fr;justify-items:start}}@media (max-width:600px){.page{padding:14px 14px 60px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.how-strip{grid-template-columns:1fr}.how-strip>div{border-right:0;border-bottom:3px solid var(--ink)}.how-strip>div:last-child{border-bottom:0}.topbar nav a,.crumbs a{align-items:center;min-height:44px;display:inline-flex}.crumbs a{padding:0 9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.btn:hover{box-shadow:none;transform:none}}