@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f0eddb;background:#171d1b;font-synthesis:none;--accent:#e6b869;--muted:#b6b9a7;--line:#e7e8ce30}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,select,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.45;cursor:wait}.menu-scene{position:fixed;inset:0;z-index:-1;background:#172420;overflow:hidden}.artwork{position:absolute;inset:-2%;background:url(/img/venice-pier.webp) center/cover;animation:drift 28s ease-in-out infinite alternate}.film{position:absolute;inset:0;background:linear-gradient(90deg,#0c1917f5,#0c1917a8 34%,#0c19170d 70%),linear-gradient(0deg,#121f1d 0%,transparent 53%,#14221c80)}.dust{position:absolute;inset:0;background-image:radial-gradient(circle,#efdbb46b 1px,transparent 2px),radial-gradient(circle,#efdbb438 1px,transparent 2px);background-size:173px 211px,277px 307px;animation:particles 24s linear infinite;opacity:.4}.shell{min-height:100svh;max-width:1800px;margin:auto;padding:0 4.2vw;display:flex;flex-direction:column}header{height:111px;display:flex;align-items:center;gap:5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:800 16px/.97 Barlow Condensed,Impact,sans-serif;letter-spacing:1.4px}.brand-mark{font:900 28px Barlow Condensed,Impact,sans-serif;border:2px solid var(--accent);color:var(--accent);padding:4px 6px;transform:skew(-6deg);position:relative}.brand-mark span{font-size:11px;position:absolute;bottom:-9px;right:-7px;background:#172420}nav{display:flex;align-self:stretch;gap:38px;font-size:10px;letter-spacing:2px;font-weight:700}nav a{display:flex;align-items:center;position:relative;opacity:.6}nav a:hover,nav a[aria-current]{opacity:1}nav a[aria-current]:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}sup{font-size:8px;color:var(--accent);margin:-9px 0 0 6px}.build-tag{margin-left:auto;font-size:8px;letter-spacing:1.7px;color:var(--muted);white-space:nowrap}.build-tag i,.live-dot{display:inline-block;background:#c7cd90;width:5px;height:5px;border-radius:50%;margin-right:8px}.home{position:relative;flex:1;min-height:665px;padding:64px 0 30px}.hero-copy{max-width:650px;animation:enter .8s ease-out}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:13px}.line{width:28px;height:1px;background:var(--accent)}h1{font:900 clamp(72px,7.5vw,118px)/.83 "Barlow Condensed",Impact,sans-serif;letter-spacing:-1px;margin:25px 0;text-transform:uppercase}h1 span:not(.title-dot){color:var(--accent)}h1 .title-dot{color:var(--accent)}.tagline{font:500 26px/1.14 Barlow Condensed,Impact,sans-serif;letter-spacing:.6px;margin:27px 0 18px}.intro{max-width:340px;font-size:12px;line-height:1.8;color:#c3c7b8}.primary{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#192620;padding:20px 25px;font-size:11px;letter-spacing:1.6px;font-weight:800;min-width:312px;transition:background .2s,transform .2s}.primary:hover{background:#f0ce92;transform:translateY(-2px)}.primary:active{transform:translateY(1px)}.hero-copy .primary{margin-top:30px}.play-note{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.play-note .live-dot{margin-right:-3px}.scene-label{position:absolute;right:3%;top:41%;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px;text-shadow:0 2px 4px #171d1b}.scene-label b{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;font-weight:400}.cross{font-size:40px;font-weight:400;opacity:.7}.operation{position:relative;display:flex;margin-top:46px;max-width:510px;border:1px solid var(--line);background:#182b25bb;backdrop-filter:blur(12px);min-height:120px}.operation-image{width:135px;flex-shrink:0;background:linear-gradient(90deg,transparent,#182b2533),url(/img/surf-shop-reference.webp) center/cover;filter:saturate(.7)}.operation-copy{padding:18px 20px 16px}.operation .eyebrow{font-size:7px;letter-spacing:1.4px;justify-content:space-between}.operation .eyebrow span{color:#a7b3a0}.operation h2{font:600 24px Barlow Condensed,Impact,sans-serif;margin:8px 0 4px}.operation p{font-size:10px;color:var(--muted);line-height:1.55;max-width:260px;margin:0}.operation a{font-size:8px;letter-spacing:1.4px;margin-top:12px;display:flex;align-items:center;gap:15px}.operation a svg{width:15px;height:15px}.operation-number{position:absolute;left:10px;bottom:7px;font:700 25px Barlow Condensed,Impact,sans-serif;color:#ebe9d4c2}.world-stamp{position:absolute;right:0;bottom:46px;display:grid;text-align:right;font:500 15px Barlow Condensed,Impact,sans-serif;letter-spacing:2px}.world-stamp strong{font-weight:700;font-size:23px;margin-top:3px}footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;font-size:8px;letter-spacing:1.2px;color:#aab3a3}footer b{font-weight:500;display:block;margin-top:5px;color:#dedec7}footer>div{display:flex;align-items:center;gap:28px}.icon-button{display:flex;align-items:center;gap:8px;background:none;padding:8px 0;font-size:8px;letter-spacing:1.2px;color:#d2d5c3}.icon-button svg{width:17px;height:17px}.version{font-size:7px}.panel{flex:1;padding:54px 0;animation:enter .5s ease-out}.panel h1{font-size:78px;margin:19px 0 35px}em{font-style:normal;color:var(--accent)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading p{font-size:12px;line-height:1.9;text-align:right;color:#d3d7c8}.panel-heading p span{color:var(--accent);font-size:10px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.zone{background:#12221fef;border:1px solid var(--line)}.zone h2{font:600 25px Barlow Condensed,Impact,sans-serif;border-bottom:1px solid var(--line);margin:0;padding:19px 22px}.zone h2>span{font:500 11px DM Sans,sans-serif;color:var(--accent);margin-right:18px}.mission{display:flex;align-items:center;width:100%;text-align:left;background:transparent;padding:15px 20px;gap:18px;border-bottom:1px solid #eff1ce0d;transition:background .2s}.mission:hover{background:#e6b86918}.mission-id{font-size:10px;color:var(--accent)}.mission strong{display:block;font-size:12px;font-weight:500}.mission small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.mission svg{margin-left:auto;width:17px;color:var(--accent)}.session-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:570px;margin-top:24px}.settings{max-width:710px;width:100%}.settings-list{background:#12221fed;padding:0 24px;border:1px solid var(--line)}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.settings-list label:last-child{border:0}.settings-list strong{font-size:14px;font-weight:500}.settings-list small{display:block;font-size:10px;color:var(--muted);margin-top:7px}select{color:var(--accent);background:#22342d;border:1px solid var(--line);padding:10px 16px;font-size:11px}input{accent-color:var(--accent)}input[type=checkbox]{width:20px;height:20px}input[type=range]{width:130px}.text-link{display:flex;background:none;align-items:center;gap:30px;margin:28px 0 0;padding:0;font-size:10px;letter-spacing:1.3px;color:var(--accent)}.controls-list{background:#12221fe8;padding:10px 24px;border:1px solid var(--line)}.controls-list div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.controls-list div:last-child{border:0}kbd{font:10px DM Sans,sans-serif;color:var(--accent)}.route-note{font-size:11px;color:var(--accent);max-width:320px}.loading-screen{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw;background:linear-gradient(90deg,#14241ff5,#14241f80),url(/img/venice-pier.webp) center/cover}.loading-screen h1{font-size:clamp(62px,9vw,118px)}.loading-screen p{max-width:480px;font-size:13px;line-height:1.7;color:var(--muted)}.loading-track{height:3px;width:min(380px,100%);background:#eec2;margin:25px 0 10px;overflow:hidden}.loading-track span{display:block;height:100%;width:30%;background:var(--accent);animation:loading 1.8s ease-in-out infinite}.playing{overflow:hidden;background:#1a231e}.game-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;padding:32px;display:flex;flex-direction:column;justify-content:space-between;text-shadow:0 2px 8px #17201c}.hud-top{display:flex;justify-content:space-between;align-items:start}.hud-mission .eyebrow{font-size:9px}.hud-mission h2{font:600 28px Barlow Condensed,Impact,sans-serif;margin:6px 0}.hud-mission p{font-size:11px;color:#e0e3d1;margin:5px 0}.hud-pause{pointer-events:auto;background:#17251dbb;color:#eae5cf;border:1px solid var(--line);padding:12px 16px;font-size:10px;letter-spacing:1px}.compass{position:absolute;top:35px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:4px}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;display:grid;place-items:center;color:#f3f0dc;font:300 30px monospace}.crosshair.hit{color:#e6b869;transform:translate(-50%,-50%) scale(1.6)}.hud-bottom{display:flex;justify-content:space-between;align-items:end}.health-label{font-size:9px;letter-spacing:2px}.health-value{font:600 43px Barlow Condensed,Impact,sans-serif}.health-bar{height:3px;width:170px;background:#eee4cd38;margin-top:6px}.health-bar span{display:block;height:100%;background:var(--accent)}.ammo{text-align:right}.ammo strong{font:600 52px Barlow Condensed,Impact,sans-serif}.ammo small{font-size:13px;color:#d6d9c7}.ammo p{font-size:9px;letter-spacing:1.7px;margin:4px 0}.game-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:9px;color:#dfdfc8;white-space:nowrap}.toast{position:absolute;top:24%;left:50%;transform:translate(-50%);text-align:center;font:600 30px Barlow Condensed,Impact,sans-serif;text-transform:uppercase;letter-spacing:2px;width:90%}.game-overlay{position:fixed;inset:0;display:flex;flex-direction:column;background:#111f1dd9;backdrop-filter:blur(7px);z-index:5;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-overlay[hidden]{display:none}.overlay-content{max-width:550px;width:100%;margin:auto;flex-shrink:0}.overlay-content h1{font-size:80px}.overlay-content p{font-size:13px;line-height:1.8;color:var(--muted)}.overlay-content .primary{margin:26px 0 18px}.overlay-secondary{background:transparent;padding:14px 0;color:var(--accent);font-size:10px;letter-spacing:2px}.touch-controls{display:none;position:fixed;inset:0;pointer-events:none}.stick{position:absolute;bottom:100px;left:25px;width:115px;height:115px;border:1px solid #efe5c266;border-radius:50%;background:#15241c44;pointer-events:auto;touch-action:none;display:grid;place-items:center}.stick span{width:45px;height:45px;border-radius:50%;background:#e7dbad66;pointer-events:none}.touch-actions{position:absolute;bottom:98px;right:25px;display:flex;gap:12px;align-items:end}.touch-actions button{pointer-events:auto;touch-action:none;width:58px;height:58px;border-radius:50%;border:1px solid #eee0b88c;background:#1b2d25b0;color:#f0e1b7;font-size:9px}.touch-actions .fire{width:80px;height:80px;background:#e6b869bb;color:#192620;font-weight:700}.touch-label{position:absolute;bottom:210px;right:25px;font-size:8px;letter-spacing:1.5px;opacity:.6}.asset-warning{color:var(--accent)!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}@keyframes drift{to{transform:scale(1.055) translate(-1%)}}@keyframes particles{to{transform:translateY(-80px)}}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(440%)}}@media(min-width:1500px){.home{padding-top:85px;min-height:790px}.operation{margin-top:60px}.hero-copy .primary{margin-top:38px}}@media(max-width:1000px){.build-tag{display:none}header{gap:8vw}.home{min-height:700px}.scene-label{right:0;top:38%}.world-stamp{bottom:50px}.version{display:none}h1{font-size:91px}.film{background:linear-gradient(90deg,#10241fed,#10241f8c 65%,#10241f33),linear-gradient(0deg,#12211e,transparent 75%)}.mission-grid{gap:18px}.compass{display:none}}@media(max-width:650px){.shell{padding:0 22px}header{height:85px;gap:24px;justify-content:space-between}.brand{font-size:12px;letter-spacing:.8px;gap:9px}.brand-mark{font-size:22px}nav{gap:17px;font-size:8px;letter-spacing:1px}nav sup{display:none}.home{padding-top:48px;min-height:740px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(66px,15.5vw,97px)}.tagline{font-size:25px}.intro{max-width:290px;font-size:12px}.artwork{background-position:58% center}.film{background:linear-gradient(90deg,#12241fee,#12241f55),linear-gradient(0deg,#12211e 10%,transparent 100%)}.scene-label,.world-stamp{display:none}.operation{margin-top:40px}.operation-image{width:90px}.operation-copy{padding:15px}.operation p{font-size:9px}.operation h2{font-size:23px}.operation .eyebrow{font-size:6px}.primary{min-width:0;width:100%;max-width:340px;padding:20px}.play-note{font-size:7px}footer{padding:18px 0;gap:12px;font-size:7px}footer>div{gap:15px}.sound span{display:none}footer b{font-size:6px}.panel{padding-top:38px}.panel h1{font-size:65px}.panel-heading{display:block}.panel-heading p{text-align:left;margin-bottom:25px}.mission-grid{grid-template-columns:1fr;gap:20px}.settings-list{padding:0 16px}.settings-list label{gap:12px}.settings-list small{max-width:180px;line-height:1.6}.settings-list strong{font-size:12px}select{padding:8px}input[type=range]{width:95px}.controls-list{padding:10px 15px}.controls-list div{font-size:10px}kbd{font-size:8px}.hud{padding:20px}.hud-mission h2{font-size:23px}.hud-mission p{font-size:10px}.hud-pause{padding:10px}.game-hint{display:none}.overlay-content h1{font-size:64px}.health-bar{width:110px}}@media(pointer:coarse){.touch-controls{display:block}.game-hint{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:550px)and (orientation:landscape){.hud{padding:15px}.touch-actions{bottom:70px}.stick{bottom:70px;width:90px;height:90px}.hud-mission h2{font-size:20px}.overlay-content h1{font-size:56px;margin:14px 0}.overlay-content .primary{margin:14px 0}.overlay-content p{font-size:11px}.toast{top:22%;font-size:24px}}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0 40px}.hub-grid article{border:1px solid var(--line);padding:18px;background:#182c2588}.hub-grid h2,.perk-tree h3{font:700 13px Barlow Condensed,sans-serif;letter-spacing:2px;color:var(--accent);margin:0 0 12px}.craft,.perk{display:block;width:100%;text-align:left;background:#14241f;color:inherit;border:1px solid var(--line);padding:10px 12px;margin:0 0 8px}.craft small,.perk small{display:block;color:var(--muted);font-size:11px;letter-spacing:0}.lore{list-style:none;padding:0;margin:0}.lore li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.diff{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px;margin-top:12px}.mission-id{min-width:42px}.multiplayer-link{display:flex;align-items:center;justify-content:space-between;max-width:340px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--accent);font-size:13px;letter-spacing:1.5px}.multiplayer-link span{font-size:9px;letter-spacing:.8px}.lobby-intro{max-width:470px;font-size:14px;line-height:1.7;color:var(--muted)}.room-actions{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:26px;margin:30px 0}.room-actions .primary{margin:0;width:100%;min-width:0}.room-actions form>label,.room-heading>span{display:block;color:var(--accent);font-size:9px;letter-spacing:2px;margin-bottom:10px}.join-input{display:flex;border:1px solid var(--line);min-height:58px}.join-input input{width:100%;min-width:0;background:#14241f;color:var(--ink,#eee7d2);border:0;font:500 22px Barlow Condensed,sans-serif;letter-spacing:4px;text-transform:uppercase;padding:12px}.join-input button{display:flex;align-items:center;gap:14px;background:#2a3c30;color:var(--accent);padding:14px;font-size:11px}.join-input svg{width:20px}.room-heading{border-top:1px solid var(--line);padding-top:22px}.room-heading strong{font:600 48px Barlow Condensed,sans-serif;letter-spacing:8px;color:var(--accent);margin-right:20px}#player-count{font-size:11px;letter-spacing:2px}#player-list{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}#player-list li{padding:13px;border:1px solid var(--line);font-size:11px;background:#182c25}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.live-graphics{display:flex;flex-wrap:wrap;gap:14px 22px;padding:18px 0;margin-top:12px;border-top:1px solid var(--line)}.live-graphics label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px}.live-graphics small{width:100%;font-size:10px;color:var(--muted)}.live-graphics output{min-width:28px;color:var(--accent)}.render-stats{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:7;white-space:nowrap;font:10px monospace;color:#eee5cb;background:#17271de0;padding:5px 10px;border:1px solid #e6b86940;pointer-events:none}.kill-feed{position:absolute;right:32px;top:90px;text-align:right;font:11px monospace;color:#ead5ab}.kill-feed p{padding:6px 10px;background:#16271ddd}.damage-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 45%,#892920 100%)}@media(max-width:650px){.room-actions{grid-template-columns:1fr}.render-stats{font-size:8px;bottom:3px}.live-graphics{gap:12px}.live-graphics input[type=range]{width:95px}.kill-feed{right:20px;top:95px}}.home-secondary{display:inline-flex;align-items:baseline;gap:12px;color:var(--accent);font-size:10px;letter-spacing:1.8px;font-weight:700;text-decoration:none;padding:4px 0}.home-secondary small{color:var(--muted);font-size:8px;letter-spacing:1.4px;font-weight:500}.home-secondary:hover span{text-decoration:underline}.overlay-copy{font-size:13px;line-height:1.8;color:var(--muted)}.aar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:6px 0 16px}.aar-grid>span{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#132421}.aar-grid small{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.aar-grid b{font-size:18px;color:#f0eddb;font-weight:700;line-height:1.2}.aar-grid b small{font-size:9px;letter-spacing:.5px;text-transform:none}.aar-note{display:block}.aar-note b{color:var(--accent)}.brief-block{display:block;margin-top:14px}.brief-objectives{margin:0 0 12px;padding-left:20px;color:#f0eddb}.brief-objectives li{padding:2px 0}.brief-objectives li.optional{color:var(--muted)}.brief-objectives small{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin-left:6px}.brief-threats{display:block;font-size:11px;line-height:1.7}.brief-threats b,.loading-threats b{color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;font-size:10px}.brief-keys{display:block;margin-top:10px;font-size:9px;letter-spacing:1.8px;color:#8f9a8a}.hub-result{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--accent);background:#e6b8691a;font-size:12px;line-height:1.7;color:var(--muted)}.hub-result b{color:#f0eddb}.hub-result.lost{border-color:#c2644f;background:#c2644f1a}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:10px;background:var(--accent);color:#192620;font-size:11px;vertical-align:middle}.loading-screen .loading-brief{color:#f0eddb;font-size:15px;margin:4px 0 22px}.loading-screen .loading-threats{margin-top:22px;font-size:11px;border-top:1px solid var(--line);padding-top:14px}@media(max-width:650px){.aar-grid{grid-template-columns:repeat(2,1fr)}.aar-grid b{font-size:15px}.home-secondary small{display:none}.overlay-copy{font-size:11px}}.blood-screen{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 8% 12%,#7a0606e6 0,#7a060699 7%,transparent 16%),radial-gradient(circle at 16% 4%,#5c0404cc 0,transparent 6%),radial-gradient(ellipse at 94% 20%,#6e0505dd 0,#6e050588 8%,transparent 17%),radial-gradient(circle at 88% 88%,#7a0606d9 0,transparent 13%),radial-gradient(circle at 6% 92%,#5c0404cc 0,transparent 11%),radial-gradient(ellipse,transparent 55%,#4a0303b3 100%)}.diegetic{position:fixed;left:50%;bottom:118px;transform:translate(-50%);display:flex;gap:18px;pointer-events:none;z-index:6}.diegetic:has(.use-prompt){pointer-events:auto}.diegetic .glyph{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;color:#e6b869;font:700 11px Barlow Condensed,sans-serif;letter-spacing:1.6px;text-shadow:0 0 12px #000}.diegetic .glyph i{font-style:normal;font-size:18px;border:1px solid #e6b869aa;padding:6px 8px;background:#14110ecc}.diegetic .glyph.spent{opacity:.2}.use-prompt{display:flex;flex-direction:column;align-items:center;gap:4px;color:#e6b869;font:700 13px Barlow Condensed,sans-serif;letter-spacing:1.8px;background:#14110ee6;border:1px solid #e6b869cc;padding:10px 16px;cursor:pointer;pointer-events:auto;text-shadow:0 0 12px #000;animation:prompt-in .18s ease-out}@keyframes prompt-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.use-prompt i{font-style:normal;font-size:20px;border:1px solid #e6b869;padding:4px 10px;background:#1b1712}.use-prompt b{font-weight:700}.hud .compass{display:block;font:700 13px Barlow Condensed,sans-serif;letter-spacing:1.4px;color:#ffe7b0;background:#14110ecc;border:1px solid #e6b86988;padding:8px 14px;text-shadow:none;white-space:nowrap;z-index:5}.skip-tutorial{display:inline-flex;align-items:center;margin:10px 0 0;padding:10px 14px;border:1px solid var(--line);background:#14241f;color:var(--accent);font:700 11px Barlow Condensed,sans-serif;letter-spacing:1.8px}#skip-tutorial.overlay-secondary{margin-top:8px}.coast-link{width:100%;background:none;text-align:left;font-family:inherit;font-weight:400;cursor:pointer}:root{--hud-white:#e6dfcb;--hud-dim:#b8b09b;--hud-red:#c8412f;--hud-yellow:#dcae45;--hud-plate:#0f0e0bcc;--hud-edge:#e6dfcb33;--hud-font:"Barlow Condensed","Oswald","Arial Narrow",Impact,sans-serif;--grit:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .9  0 0 0 0 .86  0 0 0 0 .76  0 0 0 .5 -.12'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--wear:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='w'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.4 2.15'/></filter><rect width='100%' height='100%' filter='url(%23w)'/></svg>");--chamfer:polygon(0 0, calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px) )}.hud{font-family:var(--hud-font);color:var(--hud-white);text-shadow:0 1px 2px #000c;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.hud .eyebrow{color:var(--hud-yellow);font:700 9px/1 var(--hud-font);letter-spacing:2.6px}.hud-mission{position:relative;padding:10px 16px 10px 14px;background:var(--grit),linear-gradient(90deg,var(--hud-plate),#0f0e0b55 80%,transparent);border-left:3px solid var(--hud-yellow);clip-path:var(--chamfer);max-width:min(440px,60vw)}.hud-mission h2{font:700 22px/1 var(--hud-font);letter-spacing:1px;text-transform:uppercase;margin:6px 0 4px;-webkit-mask-image:var(--wear);mask-image:var(--wear)}.hud-mission p{font:600 11px/1.35 var(--hud-font);letter-spacing:1.2px;color:var(--hud-dim);text-transform:uppercase;margin:0}.hud .compass{top:24px;background:var(--grit),var(--hud-plate);border:1px solid var(--hud-edge);border-bottom:2px solid var(--hud-yellow);color:var(--hud-white);font:700 12px var(--hud-font);letter-spacing:3px;padding:6px 14px;clip-path:var(--chamfer)}.hud-pause{background:var(--grit),var(--hud-plate);border:1px solid var(--hud-edge);color:var(--hud-white);font:700 10px var(--hud-font);letter-spacing:2px;padding:9px 13px;clip-path:var(--chamfer)}.render-stats{position:absolute;left:auto;bottom:auto;transform:none;background:none;border:0;padding:0;right:max(24px,env(safe-area-inset-right));top:72px;font:600 8px var(--hud-font);letter-spacing:1.4px;color:#e6dfcb66}.kill-feed{position:absolute;right:max(24px,env(safe-area-inset-right));top:94px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.kill-feed p{margin:0;padding:3px 9px;font:700 10px var(--hud-font);letter-spacing:1.4px;text-transform:uppercase;background:var(--hud-plate);border-right:2px solid var(--hud-red)}.crosshair{width:26px;height:26px;color:transparent;font-size:0}.crosshair:before,.crosshair:after{content:"";position:absolute;left:50%;top:50%;background:var(--hud-white);box-shadow:0 0 2px #000}.crosshair:before{width:18px;height:1.5px;transform:translate(-50%,-50%);-webkit-mask:linear-gradient(90deg,#000 35%,transparent 35% 65%,#000 65%);mask:linear-gradient(90deg,#000 35%,transparent 35% 65%,#000 65%)}.crosshair:after{width:1.5px;height:18px;transform:translate(-50%,-50%);-webkit-mask:linear-gradient(#000 35%,transparent 35% 65%,#000 65%);mask:linear-gradient(#000 35%,transparent 35% 65%,#000 65%)}.crosshair.hit:before,.crosshair.hit:after{background:var(--hud-red)}.toast{font:700 26px var(--hud-font);letter-spacing:3px;color:var(--hud-white);text-shadow:0 2px 10px #000;-webkit-mask-image:var(--wear);mask-image:var(--wear)}.hud-bottom{align-items:flex-end}.hud-bottom>div:first-child{padding:8px 14px 10px;background:var(--grit),linear-gradient(90deg,var(--hud-plate),transparent);border-left:3px solid var(--hud-red);clip-path:var(--chamfer)}.health-label{font:700 9px var(--hud-font);letter-spacing:2.6px;color:var(--hud-red)}.health-value{font:700 38px/1 var(--hud-font);-webkit-mask-image:var(--wear);mask-image:var(--wear)}.health-bar{height:5px;width:160px;background:#e6dfcb1f;border:1px solid #e6dfcb26;margin-top:5px}.health-bar span{background:linear-gradient(90deg,#7e1d14,var(--hud-red));box-shadow:0 0 6px #c8412f66}.ammo{padding:8px 14px 10px;background:var(--grit),linear-gradient(270deg,var(--hud-plate),transparent);border-right:3px solid var(--hud-yellow);clip-path:var(--chamfer)}.ammo strong{font:700 44px/1 var(--hud-font);-webkit-mask-image:var(--wear);mask-image:var(--wear)}.ammo small{font:600 13px var(--hud-font);color:var(--hud-dim)}.ammo p{font:700 9px var(--hud-font);letter-spacing:2.2px;color:var(--hud-yellow);margin:3px 0 0}.game-hint{font:600 9px var(--hud-font);letter-spacing:2px;color:#e6dfcb88;bottom:max(24px,env(safe-area-inset-bottom))}.diegetic .glyph i,.use-prompt,.use-prompt i{font-family:var(--hud-font);background:var(--grit),var(--hud-plate);border-color:#dcae45aa;clip-path:var(--chamfer)}.squad-self,.coop-squad{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 92px);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:190px;pointer-events:none}.squad-self li,.coop-squad li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:5px 9px 6px;background:var(--grit),linear-gradient(90deg,var(--hud-plate),#0f0e0b66);border-left:3px solid var(--tint,var(--hud-white));clip-path:var(--chamfer)}.squad-self span,.coop-squad span{font:700 10px var(--hud-font);letter-spacing:1.6px;text-transform:uppercase;display:flex;gap:6px;align-items:baseline;grid-column:1}.squad-self em,.coop-squad em{font-style:normal;font-size:8px;letter-spacing:1.2px;color:var(--hud-dim)}.coop-squad small{grid-column:2;grid-row:1;font:600 9px var(--hud-font);color:var(--hud-dim);letter-spacing:1px}.squad-self i,.coop-squad i{grid-column:1/-1;display:block;height:3px;background:#e6dfcb1c;overflow:hidden}.squad-self i b,.coop-squad i b{display:block;height:100%;transform-origin:left;transition:transform .25s}.squad-self .blood b,.coop-squad .blood b,.coop-squad i:not(.fatigue) b{background:linear-gradient(90deg,#6e140d,var(--hud-red))}.squad-self .fatigue b,.coop-squad .fatigue b{background:linear-gradient(90deg,#8a6a22,var(--hud-yellow))}.squad-self .fatigue,.coop-squad .fatigue{height:2px}.coop-squad li.me{border-left-width:4px}.coop-squad li.down{opacity:.6;border-left-color:var(--hud-red)}.squad-self li.critical,.coop-squad li.critical{animation:hud-pulse 1s ease-in-out infinite}@keyframes hud-pulse{50%{box-shadow:inset 0 0 0 1px #c8412f88}}.coop-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--hud-font)}.coop-objective{position:absolute;top:calc(max(22px,env(safe-area-inset-top)) + 96px);left:max(24px,env(safe-area-inset-left));width:250px;padding:8px 12px;background:var(--grit),var(--hud-plate);border-left:3px solid var(--hud-yellow);clip-path:var(--chamfer)}.coop-objective.urgent{border-left-color:var(--hud-red)}.coop-sector{display:block;font:700 8px var(--hud-font);letter-spacing:2px;color:var(--hud-yellow)}.coop-objective b{display:block;font:700 15px var(--hud-font);letter-spacing:1px;text-transform:uppercase;margin:4px 0}.coop-objective small{display:block;font:600 9px var(--hud-font);letter-spacing:1px;color:var(--hud-dim);margin-top:4px}.coop-meter{height:3px;background:#e6dfcb1c;overflow:hidden}.coop-meter span{display:block;height:100%;background:var(--hud-yellow);transform-origin:left}.coop-weapons{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 96px);display:flex;gap:4px}.coop-weapons span{font:700 9px var(--hud-font);letter-spacing:1.2px;padding:4px 7px;background:var(--hud-plate);color:var(--hud-dim);text-transform:uppercase}.coop-weapons span.active,.coop-weapons span[aria-current],.coop-weapons span.equipped{color:var(--hud-white);border-bottom:2px solid var(--hud-yellow)}.coop-weapons kbd{font:700 8px var(--hud-font);color:var(--hud-yellow);margin-right:4px}.coop-plates{position:absolute;inset:0}.coop-plate{position:absolute;left:0;top:0;text-align:center;font:700 10px var(--hud-font);letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}.coop-plate i{display:block;width:60px;height:3px;margin:3px auto 0;background:#0008}.coop-plate i span{display:block;height:100%;background:var(--hud-red);transform-origin:left}.coop-plate.down b{color:var(--hud-red)}.coop-title{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.coop-title[hidden]{display:none}.coop-title .bar{position:absolute;left:0;right:0;height:11vh;background:#000d}.coop-title .bar.top{top:0}.coop-title .bar.bottom{bottom:0}.coop-title h2{font:700 54px/1 var(--hud-font);letter-spacing:4px;text-transform:uppercase;margin:8px 0;-webkit-mask-image:var(--wear);mask-image:var(--wear)}.coop-title p{font:600 13px var(--hud-font);letter-spacing:1.4px;color:var(--hud-dim)}.coop-cache,.coop-down{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 22px;background:var(--grit),#0f0e0be6;border-top:3px solid var(--hud-yellow);clip-path:var(--chamfer);pointer-events:auto;text-align:center;min-width:280px}.coop-down{border-top-color:var(--hud-red)}.coop-cache[hidden],.coop-down[hidden],.coop-revive[hidden]{display:none}.coop-cache h2,.coop-down strong{display:block;font:700 34px var(--hud-font);letter-spacing:2px;margin:6px 0}.coop-down p{font:600 11px var(--hud-font);color:var(--hud-dim);letter-spacing:1px}.cache-cards{display:flex;gap:8px;margin:10px 0}.cache-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;background:#1a1813;border:1px solid var(--hud-edge);color:var(--hud-white);font-family:var(--hud-font);clip-path:var(--chamfer)}.cache-card.chosen{border-color:var(--hud-yellow);background:#2a2314}.cache-card i{font-style:normal;font-size:22px}.cache-card kbd{color:var(--hud-yellow);font:700 9px var(--hud-font)}.coop-revive{position:absolute;left:50%;top:58%;transform:translate(-50%);text-align:center;font:700 12px var(--hud-font);letter-spacing:2px}.coop-revive i{display:block;width:44px;height:44px;margin:0 auto 6px;border-radius:50%;border:3px solid var(--hud-yellow)}.hud-fx{position:absolute;inset:0;pointer-events:none}.hitmarker{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);opacity:0}.hitmarker i{position:absolute;width:9px;height:2px;background:var(--hud-white);box-shadow:0 0 3px #000;left:50%;top:50%}.hitmarker i:nth-child(1){transform:translate(-14px,-9px) rotate(45deg)}.hitmarker i:nth-child(2){transform:translate(5px,-9px) rotate(-45deg)}.hitmarker i:nth-child(3){transform:translate(-14px,7px) rotate(-45deg)}.hitmarker i:nth-child(4){transform:translate(5px,7px) rotate(45deg)}.hitmarker.show{animation:hitmark .22s ease-out}.hitmarker.kill i{background:var(--hud-red)}.hitmarker.head i{background:var(--hud-yellow);width:12px}@keyframes hitmark{0%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.damage-arcs{position:absolute;left:50%;top:50%;width:0;height:0}.damage-arcs span{position:absolute;left:-60px;top:-150px;width:120px;height:40px;transform-origin:60px 150px;opacity:0;background:radial-gradient(ellipse at 50% 100%,#c8412fcc,transparent 70%);clip-path:polygon(0 100%,50% 0,100% 100%)}.hit-vignette{position:absolute;inset:-12%;opacity:0;background:radial-gradient(ellipse 58% 54% at center,transparent 62%,#6d0705a8 86%,#3a0202e0 100%);will-change:transform,opacity}.blood-blots span{position:absolute;width:9vmin;height:9vmin;margin:-4.5vmin 0 0 -4.5vmin;opacity:0;background:radial-gradient(ellipse at 45% 40%,#8e0b08e6 0,#6a0505cc 45%,#4a0303 62%,transparent 72%);mix-blend-mode:multiply;will-change:transform,opacity}.low-health{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 50%,#5a0806cc 100%),var(--grit);mix-blend-mode:multiply}.score-pops span{position:absolute;font:700 15px var(--hud-font);letter-spacing:1.5px;color:var(--hud-white);text-shadow:0 1px 4px #000;opacity:0}.score-pops span.head{color:var(--hud-yellow)}.medal-banner{position:absolute;left:50%;top:26%;transform:translate(-50%);font:700 30px var(--hud-font);letter-spacing:4px;color:var(--hud-yellow);text-shadow:0 2px 12px #000;-webkit-mask-image:var(--wear);mask-image:var(--wear)}.grenade-pips{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 74px);font-size:15px;letter-spacing:4px;color:var(--hud-yellow);text-shadow:0 1px 3px #000}#touch-grenade{right:150px;bottom:52px;border-color:var(--hud-yellow);color:var(--hud-yellow)}.touch-controls .stick{left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:120px;height:120px;border:1.5px solid #e6dfcb40;background:radial-gradient(circle,#0f0e0b33,#0f0e0b66);backdrop-filter:blur(2px)}.touch-controls .stick span{width:46px;height:46px;background:#e6dfcb4d;border:1px solid #e6dfcb80}.touch-actions{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:210px;height:190px;display:block}.touch-actions button{position:absolute;width:54px;height:54px;border-radius:50%;border:1.5px solid #e6dfcb59;background:#0f0e0b59;color:#e6dfcbd9;font:700 9px var(--hud-font);letter-spacing:1.4px;backdrop-filter:blur(2px);opacity:.82;transition:opacity .15s,transform .1s}.touch-actions button:active{opacity:1;transform:scale(.94);background:#dcae4555}.touch-actions .fire{right:0;bottom:0;width:86px;height:86px;background:#c8412f59;border-color:#e6dfcb80;color:var(--hud-white);font-size:11px}#touch-reload{right:94px;bottom:6px}#touch-melee{right:82px;bottom:68px}#touch-gun{right:28px;bottom:100px}#touch-use{right:132px;bottom:118px;border-color:var(--hud-yellow);color:var(--hud-yellow)}.touch-label{right:max(24px,env(safe-area-inset-right));bottom:220px;font:600 8px var(--hud-font);letter-spacing:2px;color:#e6dfcb66}@media(pointer:coarse){.squad-self,.coop-squad{left:auto;right:max(16px,env(safe-area-inset-right));bottom:auto;top:calc(max(16px,env(safe-area-inset-top)) + 60px);width:150px}.hud-bottom>div:first-child{position:absolute;left:max(150px,calc(env(safe-area-inset-left) + 150px));bottom:max(18px,env(safe-area-inset-bottom));padding:5px 10px}.health-value{font-size:24px}.health-bar{width:100px}.ammo{position:absolute;right:max(230px,calc(env(safe-area-inset-right) + 230px));bottom:max(18px,env(safe-area-inset-bottom));padding:5px 10px}.ammo strong{font-size:30px}.coop-weapons{bottom:auto;top:calc(max(16px,env(safe-area-inset-top)) + 60px);right:180px}.coop-objective{top:auto;bottom:160px;width:200px}}@media(max-width:650px){.hud-mission{max-width:58vw}.hud-mission h2{font-size:17px}.render-stats{display:none}}.avatar-picker{margin:22px 0}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.avatar-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px 10px;text-align:left;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 45%,#12221f),#12221f 70%);border:1px solid var(--line);border-left:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:transform .15s,border-color .15s}.avatar-card:hover{transform:translateY(-2px)}.avatar-card.chosen{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.avatar-card.taken:not(.chosen){opacity:.55}.avatar-card i{font:700 9px Barlow Condensed,sans-serif;font-style:normal;color:var(--accent);letter-spacing:1.6px}.avatar-card b{font:700 17px Barlow Condensed,Impact,sans-serif;letter-spacing:1px;text-transform:uppercase}.avatar-card small{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}@media(max-width:650px){.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud .compass.coast-compass{width:min(520px,72vw);height:34px;padding:0;overflow:hidden;letter-spacing:1px;text-align:left}.coast-compass .cc-tick{position:absolute;top:9px;transform:translate(-50%);font-size:12px;letter-spacing:1px}.coast-compass .cc-tick.minor{font-size:9px;top:11px;opacity:.55}.coast-compass .cc-center{position:absolute;left:50%;top:0;width:2px;height:6px;margin-left:-1px;background:var(--hud-yellow,#e6b869)}.coast-compass .cc-mark{position:absolute;bottom:2px;transform:translate(-50%);font-size:8px;letter-spacing:.6px;white-space:nowrap;color:#e6b869;padding-left:10px}.coast-compass .cc-mark:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:currentColor}.coast-compass .cc-mark[data-kind=safehouse]{color:#7dcea0}.coast-compass .cc-mark[data-kind=survivor]{color:#7fe6ff}@media(max-width:650px){.coast-compass .cc-mark{font-size:7px}.hud .compass.coast-compass{height:30px}}@media(max-width:1000px){.hud .compass.coast-compass{left:auto;right:150px;transform:none;width:min(300px,32vw)}}