*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a0e14;font-family:system-ui,Segoe UI,Roboto,sans-serif}#app{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#e8f0ff;text-shadow:0 1px 3px #000}#hud-hint{position:absolute;top:12px;left:12px;font-size:13px;opacity:.85}#hud-health{position:absolute;top:12px;right:12px;font-size:15px;font-weight:600;letter-spacing:.02em}#pickup-prompt,#drop-prompt,#vehicle-prompt{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:8px;background:#141e30eb;border:1px solid rgba(120,180,255,.45);font-size:14px;font-weight:600;z-index:4}#drop-prompt{border-color:#ffc87880;bottom:160px}#vehicle-prompt{bottom:200px;border-color:#78ffb473}#voice-panel{position:absolute;right:12px;bottom:12px;padding:10px 12px;border-radius:10px;background:#0e1420e0;border:1px solid rgba(100,160,255,.35);font-size:12px;line-height:1.35;z-index:6;max-width:min(260px,92vw);pointer-events:auto}#voice-panel #voice-status{font-weight:600;margin-bottom:8px;color:#b8d4ff}#voice-panel .voice-row{display:flex;align-items:center;gap:8px;margin:4px 0;cursor:pointer}#voice-audio-root{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}#heal-wrap{position:absolute;bottom:200px;left:50%;transform:translate(-50%);width:min(280px,80vw);z-index:4}#heal-label{font-size:12px;margin-bottom:6px;text-align:center;opacity:.9}#heal-bar-outer{height:8px;border-radius:4px;background:#00000059;overflow:hidden}#heal-bar{height:100%;width:0%;background:linear-gradient(90deg,#40c057,#51cf66);transition:width .05s linear}#inventory-panel{position:absolute;bottom:12px;right:12px;min-width:260px;max-width:42vw;padding:10px 12px;border-radius:10px;background:#0c101ae0;border:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1.45;z-index:4}#inv-title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.75;margin-bottom:6px}#storm-warning{position:absolute;top:48px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:8px;background:#b42828eb;color:#fff;font-size:13px;font-weight:600;text-align:center;max-width:min(92vw,420px);z-index:4;box-shadow:0 4px 16px #00000059;animation:storm-pulse 1.1s ease-in-out infinite}@keyframes storm-pulse{0%,to{opacity:1}50%{opacity:.82}}#lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060a12b8;pointer-events:none;z-index:5}#lobby-card{pointer-events:auto;min-width:min(320px,90vw);padding:20px 22px;border-radius:12px;background:#121a26f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000073;text-align:center}#lobby-title{font-size:17px;font-weight:600;margin-bottom:10px}#lobby-count{font-size:28px;font-weight:700;letter-spacing:.04em}#lobby-timer-label{margin-top:14px;font-size:12px;opacity:.75;text-transform:uppercase;letter-spacing:.12em}#lobby-timer{font-size:22px;font-weight:600;margin-top:4px}#match-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:6;padding:10px 20px;border-radius:8px;background:#2878ffeb;color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;box-shadow:0 8px 24px #00000059;pointer-events:none}#squad-panel{position:absolute;left:12px;bottom:52px;min-width:200px;max-width:42vw;padding:10px 12px;border-radius:10px;background:#0a0e16c7;border:1px solid rgba(255,255,255,.08);font-size:12px}#squad-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;opacity:.75;margin-bottom:6px}.squad-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}.squad-row:first-of-type{border-top:none}#app:not(.match-active) #crosshair{opacity:0}#app.match-active #crosshair{opacity:.9}#crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border:1px solid rgba(255,255,255,.85);border-radius:1px;opacity:.9}#hit-marker{position:absolute;left:50%;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;pointer-events:none;opacity:0;transition:opacity .05s linear;background:radial-gradient(circle,#ff5050f2,#ff505000 70%)}#hit-marker.hit-marker--on{opacity:1}#hud-orient{display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;opacity:.7;text-align:center;max-width:90vw}@media(orientation:portrait){#hud-orient{display:block}}.mc-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;touch-action:none}.mc-joy-zone{position:absolute;left:4vw;bottom:10vh;pointer-events:auto}.mc-joy-base{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72%;height:72%;border-radius:50%;background:#121a2859;border:2px solid rgba(180,210,255,.35)}.mc-joy-knob{position:absolute;left:50%;top:50%;width:38%;height:38%;margin-left:-19%;margin-top:-19%;border-radius:50%;background:#dcebff8c;border:2px solid rgba(255,255,255,.45);transform:translate(-50%,-50%)}.mc-look-zone{position:absolute;top:0;height:100%;pointer-events:auto;background:transparent}.mc-edit-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:#0c121cd1;border:1px solid rgba(120,160,220,.35);pointer-events:auto;font-size:12px;max-width:96vw;z-index:30}.mc-edit-btn{pointer-events:auto;padding:6px 10px;border-radius:8px;border:1px solid rgba(160,200,255,.45);background:#283858d9;color:#e8f0ff}.mc-edit-btn--primary{background:#4678dce6}.mc-opacity-label{display:flex;align-items:center;gap:6px;color:#cfe0ff}.mc-btn{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#16243a6b;color:#f2f7ff;font-weight:700;font-size:11px;letter-spacing:.02em;padding:8px 10px;text-shadow:0 1px 2px #000}.mc-btn--sm{min-width:52px;min-height:52px;padding:6px 8px;font-size:10px}.mc-btn--md{min-width:62px;min-height:62px}.mc-btn--lg{min-width:76px;min-height:76px;font-size:12px}.mc-root--edit .mc-btn{outline:1px dashed rgba(255,220,120,.65)}.mc-resize-chip{position:absolute;right:2px;bottom:2px;font-size:10px;opacity:.85;pointer-events:auto;padding:2px 4px}.mc-root:not(.mc-root--edit) .mc-resize-chip{display:none}.shop-fab{position:fixed;right:14px;bottom:14px;z-index:40;padding:10px 14px;border-radius:999px;border:1px solid rgba(140,200,255,.55);background:linear-gradient(145deg,#28468cf2,#142448fa);color:#f5f9ff;font-weight:700;cursor:pointer;pointer-events:auto}.shop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#05080eb8;pointer-events:auto}.shop-panel{width:min(920px,96vw);max-height:88vh;overflow:auto;border-radius:16px;border:1px solid rgba(130,180,255,.45);background:linear-gradient(165deg,#182238fa,#0c1220fa);box-shadow:0 24px 80px #0000008c;padding:16px 18px 22px;color:#e8f0ff}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shop-title{margin:0;font-size:22px;letter-spacing:.04em}.shop-close{border:none;background:transparent;color:#cfe0ff;font-size:22px;cursor:pointer}.shop-balance{display:flex;gap:18px;margin-bottom:12px;font-size:14px}.shop-actions{display:flex;gap:10px;margin-bottom:14px}.shop-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(140,190,255,.45);background:#243458e6;color:#eef4ff;cursor:pointer}.shop-tabs{display:flex;gap:8px;margin-bottom:12px}.shop-tab{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(120,160,220,.35);background:#141c30d9;color:#b8c8e8;cursor:pointer}.shop-tab--active{border-color:#a0dcffa6;color:#fff;background:#324e8cf2}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.shop-card{border-radius:12px;border:1px solid rgba(100,140,200,.35);background:#101626eb;overflow:hidden}.shop-prev{width:100%;height:110px;object-fit:cover;background:#0d121f}.shop-card-body{padding:10px 12px 12px}.shop-card-name{font-weight:700;margin-bottom:6px}.shop-card-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.9;margin-bottom:8px}.shop-rarity--common{color:#b0c4de}.shop-rarity--rare{color:#6ec8ff}.shop-rarity--epic{color:#d46cff}.shop-rarity--legendary{color:#ffc857}.shop-card-actions{display:flex;gap:8px}.shop-btn--buy{flex:1}.shop-btn--equip{flex:1;background:#1e785ad9}.shop-iap-hint{font-size:12px;opacity:.75;margin:0 0 10px;line-height:1.35}.shop-card--diamond .shop-card-actions--stack{flex-direction:column}.shop-btn--secondary{background:#303448f2;border-color:#a0aad259}.shop-diamond-amt{font-weight:700}.shop-empty{grid-column:1 / -1;opacity:.8}.admin-panel{position:fixed;right:12px;top:52px;z-index:70;pointer-events:auto}.admin-card{width:260px;padding:12px;border-radius:12px;background:#0c101cf0;border:1px solid rgba(255,200,120,.45);font-size:12px;color:#e8f0ff;margin-bottom:10px}.admin-card--wide{width:min(420px,92vw)}.admin-title{font-weight:700;margin-bottom:8px}.admin-card label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.admin-card input{padding:6px 8px;border-radius:8px;border:1px solid rgba(160,180,220,.45);background:#0c101c;color:#e8f0ff}.admin-hint{margin-top:8px;opacity:.65;line-height:1.35}.admin-pre{margin:8px 0 0;max-height:220px;overflow:auto;font-size:10px;line-height:1.25;white-space:pre-wrap;word-break:break-word;background:#00000059;padding:8px;border-radius:8px}.rewarded-ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#04060ceb;pointer-events:auto;touch-action:none}.rewarded-ad-overlay--playing{background:#080a12f5}.rewarded-ad-panel{text-align:center;padding:28px 24px;max-width:min(420px,92vw);border-radius:16px;border:1px solid rgba(130,180,255,.35);background:linear-gradient(165deg,#1c263efa,#0e1424fc);color:#e8f0ff}.rewarded-ad-spinner{width:44px;height:44px;margin:0 auto 16px;border:3px solid rgba(160,200,255,.2);border-top-color:#8cc8fff2;border-radius:50%;animation:rewarded-spin .85s linear infinite}@keyframes rewarded-spin{to{transform:rotate(360deg)}}.rewarded-ad-label{margin:0 0 8px;font-size:17px;font-weight:700}.rewarded-ad-sub{margin:0;font-size:13px;opacity:.78}.rewarded-ad-progress-wrap{margin-top:18px}.rewarded-ad-progress{height:6px;border-radius:4px;background:#ffffff1f;overflow:hidden}.rewarded-ad-progress-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#4a8cff,#7ec8ff);border-radius:4px}.rewarded-ad-skip{margin-top:18px;padding:8px 14px;font-size:13px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#283048e6;color:#c8d8f0;cursor:pointer}