:root{--bg:#1a1712;--ink:#f2ebe0;--muted:#b8aa94;--accent:#c45c26;--panel:#120f0cb8;--line:#f2ebe02e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;overflow:hidden}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}#touch-controls,#touch-controls *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#hud{pointer-events:none;position:absolute;inset:0}.hud-top,.hud-bottom{left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute}.hud-top{top:calc(12px + var(--safe-top));align-items:center}.hud-bottom{bottom:calc(18px + var(--safe-bottom))}.brand{letter-spacing:.28em;color:var(--ink);text-shadow:0 2px 10px #0000008c;font-size:13px;font-weight:700}.mode-badge{border:1px solid var(--line);background:var(--panel);letter-spacing:.16em;padding:6px 12px;font-size:11px;font-weight:700}.ammo-cluster,.meta-cluster{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:140px;padding:10px 14px}.ammo-cluster strong,.meta-cluster #zone-value{letter-spacing:.04em;font-size:18px;display:block}.ammo-cluster span,.meta-cluster #status-line{color:var(--muted);margin-top:4px;font-size:12px;display:block}.hud-mid{top:calc(48px + var(--safe-top));left:calc(16px + var(--safe-left));pointer-events:none;gap:8px;display:flex;position:absolute}.stat-pill{background:var(--panel);border:1px solid var(--line);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;font-size:12px}#crosshair{opacity:.85;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.hidden{display:none}.hit-marker{z-index:4;pointer-events:none;opacity:0;place-items:center;width:33vmin;height:33vmin;transition:none;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.hit-marker.visible{opacity:1;animation:.2s ease-out hit-pop}.hit-icon{color:#ffffffb8;text-shadow:0 0 18px #ffffff59;filter:drop-shadow(0 2px 8px #00000073);-webkit-user-select:none;user-select:none;font-size:clamp(64px,22vmin,140px);line-height:1}.kill-feed{top:calc(56px + var(--safe-top));right:calc(16px + var(--safe-right));z-index:4;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(420px,100vw - 32px);display:flex;position:absolute}.kill-feed-row{color:#ffffffeb;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0806049e;border:1px solid #ffffff29;padding:7px 12px;font-size:13px;animation:.18s ease-out kill-feed-in}.kill-feed-row .killer{color:#9dce8a;font-weight:700}.kill-feed-row .victim{color:#e08a6a;font-weight:700}.kill-feed-row.headshot .icon{margin:0 4px}@keyframes hit-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes kill-feed-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}#scope-overlay{pointer-events:none;z-index:3;display:none;position:absolute;inset:0}#scope-overlay.visible{background:radial-gradient(circle,#0000 0 48vmin,#0000008c 50vmin 100%);display:block}.scope-lens{border:3px solid #14120ebf;border-radius:50%;width:102vmin;height:102vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #b4bea038,0 0 0 2px #00000059}.scope-reticle{background:#c45c26;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #c45c26,28px 0 #c45c26d9,-28px 0 #c45c26d9,0 28px #c45c26d9,0 -28px #c45c26d9}#crosshair i{background:#f4f0e6;position:absolute;box-shadow:0 0 0 1px #00000073}#crosshair i:first-child,#crosshair i:nth-child(2){width:2px;height:7px;left:10px}#crosshair i:first-child{top:0}#crosshair i:nth-child(2){bottom:0}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:7px;height:2px;top:10px}#crosshair i:nth-child(3){left:0}#crosshair i:nth-child(4){right:0}.inspect-panel{top:calc(56px + var(--safe-top));right:calc(16px + var(--safe-right));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(280px,100vw - 32px);padding:14px 16px;display:none;position:absolute}.inspect-panel.visible{display:block}.inspect-panel h2{letter-spacing:.08em;margin:0 0 8px;font-size:15px}.inspect-panel p,.inspect-panel li{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.inspect-panel ul{margin:10px 0 0;padding-left:18px}.inspect-panel li.done{color:#9dce8a}.menu{padding:calc(28px + var(--safe-top)) calc(24px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(28px + var(--safe-left));z-index:5;justify-content:flex-start;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.menu.hidden{display:none}.menu-hero{background:url(/images/menu-hero.png) 72% 18%/cover no-repeat,#1a120c;animation:18s ease-in-out infinite alternate menu-hero-drift;position:absolute;inset:0;transform:scale(1.08)}.menu-veil{pointer-events:none;background:linear-gradient(105deg,#080604d1 0%,#0806048c 42%,#0806042e 68%,#08060459 100%),linear-gradient(#0003,#0000 30%,#00000073 100%);position:absolute;inset:0}.menu-panel{z-index:1;align-self:center;width:min(420px,100%);padding:8px 4px;position:relative}.eyebrow{color:#ffd6aaeb;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 10px #0000008c;margin:0;font-size:11px}.menu-panel h1{letter-spacing:.08em;color:#fff;text-shadow:0 4px 24px #000000a6;margin:12px 0 10px;font-size:clamp(40px,9vw,56px);line-height:.95}.lede{color:#ffecc8f2;letter-spacing:.08em;text-shadow:0 2px 14px #0000008c;max-width:28ch;margin:0 0 20px;font-size:clamp(18px,3.5vw,24px);font-weight:700;line-height:1.35}.pi-auth-panel{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;display:flex}.pi-signin-btn{align-items:center;gap:8px;display:inline-flex}.pi-signin-btn[disabled]{opacity:.6;cursor:default}.pi-auth-status{letter-spacing:.03em;color:#ffecc8d9;text-shadow:0 2px 10px #0000008c;font-size:12px}.pi-auth-status.is-signed-in{color:#7be6a0}.pi-auth-status.is-error{color:#ff9a8a}.team-pick{grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 0 22px;display:grid}.team-btn{appearance:none;color:#fff;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff38;padding:12px;transition:background .15s,border-color .15s,transform .15s}.team-btn strong{letter-spacing:.06em;margin-bottom:4px;font-size:15px;display:block}.team-btn span{color:#ffffffb3;font-size:11px;display:block}.team-btn:hover,.team-btn.is-selected{background:#ffffff38;border-color:#ffdcaa8c;transform:translateY(-1px)}.team-btn[data-team=texas].is-selected{border-color:#5aa0ffb3;box-shadow:inset 0 0 0 1px #5aa0ff40}.team-btn[data-team=terror].is-selected{border-color:#dc783cbf;box-shadow:inset 0 0 0 1px #dc783c4d}.chat-toast{left:50%;bottom:calc(88px + var(--safe-bottom));z-index:6;color:#fff;letter-spacing:.02em;text-align:center;pointer-events:none;opacity:0;background:#080604b8;border:1px solid #ffffff2e;max-width:min(520px,100vw - 32px);padding:10px 16px;font-size:14px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.chat-toast.visible{opacity:1}body:not(.playing) .chat-toast{display:none}.drone-banner{top:calc(72px + var(--safe-top));z-index:6;letter-spacing:.22em;color:#fff;pointer-events:none;opacity:0;background:#0806048c;border:1px solid #fff3;padding:8px 18px;font-size:12px;font-weight:700;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.drone-banner.visible{opacity:1}body:not(.playing) .drone-banner{display:none}.pointer-hint{z-index:7;letter-spacing:.04em;color:#fff;pointer-events:none;opacity:0;text-align:center;background:#080604b8;border:1px solid #ffffff47;padding:14px 22px;font-size:15px;font-weight:700;transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pointer-hint.visible{opacity:1}body:not(.playing) .pointer-hint{display:none}.menu-nav{gap:12px;padding-left:56px;display:grid;position:relative}.menu-nav.hidden{display:none!important}.menu-gun{pointer-events:none;filter:drop-shadow(0 2px 4px #0000008c);will-change:transform;place-items:center;width:48px;height:28px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;left:0}.menu-gun svg{width:48px;height:18px;display:block}.menu-gun.kick{animation:.22s ease-out menu-gun-kick}.menu-item{appearance:none;color:#fff;font:inherit;letter-spacing:.06em;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff38;padding:14px 18px;font-weight:700;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;position:relative;box-shadow:inset 0 1px #ffffff1f}.menu-item:hover,.menu-item:focus-visible,.menu-item.is-active{background:#ffffff38;border-color:#ffffff6b;outline:none;transform:translate(6px);box-shadow:inset 0 1px #fff3,0 8px 22px #00000047}.menu-item-label{color:#fff;text-shadow:0 1px 8px #00000073;justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-badge{letter-spacing:.12em;text-transform:uppercase;color:#ffdcaaf2;white-space:nowrap;background:#00000047;border:1px solid #ffdcaa59;margin:0;padding:3px 7px;font-size:10px;font-style:normal;font-weight:700}.menu-item.coming-soon{opacity:.92}.online-lobby{background:#00000059;border:1px solid #ffffff2e;gap:10px;margin-top:14px;padding:14px 12px;display:grid}.online-lobby[hidden]{display:none!important}.online-lobby-title{letter-spacing:.14em;text-transform:uppercase;color:#ffe6c8f2;margin:0;font-size:13px;font-weight:700}.online-lobby-row{gap:8px;display:flex}.online-lobby-row input{appearance:none;color:#fff;min-width:0;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff40;flex:1;padding:10px 12px;font-weight:700}.online-lobby-row input::placeholder{color:#fff6;letter-spacing:.04em;text-transform:none;font-weight:500}.online-lobby-actions{flex-wrap:wrap;gap:8px;display:flex}.online-btn{appearance:none;color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;padding:10px 14px;font-weight:700}.online-btn.primary{background:linear-gradient(#c45c26d9,#8c3712e6);border-color:#ffc88c66}.online-btn.ghost{background:0 0}.online-btn.start{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#3dce6a,#1f8a42);border-color:#b4ffc873;width:100%;padding:12px;font-size:15px}.online-btn.start[hidden]{display:none!important}.online-lobby-status{color:#ffffffc7;font-size:13px;line-height:1.4}.online-player-list{gap:6px;max-height:140px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.online-player-list li{background:#ffffff0f;border:1px solid #ffffff1a;justify-content:space-between;gap:8px;padding:7px 10px;font-size:13px;display:flex}.online-player-list .tag{opacity:.75;letter-spacing:.06em;text-transform:uppercase;font-size:11px}#rotate-hint{z-index:100;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 30%,#2a241c,#0e0c0a 70%);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}html.force-landscape #rotate-hint{display:none}html.force-landscape #app{transform-origin:0 0;width:100vh;height:100vw;position:fixed;top:0;left:0;transform:rotate(90deg)translateY(-100%)}.rotate-card{flex-direction:column;align-items:center;gap:12px;max-width:280px;display:flex}.rotate-card strong{letter-spacing:.04em;font-size:1.25rem}.rotate-card span{color:var(--muted);font-size:.95rem;line-height:1.4}.rotate-phone{border:3px solid #f2ebe0bf;border-radius:10px;width:54px;height:90px;margin-bottom:8px;animation:1.6s ease-in-out infinite rotate-phone;position:relative}.rotate-phone:after{content:"";background:#f2ebe08c;border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:8px;left:50%}@keyframes rotate-phone{0%,30%{transform:rotate(0)}55%,to{transform:rotate(90deg)}}#touch-controls button,.touch-btn{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;letter-spacing:.03em;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#f2ebe01a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1.1;display:inline-flex}#btn-fire-left.touch-btn.fire-sm{background:linear-gradient(#d46a2f,#a84618);border-color:#ffdcb473;box-shadow:0 0 0 2px #d46a2f40}.hint{color:#ffffff9e;text-shadow:0 1px 8px #00000073;margin:18px 0 0;font-size:12px;line-height:1.45}@keyframes menu-hero-drift{0%{transform:scale(1.08)translate(0,0)}to{transform:scale(1.12)translate(-.8%,1.2%)}}@keyframes menu-gun-kick{0%{transform:translateY(var(--gun-y,0px)) translateX(0)}40%{transform:translateY(var(--gun-y,0px)) translateX(-6px)}to{transform:translateY(var(--gun-y,0px)) translateX(0)}}.mobile-only{display:none}#touch-controls{pointer-events:none;z-index:4;display:none;position:absolute;inset:0}#touch-controls.visible{display:block}.touch-left{pointer-events:none;left:calc(14px + var(--safe-left));bottom:calc(14px + var(--safe-bottom));z-index:5;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.touch-quick{pointer-events:none;justify-content:flex-start;gap:10px;display:flex}.touch-left-mid{pointer-events:none;align-items:center;gap:10px;display:flex}.touch-stick{pointer-events:auto;background:#00000052;border:2px solid #f2ebe047;border-radius:50%;width:min(132px,22vw);min-width:110px;height:min(132px,22vw);min-height:110px;position:relative;bottom:auto;left:auto;box-shadow:inset 0 0 0 1px #00000040}.touch-btn.fire-sm{color:#fffffff2;background:linear-gradient(#d46a2f,#a84618);border-color:#ffdcb473;width:min(58px,12vw);min-width:52px;height:min(58px,12vw);min-height:52px;font-size:0;box-shadow:0 0 0 2px #d46a2f38}.touch-btn.fire-sm .touch-icon{stroke:#fffffff2}.touch-knob{background:#f2ebe061;border:1px solid #f2ebe080;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%}.touch-right{pointer-events:none;right:calc(10px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));z-index:5;flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:10px;width:min(340px,62vw);display:flex;position:absolute}.touch-fire-cluster{pointer-events:none;flex-direction:row;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.touch-side-stack{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.touch-aux{pointer-events:none;flex-wrap:wrap;place-content:flex-end;align-self:flex-end;gap:8px;max-width:min(160px,30vw);display:flex}.touch-btn{pointer-events:auto;width:min(56px,12vw);min-width:48px;height:min(56px,12vw);min-height:48px;font-size:11px}.touch-btn.sm{width:min(44px,10vw);min-width:40px;height:min(44px,10vw);min-height:40px;font-size:10px}.tuan-anh-go .touch-btn.icon-btn,.touch-left .touch-btn.icon-btn,.touch-right .touch-btn{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);text-indent:0;background:#ffffff24;border:1px solid #ffffff57;font-size:0;box-shadow:inset 0 1px #ffffff38,0 4px 14px #00000038}.tuan-anh-go .touch-btn.icon-btn:active,.touch-left .touch-btn.icon-btn:active,.touch-right .touch-btn:active{background:#ffffff42;border-color:#ffffff80;transform:scale(.96)}.tuan-anh-go #btn-fire-left.touch-btn.fire-sm,#btn-fire-left.touch-btn.fire-sm{background:linear-gradient(#d46a2f,#a84618);border-color:#ffdcb473;box-shadow:0 0 0 2px #d46a2f38}.touch-icon{fill:none;stroke:#ffffffeb;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:54%;height:54%;display:block}.touch-icon-lg{stroke-width:1.85px;width:46%;height:46%}.touch-btn.weapon{width:min(58px,12vw);height:min(58px,12vw)}.touch-btn.fire{background:#ffffff2e;border-color:#ffffff6b;width:min(124px,21vw);min-width:104px;height:min(124px,21vw);min-height:104px;box-shadow:inset 0 1px #ffffff47,0 6px 18px #00000047}body.playing .hud-bottom{bottom:calc(18px + var(--safe-bottom))}@media (width<=820px),(pointer:coarse){.desktop-only{display:none}.mobile-only{display:block}.chat-toast{bottom:calc(150px + var(--safe-bottom));font-size:13px}.menu{padding-bottom:calc(36px + var(--safe-bottom));align-items:flex-end}.menu-hero{background-position:68% 22%}.menu-panel{width:min(100%,440px)}.menu-nav{padding-left:48px}.inspect-panel{width:min(240px,100vw - 24px);top:auto;bottom:calc(170px + var(--safe-bottom));right:calc(12px + var(--safe-right))}.hud-bottom{bottom:calc(168px + var(--safe-bottom))}@media (orientation:landscape){.hud-mid{top:calc(52px + var(--safe-top))}}body.playing .hud-bottom,body.playing .pointer-hint,body.playing #status-line{display:none!important}.ammo-cluster,.meta-cluster{min-width:0;padding:8px 10px}}