:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#edf7f4;background:#070b12;--mint:#55f5b5;--panel:rgba(15,24,35,.88);--muted:#91a39e}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100%;background:radial-gradient(circle at 80% 10%,#173b36 0,transparent 34%),linear-gradient(140deg,#060a10,#0a111c 65%,#111c25);padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column}.brand{font-weight:950;letter-spacing:.18em;font-size:clamp(28px,6vw,64px);color:var(--mint)}.tag{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.auth{margin:auto;width:min(430px,100%);padding:26px;background:var(--panel);border:1px solid #263745;border-radius:22px;box-shadow:0 28px 80px #0008}.auth h1{margin:0 0 7px}.tabs{display:flex;gap:8px;margin:22px 0}.tabs button,.ghost{background:#19242e;color:#b7c7c3;border-radius:10px;padding:10px 14px}.tabs .active,.primary{background:var(--mint);color:#06110d;font-weight:800}.fields{display:grid;gap:12px}.fields input,.fields select{width:100%;background:#0a1119;color:#fff;border:1px solid #2a3a45;border-radius:11px;padding:13px;outline:none}.fields input:focus{border-color:var(--mint)}.primary{padding:13px 18px;border-radius:11px}.split{display:flex;gap:10px}.split>*{flex:1}.error{min-height:20px;color:#ff7d83;font-size:13px}.menu{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:28px;flex:1;align-items:center}.card{background:var(--panel);border:1px solid #263745;border-radius:20px;padding:22px}.profile-line{display:flex;gap:14px;align-items:center;margin-bottom:18px}.avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#3d6657,#152821);border:2px solid var(--mint);object-fit:cover}.menu-actions{display:grid;gap:10px}.menu-actions button{padding:15px 18px;border-radius:12px;text-align:left;font-weight:750}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode{min-height:110px;background:linear-gradient(150deg,#22333d,#0c131b);color:#fff;border:1px solid #334650}.mode.selected{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.notice{font-size:12px;color:var(--muted);line-height:1.5}.game{position:fixed;inset:0;background:#000}.game canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));text-shadow:0 2px 4px #000;user-select:none}.score{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#061018aa;padding:8px 16px;border-radius:10px;font-weight:900}.stats{position:absolute;left:18px;bottom:18px;font-size:24px;font-weight:900}.ammo{position:absolute;right:18px;bottom:18px;font-size:24px;font-weight:900}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{top:8px;left:0;width:18px;height:2px}.feed{position:absolute;right:16px;top:62px;text-align:right;font-size:12px}.feed div{margin:5px;background:#050a0dbb;padding:6px 9px;border-radius:6px}.touch{display:none;position:absolute;inset:0;pointer-events:none}.stick{position:absolute;left:7vw;bottom:10vh;width:130px;height:130px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff35;pointer-events:auto}.knob{position:absolute;left:42px;top:42px;width:46px;height:46px;border-radius:50%;background:#55f5b588}.buttons{position:absolute;right:4vw;bottom:7vh;display:grid;grid-template-columns:repeat(3,58px);gap:10px;pointer-events:auto}.buttons button{width:58px;height:58px;border-radius:50%;background:#111d25bb;color:#fff;border:1px solid #ffffff30;font-size:9px;font-weight:800;line-height:1}.buttons .fire{width:72px;height:72px;background:#d04b4baa}.look-zone{position:absolute;right:0;top:0;width:55%;height:70%;pointer-events:auto}.scan{position:fixed;inset:0;background:#05080cf5;display:grid;place-items:center;z-index:20;padding:20px;overflow:auto}.scanner{width:min(520px,100%);text-align:center}.camera{position:relative;margin:18px auto;width:min(330px,78vw);aspect-ratio:3/4;overflow:hidden;border-radius:48% 48% 44% 44%;border:3px solid var(--mint);box-shadow:0 0 30px #55f5b544}.camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.scan-step{font-size:20px;font-weight:750}.privacy{text-align:left;font-size:12px;color:#a8b8b4;background:#101922;padding:12px;border-radius:10px}.portrait{display:none;position:fixed;z-index:50;text-align:center;pointer-events:auto;text-shadow:none}.portrait.dismissed{display:none!important}.portrait-card{background:#081019ee;border:1px solid #294238;border-radius:18px;padding:18px;box-shadow:0 15px 50px #000c}.portrait-card .brand{font-size:18px}.portrait-card button{pointer-events:auto}@media(pointer:coarse){.touch{display:block}}@media(max-width:760px){.menu{grid-template-columns:1fr;align-content:center}.showcase{display:none}.modes{grid-template-columns:1fr}.mode{min-height:72px}.auth{padding:20px}.scan{align-items:start}.camera{max-height:48vh}}@media(orientation:portrait)and (pointer:coarse){.game .portrait{display:block;inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px}.score{font-size:11px;white-space:nowrap}.stick{left:4vw;bottom:7vh}.buttons{right:3vw;bottom:5vh;grid-template-columns:repeat(2,54px)}.buttons button{width:54px;height:54px}.buttons .fire{width:62px;height:62px}}