:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101520;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100svh}.app-shell{color:#f8fafc;background:radial-gradient(circle at 18% 12%,#5eead42e,#0000 28rem),radial-gradient(circle at 80% 22%,#ef44441f,#0000 24rem),linear-gradient(135deg,#0f172a 0%,#172033 50%,#111827 100%);width:100%;min-height:100svh;position:relative;overflow:hidden}.screen{text-align:center;place-items:center;gap:28px;min-height:100svh;padding:28px;display:grid}.screen-copy{justify-items:center;gap:12px;max-width:760px;display:grid}.screen h1,.modal-panel h1{color:#fff;margin:0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95}.screen p,.modal-panel p{color:#cbd5e1;max-width:620px;margin:0}.eyebrow{color:#5eead4;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:900}.best-score{color:#facc15;font-weight:800}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;font:inherit;border-radius:8px;min-height:44px;padding:11px 17px;font-weight:850;transition:transform .16s,filter .16s,border-color .16s}.primary-button{color:#0f172a;background:#f8fafc;border:1px solid #f8fafc}.secondary-button{color:#f8fafc;background:#0f172ab8;border:1px solid #94a3b873}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5eead4}.preview-scene{perspective:800px;width:min(760px,90vw);height:min(38vw,330px);min-height:220px;position:relative}.preview-ground{transform-origin:bottom;background-color:#253447;background-image:linear-gradient(#5eead429 1px,#0000 1px),linear-gradient(90deg,#5eead429 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #5eead442;width:90%;height:260px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)rotateX(68deg)}.preview-wall,.preview-box,.preview-enemy,.preview-gun{transform-style:preserve-3d;position:absolute}.preview-wall{background:#1e293b;width:46px;height:120px;bottom:150px}.preview-wall-left{left:15%;transform:rotateY(42deg)}.preview-wall-right{right:15%;transform:rotateY(-42deg)}.preview-box{background:#475569;box-shadow:20px 18px #0f172a80}.preview-box-a{width:72px;height:62px;bottom:88px;left:30%}.preview-box-b{width:56px;height:48px;bottom:96px;right:31%}.preview-enemy{background:#ef4444;border:7px solid #f97316;border-radius:8px;width:46px;height:62px;bottom:135px;left:50%;transform:translate(-50%)}.preview-gun{background:linear-gradient(90deg,#334155,#f8fafc,#334155);border-radius:8px 8px 0 0;width:32px;height:110px;bottom:0;left:55%;transform:rotateX(48deg)rotate(-7deg)}.panel-screen{align-content:center}.controls-grid,.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(860px,100%);display:grid}.control-row,.result-grid div,.toggle-row{background:#0f172ab8;border:1px solid #94a3b83d;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:14px 16px;display:flex}kbd{color:#0f172a;background:#f8fafc;border-radius:6px;min-width:76px;padding:7px 10px;font-weight:900}.toggle-row{width:min(480px,100%)}.toggle-row span{font-weight:850}.toggle-row input{accent-color:#14b8a6;width:24px;height:24px}.game-screen{width:100%;height:100svh;position:relative}.game-canvas{width:100%;height:100%}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-top{grid-template-columns:1.4fr repeat(5,minmax(92px,1fr)) auto;gap:10px;display:grid;position:absolute;top:14px;left:14px;right:14px}.hud-card{background:#0f172ac7;border:1px solid #94a3b840;border-radius:8px;gap:4px;min-height:60px;padding:9px 12px;display:grid}.hud-card span,.result-grid span{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:900}.hud-card strong,.result-grid strong{color:#fff;font-size:1.35rem;line-height:1}.health-meter{background:#0f172adb;border-radius:999px;height:7px;overflow:hidden}.health-meter span{background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);height:100%;transition:width .18s;display:block}.hud-pause{pointer-events:auto}.crosshair{width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after,.crosshair span:before,.crosshair span:after{content:"";background:#f8fafceb;position:absolute}.crosshair:before,.crosshair:after{height:2px;top:20px;left:4px;right:4px}.crosshair:after{transform:rotate(90deg)}.crosshair span:before{border:2px solid #5eead4e6;border-radius:999px;inset:10px}.crosshair span:after{background:#ef4444;border-radius:999px;width:5px;height:5px;top:50%;left:50%;transform:translate(-50%,-50%)}.reload-status{color:#5eead4;letter-spacing:.08em;text-transform:uppercase;background:#0f172ad1;border:1px solid #5eead466;border-radius:8px;padding:10px 14px;font-weight:900;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.damage-vignette{pointer-events:none;background:radial-gradient(circle,#0000 38%,#7f0f0fad 100%);animation:.52s ease-out forwards damage-flash;position:absolute;inset:0}.weapon-slots{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.weapon-slot{opacity:.62;background:#0a0f16c2;border:1px solid #94a3b840;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;transition:opacity .14s,transform .14s;display:flex}.weapon-slot.active{opacity:1;border-color:#d6b55b;transform:translateY(-3px)}.weapon-slot kbd{min-width:28px;padding:4px 7px}.weapon-slot span{gap:2px;display:grid}.weapon-slot strong{font-size:.76rem;line-height:1.1}.weapon-slot small{color:#aeb9c7;white-space:nowrap;font-size:.62rem}@keyframes damage-flash{0%{opacity:.95}to{opacity:0}}.enemy-health{background:#0f172ab8;border:1px solid #f8fafc59;border-radius:999px;width:54px;height:7px;overflow:hidden}.enemy-health span{background:#ef4444;height:100%;display:block}.modal-screen{text-align:center;z-index:10;background:#0f172ac2;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-panel{background:#0f172af0;border:1px solid #94a3b842;border-radius:8px;justify-items:center;gap:20px;width:min(620px,100%);padding:30px;display:grid;box-shadow:0 30px 90px #0006}.game-over-screen .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid div{place-items:start;display:grid}@media (width<=980px){.hud-top{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-pause{grid-column:span 3}.controls-grid,.result-grid,.game-over-screen .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.screen{padding:18px}.hud-top{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-pause{grid-column:span 2}.controls-grid,.result-grid,.game-over-screen .result-grid{grid-template-columns:1fr}.preview-scene{min-height:180px}.weapon-slots{display:none}}.dynamic-crosshair{pointer-events:none;z-index:6;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dynamic-crosshair .dot{border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 4px #000c}.dynamic-crosshair .line{transition:transform 30ms linear;position:absolute;box-shadow:0 0 3px #000000b3}.dynamic-crosshair .line.top,.dynamic-crosshair .line.bottom{width:2px;height:9px;left:-1px}.dynamic-crosshair .line.top{top:-9px}.dynamic-crosshair .line.bottom{top:0}.dynamic-crosshair .line.left,.dynamic-crosshair .line.right{width:9px;height:2px;top:-1px}.dynamic-crosshair .line.left{left:-9px}.dynamic-crosshair .line.right{left:0}.hitmarker{pointer-events:none;z-index:7;color:#fff;animation:.16s cubic-bezier(.175,.885,.32,1.275) hitmarker-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.hitmarker.headshot{color:#f05;filter:drop-shadow(0 0 6px #f05);transform:translate(-50%,-50%)scale(1.35)}@keyframes hitmarker-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)}}.damage-indicator-arc{pointer-events:none;filter:drop-shadow(0 0 8px #ef4444);transform-origin:50%;z-index:5;border-top:5px solid #ef4444;border-radius:50%;width:140px;height:140px;transition:opacity .2s;position:absolute;top:50%;left:50%}.settings-panel{max-width:680px;margin:0 auto}.settings-grid{text-align:left;gap:20px;width:100%;display:grid}.setting-control{background:#0f172abf;border:1px solid #94a3b833;border-radius:8px;gap:10px;padding:16px 20px;display:grid}.setting-label{color:#e2e8f0;justify-content:space-between;align-items:center;font-weight:700;display:flex}.setting-label strong{color:#5eead4}.color-presets{gap:12px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .14s,border-color .14s}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:#fff;box-shadow:0 0 10px}.minimap-container{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:22px;left:22px}.minimap-container canvas{border-radius:50%;display:block;box-shadow:0 0 0 2px #00f3ff8c,0 8px 32px #000000b3}.minimap-label{color:#00f3ffb3;letter-spacing:.2em;text-transform:uppercase;font-size:.56rem;font-weight:900}.killfeed-container{z-index:8;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:80px;right:18px}.killfeed-item{color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0f172ac7;border:1px solid #00f3ff33;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:700;animation:.22s cubic-bezier(.175,.885,.32,1.275) killfeed-in;display:flex;box-shadow:0 2px 16px #00000073}.killfeed-item.headshot{color:#fff;border-color:#ff005580}.killfeed-icon{font-size:.9rem}.killfeed-text{flex:1}.killfeed-score{color:#facc15;font-size:.72rem;font-weight:900}@keyframes killfeed-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes low-health-pulse{0%,to{opacity:.35}50%{opacity:.7}}.damage-vignette.critical{animation:.8s ease-in-out infinite low-health-pulse}input[type=range]{appearance:none;cursor:pointer;background:#94a3b840;border-radius:4px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#5eead4;border-radius:50%;width:18px;height:18px;transition:box-shadow .15s;box-shadow:0 0 8px #5eead499}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 14px #5eead4e6}input[type=range]::-moz-range-thumb{cursor:pointer;background:#5eead4;border:none;border-radius:50%;width:18px;height:18px}.stat-badge{background:#0f172acc;border:1px solid #5eead44d;border-radius:8px;flex-direction:column;align-items:start;gap:4px;padding:14px 20px;display:flex}.stat-badge-label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.stat-badge-value{color:#f8fafc;font-size:1.6rem;font-weight:900;line-height:1}.stat-badge-value.highlight{color:#5eead4}.hud-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #94a3b82e;box-shadow:0 4px 16px #00000059}.reload-status{letter-spacing:.06em;color:#00f3ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad6;border:1px solid #00f3ff4d;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:700;animation:.6s ease-in-out infinite reload-pulse}@keyframes reload-pulse{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 12px #00f3ff66}}@media (width<=620px){.minimap-container{bottom:14px;left:14px}.killfeed-container{top:68px;right:10px}.killfeed-item{padding:5px 9px;font-size:.68rem}}.title-accent{color:#5eead4;text-shadow:0 0 32px #5eead480}.play-btn{color:#0f172a;letter-spacing:.05em;background:linear-gradient(135deg,#5eead4 0%,#22d3ee 100%);border-color:#5eead4;font-weight:900;box-shadow:0 0 24px #5eead466,0 4px 16px #0000004d}.play-btn:hover{filter:brightness(1.1);box-shadow:0 0 40px #5eead4a6,0 6px 24px #0006}.score-badges{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:4px;display:flex}.score-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #5eead440;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 20px;display:flex}.score-badge-label{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.score-badge-value{color:#f8fafc;font-size:1.5rem;font-weight:900;line-height:1}.score-badge-value.best{color:#facc15;text-shadow:0 0 16px #facc1580}.home-hint{color:#475569;letter-spacing:.04em;font-size:.72rem}.new-best-banner{color:#facc15;letter-spacing:.06em;background:linear-gradient(135deg,#facc151f,#facc150d);border:1px solid #facc1566;border-radius:6px;padding:8px 18px;font-size:.88rem;font-weight:800;animation:1.4s ease-in-out infinite best-pulse}@keyframes best-pulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 18px 2px #facc154d}}.accuracy-bar{background:#94a3b833;border-radius:4px;width:100%;height:5px;margin-top:6px;overflow:hidden}.accuracy-bar span{background:linear-gradient(90deg,#5eead4,#22d3ee);border-radius:4px;height:100%;transition:width .8s;display:block}.pause-stats{color:#94a3b8;justify-content:center;gap:24px;font-size:.88rem;display:flex}.pause-stats strong{color:#5eead4;font-weight:900}.pause-hint{color:#475569;font-size:.72rem}.pause-hint kbd{background:#94a3b826;border:1px solid #94a3b84d;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.7rem}.sniper-scope-svg{z-index:10;pointer-events:none;width:100%;height:100%;animation:.16s cubic-bezier(.16,1,.3,1) forwards scope-zoom-in;position:absolute;inset:0}@keyframes scope-zoom-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.ads-reticle{z-index:9;pointer-events:none;justify-content:center;align-items:center;animation:.12s forwards ads-fade-in;display:flex;position:absolute;inset:0}.ads-dot{background-color:#ff3b30;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px 2px #ff3b30b3}@keyframes ads-fade-in{0%{opacity:0}to{opacity:1}}