:root{--bg:#140d04;--bg-2:#1d1407;--panel:#221608;--panel-2:#2c1e0c;--line:#4a3413;--line-soft:#34250d;--amber:#f8a800;--amber-bright:#ffc23d;--green:#01fc80;--red:#ff6b5e;--ink:#f4ecd8;--ink-cream:#f4ecd8;--ink-dark:#1c1304;--muted:#b89b6a;--pixel:"Press Start 2P", monospace;--serif:"Fraunces", serif;--display:"Space Grotesk", sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--display);color:var(--ink);background:radial-gradient(120% 90% at 50% -10%, #3a2a0e 0%, var(--bg) 55%, #0c0802 100%);background-attachment:fixed}.app{justify-content:center;align-items:center;min-height:100%;padding:40px 20px;display:flex;position:relative}.scanlines{pointer-events:none;z-index:50;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px);position:fixed;inset:0}.setup{justify-content:center;width:100%;animation:.5s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.setup-card{border:1px solid var(--line);background:linear-gradient(#2a1c0a,#211608);border-radius:20px;flex-direction:column;gap:22px;width:100%;max-width:432px;padding:30px 34px 32px;display:flex;position:relative;box-shadow:inset 0 1px #ffe1aa12,0 30px 70px -34px #000000d9}.hero{flex-direction:column;align-items:center;display:flex}.hero-snake{filter:drop-shadow(0 10px 18px #00000073);width:104px;height:auto;margin-bottom:6px;animation:4s ease-in-out infinite float}.wordmark{font-family:var(--serif);letter-spacing:-.5px;color:var(--ink-cream);margin:0;font-size:34px;font-weight:500;line-height:1}.wordmark b{color:var(--amber);font-style:italic;font-weight:600}.tag{font-family:var(--mono);letter-spacing:1.5px;color:var(--muted);text-transform:lowercase;margin:9px 0 0;font-size:11px}.divider{background:var(--line-soft);height:1px;margin:2px -6px}.cfg{flex-direction:column;gap:11px;display:flex}.cfg-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.cfg-label .v{color:var(--amber);text-transform:none;letter-spacing:1px}.modes{border:1px solid var(--line-soft);background:#00000038;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.mode-btn{font-family:var(--display);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 8px;font-size:14px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s}.mode-btn:hover{color:var(--ink-cream)}.mode-btn.on{background:linear-gradient(180deg, var(--amber-bright), var(--amber));color:var(--ink-dark);box-shadow:0 4px 12px -4px #f8a80080}.select-wrap{position:relative}.select-wrap:after{content:"▾";color:var(--amber);pointer-events:none;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}select{appearance:none;border:1px solid var(--line-soft);width:100%;color:var(--ink-cream);font-family:var(--mono);cursor:pointer;background:#00000038;border-radius:10px;padding:12px 14px;font-size:13px}select:focus{border-color:var(--amber);outline:none}.slider{appearance:none;background:#43300f;border-radius:3px;outline:none;width:100%;height:3px}.slider::-webkit-slider-runnable-track{background:#43300f;border-radius:3px;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--amber-bright);cursor:pointer;border:2px solid #6a4900;border-radius:50%;width:18px;height:18px;margin-top:-7.5px;box-shadow:0 2px 8px -1px #f8a80099}.slider::-moz-range-thumb{background:var(--amber-bright);cursor:pointer;border:2px solid #6a4900;border-radius:50%;width:16px;height:16px}.ticks{font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.seg{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seg-btn{border:1px solid var(--line-soft);color:var(--muted);font-family:var(--mono);cursor:pointer;background:#00000038;border-radius:9px;padding:10px 0;font-size:13px;transition:color .15s,background .15s,border-color .15s}.seg-btn:hover{color:var(--ink-cream)}.seg-btn.on{color:var(--amber-bright);border-color:var(--amber);background:#f8a8001a}.play-btn{background:linear-gradient(180deg, var(--amber-bright), var(--amber));color:var(--ink-dark);font-family:var(--display);letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px;font-size:15px;font-weight:600;transition:transform .1s,filter .12s,box-shadow .12s;display:flex;box-shadow:0 10px 24px -10px #f8a800b3,inset 0 1px #fff6}.play-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.play-btn:active:not(:disabled){transform:translateY(0)}.play-btn:disabled{filter:grayscale(.6)brightness(.7);cursor:not-allowed;box-shadow:none}.play-btn.small{padding:12px 18px;font-size:13px}.play-arrow{font-size:11px}.error{font-family:var(--mono);color:var(--red);text-align:center;letter-spacing:.5px;font-size:12px}.game{flex-direction:column;align-items:center;gap:18px;animation:.4s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.hud{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:560px;display:flex}.hud-exit{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:9px;padding:8px 12px;font-size:11px;transition:color .12s,border-color .12s}.hud-exit:hover{color:var(--ink);border-color:var(--amber)}.hud-score{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-score-label{font-family:var(--mono);letter-spacing:4px;color:var(--muted);font-size:10px}.hud-score-value{font-family:var(--pixel);color:var(--amber-bright);text-shadow:0 0 12px #f8a80099;font-size:26px}.hud-tags{gap:6px;display:flex}.tag{font-family:var(--mono);letter-spacing:1px;color:var(--amber);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:10px}.board-wrap{box-shadow:0 0 0 1px var(--line), 0 0 60px -20px #f8a80080, 0 30px 70px -30px #000000e6;border-radius:12px;display:inline-block;position:relative;overflow:hidden}.board-canvas{display:block}.board-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(circle,#140d04c7,#0a0602eb);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.25s both fade;display:flex;position:absolute;inset:0}.board-overlay.subtle{background:#100a0380}.overlay-title{font-family:var(--pixel);color:var(--red);text-shadow:0 0 16px #ff6b5e99;text-align:center;font-size:26px}.overlay-title.small{color:var(--amber);text-shadow:0 0 16px #f8a80099;font-size:18px}.overlay-title.win{color:var(--green);text-shadow:0 0 16px #01fc8099}.overlay-score{font-family:var(--mono);letter-spacing:2px;color:var(--ink);font-size:14px}.overlay-line{font-family:var(--mono);letter-spacing:1px;color:var(--ink);font-size:13px}.overlay-pulse{color:var(--amber);font-size:26px;animation:1s ease-in-out infinite bob}.overlay-actions{gap:10px;margin-top:4px;display:flex}.controls{gap:10px;display:flex}.ghost-btn{border:1px solid var(--line);color:var(--ink);font-family:var(--mono);letter-spacing:.5px;cursor:pointer;background:#0000004d;border-radius:10px;padding:10px 16px;font-size:12px;transition:border-color .12s,background .12s,transform .1s}.ghost-btn:hover:not(:disabled){border-color:var(--amber);transform:translateY(-1px)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}