:root{--ink: #1d3b57;--soft: #4a6a80;--paper: #fbf8f1;--accent: #e07a5f;--sea: #e8f3f6;--card: rgba(255, 255, 255, .93);--bar: rgba(251, 248, 241, .86)}html[data-palette=dusk]{--ink: #e6edf8;--soft: #9db3d0;--paper: #0e182a;--accent: #f2c230;--sea: #1d2d47;--card: rgba(10, 18, 32, .92);--bar: rgba(14, 24, 42, .85)}html[data-palette=mono]{--ink: #1a1a1a;--soft: #5a5a5a;--paper: #f5f5f5;--accent: #1a1a1a;--sea: #e5e5e5}html,body{margin:0;height:100%;background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}button{font:inherit;color:inherit}#game{position:fixed;inset:0;overflow:hidden;background:var(--sea)}#game:before{content:"Loading game\2026";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--soft)}body.ready #game:before{display:none}#card{position:fixed;right:24px;top:50%;transform:translateY(-50%);width:min(380px,32vw);max-height:66vh;overflow:auto;box-sizing:border-box;background:var(--card);border-radius:14px;padding:20px 22px;box-shadow:0 8px 40px #14323c2e;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:20}#card.in{opacity:1;visibility:visible;transition:opacity .18s,transform .18s,visibility 0s}#card.leaving{opacity:0;transform:translateY(-50%) translateY(8px)}#card .kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}#card h2{margin:4px 0 10px;font-size:20px;line-height:1.25}#card p,#card li,#card dd{font-size:15px;line-height:1.5}#card p{margin:0 0 10px}#card p.sub{color:var(--soft);font-weight:600}#card ul{margin:0 0 6px;padding-left:20px}#card li{margin-bottom:8px}#card dl{margin:0}#card dt{font-weight:700;font-size:13px;margin-top:10px}#card dd{margin:2px 0 0}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 8px}.chips .lbl{font-size:13px;font-weight:700;margin-right:2px}.chip{background:var(--sea);border-radius:999px;padding:3px 10px;font-size:13px}.links{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.links a,.btn{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;border:0;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.btn.alt{background:var(--sea);color:var(--ink)}#timeline{position:fixed;left:16px;right:16px;bottom:12px;height:44px;background:var(--bar);border-radius:12px;box-shadow:0 2px 12px #14323c26;z-index:10}#timeline .rail{position:absolute;inset:0 74px 0 18px}#timeline .track{position:absolute;left:0;right:0;top:17px;height:4px;background:#c6d6dc;border-radius:2px;overflow:hidden}#timeline .fill{height:100%;width:0;background:var(--accent)}#timeline .dot{position:absolute;top:19px;width:14px;height:14px;padding:0;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--ink);background:var(--paper);cursor:pointer}#timeline .dot.on{background:var(--accent)}#timeline .dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#timeline .tick{position:absolute;bottom:3px;transform:translate(-50%);font-size:10px;color:var(--soft);pointer-events:none}#timeline .marker{position:absolute;top:1px;transform:translate(-50%);font-size:10px;line-height:1;color:var(--accent);pointer-events:none}#timeline .count{position:absolute;right:14px;top:0;bottom:0;display:flex;align-items:center;font-size:13px;font-weight:700}#pad{display:none;position:fixed;left:18px;bottom:66px;width:128px;height:128px;border-radius:50%;background:#fbf8f18c;border:2px solid rgba(29,59,87,.35);touch-action:none;z-index:10}#pad .knob{position:absolute;left:38px;top:38px;width:52px;height:52px;border-radius:50%;background:#1d3b578c}body.touch #pad{display:block}.game #cv:not(.open){display:none}.game #cv.open{position:fixed;inset:0;overflow:auto;background:var(--paper);z-index:50}.game #cv .close{position:fixed;top:14px;right:16px}body[data-fallback] #game{display:none}.fallback-note{max-width:760px;margin:16px auto 0;padding:0 24px;color:var(--soft);font-size:14px}.cv{max-width:760px;margin:0 auto;padding:40px 24px 64px;line-height:1.55}.cv h1{margin:0;font-size:32px}.cv h2{margin:32px 0 8px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--sea);padding-bottom:4px}.cv h3{margin:18px 0 4px;font-size:17px}.cv .date{font-weight:400;color:var(--soft);font-size:14px;margin-left:8px}.cv p,.cv li,.cv dd{margin:0 0 6px;font-size:15px}.cv .sub{color:var(--soft);font-weight:600}.cv dt{font-weight:700;margin-top:8px}.cv dd{margin-left:0}.cv .links{margin:10px 0}@media(prefers-reduced-motion:reduce){#card,#card.leaving,#card.in{transition:none}}@media(max-width:700px){#card{inset:54px 8px auto;transform:none;width:auto;max-height:44vh;border-radius:16px;padding:16px 18px}#card.leaving{transform:translateY(-10px)}#timeline{height:34px;left:8px;right:8px}#timeline .track{top:12px}#timeline .dot{top:14px}#timeline .rail{right:60px}#timeline .tick{display:none}}#game canvas{display:block;touch-action:none}#card,#timeline{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#hud{position:fixed;left:20px;bottom:64px;font-size:14px;line-height:1.2;color:var(--soft);letter-spacing:.04em;pointer-events:none;transition:opacity 1.2s;z-index:10}#hud.gone{opacity:0}#topbar{position:fixed;top:14px;right:16px;z-index:10;display:flex;gap:8px}#topbar button{background:var(--bar);border:0;border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;box-shadow:0 1px 6px #14323c33}#topbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){#hud{transition:none}}@media(max-width:700px){#hud{display:none}#topbar{top:10px;right:10px;gap:6px}#topbar button{padding:6px 10px}}