*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#000;color:#00ff41;display:flex;flex-direction:column;font-family:Share Tech Mono,Courier New,monospace;justify-content:center;min-height:100vh;overflow:hidden;position:relative}#rain{height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:0}body:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 3px);z-index:1}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}body:before{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);z-index:2}#game{align-items:center;display:flex;flex-direction:column;position:relative;z-index:3}h1{animation:flicker 4s infinite;color:#00ff41;font-size:2.2rem;font-weight:400;letter-spacing:.3em;margin-bottom:.3rem;text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 40px #00ff4180}.subtitle,h1{text-transform:uppercase}.subtitle{color:#00ff4180;font-size:.75rem;letter-spacing:.5em;margin-bottom:1.2rem}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.8}99%{opacity:.9}}#status{color:#00ff41;font-size:1rem;height:1.5rem;letter-spacing:.15em;margin-bottom:1rem;text-shadow:0 0 8px #00ff41}#status.warn{color:#ff3131;text-shadow:0 0 8px #ff3131,0 0 16px #ff313180}#status.win{animation:pulse .6s ease-in-out infinite alternate;color:#00ff41;text-shadow:0 0 12px #00ff41,0 0 24px #00ff41}@keyframes pulse{0%{text-shadow:0 0 8px #00ff41,0 0 16px #00ff41}to{text-shadow:0 0 16px #00ff41,0 0 32px #00ff41,0 0 48px #00ff4180}}#board{background:#00ff4130;border:1px solid #00ff4150;box-shadow:0 0 20px #00ff4120,inset 0 0 20px #00ff4110;display:grid;gap:3px;grid-template-columns:repeat(3,110px);grid-template-rows:repeat(3,110px);padding:3px}.cell{align-items:center;background:rgba(0,20,0,.8);border:1px solid #00ff4115;cursor:pointer;display:flex;font-size:2.8rem;font-weight:400;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;user-select:none}.cell:before{background:linear-gradient(180deg,transparent,#00ff4108);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.cell:hover:before{opacity:1}.cell:hover{background:rgba(0,40,0,.9);border-color:#00ff4140;box-shadow:inset 0 0 15px #00ff4115}.cell .mark{align-items:center;animation:glitchIn .3s ease-out;display:flex;height:100%;justify-content:center;width:100%}@keyframes glitchIn{0%{filter:blur(4px);opacity:0;transform:scale(.5) rotate(10deg)}50%{filter:blur(1px);opacity:1;transform:scale(1.1) rotate(-2deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotate(0deg)}}.cell.disabled{cursor:default}.cell.disabled:hover{background:rgba(0,20,0,.8);border-color:#00ff4115;box-shadow:none}.cell.disabled:before{display:none}.cell.win-cell{animation:winPulse .8s ease-in-out infinite alternate;background:rgba(0,60,0,.9);border-color:#00ff4180;box-shadow:inset 0 0 20px #00ff4130,0 0 10px #00ff4140}@keyframes winPulse{0%{box-shadow:inset 0 0 20px #00ff4120,0 0 10px #00ff4130}to{box-shadow:inset 0 0 30px #00ff4140,0 0 20px #00ff4150}}#reset{background:transparent;border:1px solid #00ff4150;color:#00ff41;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.9rem;letter-spacing:.2em;margin-top:1.5rem;padding:.6rem 2rem;text-shadow:0 0 5px #00ff4180;text-transform:uppercase;transition:all .2s ease}#reset:hover{background:#00ff4120;border-color:#00ff41;box-shadow:0 0 15px #00ff4130,inset 0 0 15px #00ff4115;text-shadow:0 0 10px #00ff41}.score-bar{color:#00ff4180;display:flex;font-size:.8rem;gap:.3rem;letter-spacing:.1em;margin-bottom:1rem}.score-bar span{color:#00ff41}.x-svg line{stroke:#0cf;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px #00ccff) drop-shadow(0 0 12px #00ccff80)}.o-svg circle{fill:none;stroke:#ff3131;stroke-width:5;filter:drop-shadow(0 0 6px #ff3131) drop-shadow(0 0 12px #ff313180)}.win-cell .x-svg line{stroke:#0ef;filter:drop-shadow(0 0 8px #00eeff) drop-shadow(0 0 16px #00eeff80)}.win-cell .o-svg circle{stroke:#f55;filter:drop-shadow(0 0 8px #ff5555) drop-shadow(0 0 16px #ff555580)}@media (max-width:480px){h1{font-size:1.6rem}#board{grid-template-columns:repeat(3,90px);grid-template-rows:repeat(3,90px)}}