:root{--bg: #0b0f14;--panel: rgba(13, 20, 28, .92);--panel-solid: #0d141c;--edge: rgba(126, 200, 80, .35);--accent: #7ec850;--accent2: #f2c14e;--danger: #e5484d;--text: #e8f0e8;--muted: #8fa3a0;--font-pixel: "Courier New", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#app{position:fixed;inset:0;pointer-events:none}#app>*{pointer-events:auto}.hidden{display:none!important}.pixel{image-rendering:pixelated}button{font-family:var(--font-pixel);cursor:pointer;border:2px solid var(--edge);background:#7ec85014;color:var(--text);padding:10px 22px;font-size:15px;letter-spacing:1px;transition:background .12s ease,transform .08s ease,border-color .12s ease}button:hover{background:#7ec85038;border-color:var(--accent)}button:active{transform:scale(.97)}button.primary{background:var(--accent);color:#10240c;border-color:var(--accent);font-weight:700}button.primary:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:not-allowed}input[type=range]{accent-color:var(--accent);width:180px}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0b0f148c,#0b0f14eb);z-index:50}.panel{background:var(--panel);border:2px solid var(--edge);box-shadow:0 0 40px #0009,inset 0 0 24px #7ec8500d;padding:22px 26px;min-width:300px;max-width:min(94vw,640px);max-height:86vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.end-panel{max-height:92vh}.end-actions{position:sticky;bottom:0;margin-top:18px;padding:10px 0 4px;background:linear-gradient(to bottom,rgba(13,20,28,.35),var(--panel) 45%)}@media (max-width: 720px){.end-panel{padding:14px 14px 6px}.end-panel .title-xl{font-size:26px!important;letter-spacing:2px}.end-panel table.sb th{font-size:10px;padding:3px 4px;letter-spacing:0}.end-panel table.sb td{font-size:12px;padding:4px}.end-actions button{padding:12px 14px;font-size:14px}}@media (max-height: 520px){.end-body{max-height:34vh;overflow-y:auto;touch-action:pan-y}}#pause-hint{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:30;background:#0a0e12c7;border:1px solid rgba(126,200,80,.45);padding:7px 14px;font-size:12px;letter-spacing:1px;color:var(--text);pointer-events:none}#pause-hint.hidden{display:none}.title-xl{font-size:clamp(38px,9vw,72px);letter-spacing:6px;color:var(--accent);text-shadow:0 0 24px rgba(126,200,80,.45),4px 4px 0 #1c3a14;animation:pulseTitle 2.4s ease-in-out infinite}@keyframes pulseTitle{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.subtitle{color:var(--muted);letter-spacing:2px;margin-top:6px}.menu-col{display:flex;flex-direction:column;gap:12px;margin-top:26px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}#hud{position:fixed;inset:0;pointer-events:none;z-index:26;font-family:var(--font-pixel)}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}.ch-line{position:absolute;background:#eaf7ea;box-shadow:0 0 3px #000000e6;transition:none}#hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}.hm{position:absolute;width:12px;height:2px;background:#ff2d20;box-shadow:0 0 6px #ff2d20d9}#hitmarker.head .hm{background:#fff}#hitmarker.kill{transform:scale(1.4)}#hitmarker.kill .hm{width:18px;height:3px;background:#ff0a00;box-shadow:0 0 10px #ff0a00f2;transition:none}#ammo{position:absolute;right:26px;bottom:22px;font-size:30px;letter-spacing:2px;text-shadow:2px 2px 0 #000}#ammo .mag{font-size:42px;color:var(--text)}#ammo .reserve{color:var(--muted);font-size:24px}#ammo .wname{display:block;font-size:13px;color:var(--accent2);letter-spacing:3px}#timerbox{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center;background:#0a0e12b8;border:1px solid rgba(126,200,80,.3);padding:6px 18px 4px;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:border-color .12s ease,background .12s ease}#timerbox:hover{border-color:var(--accent);background:#0a0e12d9}#timerbox:active{transform:translate(-50%) scale(.98)}#timer{font-size:22px;letter-spacing:2px}#scoreline{font-size:12px;color:var(--muted);letter-spacing:1px}#tb-hint{font-size:9px;letter-spacing:2px;color:#7ec850bf;margin-top:2px}#objective{font-size:11px;letter-spacing:1px;margin-top:2px;color:var(--muted)}#objective.good{color:var(--accent2)}#objective.warn{color:#e5c33a}#objective.bad{color:var(--accent);animation:objPulse .9s ease-in-out infinite}@keyframes objPulse{0%,to{opacity:1}50%{opacity:.45}}.sb tr.team-red td{color:#ff7a7d;background:#e5484d1f;letter-spacing:2px}.sb tr.team-blue td{color:#8ecbff;background:#4aa8ff1f;letter-spacing:2px}.sb tr.team-hostile td{color:var(--accent2);background:#7ec8501f;letter-spacing:2px}#killfeed{position:absolute;top:64px;right:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;max-width:46vw}.kf{background:#0a0e12b8;border-left:3px solid var(--accent);padding:4px 10px;font-size:12px;animation:kfIn .18s ease}.kf.me{border-left-color:var(--accent2)}.kf.fade{opacity:0;transition:opacity .6s ease}@keyframes kfIn{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}#streakbox{position:absolute;bottom:90px;left:50%;transform:translate(-50%);font-size:15px;letter-spacing:2px;color:var(--accent2);text-shadow:2px 2px 0 #000;opacity:0}#streakbox.show{animation:streakPop 2.6s ease forwards}@keyframes streakPop{0%{opacity:0;transform:translate(-50%) scale(.6)}12%{opacity:1;transform:translate(-50%) scale(1.15)}22%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}#damage-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(229,40,40,.55) 100%);transition:opacity .25s ease}#dmg-dir{position:absolute;left:50%;top:50%;width:0;height:0}#healthbar-wrap{position:absolute;left:26px;bottom:30px;width:240px}#hp-num{font-size:20px;text-shadow:2px 2px 0 #000;margin-bottom:4px}#healthbar{width:100%;height:12px;background:#0000008c;border:1px solid rgba(255,255,255,.25)}#healthbar-fill{height:100%;width:100%;background:linear-gradient(90deg,#7ec850,#b6e388);transition:width .15s ease}#minimap-wrap{position:absolute;left:18px;top:14px;width:148px;height:148px;background:#0a0e12b3;border:1px solid rgba(126,200,80,.35)}#minimap{width:100%;height:100%}#scoreboard{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:30}#scoreboard.hidden{pointer-events:none}#scoreboard .panel{min-width:min(560px,92vw);max-height:78vh;overflow-y:auto;touch-action:pan-y}.sb-foot{margin-top:10px;font-size:10px;letter-spacing:2px;color:var(--muted);text-align:center}table.sb{width:100%;border-collapse:collapse;margin-top:12px}table.sb th{text-align:left;color:var(--muted);font-size:12px;letter-spacing:2px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.15)}table.sb td{padding:6px 8px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}table.sb tr.me td{color:var(--accent2)}table.sb tr.dead td{opacity:.45}#kill-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:26px;letter-spacing:4px;color:var(--accent2);text-shadow:2px 2px 0 #000;opacity:0}#kill-banner.show{animation:streakPop 1.8s ease forwards}#touch-ui{position:fixed;inset:0;z-index:25;pointer-events:none;--tb: 1;--tshift: 78px}.tbtn{bottom:calc(var(--tshift, 0px))}.tbtn.xpause{bottom:auto}.tbtn{position:absolute;width:calc(46px * var(--tb, 1));height:calc(46px * var(--tb, 1));border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#141c2473;color:var(--text);font-size:calc(10px * var(--tb, 1));font-weight:700;letter-spacing:1px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;padding:0}.tbtn:active{background:#7ec85066;border-color:var(--accent)}.tbtn.on{background:#7ec8504d;border-color:var(--accent);color:var(--accent2)}.tbtn.xa{background:#e4484d80;border-color:#e5484d;font-size:calc(20px * var(--tb, 1))}.tbtn.xb{background:#f5a62373;border-color:#f5a623;font-size:calc(20px * var(--tb, 1))}.tbtn.xx{background:#5ab0f273;border-color:#5ab0f2;font-size:calc(20px * var(--tb, 1))}.tbtn.xy{background:#7ec85073;border-color:#7ec850;font-size:calc(20px * var(--tb, 1))}.tbtn.xcam{background:#c8ccd459;border-color:#c8ccd4}.tbtn.xzoom{background:#f2c14e59;border-color:#f2c14e}.tbtn.xzoom.on{background:#f2c14ed9;border-color:#fff;color:#0a0e12}.tbtn.xcrouch{background:#141c2499;border-color:#fff6}.tbtn.xpause{border-radius:10px;font-size:calc(14px * var(--tb, 1))}#joy-zone{position:absolute;left:0;top:0;width:45%;height:100%;pointer-events:auto;touch-action:none}#joy-base{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;display:none}#joy-knob{position:absolute;width:54px;height:54px;border-radius:50%;background:#7ec85080;border:2px solid rgba(255,255,255,.4);display:none}#look-zone{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto;touch-action:none}.how-body{white-space:pre-line;font-size:14px;line-height:1.9;letter-spacing:.5px;color:var(--text);margin:14px 0 18px}.how-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:10px 0 12px;max-width:720px}@media (max-width: 540px){.how-cards{grid-template-columns:1fr;gap:8px}.panel{padding:16px 14px}.title-xl{font-size:clamp(30px,8vw,48px)}button{padding:12px 18px;font-size:14px}.menu-col{gap:8px}}.how-card{background:#10161cd9;border:2px solid var(--edge);border-radius:8px;padding:10px 12px;transition:border-color .15s,transform .15s}.how-card:hover{border-color:var(--accent);transform:translateY(-2px)}.how-card.hc-accent{border-color:#e5484d80}.how-card.hc-accent:hover{border-color:#e5484d}.hc-icon{font-size:22px;margin-bottom:4px}.hc-title{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent2);margin-bottom:5px}.hc-body{font-size:12.5px;line-height:1.65;color:var(--text)}.hc-body b{color:var(--accent2)}.hc-note{font-size:12.5px;line-height:1.65}.hc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.hc-chip{background:#7ec8501f;border:1px solid rgba(126,200,80,.35);border-radius:4px;padding:2px 7px;font-size:11px}.hc-chip b{color:var(--accent2);margin-right:3px}.hc-body .hb{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-bottom-width:3px;border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:700;color:#fff;margin:0 1px}.how-card.hc-accent .hc-title{color:#e5484d}.hc-keyrow{display:grid;grid-template-columns:74px 1fr;gap:6px;align-items:center;margin-bottom:5px;font-size:12px}.hc-keyrow:last-child{margin-bottom:0}.hc-keyrow .hb{justify-self:start;min-width:44px;text-align:center}.lobby-list{display:flex;flex-direction:column;gap:4px;min-height:10px}.lobby-row{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:1px;background:#10161cb3;border:1px solid var(--edge);padding:5px 10px}.lobby-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cs-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid transparent;border-radius:6px}.cs-row.selected{border-color:var(--accent2);background:#5ab0f214}.cs-name{flex:0 0 118px;font-size:12px;letter-spacing:1px}.cs-slider{flex:1;min-width:70px}.cs-sel{flex:0 0 110px;background:#0a0e12;border:1px solid var(--edge);color:var(--text);font-family:inherit;font-size:11px;padding:4px;text-transform:uppercase}.cs-edit-row{display:flex;justify-content:center;margin:8px 0 4px}.cs-edit{border-color:var(--accent);color:var(--accent2)}.cs-edit.active{background:#7ec85033}body.touch-editing #touch-ui .tbtn{border-style:dashed;animation:editPulse 1.1s ease-in-out infinite}@keyframes editPulse{0%,to{box-shadow:0 0 #7ec85000}50%{box-shadow:0 0 10px 2px #7ec85073}}.nudge{position:absolute;width:26px;height:26px;border-radius:6px;border:1px solid var(--accent);background:#0a0e12d9;color:var(--accent2);font-size:12px;z-index:60;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}body.touch-editing #joy-zone,body.touch-editing #look-zone{pointer-events:none}#loading{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;color:var(--muted);letter-spacing:3px;transition:opacity .4s ease}#loading.done{opacity:0;pointer-events:none}.loadbar{width:min(360px,70vw);height:10px;border:1px solid var(--edge)}.loadbar>div{height:100%;width:0%;background:var(--accent);transition:width .2s ease}.slot-row{display:flex;gap:6px;position:absolute;bottom:96px;right:22px}.slot{min-width:44px;padding:6px 8px;border:1px solid rgba(255,255,255,.2);background:#0a0e12b3;font-size:11px;text-align:center;color:var(--muted)}.slot.active{border-color:var(--accent2);color:var(--accent2)}.slot.locked{opacity:.35}.death-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3c000059;z-index:40;pointer-events:none}.death-screen .big{font-size:44px;letter-spacing:6px;color:#ff6b6b;text-shadow:3px 3px 0 #000}.death-screen .sub{color:var(--muted);margin-top:8px;letter-spacing:2px}@media (max-width: 720px){#minimap-wrap{width:96px;height:96px}#ammo{right:16px;bottom:150px}#healthbar-wrap{left:18px;bottom:120px;width:160px}.slot-row{bottom:170px;right:14px}.hotbar{right:50%;transform:translate(50%);gap:3px;bottom:14px}.hotbar-cell{width:34px;height:34px}.hb-icon{width:22px;height:22px}}.hotbar{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:30;pointer-events:auto}.hotbar-cell{position:relative;width:52px;height:52px;background:#141a18d1;border:2px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px #00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .1s ease,transform .1s ease}.hotbar-cell:hover{border-color:#ffffff8c}.hotbar-cell.active{border-color:#fff;transform:scale(1.12);box-shadow:inset 0 0 0 2px #00000073,0 0 14px #f2c14e59;z-index:1}.hotbar-cell.locked{opacity:.4}.hb-num{position:absolute;top:1px;left:3px;font-size:10px;color:var(--muted)}.hotbar-cell.active .hb-num{color:var(--accent2)}.hb-icon{width:32px;height:32px;image-rendering:pixelated}.hb-count{position:absolute;bottom:1px;right:3px;font-size:13px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000}.block-info{position:fixed;left:50%;bottom:78px;transform:translate(-50%);z-index:30;pointer-events:none;background:#0a0e12bf;border:1px solid var(--edge);padding:3px 12px;font-size:12px;letter-spacing:2px;color:var(--accent2)}.block-info.hidden{display:none}@media (max-width: 720px){.block-info{bottom:58px;font-size:10px}}.streak-choice{position:fixed;top:26%;left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto;animation:sc-in .25s ease-out}.streak-choice.hidden{display:none}.hm-head{background:#e5484df2;box-shadow:0 0 5px #e5484dcc;opacity:0!important}#hitmarker.head .hm-head{opacity:1!important}@keyframes sc-in{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.sc-title{font-size:20px;letter-spacing:4px;color:var(--accent2);text-shadow:2px 2px 0 #000;animation:sc-glow 1.2s ease-in-out infinite alternate}@keyframes sc-glow{0%{text-shadow:2px 2px 0 #000,0 0 8px rgba(242,193,78,.4)}to{text-shadow:2px 2px 0 #000,0 0 22px rgba(242,193,78,.9)}}.sc-row{display:flex;gap:26px}.sc-slot{width:150px;padding:14px 10px 10px;background:#0d141cf0;border:2px solid var(--edge);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.sc-slot:hover{border-color:var(--accent2);transform:translateY(-4px) scale(1.04);box-shadow:0 8px 24px #0009,0 0 18px #f2c14e40}.sc-icon{width:64px;height:64px;image-rendering:pixelated}.sc-name{font-size:14px;letter-spacing:2px;color:var(--text)}.sc-key{font-size:10px;color:var(--muted);letter-spacing:1px}.use-bar{position:fixed;bottom:84px;left:50%;transform:translate(-50%);width:220px;z-index:30;background:#0a0e12bf;border:1px solid var(--edge);padding:6px}.use-bar.hidden{display:none}.ub-label{font-size:11px;letter-spacing:2px;color:var(--accent2);margin-bottom:4px;text-align:center}.ub-fill{height:8px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .05s linear}#armorbar{margin-top:3px;height:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2)}#armorbar-fill{height:100%;width:0%;background:linear-gradient(90deg,#5ab0f2,#9fd4e8);transition:width .15s ease}.inv-overlay{position:fixed;inset:0;z-index:40;background:#04080c9e;display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:auto;touch-action:manipulation}body.inv-open #touch-ui{pointer-events:none;opacity:.12}body.inv-open #look-zone,body.inv-open #joy-zone{pointer-events:none}.inv-overlay.hidden{display:none}.inv-panel{width:min(680px,96vw);max-height:88vh;overflow-y:auto;background:#c6c6c6;border:3px solid;border-color:#ffffff #555 #555 #ffffff;box-shadow:0 12px 48px #0009;padding:14px 16px 12px;image-rendering:pixelated}.inv-title{font-size:15px;font-weight:700;letter-spacing:3px;color:#3d3d3d;margin-bottom:10px}.inv-section{margin-bottom:10px}.inv-heading{font-size:11px;font-weight:700;letter-spacing:2px;color:#5a5a5a;margin-bottom:6px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px}.inv-cell{position:relative;background:#8b8b8b;border:2px solid;border-color:#373737 #ffffff #ffffff #373737;padding:6px 4px 4px;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.inv-cell:hover{background:#a8a8a8}.inv-cell:active{transform:translateY(1px)}.inv-cell.empty{opacity:.45}.inv-icon{width:32px;height:32px;image-rendering:pixelated}.inv-name{font-size:9px;font-weight:700;letter-spacing:1px;color:#2f2f2f;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-count{position:absolute;top:2px;right:4px;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.inv-blocks-cell{background:#9a8f6a}.inv-gear{background:#6f7a86}.inv-gear .inv-count{font-size:9px;letter-spacing:1px}.inv-cell.equipped{background:#7d8a96;border-color:#f5c542 #2f2f2f #2f2f2f #f5c542;box-shadow:inset 0 0 0 1px #f5c54280}.inv-cell.equipped .inv-name{color:#22180a}.inv-cell.equipped .inv-count{color:#ffe9a8}.inv-cell.empty.equipped{opacity:1}.inv-slot{position:absolute;top:2px;left:4px;font-size:11px;font-weight:700;color:#ffffffd9;text-shadow:1px 1px 0 #3f3f3f}.inv-cell.current{border-color:#f2c14e #fff #fff #f2c14e;box-shadow:inset 0 0 0 2px #f2c14ed9}.inv-cell.current:after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;background:#f2c14e;border:1px solid #3f3f3f}.inv-cell.locked{filter:grayscale(.85);opacity:.55}.inv-cell.unusable .inv-name{color:#6c6c6c}.inv-cell.unusable{filter:grayscale(.35)}.inv-cell.selected{outline:3px solid #f2c14e;outline-offset:-1px;background:#a89258}.inv-cell.auto:not(.selected):after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#7ec850e6;border:1px solid #3f3f3f}.inv-drop{position:absolute;right:3px;bottom:3px;width:20px;height:20px;background:#6f6f6f;border:2px solid;border-color:#cfcfcf #2f2f2f #2f2f2f #cfcfcf;cursor:pointer;touch-action:none}.inv-drop:before{content:"";position:absolute;left:50%;top:3px;width:2px;height:7px;margin-left:-1px;background:#f0f0f0}.inv-drop:after{content:"";position:absolute;left:50%;bottom:4px;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #f0f0f0}.inv-drop:hover{background:#8b8b8b}.inv-drop:active{transform:translateY(1px)}.inv-cell.empty .inv-drop{display:none}.inv-hint{margin-top:8px;font-size:10px;line-height:1.7;letter-spacing:1px;color:#4a4a4a;text-align:center}.inv-hint b{color:#2f2f2f}@keyframes invDeny{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.inv-panel.deny{animation:invDeny .16s ease 2}#pickup-toasts{position:absolute;left:50%;bottom:168px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:60;pointer-events:none}.pickup-toast{font-size:12px;font-weight:700;letter-spacing:2px;color:#eaf3e0;background:#0a0e12b8;border-left:3px solid #7ec850;padding:3px 10px;transition:opacity .4s ease}.pickup-toast.fade{opacity:0}.edit-done{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:90;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:2px;color:#0a0e12;background:var(--accent2, #7ec850);border:2px solid #0a0e12;box-shadow:0 4px 16px #0000008c;cursor:pointer;touch-action:manipulation}.edit-done:active{transform:translate(-50%) translateY(1px)}.tbtn[class*=icon-]:before{content:"";position:absolute;inset:0;background-color:currentColor;pointer-events:none;-webkit-mask-image:var(--pic);mask-image:var(--pic);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:56%;mask-size:56%}.tbtn.icon-crosshair{color:#f2c14e;--pic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5.6'/%3E%3Cpath d='M12 1.6v5.1M12 17.3v5.1M1.6 12h5.1M17.3 12h5.1'/%3E%3C/svg%3E")}.tbtn.icon-crosshair.on{color:#0a0e12}.tbtn.icon-crosshair.on:before{filter:drop-shadow(0 0 3px currentColor);animation:reticlePulse .9s ease-in-out infinite}@keyframes reticlePulse{0%,to{-webkit-mask-size:50%;mask-size:50%;opacity:1}50%{-webkit-mask-size:68%;mask-size:68%;opacity:.7}}.tbtn.icon-cam{--pic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Crect x='2' y='6' width='13' height='12' rx='2.2'/%3E%3Cpath d='M16 10.6 22 7.6v8.8l-6-3z'/%3E%3C/svg%3E")}.tbtn.icon-crouch{--pic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11M6 9.5 12 15.5 18 9.5M5 20.5h14'/%3E%3C/svg%3E")}.tbtn.icon-knife{--pic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cg transform='rotate(45 12 12)'%3E%3Cpath d='M12 1.4 14.7 4.6v7.8H9.3V4.6z'/%3E%3Crect x='8.3' y='13.2' width='7.4' height='8.2' rx='1.6'/%3E%3C/g%3E%3C/svg%3E")}.tbtn.icon-frag{--pic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='11' cy='14.6' r='6.4'/%3E%3Crect x='9.7' y='4.4' width='2.6' height='3.8' rx='1'/%3E%3Cpath d='M12.6 5.6h5.6v2.4h-5.6z'/%3E%3C/svg%3E")}body.touch-editing .tbtn.icon-cam:before,body.touch-editing .tbtn.icon-crouch:before{opacity:.8}