*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--g:#33ff00;--gm:#1a8800;--gd:#0a3a00;--glow:0 0 8px #33ff00, 0 0 20px rgba(51,255,0,.4)}body{background:#050905;display:flex;align-items:center;justify-content:center;height:100dvh;overflow:hidden;font-family:'Press Start 2P',monospace}#bezel{position:relative;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-width:calc((100dvh - 20px) * 1.55);background:#010601;border-radius:10px / 16px;overflow:hidden;box-shadow:0 0 0 2px #1c1c1c,0 0 0 4px #111,0 0 50px rgb(0 0 0 / .9),inset 0 0 80px rgb(0 0 0 / .6);animation:flicker 15s infinite}#bezel::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 28% 22%,rgb(200 255 180 / .04) 0%,transparent 55%);pointer-events:none;z-index:30}#bezel::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 120px rgb(0 0 0 / .75);pointer-events:none;z-index:29}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}#scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgb(0 0 0 / .14) 2px,rgb(0 0 0 / .14) 4px);pointer-events:none;z-index:25}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgb(0 0 0 / .4) 65%,rgb(0 0 0 / .85) 100%);pointer-events:none;z-index:26}#hud{position:absolute;top:0;left:0;right:0;padding:clamp(4px,1vh,10px) clamp(8px,1.5vw,16px);display:flex;justify-content:space-between;align-items:flex-start;z-index:28;pointer-events:none;font-size:clamp(5px, 1.25vw, 11px)}.hud-cell{color:var(--g);text-shadow:var(--glow);letter-spacing:.03em}#sfx-btn{position:absolute;bottom:clamp(6px, 1.5vh, 12px);right:clamp(8px, 1.5vw, 14px);border:1px solid var(--gm);background:#fff0;color:var(--gm);font-family:inherit;font-size:clamp(4px, 1vw, 9px);padding:4px 8px;cursor:pointer;z-index:28;text-shadow:0 0 6px var(--gm);transition:color .1s,border-color .1s,text-shadow .1s;-webkit-tap-highlight-color:#fff0;user-select:none}#sfx-btn:hover,#sfx-btn.lit{color:var(--g);border-color:var(--g);text-shadow:var(--glow)}.ov{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75em;z-index:27;background:rgb(0 0 0 / .58)}.ov.on{display:flex}.ot{color:var(--g);font-size:clamp(14px, 3.8vw, 34px);text-shadow:0 0 30px var(--g),0 0 60px rgb(51 255 0 / .45);text-align:center;letter-spacing:.12em}.os{color:var(--gm);font-size:clamp(6px, 1.6vw, 14px);text-shadow:0 0 10px var(--gm);text-align:center;line-height:2.2}.oh{color:#0b4d00;font-size:clamp(4px, .95vw, 9px);text-align:center;line-height:2.6}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.bl{animation:blink 1s step-start infinite}#wcard{position:relative;border:2px solid var(--g);padding:clamp(14px,2.5vw,26px) clamp(18px,3.2vw,36px);background:rgb(0 4 0 / .97);text-align:center;box-shadow:0 0 32px rgb(51 255 0 / .28),0 0 70px rgb(51 255 0 / .1),inset 0 0 30px rgb(51 255 0 / .04)}#wcard::before{content:'';position:absolute;inset:5px;border:1px solid rgb(51 255 0 / .18);pointer-events:none}.wco{color:var(--g);font-size:clamp(11px, 2.8vw, 26px);text-shadow:0 0 24px var(--g),0 0 50px rgb(51 255 0 / .4);margin-bottom:.45em;letter-spacing:.25em}.wta{color:var(--gm);font-size:clamp(5px, 1.2vw, 11px);text-shadow:0 0 8px var(--gm);margin-bottom:.9em;padding-bottom:.75em;border-bottom:1px solid var(--gd);letter-spacing:.12em}.wsl{color:#0a5200;font-size:clamp(4px, .9vw, 9px);margin-bottom:.28em}.wsv{color:var(--g);font-size:clamp(18px, 4.5vw, 44px);text-shadow:0 0 24px var(--g),0 0 50px rgb(51 255 0 / .4);margin-bottom:.5em}.wti{color:var(--gm);font-size:clamp(4px, .9vw, 8px);line-height:2}@keyframes flicker{0%,91%,100%{opacity:1}92%{opacity:.86}93.5%{opacity:1}96%{opacity:.93}}