:root{--paper:#f6f1e7;--panel:#fdfbf5;--ink:#1a1a16;--muted:#5a554b;--faint:#8c867a;--border:#e3dbcb;--track:#eae3d3;--accent:#17493b;--accent-ink:#fff;--accent2:#b98d33;--accent2-ink:#241a05;--stoppage:#cdc4b1;--bar-busy:var(--accent2);--bar-sweep:color-mix(in srgb, var(--film-ink) 45%, transparent);--panel-bg:var(--paper);--panel-shadow:0 40px 90px -30px #1a1a1680;--site-bg:#ece4d4;--bar:var(--paper);--cat-goal:#b98d33;--cat-shot:#4d7d6e;--cat-foul:#bf5b34;--cat-card:#d14d4d;--cat-save:#3e6e7a;--cat-restart:#c9a24b;--film-a:#0c241c;--film-b:#08120f;--film-ink:#f3efe2;--ff-display:"Bricolage Grotesque", system-ui, sans-serif;--ff-body:"Hanken Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-mono:"Space Mono", ui-monospace, Menlo, monospace;--content-max:1560px;--gutter:clamp(20px, 5vw, 56px);--pad-x:max(var(--gutter), calc((100% - var(--content-max)) / 2))}:root[data-theme=dark]{--paper:#141410;--panel:#1e1e18;--ink:#f6f1e7;--muted:#b3ad9d;--faint:#8b8578;--border:#ffffff1f;--track:#ffffff1a;--accent:#3f9b7f;--accent-ink:#fff;--accent2:#ebc974;--accent2-ink:#241a05;--stoppage:#6f6a5c;--bar-busy:var(--accent);--bar-sweep:color-mix(in srgb, var(--film-ink) 26%, transparent);--panel-bg:radial-gradient(130% 100% at 50% -10%, #1b2a24 0%, #161613 55%, #111110 100%);--panel-shadow:0 40px 90px -30px #0009;--site-bg:#0c0c0a;--bar:#1b2a24}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--panel-bg);min-height:100dvh;color:var(--ink);font-family:var(--ff-body);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;margin:0;line-height:1.5;transition:background .4s,color .4s;overflow-x:clip}a{color:inherit;text-decoration:none}button{color:inherit;font-family:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--ff-display);letter-spacing:-.02em}.kpanel{width:100%;color:var(--ink);background:0 0;margin:0 auto;overflow:hidden}@media (min-width:1100px){.kpanel{width:86%;max-width:var(--content-max)}}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-smooth-scroll]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html[data-smooth-scroll]{scroll-behavior:auto}}.kicker{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px}.eyebrow{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.btn{white-space:nowrap;font-family:var(--ff-mono);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:13px;font-weight:700;transition:filter .15s,transform .15s,background .2s,color .2s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-gold{background:var(--accent2);color:var(--accent2-ink)}.btn-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--border)}.btn-ghost:hover{filter:none;border-color:var(--accent)}.band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel);padding:14px 40px}.tag-preview{font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--accent2);color:var(--accent2-ink);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.card{border:1px solid var(--border);background:0 0;border-radius:14px}.pillgroup{background:var(--track);border-radius:999px;padding:3px;display:inline-flex}.pillgroup button{font-family:var(--ff-mono);cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 15px;font-size:11px;font-weight:700;transition:background .2s,color .2s}.pillgroup button.on{background:var(--accent);color:var(--accent-ink)}.statuspill{font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--pill-color,var(--muted));background:color-mix(in srgb, var(--pill-color,var(--muted)) 12%, transparent);border:1px solid color-mix(in srgb, var(--pill-color,var(--muted)) 34%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:10.5px;font-weight:700;display:inline-flex}.statuspill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.statuspill-live:before{animation:1.4s ease-in-out infinite k-blink}.quotabar{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.quotabar>span{background:var(--accent);border-radius:999px;height:100%;transition:width .4s;display:block}.quotabar-exhausted>span{background:var(--cat-card)}.quotabar-indeterminate{position:relative}.quotabar-indeterminate>span{background:var(--bar-busy)}.quotabar-indeterminate:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent, var(--bar-sweep), transparent);width:22%;position:absolute;left:0}@media (prefers-reduced-motion:no-preference){.quotabar-indeterminate:after{animation:1.8s linear infinite k-sweep}}@media (prefers-reduced-motion:reduce){.quotabar-indeterminate:after{opacity:.4;width:100%}}.choicecard{text-align:left;width:100%;font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:block}.choicecard:hover:not(:disabled){border-color:var(--accent)}.choicecard:disabled{cursor:not-allowed;opacity:.55}.choicecard.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.scroll-x{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:8px}.scroll-x::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@keyframes k-drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,3%)scale(1.08)}}@keyframes k-drift2{0%,to{transform:translate(0)scale(1.06)}50%{transform:translate(-5%,-2%)scale(1)}}@keyframes k-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes k-sweep{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes k-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes route-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(26px)scale(.985)}.reveal.revealed{opacity:1;transform:none}}.route-fade{animation:.5s cubic-bezier(.22,.61,.36,1) both route-in}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}