:root{color-scheme:dark;--bg:#101711;--ink:#f8f0d8;--muted:#9da995;--gold:#f5cc69;--line:#344332}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.page{max-width:1100px;margin:auto;padding:28px 40px 22px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:18px}header{padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{font-size:13px;font-weight:800;letter-spacing:.07em;text-decoration:none;color:var(--ink)}.brand-icon{color:var(--gold);font-size:24px;margin-right:12px}.edition,.badge,footer{font-size:10px;color:var(--muted)}.badge{border:1px solid var(--line);padding:9px 12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 24px}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--gold);margin:0 0 15px}h1{font-size:clamp(44px,7vw,80px);line-height:.95;letter-spacing:-.07em;margin:0;font-weight:900}h1>span:first-child{color:var(--gold)}.spark{font-size:32px;vertical-align:top;padding-left:15px;color:#a3c783}.pitch{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.arcade{border:1px solid #506044;box-shadow:7px 7px 0 #080f09}.scoreboard{display:flex;gap:30px;align-items:center;background:#1c281c;padding:16px 22px}.scoreboard div{display:grid;gap:5px}.scoreboard span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.scoreboard strong{font-size:23px;letter-spacing:.08em}.scoreboard .best{margin-left:auto}.best strong{color:var(--gold)}button{font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;border-radius:0;touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{cursor:default;opacity:.35}.small{border:1px solid #536349;color:var(--ink);background:transparent;padding:11px}.primary{border:0;border-bottom:4px solid #b98c37;background:var(--gold);color:#20271b;padding:16px 25px;min-height:48px}.primary:hover{background:#ffe092}.primary:active{transform:translateY(2px);border-bottom-width:2px}.screen{position:relative;background:#b7d1a0;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#14241430}.overlay[hidden]{display:none}.card{max-width:90%;padding:25px 30px;text-align:center;background:#142014f2;box-shadow:5px 5px 0 #09110975;border:1px solid #698057}.card h2{font-size:clamp(17px,3vw,28px);letter-spacing:-.04em;margin:0 0 13px}.card p:not(.eyebrow){font-size:11px;color:#bec8b4;line-height:1.6}.card .primary{margin-top:7px}.card .hint{font-size:9px!important;letter-spacing:.1em;margin-bottom:0}.controlbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;gap:15px;background:#1c281c}.controlbar p{font-size:11px;line-height:1.8;margin:0}.controlbar p span{color:var(--muted)}.jump{min-width:140px}.notes{display:flex;justify-content:space-between;gap:15px;margin:24px 0 34px}.notes p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.notes span{color:var(--gold);margin-right:7px}footer{border-top:1px solid var(--line);padding-top:18px;font-size:9px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.page{padding:18px 16px}.edition,.badge{display:none}.intro{padding:27px 0 22px}.intro .eyebrow{font-size:8px}.pitch{display:none}h1{font-size:58px}.scoreboard{padding:12px;gap:17px}.scoreboard span{font-size:8px}.scoreboard strong{font-size:19px}.scoreboard .best span{max-width:65px;font-size:7px;line-height:1.4}.small{font-size:9px;padding:9px}.screen{min-height:240px}canvas{width:100%;height:240px;object-fit:fill}.card{padding:18px 15px}.card .eyebrow{font-size:8px;margin-bottom:10px}.card p:not(.eyebrow){font-size:10px}.controlbar{padding:13px 12px}.controlbar p{font-size:9px}.jump{min-width:88px;padding:14px 18px}.notes{gap:10px;margin:22px 0}.notes p{font-size:9px}.notes span{display:block}footer{align-items:flex-start}footer span:last-child{max-width:150px;text-align:right}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}
