:root{--bg: #0a0f0d;--surface-1: #101714;--surface-2: #182019;--text: #d9f5e3;--text-muted: #6f8f7c;--accent: #4ef29c;--accent-support: #ffb454;--danger: #ff5f56;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--radius: 4px;--font-display: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-ui: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at top,#101a15 0%,var(--bg) 55%,#050807 100%);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em}button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--font-ui);background:var(--surface-2);color:var(--text);border:1px solid var(--text-muted);border-radius:var(--radius);padding:var(--space-1) var(--space-2);cursor:pointer;transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .1s ease-out}button:hover{border-color:var(--accent)}button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 16px #4ef29c59}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0}.wordmark{margin:0;font-size:32px;color:var(--accent)}.tagline{margin:var(--space-1) 0 0;color:var(--text-muted)}.mute-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--accent);flex-shrink:0}.mute-button__slash{opacity:0}.mute-button--muted{color:var(--text-muted)}.mute-button--muted .mute-button__wave{opacity:0}.mute-button--muted .mute-button__slash{opacity:1}#app{display:flex;flex-direction:column;min-height:100vh}.layout{display:grid;grid-template-columns:1fr;align-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-6);flex:1}.board-frame{position:relative;border-radius:var(--radius);overflow:hidden}.board{display:block;width:100%;height:50vh;background:var(--surface-1);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000080}.board-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.board-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px #000000a6}@media (prefers-reduced-motion: no-preference){.board-frame:before{animation:crt-flicker 6s infinite}}@keyframes crt-flicker{0%,96%,to{opacity:1}97%{opacity:.85}98%{opacity:1}}.board-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--danger);opacity:0}.board-frame--shake{animation:board-shake .1s ease-out}.board-frame--shake .board-flash{animation:board-flash-fade .22s ease-out}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes board-flash-fade{0%{opacity:.15}to{opacity:0}}@media (prefers-reduced-motion: reduce){.board-frame--shake,.board-frame--shake .board-flash{animation:none}}.sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar h2{font-size:16px;margin:0 0 var(--space-1);color:var(--text-muted)}.toolbox{display:flex;flex-wrap:wrap;gap:var(--space-1)}.undo-button{margin-top:var(--space-2);width:100%;border-color:var(--accent-support);color:var(--accent-support)}.undo-button:hover:not(:disabled){border-color:var(--accent-support);box-shadow:0 0 16px #ffb45459}.move-count{margin:0}.timer{margin:var(--space-1) 0 0;color:var(--accent-support);font-variant-numeric:tabular-nums}.history{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:40vh;overflow-y:auto}.history-entry{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius);border-left:3px solid var(--text-muted);background:var(--surface-2);font-size:13px}.history-entry__label{color:var(--text);white-space:nowrap}.history-entry__detail{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry--on-path{border-left-color:var(--accent)}.history-entry--decoy{border-left-color:var(--accent-support)}.history-entry--failed{border-left-color:var(--danger)}.history-entry--failed .history-entry__detail{color:var(--danger)}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#050807db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.win-overlay[hidden]{display:none}.win-overlay__rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.win-overlay__drop{position:absolute;top:-10%;color:var(--accent);font-family:var(--font-display);font-size:14px;opacity:0;animation:matrix-fall linear infinite;text-shadow:0 0 8px rgba(78,242,156,.6)}@keyframes matrix-fall{0%{transform:translateY(-20%);opacity:0}10%{opacity:.7}to{transform:translateY(1100%);opacity:0}}.win-card{position:relative;z-index:1;width:min(360px,90vw);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 32px #4ef29c59,0 8px 24px #0009;text-align:center}.win-card__eyebrow{margin:0;color:var(--accent-support);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.win-card__title{margin:var(--space-1) 0 var(--space-3);font-size:25px;color:var(--accent)}.win-card__stats{display:flex;justify-content:center;gap:var(--space-4);margin:0 0 var(--space-3)}.win-card__stats dt{margin:0 0 4px;color:var(--text-muted);font-size:13px}.win-card__stats dd{margin:0;font-size:25px;font-family:var(--font-display);color:var(--text)}.win-card__actions{display:flex;flex-direction:column;gap:var(--space-1)}.win-card__cta{width:100%;background:var(--accent);color:var(--surface-1);border-color:var(--accent);font-weight:600;padding:var(--space-2)}.win-card__cta:hover{box-shadow:0 0 16px #4ef29c80}.win-card__cta--secondary{background:transparent;color:var(--accent)}.win-card__share-status{min-height:1em;margin:var(--space-1) 0 0;color:var(--text-muted);font-size:13px;white-space:pre-line}@media (min-width: 768px){.layout{grid-template-columns:65% 1fr;align-items:start}.board{height:60vh}}.about{border-top:1px solid rgba(78,242,156,.14);background:linear-gradient(180deg,rgba(16,26,21,.5),transparent 40%);padding:var(--space-8) var(--space-4)}.about__inner{max-width:68ch;margin:0 auto}.about h2{font-size:25px;color:var(--accent);margin:var(--space-6) 0 var(--space-2)}.about h2:first-child{margin-top:0}.about p,.about li,.about dd{color:var(--text-muted);line-height:1.65}.about ol{padding-left:var(--space-3)}.about li{margin:var(--space-1) 0}.about code{font-family:var(--font-ui);font-size:.9em;color:var(--accent);background:var(--surface-2);border:1px solid rgba(78,242,156,.16);border-radius:var(--radius);padding:1px 6px}.faq dt{color:var(--text);font-weight:500;margin-top:var(--space-3)}.faq dd{margin:var(--space-1) 0 0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid rgba(78,242,156,.14);color:var(--text-muted);font-size:13px}.site-footer a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .16s ease-out}.site-footer a:hover,.site-footer a:focus-visible{border-bottom-color:var(--accent);outline:none}