:root{color:#e9eff0;background:#1b1713;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}[hidden]{display:none!important}#app{position:relative;isolation:isolate;background:#1b1713}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:none}.game-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(1.2rem,3vw,2rem);pointer-events:none;background:linear-gradient(180deg,rgb(3 7 8 / 48%),transparent 24%,transparent 72%,rgb(3 7 8 / 32%))}.game-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 52%,rgb(0 0 0 / 42%) 125%),linear-gradient(90deg,rgb(0 0 0 / 15%),transparent 12%,transparent 88%,rgb(0 0 0 / 15%))}.game-brand{display:flex;gap:.8rem;align-items:center;color:#e9efdf;letter-spacing:.14em}.game-brand-mark{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid rgb(192 204 111 / 68%);color:#c5d06e;font-size:1rem;font-weight:800}.game-brand strong,.game-brand small{display:block}.game-brand strong{font-size:.84rem;font-weight:800}.game-brand small{margin-top:.25rem;color:#cdd8cb9e;font-size:.54rem;font-weight:700;letter-spacing:.2em}.game-status{display:flex;gap:.55rem;align-items:center;padding:.5rem .7rem;border:1px solid rgb(190 204 111 / 28%);background:#0d1313ad;color:#e8efe1c7;font-size:.58rem;font-weight:750;letter-spacing:.16em}.game-input-hint{position:absolute;top:18%;left:50%;display:grid;gap:.3rem;min-width:min(24rem,80vw);padding:.72rem 1rem;border:1px solid rgb(205 214 160 / 35%);border-left:3px solid #ccd78a;background:linear-gradient(90deg,#0a0f0fe0,#0a0f0f94);color:#edf0d5;font:800 .62rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;opacity:0;text-align:center;transform:translate(-50%,-.6rem);transition:opacity .18s ease,transform .18s ease}.game-input-hint span{color:#e8edcca8;font-size:.48rem;letter-spacing:.12em}.game-overlay.needs-control .game-input-hint{opacity:1;transform:translate(-50%)}.status-dot{width:.42rem;height:.42rem;border-radius:50%;background:#bdc86d;box-shadow:0 0 .8rem #bdc86ddb}.game-reticle{position:absolute;top:50%;left:50%;width:2.1rem;height:2.1rem;transform:translate(-50%,-50%);opacity:.58;transition:width .18s ease,height .18s ease,opacity .18s ease}.game-overlay.is-aiming .game-reticle{width:.85rem;height:.85rem;opacity:.86}.game-reticle span,.game-reticle i{position:absolute;display:block;background:#e4ebd6;box-shadow:0 0 .35rem #0a100ee0}.game-reticle span:nth-child(1),.game-reticle span:nth-child(2){top:50%;width:.65rem;height:1px;transform:translateY(-50%)}.game-reticle span:nth-child(1){left:0}.game-reticle span:nth-child(2){right:0}.game-reticle span:nth-child(3),.game-reticle span:nth-child(4){left:50%;width:1px;height:.65rem;transform:translate(-50%)}.game-reticle span:nth-child(3){top:0}.game-reticle span:nth-child(4){bottom:0}.game-reticle i{top:50%;left:50%;width:.18rem;height:.18rem;transform:translate(-50%,-50%);border-radius:50%}.game-debug{position:absolute;right:1.4rem;bottom:1.3rem;padding:.55rem .7rem;border:1px solid rgb(189 200 109 / 30%);background:#090d0ec7;color:#c5d06e;font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.tactical-hud{position:absolute;inset:0;pointer-events:none;color:#e9efdf}.hud-scoreboard{position:absolute;top:clamp(1.15rem,2.5vw,1.8rem);left:50%;display:grid;grid-template-columns:minmax(6.6rem,9rem) 5.5rem minmax(6.6rem,9rem);align-items:stretch;transform:translate(-50%);filter:drop-shadow(0 .4rem 1rem rgb(0 0 0 / 42%))}.hud-team,.hud-match-clock{display:flex;align-items:center;justify-content:center;min-height:2.55rem;border-top:1px solid rgb(222 231 217 / 20%);border-bottom:1px solid rgb(222 231 217 / 11%);background:#0a1011d1;backdrop-filter:blur(.7rem)}.hud-team{gap:.65rem;padding:0 .75rem;font-size:.56rem;font-weight:800;letter-spacing:.17em}.hud-team-alpha{border-left:2px solid #72a79d;color:#a7d5cc}.hud-team-bravo{border-right:2px solid #ba7456;color:#e1a58c}.hud-team strong{color:#f2f4ec;font-size:1.2rem;letter-spacing:0}.hud-team i{display:grid;width:1.3rem;height:1.3rem;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.55rem;font-style:normal}.hud-match-clock{display:grid;gap:.05rem;border-right:1px solid rgb(222 231 217 / 12%);border-left:1px solid rgb(222 231 217 / 12%);color:#eef2e9;text-align:center}.hud-match-clock small{color:#e0e8d87a;font-size:.46rem;font-weight:750;letter-spacing:.16em}.hud-match-clock strong{font:700 .92rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.hud-controls{position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%);color:#e0e8d875;font-size:.54rem;font-weight:700;letter-spacing:.14em;white-space:nowrap}.game-overlay.is-aiming~.tactical-hud .hud-controls:after{content:"  //  AIMING";color:#d6b575}.hud-controls span{margin-left:.95rem;color:#c6d274}.hud-health{position:absolute;bottom:2.2rem;left:clamp(1.2rem,3vw,2rem);width:min(14rem,28vw)}.hud-armor-value{margin-top:.45rem;color:#d8e2d16b;font-size:.5rem;font-weight:800;letter-spacing:.16em}.hud-armor-value.is-equipped{color:#77b3a8}.hud-block-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;color:#d8e2d18f;font-size:.55rem;font-weight:750;letter-spacing:.2em}.hud-health-value{color:#c6d274;font-size:1.1rem;letter-spacing:.05em}.hud-health-track{height:.28rem;overflow:hidden;border:1px solid rgb(213 224 202 / 22%);background:#d3e0cf12}.hud-health-bar{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#91a54e,#d1d879);transition:transform .14s ease-out}.hud-weapon{position:absolute;right:clamp(1.2rem,3vw,2rem);bottom:1.8rem;text-align:right}.hud-round{position:absolute;top:clamp(5rem,10vh,7rem);left:50%;display:grid;gap:.2rem;transform:translate(-50%);text-align:center;text-shadow:0 .15rem 1rem rgb(0 0 0 / 76%)}.hud-objective{color:#e0e8d885;font-size:.49rem;font-weight:750;letter-spacing:.2em}.hud-identity{position:absolute;bottom:6.7rem;left:clamp(1.2rem,3vw,2rem);display:grid;gap:.2rem;padding-left:.7rem;border-left:2px solid #72a79d}.hud-identity span{color:#d8e2d16b;font-size:.46rem;font-weight:800;letter-spacing:.2em}.hud-identity strong{color:#eef3e9;font-size:.68rem;letter-spacing:.16em}.hud-identity small{color:#c8d478;font:700 .66rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-round-number{color:#e0e8d87a;font-size:.52rem;font-weight:750;letter-spacing:.24em}.hud-round-value{color:#d1d982;font-size:.72rem;font-weight:800;letter-spacing:.18em;white-space:nowrap}.hud-weapon-name{color:#e5eddab8;font-size:.62rem;font-weight:750;letter-spacing:.18em}.hud-ammo{display:flex;gap:.7rem;align-items:baseline;margin-top:.25rem}.hud-ammo strong{color:#eef3e4;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:500;letter-spacing:-.06em}.hud-ammo span,.hud-reload{color:#c6d274;font-size:.54rem;font-weight:800;letter-spacing:.18em}.hud-reload{margin-top:.2rem}.hud-hit-marker{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;transform:translate(-50%,-50%);opacity:0;transition:opacity 70ms ease-out}.hud-hit-marker i{position:absolute;top:50%;left:50%;width:.55rem;height:1px;background:#eef3e4;transform-origin:left center}.hud-hit-marker i:nth-child(1){transform:rotate(45deg) translate(.18rem)}.hud-hit-marker i:nth-child(2){transform:rotate(135deg) translate(.18rem)}.hud-hit-marker i:nth-child(3){transform:rotate(225deg) translate(.18rem)}.hud-hit-marker i:nth-child(4){transform:rotate(315deg) translate(.18rem)}.hud-damage-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 48%,rgb(190 58 40 / 72%) 150%);transition:opacity 80ms ease-out}.hud-interaction,.hud-announcement{position:absolute;left:50%;transform:translate(-50%);border:1px solid rgb(205 216 125 / 32%);background:#090e0fd6;color:#d7df91;font-size:.62rem;font-weight:850;letter-spacing:.16em;box-shadow:0 .6rem 2rem #00000047;backdrop-filter:blur(.8rem)}.hud-interaction{bottom:22%;padding:.65rem .9rem}.hud-announcement{top:28%;padding:.85rem 1.15rem;animation:hud-announcement-in .18s ease-out}.hud-hit-marker.is-kill i{background:#d9ac75}@keyframes hud-announcement-in{0%{opacity:0;transform:translate(-50%,.45rem)}to{opacity:1;transform:translate(-50%)}}.prematch-menu,.buy-menu{position:absolute;inset:0;z-index:10;display:grid;place-items:center;overflow:auto;padding:clamp(1rem,3vw,3rem);color:#e9efea}.prematch-menu{background:linear-gradient(90deg,#0c0b09fa,#0c0b09db 42%,#0c0b092e),url(../assets/operation-sable-backdrop.png) center / cover no-repeat}.prematch-backdrop{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgb(218 185 125 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(218 185 125 / 8%) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(90deg,black,transparent 75%)}.prematch-recon{position:absolute;top:12%;right:5%;width:min(31rem,42vw);aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgb(211 177 115 / 26%);background:linear-gradient(180deg,#c9aa6708,#080a0866),url(../assets/sable-relay-recon.png) center / cover;box-shadow:0 1.8rem 4rem #00000059;opacity:.62;transform:perspective(50rem) rotateY(-7deg) rotateX(3deg)}.prematch-recon:after{position:absolute;inset:0;border:1px solid rgb(223 192 132 / 22%);background:linear-gradient(90deg,transparent 49.8%,rgb(224 192 132 / 19%) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgb(224 192 132 / 19%) 50%,transparent 50.2%);content:""}.prematch-recon span{position:absolute;top:.8rem;left:.8rem;z-index:1;color:#e0c48d;font:700 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.prematch-recon i{position:absolute;top:50%;left:50%;z-index:1;width:.55rem;height:.55rem;border:1px solid #e0c48d;border-radius:50%;box-shadow:0 0 0 .45rem #e0c48d21;transform:translate(-50%,-50%)}.prematch-operative{position:absolute;right:8%;bottom:0;z-index:1;display:flex;width:min(24rem,29vw);height:min(92vh,48rem);align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 1.5rem 1.4rem rgb(0 0 0 / 42%))}.prematch-operative img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.operative-caption{position:absolute;right:0;bottom:1.6rem;display:grid;gap:.35rem;padding:.55rem .7rem;border-right:2px solid #d5ae70;background:#0d0e0bc7;color:#e2c690;font:800 .52rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-align:right}.operative-caption small{color:#e2c6909e;font-size:.42rem;letter-spacing:.1em}.prematch-panel{position:relative;width:min(58rem,100%);padding:clamp(1.4rem,3.5vw,3.5rem);border-left:2px solid #789f94;background:linear-gradient(100deg,#0b1112eb,#0b1112a8);box-shadow:0 1.8rem 5rem #00000061}.menu-eyebrow,.buy-header p{margin:0 0 .75rem;color:#99b8af;font-size:.58rem;font-weight:850;letter-spacing:.27em}.prematch-panel h1,.buy-header h2{margin:0;color:#f0f3ed;font-size:clamp(2.1rem,5vw,4.6rem);font-weight:680;line-height:.94;letter-spacing:-.045em}.menu-brief{max-width:43rem;margin:1.25rem 0 1.8rem;color:#98a5a3;font-size:.86rem;line-height:1.65}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.menu-field{display:grid;gap:.45rem;padding:.9rem;border:1px solid rgb(186 205 198 / 14%);background:#bcd3ca0a}.menu-field>span,.role-picker legend{color:#dce6df;font-size:.57rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.menu-field select{width:100%;padding:.7rem 0;border:0;border-bottom:1px solid rgb(171 194 185 / 28%);outline:none;background:#11191a;color:#eef3ec;font:750 .76rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em}.menu-field small,.role-card small{color:#788684;font-size:.62rem;line-height:1.45}.role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.4rem 0 0;padding:1.6rem 0 0;border:0;border-top:1px solid rgb(180 201 193 / 14%)}.role-picker legend{padding-right:.8rem}.role-card,.buy-item{position:relative;display:grid;gap:.35rem;min-width:0;padding:.95rem;border:1px solid rgb(184 203 196 / 14%);background:#111a1bb8;color:#e6ece7;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.role-card:hover,.role-card:focus-visible,.buy-item:hover:not(:disabled),.buy-item:focus-visible:not(:disabled){border-color:#89b1a5ad;background:#20302fd1;transform:translateY(-1px)}.role-card.is-selected{border-color:#82ad9f;background:linear-gradient(120deg,#304b47c7,#151f20bd);box-shadow:inset 3px 0 #82ad9f}.role-index,.buy-category{color:#83a99f;font:700 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}.role-card strong{font-size:.85rem;letter-spacing:.16em}.menu-footer,.buy-footer{display:flex;gap:1.4rem;align-items:center;justify-content:space-between;margin-top:1.5rem}.menu-footer div{display:grid;gap:.2rem}.menu-footer span,.buy-footer span{color:#687674;font-size:.5rem;font-weight:800;letter-spacing:.18em}.menu-footer strong{color:#b8c5be;font-size:.64rem;letter-spacing:.12em}.menu-primary{position:relative;z-index:2;min-width:12rem;padding:.95rem 1.25rem;border:1px solid #b7c979;background:#b7c979;color:#111715;font-size:.65rem;font-weight:900;letter-spacing:.17em;cursor:pointer;transition:filter .12s ease,transform .12s ease}.menu-primary:hover,.menu-primary:focus-visible{filter:brightness(1.1);transform:translateY(-1px)}.buy-menu{z-index:9;background:#060a0bb8;backdrop-filter:blur(.8rem)}.buy-panel{width:min(64rem,100%);padding:clamp(1.2rem,2.7vw,2.4rem);border:1px solid rgb(183 203 196 / 19%);background:linear-gradient(145deg,#0d1516f7,#131d1df0);box-shadow:0 1.8rem 5rem #00000085}.buy-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid rgb(183 203 196 / 14%)}.buy-header h2{font-size:clamp(1.8rem,3vw,3rem)}.buy-wallet{display:grid;gap:.25rem;text-align:right}.buy-wallet span,.buy-context span{color:#788783;font-size:.5rem;font-weight:850;letter-spacing:.18em}.buy-wallet strong{color:#cbd77e;font:600 1.35rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.buy-context{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0}.buy-context strong{color:#e6ece5;font:700 .88rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.buy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.buy-item{min-height:9.6rem;align-content:start}.buy-item strong{margin-top:.25rem;font-size:.76rem;letter-spacing:.05em}.buy-item small{color:#788583;font-size:.58rem;line-height:1.45}.buy-item b{align-self:end;margin-top:auto;color:#cbd77e;font:700 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.buy-item:disabled{cursor:not-allowed;opacity:.38}.buy-item.is-owned{border-color:#6ea99b73;opacity:.68}.buy-item.is-owned:after{position:absolute;top:.6rem;right:.6rem;color:#8ec0b3;font-size:.48rem;font-weight:900;letter-spacing:.12em;content:"OWNED"}@media(max-width:760px){.game-brand,.hud-controls{display:none}.hud-scoreboard{grid-template-columns:5.5rem 4.6rem 5.5rem}.hud-team span{display:none}.menu-grid,.role-picker{grid-template-columns:1fr}.prematch-recon{top:1rem;right:1rem;width:8rem;opacity:.24}.prematch-operative{right:-3rem;width:15rem;height:56vh;opacity:.32}.operative-caption{display:none}.buy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-panel{margin:auto 0}}@media(max-height:650px)and (min-width:761px){.prematch-menu,.buy-menu{padding:.7rem 1.8rem}.prematch-panel{padding:1.35rem 2rem}.prematch-panel h1{font-size:2.8rem}.menu-eyebrow{margin-bottom:.45rem}.menu-brief{margin:.7rem 0 .9rem;font-size:.75rem;line-height:1.45}.menu-field,.role-card{padding:.65rem .8rem}.role-picker{margin-top:.8rem;padding-top:1rem}.menu-footer{margin-top:.85rem}.buy-panel{padding:1.1rem 1.5rem}.buy-header{padding-bottom:.7rem}.buy-header h2{font-size:2rem}.buy-context{padding:.55rem 0}.buy-item{min-height:7.8rem;padding:.7rem}.buy-footer{margin-top:.8rem}}.mobile-controls{position:absolute;inset:0;z-index:12;display:none;pointer-events:none;user-select:none;touch-action:none}.mobile-look-zone{position:absolute;top:0;right:0;width:58%;height:72%;pointer-events:auto;touch-action:none}.mobile-stick{position:absolute;bottom:max(1.15rem,env(safe-area-inset-bottom));left:max(1.15rem,env(safe-area-inset-left));width:8rem;height:8rem;border:1px solid rgb(223 193 137 / 28%);border-radius:50%;background:#16120e4d;pointer-events:auto;touch-action:none}.mobile-stick-ring,.mobile-stick-knob{position:absolute;top:50%;left:50%;display:block;border-radius:50%;transform:translate(-50%,-50%)}.mobile-stick-ring{width:5.6rem;height:5.6rem;border:1px solid rgb(223 193 137 / 20%)}.mobile-stick-knob{width:2.15rem;height:2.15rem;border:1px solid rgb(236 209 156 / 78%);background:#c29b5b59;box-shadow:0 0 1.4rem #daac5f3b}.mobile-actions{position:absolute;right:max(1.15rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,3.9rem);gap:.45rem;pointer-events:auto}.mobile-action,.mobile-weapon-bar button{min-width:3.5rem;min-height:3.1rem;border:1px solid rgb(228 200 146 / 35%);background:#15120fbf;color:#efe0bc;font:800 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;touch-action:none}.mobile-action:active,.mobile-weapon-bar button:active{background:#a87f43b8;color:#16120d}.mobile-action-fire{grid-row:span 2;min-height:6.5rem;border-color:#de815485}.mobile-weapon-bar{position:absolute;top:max(5.3rem,env(safe-area-inset-top));right:max(1.15rem,env(safe-area-inset-right));display:flex;gap:.35rem;pointer-events:auto}.mobile-weapon-bar button{min-width:2.5rem;min-height:2.3rem;padding:.3rem;font-size:.46rem}@media(pointer:coarse),(max-width:760px){.mobile-controls:not([hidden]){display:block}.hud-health{bottom:6.4rem;width:min(12rem,42vw)}.hud-identity{bottom:10.2rem}.hud-weapon{right:1.2rem;bottom:6.2rem}.hud-round{top:5.7rem}.hud-hit-marker,.game-reticle{pointer-events:none}}.boot-screen{display:grid;min-height:100%;place-content:center;padding:2rem;background:radial-gradient(circle at 75% 20%,rgb(76 102 103 / 16%),transparent 34rem),linear-gradient(135deg,#0d1114,#151b1e 55%,#111719)}.boot-kicker{margin:0 0 .8rem;color:#bdc86d;font-size:.72rem;font-weight:750;letter-spacing:.28em}.boot-screen h1{max-width:28rem;margin:0;color:#f2f4ec;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.94;letter-spacing:-.055em}.boot-copy{margin:1.25rem 0 0;color:#8e9da0;font-size:.98rem}