:root{--cyan: #5ff7ff;--pink: #ff5fc8;--ink: #eaf6ff;--panel: rgba(14, 10, 32, .78);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0818;color:var(--ink);user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair i{position:absolute;background:var(--cyan);box-shadow:0 0 6px var(--cyan);transition:transform .08s}#crosshair i:nth-child(1),#crosshair i:nth-child(2){width:2px;height:9px;left:-1px}#crosshair i:nth-child(3),#crosshair i:nth-child(4){height:2px;width:9px;top:-1px}#crosshair i:nth-child(1){top:calc(-9px - var(--gap, 5px))}#crosshair i:nth-child(2){top:var(--gap, 5px)}#crosshair i:nth-child(3){left:calc(-9px - var(--gap, 5px))}#crosshair i:nth-child(4){left:var(--gap, 5px)}#crosshair.on-target i{background:var(--pink);box-shadow:0 0 8px var(--pink)}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;opacity:0;background:linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%);-webkit-mask:radial-gradient(circle,transparent 5px,#000 6px);mask:radial-gradient(circle,transparent 5px,#000 6px)}#hitmarker.show{animation:hm .25s ease-out}#hitmarker.head{filter:drop-shadow(0 0 4px #ff3) hue-rotate(0deg);background-color:transparent}@keyframes hm{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}#vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #ff143c00;transition:box-shadow .3s}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:10px}.pill{background:var(--panel);border:1px solid rgba(95,247,255,.35);border-radius:12px;padding:6px 16px;text-align:center;min-width:96px}.pill small{display:block;font-size:10px;letter-spacing:2px;opacity:.7}.pill b{font-size:22px;font-variant-numeric:tabular-nums}.pill.score b{color:var(--cyan)}.pill.warn b{color:#ff6b6b}#contract{position:absolute;top:14px;left:14px;background:var(--panel);border-radius:12px;padding:10px 14px;min-width:210px;border:1px solid rgba(255,95,200,.3)}#contract h3{margin:0 0 6px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--pink)}#contract ul{list-style:none;margin:0;padding:0;font-size:14px}#contract li{display:flex;justify-content:space-between;gap:14px;padding:2px 0}#contract li.done{color:#7dff9a}#contract li.done span:before{content:"✔ "}#contract.complete{border-color:#7dff9a}#radar{position:absolute;top:14px;right:14px;width:140px;height:140px;border-radius:50%;background:#0a1e288c;border:1px solid rgba(95,247,255,.4)}#feed{position:absolute;right:18px;top:170px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}#feed div{background:var(--panel);padding:5px 12px;border-radius:8px;font-size:14px;animation:feed 3.2s forwards;border-left:3px solid var(--cyan)}#feed div.big{border-left-color:#7dff9a;font-weight:700}@keyframes feed{0%{opacity:0;transform:translate(20px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#bottomLeft{position:absolute;left:18px;bottom:18px;width:240px}.meter{margin-top:6px}.meter label{font-size:10px;letter-spacing:2px;opacity:.75}.bar{height:10px;border-radius:6px;background:#ffffff1f;overflow:hidden}.bar span{display:block;height:100%;width:100%;transition:width .15s}.bar.hp span{background:linear-gradient(90deg,#ff3d6e,#ff9a5f)}.bar.st span{background:linear-gradient(90deg,#3fd5ff,#7dff9a)}#ammo{position:absolute;right:22px;bottom:18px;text-align:right}#ammo b{font-size:46px;font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:0 0 12px rgba(95,247,255,.6)}#ammo small{font-size:18px;opacity:.7;margin-left:4px}#reloadHint{font-size:13px;letter-spacing:2px;color:var(--pink)}#target{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);text-align:center;font-size:13px;text-shadow:0 1px 3px #000}#target .bar{width:120px;height:5px;margin:3px auto 0}#target .bar span{background:var(--pink)}#centerMsg{position:absolute;left:50%;top:28%;transform:translate(-50%);font-size:28px;font-weight:800;letter-spacing:2px;text-shadow:0 0 18px rgba(255,95,200,.8);opacity:0;transition:opacity .4s;text-align:center}#centerMsg.show{opacity:1}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a328c,#05030fe6);overflow:auto;padding:16px}.panel{background:var(--panel);border:1px solid rgba(95,247,255,.3);border-radius:18px;padding:26px 30px;max-width:760px;width:100%;text-align:center;backdrop-filter:blur(6px);box-shadow:0 0 60px #783cff40}.panel.small{max-width:360px}h1{margin:0;font-size:54px;letter-spacing:6px;font-weight:900;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}h1 span{color:transparent}h2{margin:0 0 14px;letter-spacing:2px}.tag{margin:2px 0 16px;opacity:.75;letter-spacing:2px}button{pointer-events:auto;font:inherit;font-weight:700;font-size:18px;letter-spacing:1px;color:#0b0818;background:linear-gradient(90deg,var(--cyan),#9e7bff);border:0;border-radius:12px;padding:12px 28px;margin:6px;cursor:pointer}button:hover{filter:brightness(1.15)}button.ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.3)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:18px 0 10px;font-size:14px;text-align:left}kbd{background:#ffffff1f;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:12px}#bestiary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}#bestiary div{background:#ffffff0d;border-radius:10px;padding:8px;font-size:12px;text-align:left}#bestiary b{display:block;font-size:13px;margin-bottom:3px}#bestiary .pts{color:var(--cyan);font-weight:700}.best{opacity:.8}.opts{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:13px;opacity:.85}.opts label{display:flex;align-items:center;gap:6px}select,input[type=range]{pointer-events:auto}#endStats{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;text-align:left;margin:10px auto 18px;max-width:460px;font-size:16px}#endStats .total{grid-column:1 / -1;text-align:center;font-size:34px;color:var(--cyan);font-weight:900;margin-bottom:8px}#endStats .record{grid-column:1 / -1;text-align:center;color:#7dff9a;font-weight:700}#touch{position:absolute;inset:0;pointer-events:auto;touch-action:none}#joy{position:absolute;left:30px;bottom:40px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;pointer-events:none}#knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#5ff7ff80}#touch button{position:absolute;border-radius:50%;padding:0;font-size:14px;opacity:.85;touch-action:none}#tFire{right:30px;bottom:60px;width:92px;height:92px;background:linear-gradient(135deg,var(--pink),#ff8a5f)}#tJump{right:140px;bottom:30px;width:66px;height:66px}#tReload{right:40px;bottom:170px;width:54px;height:54px}#tPause{right:170px;top:14px;width:44px;height:44px}.touch-mode #bottomLeft{left:170px}.touch-mode #ammo{right:auto;left:50%;transform:translate(-50%);bottom:6px;text-align:center}.touch-mode #ammo b{font-size:32px}@media (max-height: 520px){#contract{transform:scale(.72);transform-origin:top left}#radar{width:96px;height:96px}#feed{top:116px}.touch-mode #bottomLeft{width:180px}#centerMsg{font-size:20px}}@media (max-width: 760px){h1{font-size:36px}#bestiary{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr}#contract{transform:scale(.8);transform-origin:top left}#radar{width:100px;height:100px}}