/* Shared visual language. Gameplay layout and input bindings remain in their own stylesheets. */
:root{--bg:#101419;--panel:#191e24;--line:#30383f;--muted:#929da7;--text:#e8e9e7;--orange:#f2a363;--green:#a6cfb3;--ui-surface:#1c2229;--ui-inset:#141a20;--ui-cyan:#98c6d9;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body{background:radial-gradient(ellipse at 8% 0,#31302755,transparent 42%),radial-gradient(ellipse at 100% 30%,#20343d44,transparent 48%),#101419}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#7c8f9b05 1px,transparent 1px),linear-gradient(90deg,#7c8f9b05 1px,transparent 1px);background-size:48px 48px;z-index:-1}
.app{max-width:1440px;padding:26px 40px 24px}.topbar{padding-bottom:21px;border-bottom:1px solid #46525b66;gap:24px}.brand{font-size:19px;letter-spacing:1.4px}.brand small{letter-spacing:4px;color:#a5adb3}.brand-icon{background:linear-gradient(145deg,#f7bf85,#ee9557);width:38px;height:40px}.top-label{font-size:10px;letter-spacing:1px;color:#95a3ac;white-space:nowrap}.top-label i{box-shadow:0 0 9px #a6cfb366}.header-buttons{align-items:center;gap:7px}.header-buttons .help-button,.icon-button{background:#1c232a;border-color:#424d5666;min-height:38px;border-radius:7px}.icon-button{width:38px;height:38px;font-size:20px}.help-button{font-size:11px;color:#c7ced1;background:#232a31;border:1px solid #424d5666;border-radius:6px;min-height:36px;padding:8px 12px}#account-open{color:#d6d9d2}#account-open:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.gun-volume-label{color:#919ea5}
button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover:not(:disabled){border-color:#e7a774aa}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.primary-button,.deploy-button{background:linear-gradient(125deg,#f7b27b,#ee9959);color:#262321;border-radius:6px;box-shadow:0 6px 22px #eaa15b1a;font-size:13px;min-height:46px;font-weight:700}.primary-button:hover,.deploy-button:hover{background:#ffc491;box-shadow:0 8px 26px #eaa15b28}.secondary-button{background:#252d33;border:1px solid #45545b;border-radius:6px;color:#c7d0d1;min-height:42px}
.mission-bar{margin:24px 0 18px;gap:20px}.mission-bar h1{font-size:18px;letter-spacing:.3px;color:#c9ced1}.mission-bar h1 span{font-size:9px;color:#72858d;letter-spacing:2px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#d9aa7b}.mission-meta{gap:18px}.mission-meta b{background:#242d34;border:1px solid #45545c66;font-family:ui-monospace,monospace;font-size:12px;color:#eac598}.difficulty-label select{background:#1b252d;border-color:#414d55;color:#c8d3d5;border-radius:5px;min-height:32px}
.armory,.pvp{background:linear-gradient(135deg,#222a30ee,#192027f5 58%);border:1px solid #49586177;border-radius:12px;padding:28px;box-shadow:0 16px 50px #0003}.armory-heading{align-items:flex-start;padding:0 0 24px;border-bottom:1px solid #4c5c6366}.armory h2,.pvp-heading h2{font-size:30px;letter-spacing:.4px;font-weight:750;color:#eeeae2;line-height:1.3;margin:10px 0}.armory-heading p{font-size:11px;color:#a0aeb4;max-width:520px;line-height:1.8}.hero-mark{font:10px ui-monospace,monospace;display:inline-block!important;vertical-align:middle;color:#657882!important;letter-spacing:2px;margin-left:24px}.wallet{position:relative;padding:15px 22px;background:linear-gradient(120deg,#3c3831,#272d30);border:1px solid #b391633f;border-radius:8px;min-width:150px;text-align:left;box-shadow:inset 0 1px #e6c19510}.wallet small{display:flex;align-items:center;gap:7px;font-size:10px;color:#c3bba7}.wallet strong{font:600 33px ui-monospace,monospace;letter-spacing:1px;color:#f4bc85;display:block;margin-top:6px}.salvage-icon{width:10px;height:10px;border:1px solid #edbb85;transform:rotate(45deg);box-shadow:inset 0 0 0 2px #3c3831}.armory-notice{border:0;border-left:2px solid #d9a56f;background:#f0c58c08;font-size:11px;color:#b9c4c6;border-radius:0 5px 5px 0;padding:10px 14px;margin:18px 0;line-height:1.8}
.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 24px}.mode-picker button{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 17px;background:#151f26;border:1px solid #495a6366;border-radius:8px;position:relative}.mode-picker button:after{content:"↗";position:absolute;right:14px;top:14px;font:16px system-ui;color:#6c838e}.mode-picker button.selected{background:linear-gradient(120deg,#41362a88,#2b2c2b);border-color:#d69d64;box-shadow:inset 3px 0 #eeb67f,0 3px 14px #0002}.mode-picker button.selected:after{content:"●";font-size:7px;color:#f3b879}.mode-picker .mode-icon{width:28px;height:28px;aspect-ratio:1;flex-shrink:0;cursor:default;padding:0;image-rendering:pixelated}.mode-copy{min-width:0}.mode-picker strong{font-size:14px;color:#dee5e3;font-weight:650}.mode-picker small{font-size:10px;color:#94a7b0;line-height:1.5;white-space:normal}.mode-picker button[data-mode=horror]:not(.selected){background:linear-gradient(120deg,#2e242c55,#151f26)}.mode-picker button[data-pvp-mode]{background:linear-gradient(120deg,#213c4655,#151f26)}
.section-index{font:10px ui-monospace,monospace;color:#e7b382;letter-spacing:1px;display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #aa855741;border-radius:5px;background:#bd91500c;margin-right:8px}.armory h3,.pvp h3{font-size:14px;font-weight:650;color:#dfe6e5;line-height:1.5}.armory h3 small,.pvp h3 small{font-size:9px;color:#97a6ac;font-weight:400;letter-spacing:0}.map-selection{border:0;background:none;padding:0;margin-bottom:26px}.map-heading{align-items:center;gap:12px;margin-bottom:13px}.map-heading h3{margin-bottom:0}#campaign-progress{font:10px ui-monospace,monospace;color:#a8c9ba;background:#b5d3bb09;border:1px solid #7a9d9044;padding:6px 9px;border-radius:4px;white-space:nowrap}.map-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.map-card{background:#182129;border:1px solid #45596388;border-radius:7px;padding-bottom:12px;overflow:hidden;min-width:0;transition:border-color .2s,background .2s}.map-card:hover:not(:disabled){background:#26323a;transform:translateY(-2px);border-color:#b0936a}.map-card.selected{border-color:#e4ab75;background:#292c2b;box-shadow:0 0 0 1px #e4ab7522}.map-card.selected:after{display:none}.map-card strong{font-size:12px;line-height:1.5;margin:9px 11px 5px;color:#dce4e3}.map-card small{font-size:8px;color:#93a5af}.map-card .stage-state{font-size:9px;color:#f2c393;margin:7px 11px 0}.map-card.locked{opacity:.62;filter:saturate(.4)}.map-card.locked strong{color:#a1aeb3}.map-card.locked .stage-state{font-size:9px;color:#7d929b}.map-card canvas{border-bottom:1px solid #758f971a}.map-briefing{font-size:10px;line-height:1.9;color:#96a8ae;background:#13202977;border:1px solid #40545d44;padding:10px 14px;border-radius:5px;margin:13px 0 0}
.armory-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}.shop-panel,.loadout-panel{min-width:0;background:#161f2588;border:1px solid #43576066;border-radius:9px;padding:20px}.loadout-panel{position:sticky;top:20px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shop-card{position:relative;padding:0 15px 15px;background:linear-gradient(135deg,#293139,#1f282e);border:1px solid #4b5b6377;border-radius:7px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.equipment-art{width:100%;height:94px;aspect-ratio:auto;object-fit:contain;cursor:default;image-rendering:pixelated;border-bottom:1px solid #6d808519;background:radial-gradient(ellipse at center,#60727614,transparent 70%);flex-shrink:0;margin:0 0 4px}.shop-card[data-weapon=gatling],.shop-card[data-weapon=rail]{background:linear-gradient(145deg,#323733,#20292d)}.shop-card[data-weapon=chainsaw]{background:linear-gradient(145deg,#352e29,#212a2e)}.shop-card>small{font:8px ui-monospace,monospace;letter-spacing:1.1px;color:#98aab0;margin:10px 0 0}.shop-card h4{font-size:14px;font-weight:650;color:#e2e4dd;margin:7px 0}.shop-card p{font-size:10px;line-height:1.7;color:#94a7ad;margin:0 0 14px;min-height:34px}.shop-card button{margin-top:auto;border:1px solid #c7956255;border-radius:5px;background:#c799600a;color:#b3bab4;padding:10px 11px;font-size:10px;min-height:35px}.shop-card button b{font-size:10px;color:#f1c291;font-weight:600}.armory .shop-card button:hover:not(:disabled){background:#dba36119}.shop-card button:disabled{opacity:.48}.shop-note{font-size:9px;color:#7d959e;line-height:1.9;margin-top:15px}
.ammo-shop{gap:8px;margin-top:16px}.ammo-shop button,.supply-shop button{background:#1c2830;border:1px solid #44545e88;border-radius:6px;padding:11px 10px;color:#b6c5ca;font-size:10px;min-height:52px}.ammo-shop small{font-size:8px;color:#7f99a5}.ammo-shop b,.supply-shop b{font-size:9px;color:#e8bc8e}.supply-shop{margin-top:9px}.supply-shop small{color:#8ea89b}.knife-row{background:linear-gradient(110deg,#2a3732,#202a2c);border:1px solid #779b7b44;border-radius:6px;padding:12px;margin-bottom:15px;gap:13px;color:#d3dfcf}.knife-row>span{color:#c2d7bd;font-size:31px}.knife-row small{font-size:9px;color:#8fa69d;line-height:1.6}.knife-row>b{border:1px solid #93bd9744;background:#a6cfb310;color:#b4d2ba;font-size:9px;border-radius:4px;padding:4px 6px;white-space:nowrap}.warehouse-empty{background:#101d2455;border:1px dashed #435f6a;border-radius:6px;color:#8099a4;font-size:11px;padding:24px 16px;line-height:1.8;text-align:center}.warehouse-guns{max-height:380px;scrollbar-width:thin;scrollbar-color:#54717a transparent}.warehouse-gun{background:#1b272e;border-color:#495b66;border-radius:7px;margin-bottom:10px;padding:14px}.warehouse-gun.selected{border-color:#c69d69;background:#35352c44}.warehouse-gun header{gap:12px;align-items:center}.warehouse-gun header span{font-size:12px;font-weight:650}.warehouse-gun header b{font:9px ui-monospace,monospace;color:#c2c09d}.warehouse-gun button{background:#243139;border:1px solid #51616b;color:#b8c8cb;border-radius:4px;font-size:10px;min-height:32px}.warehouse-gun.selected button[aria-pressed=true]{color:#e2be8f;border-color:#94754c;background:#a57b3715}.ammo-packing-heading{font-size:11px;margin-top:21px;padding-bottom:9px;border-bottom:1px solid #52667044;color:#d3dddf}.ammo-packing-heading small{font:9px ui-monospace,monospace;color:#89adb8}.packing-row{border-bottom:1px solid #59707c26;padding:10px 0;gap:11px;min-width:0}.packing-row label{font-size:11px;color:#c2d0d5;min-width:0}.packing-row small{font-size:9px;color:#809da9}.packing-row input,.packing-row select{background:#101b23;color:#d2e1e4;border:1px solid #4b667188;border-radius:5px;font:12px ui-monospace,monospace;min-height:34px;padding:7px 8px}.packing-row input:focus,.packing-row select:focus{outline:1px solid #eab783;outline-offset:1px}.packing-preview{background:#111c2388;border:1px solid #4c647055;border-radius:5px;font-size:10px;line-height:1.8;color:#a6bec5;padding:12px;margin:16px 0 12px}.deploy-button{width:100%;font-size:13px;padding:14px 17px;min-height:48px}.raid-risk{font-size:9px;line-height:1.8;color:#8a9ea7;margin-top:12px}.reticle-guide{padding:0;border:1px solid #435b6744;border-radius:5px;margin:16px 0}.reticle-guide summary,.story-guide summary,.pvp-rules summary{cursor:pointer;font-size:10px;color:#a7bdc6;list-style:none;padding:10px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.reticle-guide summary:after,.story-guide summary:after,.pvp-rules summary:after{content:"+";font:16px ui-monospace,monospace;color:#819ea9}.reticle-guide[open] summary:after,.story-guide[open] summary:after,.pvp-rules[open] summary:after{content:"−"}.reticle-guide summary small{font-size:8px;color:#748f9b;margin-left:auto}.reticle-guide summary::-webkit-details-marker,.story-guide summary::-webkit-details-marker,.pvp-rules summary::-webkit-details-marker{display:none}.reticle-gallery{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px 10px;gap:6px}.reticle-gallery figure{border-color:#3e5b6688;background:#101c23}.reticle-gallery figcaption{padding:0 5px 8px}.reticle-gallery b{font-size:9px}.reticle-gallery small{font-size:7px}.story-guide{border-top:1px solid #876f6744;margin-top:16px}.story-guide p{padding:0 12px}.horror-briefing{background:linear-gradient(135deg,#33272d,#1c2630);border-color:#80607188;border-radius:8px}.horror-briefing h3{color:#dcc8d2}.horror-briefing p{color:#aab3bf}.horror-briefing>div{font-size:10px;color:#b99baa}
/* Room and loadout use the same panel hierarchy as the single-player safehouse. */
.pvp-heading{gap:24px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #4c5c6366}.pvp-heading h2{font-size:28px}.pvp-intro{font-size:11px;color:#98adb7;line-height:1.9;margin:17px 0}.pvp-connect{margin:17px 0 14px;gap:16px}.pvp-connect .primary-button{min-width:245px}.pvp-connect>span{border:1px solid #52776455;border-radius:20px;padding:6px 12px;background:#a6cfb308;font-size:10px}.online-rooms{margin-bottom:22px;padding:15px 18px;background:#131f2788;border:1px solid #40566255;border-radius:7px}.online-rooms h3{margin:0 0 8px;font-size:11px;color:#bdcbd0}.online-rooms p{font-size:10px;margin:8px 0 0;color:#78929f}.online-rooms #pvp-directory>div{border-radius:5px;background:#24323b;border-color:#4a647088;padding:12px 14px;font-size:11px}.pvp-briefing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.pvp-match-setup,.pvp-packing{min-width:0;padding:20px;background:#151f2688;border:1px solid #43576066;border-radius:9px;margin:0}.pvp-match-setup h3,.pvp-packing h3{margin:0 0 17px;display:flex;align-items:center;gap:0}.pvp h3 small{margin-left:auto;font-size:9px;color:#8ba1ac}.pvp-settings{display:block;margin:0 0 18px}.pvp-settings label,.pvp-gun-selection label{display:grid;gap:8px;font-size:10px;color:#94aab4}.pvp select,.pvp input{background:#121f28;border-color:#4d657077;color:#d4e1e5;border-radius:5px;font-size:12px;min-height:39px}.pvp select:focus,.pvp input:focus{outline:1px solid #d7a16d;outline-offset:1px}.pvp-maps{grid-template-columns:1fr;gap:11px}.pvp-map{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:1fr 1fr;text-align:left;padding:0;min-height:83px;background:#1c2a32;border:1px solid #4b606b88;border-radius:6px}.pvp-map canvas{grid-row:1/3;width:140px;height:100%;aspect-ratio:auto;object-fit:cover;opacity:.85}.pvp-map strong{align-self:end;font-size:12px;padding:8px 14px 0;margin:0 0 5px;color:#d2dfe2}.pvp-map small{font-size:9px;padding:0 14px 10px;line-height:1.6;color:#819fac}.pvp-map.selected{background:#393a2c44;border-color:#dfb17f;box-shadow:inset 0 0 0 1px #dbab7033}.pvp-map.selected strong{color:#edc99f}.pvp-map.selected canvas{opacity:1}.pvp-field-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#7f9aa6;padding:16px 0 0}.pvp-gun-selection{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pvp-packing .pvp-gun-selection label{display:grid;white-space:normal;justify-content:stretch}.pvp-packing .pvp-gun-selection select{width:100%;font-size:11px}.pvp-fixed-knife{margin:13px 0 18px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #66867944;background:#a6cfb309;border-radius:5px}.pvp-fixed-knife>span{font-size:24px;color:#a6cfb3}.pvp-fixed-knife strong{font-size:11px;font-weight:500;color:#bdd1c9}.pvp-fixed-knife small{font-size:9px;margin-left:auto;color:#96b4a5}.pvp-packing h4{font-size:11px;font-weight:600;color:#bfd0d7;display:flex;justify-content:space-between;margin:0 0 10px}.pvp-packing h4 small{font-size:9px;font-weight:400;color:#78949f}.pvp #pvp-ammo-packing{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0 0 14px}.pvp-ammo-row{padding:9px 10px;border:1px solid #4a667033;border-radius:5px;background:#19283155;gap:8px!important;white-space:normal!important;min-width:0}.pvp-ammo-row>span{flex:1;min-width:0}.pvp-ammo-row b{font-size:9px;font-weight:500;display:block;color:#bfced4;line-height:1.5}.pvp-ammo-row small{display:block;font:8px ui-monospace,monospace;margin-top:3px;color:#70949d}.pvp-ammo-row .round-shape{height:18px;max-width:10px}.pvp-ammo-row input{width:45px;min-height:31px;padding:5px 6px;font:11px ui-monospace,monospace;border-color:#5d78816a;background:#101e26}.pvp-ammo-row.empty-stock{opacity:.65}.pvp-med-packing{font-size:10px!important;padding:9px 0;border-top:1px solid #4a616a44;gap:18px!important}.pvp-med-packing select{font-size:11px;min-height:34px}.packing-capacity{height:4px;background:#354b5355;border-radius:4px;overflow:hidden;margin-top:14px}.packing-capacity i{height:100%;display:block;background:#9fc4ca;transition:width .2s}#pvp-pack-total{font:10px ui-monospace,monospace;color:#87abb8;margin:9px 0 14px}#pvp-pack-total.invalid{color:#ee9e89}.pvp-rules{border-top:1px solid #43596655}.pvp-rules summary{padding:8px 0;color:#809ca6;font-size:9px}.pvp-rules p{font-size:10px;line-height:1.9;color:#94aab3;margin:4px 0}.pvp-room{background:#17283266;border:1px solid #50697688;border-radius:8px;margin-top:22px;padding:18px 20px}.pvp-room h3{font-size:13px}.pvp-roster{gap:10px;margin:18px 0}.pvp-slot{display:flex;align-items:center;gap:12px;border-left:2px solid #88bacc;border-radius:6px;background:#35536a26;padding:13px 14px;min-width:0}.pvp-slot.red{background:#985c6b14;border-color:#cc8696}.pvp-player-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #7fbbc54d;background:#244253;color:#a8d1e0;font:600 15px system-ui;border-radius:5px}.red .pvp-player-avatar{background:#4b313b;border-color:#cc86964d;color:#e3abb3}.pvp-slot>div{flex:1;min-width:0}.pvp-slot strong{font-size:11px;font-weight:600;color:#c7dce4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvp-slot small{font-size:8px;color:#6e94a7;display:block;margin-top:4px}.red.pvp-slot strong{color:#dcc4cd}.red.pvp-slot small{color:#aa7c8c}.pvp-ready-badge{font-size:9px;color:#8299a3;white-space:nowrap}.pvp-ready-badge.ready{color:#b6d3b8}.pvp-ready-badge.ready:before{content:"";display:inline-block;width:5px;height:5px;background:#b6d3b8;border-radius:50%;margin-right:5px}.empty-slot{border-style:dashed;opacity:.62}.pvp-room-actions{border-top:1px solid #5e778044;padding-top:17px;gap:12px}.pvp-room-actions .secondary-button{margin-left:0;min-width:106px}.pvp-room-actions>span{font-size:10px;color:#7896a4}
/* Combat furniture: quieter frames, clear active states, no extra obstruction over the world. */
.game-shell,.pvp-game{border:1px solid #586f7b88;border-radius:9px;background:#17252d;box-shadow:0 20px 60px #0005}.vitals-bar,.pvp-vitals{background:#1a2932;border-color:#57728255}.health-track{background:#42605566;height:7px}.health-track i{background:linear-gradient(90deg,#90b8a0,#c0d5b3)}.pvp-matchbar{background:#20313b;border-bottom:1px solid #5a768455;padding:10px 14px}.pvp-matchbar strong{font-size:12px;color:#aacee0}.pvp-matchbar>span{font:14px ui-monospace,monospace;color:#e6ba89}.pvp-vitals #pvp-ammo{font:12px ui-monospace,monospace;color:#e8caa6}.pvp-weapon-buttons{background:#172831;padding-top:7px}.weapon-bar button,.pvp-weapon-buttons button{border-radius:5px;background:#22333d;border-color:#5d778366;color:#92acb8;min-height:32px}.weapon-bar button.active,.pvp-weapon-buttons button.active{background:#9d795724;border-color:#d5ab77;color:#edc899}.bag-panel{background:#13232bf5;border-color:#6d8a98;border-radius:8px}.bag-item{background:#233741;border-color:#55738466}.bag-toggle,.pause-button,.story-journal{background:#1b2f37e8;border-color:#73929566;border-radius:5px}.bag-item small{color:#89a7ad}.game-bottom{background:#14232b;border-color:#45636e66}.virtual-stick{background:radial-gradient(circle,#54728155,#172a35);border-color:#7397a6;box-shadow:inset 0 0 20px #0005}.stick-ring{border:1px solid #75969b55}.stick-knob{background:#afc7c0;border-color:#d5e2d3;color:#263f43;box-shadow:0 3px 12px #0006}.aim-stick{border-color:#c6a47c;background:radial-gradient(circle,#82604444,#26343a)}.aim-stick .stick-knob{background:#e9ae7a;border-color:#f5d0a4}.touch-controls,.pvp-touch{background:#182831;border-color:#55748266}.touch-controls .touch-actions button,.pvp-touch-actions button{background:#293d47;border-color:#637e8966;color:#c4d4d4;border-radius:6px}.touch-actions button[data-touch=jump],.touch-actions button[data-touch=interact]{background:#62533644;border-color:#c4a27488;color:#edc493}.toast{border-radius:6px;background:#172c36ed;border-color:#9ec5ce77}
.controls-dialog{background:linear-gradient(140deg,#253039,#172129);border:1px solid #677c8b88;border-radius:12px;box-shadow:0 30px 100px #000b;padding:26px;color:#d5e0e2}.controls-dialog::backdrop{background:#050d15b8;backdrop-filter:blur(7px)}.controls-dialog h2{color:#ede9df;font-size:23px;font-weight:700;line-height:1.35}.controls-dialog header button{border-radius:6px;width:34px;height:34px;background:#263842;border:1px solid #58758166;color:#acbdc4;font-size:22px}.controls-dialog>p{font-size:11px;color:#8fa7b1}.controls-dialog kbd{background:#263842;border-color:#5a7180;color:#d0dedf}.account-dialog{max-width:460px;padding:30px}.account-emblem{font:900 italic 28px system-ui;color:#f5b278;display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #62798644;margin-bottom:20px}.account-emblem span{font:9px ui-monospace,monospace;letter-spacing:4px;color:#859da9}.account-dialog header{align-items:flex-start;gap:12px}.account-dialog .eyebrow{font-size:8px}.account-dialog header h2{font-size:22px;margin-top:10px;max-width:310px}.account-dialog label{font-size:11px;color:#a5bbc6;gap:8px;margin:17px 0}.account-dialog input:not([type=checkbox]){background:#101f29;border-color:#59778566;border-radius:5px;color:#d2e3e8;font-size:12px;min-height:44px}.account-dialog input::placeholder{color:#617d8e}.account-dialog .remember-account{font-size:10px;color:#87a1ac}.account-dialog #account-status{font-size:10px;color:#90a9b6;line-height:1.8}.account-actions{gap:10px}.account-actions>button{flex:1;min-width:0;justify-content:center;padding:12px 16px;font-size:12px}.invitation-dialog{border-top:3px solid #e7b37f}.invitation-dialog h2{font-size:24px}.invitation-dialog p{font-size:11px;color:#96afba}
.pvp-result{padding:24px;background:linear-gradient(135deg,#10212bea,#18252bef);backdrop-filter:blur(7px);align-items:center;gap:0;scrollbar-width:thin;scrollbar-color:#6e8791 transparent}.pvp-result.victory{background:linear-gradient(135deg,#292823e8,#13232ced)}.pvp-result h2{font-size:37px;letter-spacing:2px;color:#adbbca;margin-bottom:10px}.pvp-result.victory h2{color:#f3c596}.pvp-result>p{font-size:11px;color:#8fa7b6;margin-bottom:15px}#pvp-result-loot{width:min(760px,100%);display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.pvp-result .settlement-status{grid-column:1/-1;color:#a6cbb5;font-size:9px;letter-spacing:1px;margin:0 0 1px}.settlement-card{padding:13px 15px;background:#1c313955;border:1px solid #5b7a8655;border-radius:7px;min-width:0;text-align:left}.settlement-card.own{border-color:#c0996877;background:#b1936010}.settlement-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.settlement-card header strong{font-size:11px;color:#cad9df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-card header>b{font:17px ui-monospace,monospace;color:#e9bc86}.settlement-stats{display:flex;gap:22px;margin:10px 0}.settlement-stats span{display:flex;gap:5px;align-items:baseline}.settlement-stats b{font:14px ui-monospace,monospace;color:#d3dfe3}.settlement-stats small{font-size:8px;color:#7595a3}.contribution-track{height:3px;background:#50717c33;overflow:hidden;border-radius:2px}.contribution-track i{display:block;height:100%;background:#d6b687}.pvp-result .settlement-rewards{font-size:9px;color:#8cacb6;margin:9px 0 0;line-height:1.7}.pvp-result .settlement-return{grid-column:1/-1;font:9px ui-monospace,monospace;color:#8aa3b2;line-height:1.8;margin:5px 0 0}.pvp-result>.primary-button{min-height:42px;min-width:190px;font-size:11px;justify-content:center}
.app>footer{color:#718d9b;font-size:9px;margin-top:21px}
@media(min-width:1300px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-card[data-weapon=gatling]{grid-column:span 2}.shop-card[data-weapon=gatling] .equipment-art{height:126px}.shop-card[data-weapon=gatling]>small{margin-top:9px}.shop-card[data-weapon=gatling] h4{font-size:17px}.shop-card[data-weapon=gatling] p{min-height:0}.loadout-panel{top:24px}}
@media(max-width:1050px){.app{padding:22px}.armory,.pvp{padding:22px}.mode-picker{gap:9px}.mode-picker button{padding:16px 13px;gap:10px}.mode-picker strong{font-size:13px}.mode-picker small{font-size:9px}.map-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.map-card strong{font-size:11px;margin-left:9px}.armory-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.shop-panel,.loadout-panel{padding:16px}.shop-card h4{font-size:12px}.shop-card button b{font-size:9px}.shop-card button{padding:9px 7px}.pvp-briefing-grid{gap:16px}.pvp-match-setup,.pvp-packing{padding:16px}.pvp #pvp-ammo-packing{grid-template-columns:1fr}.pvp-map{grid-template-columns:110px minmax(0,1fr)}.pvp-map canvas{width:110px}}
@media(max-width:760px){.app{padding:17px 14px}.topbar{gap:12px;padding-bottom:18px}.brand{font-size:17px;gap:9px}.brand-icon{width:32px;height:34px;font-size:28px}.brand small{font-size:8px}.header-buttons .help-button{min-height:34px;padding:6px 9px;font-size:10px}.icon-button{height:34px;width:34px;min-height:34px}.armory,.pvp{padding:20px;border-radius:9px}.armory h2,.pvp-heading h2{font-size:26px}.armory-grid,.pvp-briefing-grid{grid-template-columns:1fr;gap:20px}.loadout-panel{position:static}.map-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.map-card strong{font-size:12px}.armory-heading{gap:15px;padding-bottom:20px}.wallet{min-width:115px;padding:12px 14px}.wallet strong{font-size:28px}.hero-mark{display:none!important}.mode-picker button{padding:14px 11px;gap:9px}.mode-picker .mode-icon{width:22px;height:22px}.mode-picker strong{font-size:12px}.mode-picker small{font-size:8px}.mode-picker button:after{display:none}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card{padding:0 13px 13px}.shop-card h4{font-size:14px}.shop-card button b{font-size:10px}.equipment-art{height:94px}.pvp #pvp-ammo-packing{grid-template-columns:1fr 1fr}.pvp-map{grid-template-columns:140px minmax(0,1fr)}.pvp-map canvas{width:140px}.pvp-gun-selection select{min-height:40px}.pvp-roster{grid-template-columns:1fr 1fr}.pvp-slot{padding:11px;gap:9px}.pvp-player-avatar{width:29px;height:29px}.pvp-ready-badge{font-size:8px}.pvp-room-actions>span{flex-basis:100%;line-height:1.7}.pvp-matchbar .help-button{font-size:10px;padding:6px 8px}.controls-dialog{padding:22px}.account-dialog{padding:26px}.settlement-card{padding:11px 12px}.settlement-stats{gap:12px}}
@media(max-width:480px){.app{padding:14px 10px}.topbar{gap:8px;align-items:center}.brand{font-size:15px;letter-spacing:.8px}.brand small{font-size:7px;letter-spacing:3px}.brand-icon{width:30px;height:32px;font-size:26px}.header-buttons{gap:5px;max-width:185px;flex-wrap:wrap}.header-buttons #account-open{max-width:108px;font-size:9px;padding:6px 7px}.header-buttons .help-button{font-size:9px;padding:6px 7px}.header-buttons .icon-button{width:29px;height:29px;min-height:29px;font-size:18px}.mission-bar{margin:17px 0 14px;align-items:flex-start;gap:10px}.mission-bar h1{font-size:14px;line-height:1.5}.mission-bar .eyebrow{font-size:7px;letter-spacing:1px}.mission-meta{gap:6px;align-items:center}.difficulty-label{font-size:8px}.difficulty-label select{font-size:9px;min-height:29px;padding:5px 8px}.mission-meta .stash-label{display:none!important}.armory,.pvp{padding:16px}.armory-heading{gap:10px}.armory-heading h2{font-size:24px;margin-top:9px}.armory-heading p{font-size:10px;line-height:1.9}.wallet{min-width:88px;padding:10px 11px;flex-shrink:0}.wallet small{font-size:8px;gap:5px}.wallet strong{font-size:23px;margin-top:7px}.salvage-icon{width:7px;height:7px}.armory-notice{font-size:10px;margin:15px 0;padding:9px 11px}.mode-picker{gap:6px;margin:17px 0 21px}.mode-picker button{display:block;padding:12px 9px;min-height:99px}.mode-picker .mode-icon{width:21px;height:21px;margin-bottom:9px}.mode-picker strong{font-size:11px}.mode-picker small{font-size:8px;line-height:1.7;margin-top:5px}.armory h3,.pvp h3{font-size:12px}.section-index{width:21px;height:21px;font-size:9px;margin-right:6px}.armory h3 small{font-size:8px;margin-left:6px}.map-heading{gap:5px}.map-heading h3 small{display:none}#campaign-progress{font-size:8px;padding:5px 7px}.map-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.map-card strong{font-size:12px}.map-card small{font-size:8px}.map-card .stage-state{font-size:8px}.map-briefing{font-size:9px;padding:10px;line-height:1.9}.shop-panel,.loadout-panel{padding:14px}.shop-grid{gap:9px}.shop-card{padding:0 10px 12px}.equipment-art{height:76px}.shop-card h4{font-size:12px;line-height:1.5}.shop-card>small{font-size:7px;letter-spacing:.4px}.shop-card p{font-size:9px;line-height:1.8;min-height:47px}.shop-card button{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px;padding:8px;font-size:9px;min-height:36px}.shop-card button b{font-size:9px;white-space:nowrap}.ammo-shop{grid-template-columns:1fr;gap:7px}.ammo-shop button{font-size:11px;padding:11px 12px;gap:12px}.ammo-shop small{font-size:9px}.ammo-shop b{font-size:10px}.reticle-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.knife-row{padding:10px;gap:10px}.knife-row>div{font-size:11px}.knife-row small{font-size:8px}.packing-row input{min-height:38px}.pvp-heading h2{font-size:23px;line-height:1.5;margin:8px 0}.pvp-heading{gap:14px}.pvp-heading .help-button{font-size:9px;padding:7px 8px}.pvp-intro{font-size:10px}.pvp-connect .primary-button{min-width:0;width:100%;min-height:44px;font-size:12px;justify-content:center}.pvp-connect>span{font-size:9px}.online-rooms{padding:12px 14px;margin-bottom:18px}.pvp-match-setup,.pvp-packing{padding:15px}.pvp h3 small{font-size:8px}.pvp-maps{gap:9px}.pvp-map{grid-template-columns:108px minmax(0,1fr);min-height:78px}.pvp-map canvas{width:108px}.pvp-map strong{font-size:11px;padding-left:11px}.pvp-map small{font-size:8px;padding-left:11px}.pvp-gun-selection{gap:9px}.pvp select{font-size:10px}.pvp #pvp-ammo-packing{grid-template-columns:1fr;gap:7px}.pvp-ammo-row{padding:8px 10px;gap:11px!important}.pvp-ammo-row b{font-size:10px}.pvp-ammo-row small{font-size:8px}.pvp-ammo-row input{width:62px;min-height:36px;font-size:12px}.pvp-roster{grid-template-columns:1fr}.pvp-slot strong{font-size:11px}.pvp-slot small{font-size:9px}.pvp-ready-badge{font-size:9px}.pvp-room{padding:15px}.pvp-room h3{font-size:12px}.pvp-room-actions>button{flex:1;justify-content:center;min-width:0;font-size:12px;margin:0}.pvp-result{padding:15px}.pvp-result h2{font-size:27px}#pvp-result-loot{grid-template-columns:1fr}.settlement-stats{gap:22px}.pvp-result>p{font-size:9px}.account-dialog{padding:23px}.account-dialog header h2{font-size:21px}.controls-dialog .controls{gap:20px 10px}.touch-controls .touch-actions button,.pvp-touch-actions button{min-height:42px;border-radius:6px}}
.armory .map-card:disabled{opacity:.75}.map-card.locked .stage-state{color:#95a7af}.armory .shop-card button:disabled{opacity:.58}
@media(max-width:480px){.pvp-heading{flex-wrap:wrap;gap:10px}.pvp-heading>div{flex-basis:100%}.pvp-heading h2{font-size:22px}.pvp-heading>.help-button{margin-left:auto}.shop-card h4{font-size:13px}.shop-card p{font-size:11px;min-height:62px}.shop-card button,.shop-card button b{font-size:10px}.shop-card>small{font-size:8px}.pvp-intro,.pvp-status,.pvp-settings label,.pvp-gun-selection label,.pvp-ammo-row b{font-size:11px}.pvp-ammo-row input{min-height:40px}.header-buttons .icon-button{width:34px;height:34px;min-height:34px}.header-buttons .help-button{min-height:36px}}
#pvp .pvp-packing #pvp-ammo-packing{display:block;margin-bottom:0}.pvp-packing .packing-row{display:flex;align-items:center;padding:10px 0;font-size:11px;color:#c2d0d5;gap:11px}.pvp-packing .packing-row label{display:block;flex:1;margin-right:auto;font-size:11px;min-width:0}.pvp-packing .packing-row small{display:block;font-size:9px;color:#809da9;margin-top:4px}.pvp-packing .packing-row input,.pvp-packing .packing-row select{width:68px;padding:7px 8px;min-height:34px;font:12px ui-monospace,monospace}.pvp-packing .warehouse-guns{margin:10px 0}.pvp-packing .warehouse-gun button{flex:1;min-height:36px;padding:7px 10px}.pvp-packing .ammo-packing-heading small{margin-left:auto}.pvp-packing #pvp-packing-preview{font-size:10px;margin:16px 0 12px;color:#a6bec5}.pvp-packing #pvp-pack-total{font-size:9px;line-height:1.8;color:#8a9ea7;border:0;padding:0;margin:12px 0}.pvp-packing .knife-row small{display:block}.pvp-packing .spread-tuner label{font-size:10px}.pvp-packing .spread-tuner input{min-height:20px;background:none}.pvp-packing .spread-tuner footer button{flex:none;min-height:27px;padding:3px 8px}.pvp-packing .warehouse-gun header{flex-wrap:wrap}.pvp-packing .warehouse-gun header b{white-space:nowrap}
@media(max-width:480px){.pvp-packing .packing-row input,.pvp-packing .packing-row select{min-height:38px}.pvp-packing .warehouse-gun button{min-height:40px}.pvp-packing .warehouse-gun header span{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,.map-card,.packing-capacity i{transition:none}}