:root{color-scheme:dark;--page-bg:#0b0a12;--page-glow-a:#2a1a4d;--page-glow-b:#0f2a3d;--surface:#14121f;--surface-alt:#1b1829;--border:#2b2740;--border-subtle:#232036;--text:#f1eefb;--text-muted:#9a92b8;--accent:#f0a500;--accent-alt:#ff6b9d;--accent-soft:rgba(240,165,0,.16);--good:#4ade80;--bad:#ff6b6b;--gradient:linear-gradient(120deg, var(--accent-alt), var(--accent));--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--radius-sm:6px;--radius-md:14px;--radius-full:999px;--ease:cubic-bezier(.4,.1,.2,1);--shadow:0 18px 50px -18px rgba(0,0,0,.75);--max-width:940px;--transition:.25s var(--ease);--space-xl:clamp(32px, 5vh, 48px);--space-lg:clamp(22px, 4vh, 32px);--space-md:20px;--space-sm:12px}@media (prefers-color-scheme:light){:root{color-scheme:light;--page-bg:#f6f4fb;--page-glow-a:#e6dcff;--page-glow-b:#d8ecf7;--surface:#fff;--surface-alt:#f3f0fa;--border:#ded7ee;--border-subtle:#eae5f6;--text:#1c1830;--text-muted:#5f5878;--accent:#b26a00;--accent-alt:#d63d75;--accent-soft:rgba(178,106,0,.12);--good:#15803d;--bad:#c0342f;--shadow:0 14px 38px -16px rgba(28,24,48,.3)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--page-bg);font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(16px,4vh,40px) clamp(12px,4vw,24px);background-image:radial-gradient(60% 45% at 18% 0,var(--page-glow-a) 0,transparent 70%),radial-gradient(55% 45% at 88% 100%,var(--page-glow-b) 0,transparent 70%);background-attachment:fixed}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stage{width:100%;max-width:var(--max-width)}.site-header{text-align:center;margin:0 0 var(--space-lg)}.eyebrow{margin:0 0 10px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.5px}.eyebrow a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition),border-color var(--transition)}.eyebrow a:focus-visible,.eyebrow a:hover{color:var(--text);border-bottom-color:var(--accent);outline:0}.tld{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark{margin:0;font-family:var(--font-mono);font-size:clamp(1.6rem,6vw,2.4rem);font-weight:700;letter-spacing:-.5px;line-height:1.1}.tagline{margin:12px 0 0;font-size:.95rem;color:var(--text-muted);letter-spacing:.3px}.game{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-md) clamp(16px,3.5vw,28px) var(--space-lg);position:relative;overflow:hidden}.game:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gradient)}.hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px 10px;margin:6px 0 var(--space-md)}.hud-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-alt);min-width:0}.hud-label{font-size:.62rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted)}.hud-label,.hud-value{font-family:var(--font-mono)}.hud-value{font-size:.92rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-value.is-good{color:var(--good)}.hud-value.is-warn{color:var(--accent)}.hud-value.is-bad{color:var(--bad)}.hud-wide{grid-column:span 2}.viewport{position:relative;aspect-ratio:var(--viewport-ratio,25/16);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--page-bg)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,28px);background:color-mix(in srgb,var(--page-bg) 72%,transparent);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.panel{width:min(440px,100%);max-height:100%;overflow-y:auto;text-align:center;padding:clamp(16px,3vw,26px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);animation:rise .3s var(--ease)}.panel-tag{display:inline-block;margin:0 0 10px;padding:4px 11px;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}.panel-tag.is-good{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.panel-tag.is-bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.panel-title{margin:0;font-size:clamp(1.2rem,3.6vw,1.6rem);line-height:1.25}.panel-text{margin:10px 0 0;font-size:.95rem;line-height:1.55;color:var(--text-muted)}.panel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:16px 0 0;padding:0;text-align:left}.panel-stats>div{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-alt)}.panel-stats dt{margin:0;font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:1.1px;color:var(--text-muted)}.panel-stats dd{margin:3px 0 0;font-size:.9rem;font-weight:600}.panel-hint,.panel-stats dd{font-family:var(--font-mono)}.panel-hint{margin:16px 0 0;font-size:.72rem;letter-spacing:.4px}.panel-hint,.ticker{color:var(--text-muted)}.ticker{display:flex;align-items:center;gap:9px;margin:14px 0 0;min-height:2.6em;padding:9px 13px;border:1px dashed var(--border);background:var(--surface-alt);font-size:.84rem;line-height:1.4}.ticker,.ticker:before{border-radius:var(--radius-sm)}.ticker:before{content:var(--ticker-label,"LIVE");flex:none;padding:3px 7px;background:var(--accent-soft);font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:1.4px;color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text);font-family:inherit;font-size:.92rem;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px -10px rgba(0,0,0,.6)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 45%,transparent)}.btn-primary{background:var(--gradient);border-color:transparent;color:#1a1024}.key{font-family:var(--font-mono);font-size:.66rem;padding:3px 7px;border-radius:var(--radius-sm);background:rgba(0,0,0,.22);border:1px solid hsla(0,0%,100%,.16);letter-spacing:.5px}.btn:not(.btn-primary) .key{background:rgba(0,0,0,.28);color:var(--text-muted)}@media (prefers-color-scheme:light){.key{border-color:rgba(0,0,0,.14)}.btn:not(.btn-primary) .key,.key{background:rgba(0,0,0,.07)}}@media (hover:none) and (pointer:coarse){.key{display:none}canvas{cursor:default}}.status{margin:12px 0 0;min-height:1.2em;font-family:var(--font-mono);font-size:.74rem;color:var(--accent);letter-spacing:.4px}.help{margin-top:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:14px;font-size:.87rem}.help,.help summary{color:var(--text-muted)}.help summary{cursor:pointer;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:1.1px;transition:color var(--transition)}.help summary:focus-visible,.help summary:hover{color:var(--accent);outline:0}.help ul{margin:12px 0 0;padding-left:20px;line-height:1.65}.help strong{color:var(--text)}.noscript{margin:var(--space-md) 0 0;padding:16px 20px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-alt);font-size:.92rem;line-height:1.55}.noscript,.site-footer{color:var(--text-muted)}.site-footer{margin-top:var(--space-xl);text-align:center;font-size:.74rem;letter-spacing:.4px}.link-row{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.link-row a{display:inline-block;padding:6px 13px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-alt);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;text-decoration:none;transition:color var(--transition),border-color var(--transition),transform var(--transition)}.link-row a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.link-row a:focus-visible{outline:0;color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}@media (max-width:560px){.game{padding:var(--space-sm) 14px var(--space-md)}.hud{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.hud-value{font-size:.82rem}.viewport{aspect-ratio:var(--viewport-ratio-narrow,4/3)}.btn{flex:1 1 42%;justify-content:center;padding:11px 14px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.btn:hover,.link-row a:hover{transform:none}}