:root{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;color:#e6e9e9;background:#101517;color-scheme:dark;font-synthesis:none;--accent:#8ddce7;--line:#ffffff21}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,#viewport:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{height:76px;display:flex;align-items:center;gap:28px;padding:0 32px;background:#101518;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;color:#e8ecec;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#8d9a9e;margin-top:5px}.mark{font-size:27px;color:var(--accent);letter-spacing:-3px;font-style:italic}.edition{font-size:10px;letter-spacing:2px;color:#9ba9ad}.edition b{margin:0 12px;color:#49575c}.platform-switch{display:flex;align-items:center;gap:12px;margin-left:auto}.platform-switch label{font-size:9px;letter-spacing:2px;color:#84969d}select{border:1px solid #63747a;background:#263137;color:#edf4f4;padding:11px 30px 11px 12px;border-radius:0}#settings-toggle{background:none;border:1px solid #4d5d64;color:#c1ced1;padding:11px 14px;font-size:11px}main{position:relative}.stage{height:calc(100dvh - 322px);min-height:400px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#2c3639,#12191c 80%)}#viewport{position:absolute;inset:0;touch-action:none;transition:none}#viewport canvas{display:block;width:100%;height:100%}.stage-heading{position:absolute;top:30px;left:36px;z-index:1;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#a8b7bc;font-weight:600}.eyebrow b{color:#4e636b;margin:0 10px}h1{font-size:clamp(46px,5vw,76px);font-weight:800;letter-spacing:-3px;line-height:1;margin:12px 0 8px}.stage-heading p{font-size:11px;color:#9caeb5;margin:6px 0}#platform-description{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.6}.stage-tag{position:absolute;top:36px;right:36px;color:var(--accent);font-size:9px;letter-spacing:2px;z-index:1;pointer-events:none}.stage-tag span{display:block;color:#6d838b;font-size:8px;letter-spacing:1px;margin-top:9px}.stage-tag i,.save-indicator i{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px}.camera-controls{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#0e1418ce;border:1px solid #4b5c65;white-space:nowrap}.camera-controls button{background:none;border:0;color:#9aafb7;padding:9px 16px;font-size:10px}.camera-controls button.active,.camera-controls button:hover{background:#37505b;color:#d8f7ff}.stage-footer{position:absolute;bottom:10px;left:36px;right:36px;display:flex;justify-content:space-between;color:#71848c;font-size:8px;letter-spacing:1.5px;pointer-events:none}.stage-footer b{margin:0 8px}.loadout{position:relative;padding:18px 32px 0;border-top:1px solid #5e747c;background:linear-gradient(#202a2f,#11181c);min-height:240px}.loadout-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.loadout-hint{color:#6e848e;font-size:8px;letter-spacing:1.2px;margin-left:20px}.save-indicator{font-size:8px;letter-spacing:1.5px;color:#9bb1b8}#module-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.module-card{position:relative;min-width:0;height:145px;display:flex;flex-direction:column;align-items:flex-start;padding:11px 12px 10px;border:1px solid #52636b;color:#d9e1e3;background:linear-gradient(130deg,#35404780,#202a2f90 65%,#11191ed9);text-align:left;overflow:hidden}.module-card:not(:disabled):hover{border-color:#c5edf6;background:linear-gradient(130deg,#475c6680,#2b414c90)}.module-card[aria-expanded=true]{border-color:var(--accent);background:linear-gradient(150deg,#34545fcf,#192d36);box-shadow:inset 0 -4px var(--accent)}.module-card[aria-expanded=true]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.module-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#a7b6bd}.module-card svg{align-self:center;width:95px;height:62px;stroke:#c9d7db;fill:#a9bac410;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;margin:0 auto}.module-card strong{font-size:11px;line-height:1.25;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.module-card small{font-size:7px;letter-spacing:.7px;color:#88bcca;margin-top:5px}.module-edit{position:absolute;right:9px;top:11px;font-size:7px;letter-spacing:.8px;color:var(--accent);opacity:0}.module-card:hover .module-edit,.module-card[aria-expanded=true] .module-edit{opacity:1}.module-card:disabled{opacity:.46;background:#172126}.module-card:disabled svg{stroke:#7c8e96}.loadout-footer{display:flex;align-items:center;gap:16px;min-height:49px;font-size:8px;letter-spacing:1px;color:#617984}.loadout-footer b{margin:0 8px}.loadout-footer p{margin-left:auto;letter-spacing:0;color:#8a9ea7}aside{position:absolute;z-index:4;top:20px;right:24px;width:330px;max-height:calc(100% - 280px);overflow-y:auto;padding:22px;background:linear-gradient(145deg,#25333cf5,#121c22fa);border:1px solid #607984;box-shadow:0 15px 50px #0009;scrollbar-width:thin;scrollbar-color:#54727f #17232b}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}h2{font-size:28px;letter-spacing:-.7px;margin:9px 0 0;font-weight:600}.drawer-heading button{border:1px solid #6b7b83;background:none;color:#dce5e8;width:30px;height:30px;font-size:22px}.drawer-heading .eyebrow{font-size:8px}#module-description{font-size:11px;line-height:1.6;color:#9bafb9;margin:16px 0}.drawer-foot{font-size:7px;letter-spacing:1.2px;color:#607f8d;border-top:1px solid var(--line);padding-top:16px;margin-top:15px}.drawer-open #viewport{right:365px}.drawer-open .stage-tag{display:none}.drawer-open .camera-controls{left:calc((100% - 365px)/2)}.build-fields{display:grid;gap:9px}.build-fields label{font-size:10px;color:#a3b8c2}.build-fields select{width:100%;font-size:11px}.build-fields small{font-size:10px;line-height:1.6;color:#8b9faa}.component-options{display:grid;gap:7px;margin:6px 0}.component-options button,.optic-options button{position:relative;text-align:left;padding:14px 12px;background:#1d2b33;border:1px solid #4d626d;color:#c6d5dc;font-size:11px}.component-options button.selected,.optic-options button.selected{border-color:var(--accent);background:#2f4b58;box-shadow:inset 3px 0 var(--accent)}.component-options button.selected:after,.optic-options button.selected:after{content:"✓";float:right;color:var(--accent)}.optic-options{display:grid;gap:7px}.optic-options button span{display:block}.optic-options button small{display:block;font-size:9px;color:#91a6b0;margin-top:6px}.optic-options button:disabled{opacity:.4}.build-fields select{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#matched-handguard{font-size:12px;color:#c7d8df;padding:15px;background:#283c48;border:1px solid #4a626f}#component-status,#optic-status{font-size:10px;color:#9bb6c2;line-height:1.6;margin:15px 0 5px}#optic-placement{margin-top:16px;padding:13px;background:#111f27;border:1px solid #415b69}.label-row{display:flex;justify-content:space-between;font-size:10px}#rail-value{font-size:9px;color:var(--accent)}#rail-position{width:100%;accent-color:var(--accent);margin:17px 0 8px}.rail-labels{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#7295a5}#place-optic{width:100%;margin-top:15px;padding:10px;border:1px solid #8ddce7;background:none;color:var(--accent);font-size:10px}#place-optic[aria-pressed=true]{background:var(--accent);color:#142c35}#settings-panel{z-index:5}#settings-panel h3{font-size:12px;font-weight:500;margin-top:22px}.lighting{display:flex;gap:7px}.lighting button{flex:1;background:#283c47;color:#b2c8d2;border:1px solid #4c6775;padding:10px;font-size:10px}.lighting button.selected{color:#10232a;background:var(--accent)}details{margin-top:23px;font-size:10px;color:#9bb3bf}summary{cursor:pointer}details p{font-size:10px;line-height:1.7;color:#829ca9}details a{color:var(--accent)}dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:10px}dd{margin:0}#loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#10191ce8}#loading strong{font-weight:500;font-size:16px;margin-top:20px}#loading p{font-size:11px;color:#8ba6b2;max-width:350px;line-height:1.7;text-align:center}.spinner{width:26px;height:26px;border:1px solid #405c69;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#placement-help{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:2;background:#152c36e8;border:1px solid var(--accent);padding:13px;font-size:9px;color:#d2f5fc;text-align:center}#placement-help span{display:block;font-size:8px;margin-top:6px;color:#78b7ce}@media(min-width:1500px){.module-card{height:165px}.module-card svg{height:80px;width:120px}.stage{height:calc(100dvh - 342px)}.loadout{min-height:260px}aside{max-height:calc(100% - 300px)}}@media(max-width:950px){header{padding:0 20px;gap:15px}.edition{display:none}.loadout{padding:16px 18px 0}.module-card{padding:10px 9px}.module-card strong{font-size:10px}.module-label{font-size:9px}.module-card svg{width:75px}.loadout-hint{display:none}.stage-heading{left:24px}.stage-tag{right:24px}.platform-switch label{display:none}}@media(max-width:700px){header{height:68px;padding:0 14px;gap:9px}.brand{font-size:10px;gap:8px;letter-spacing:1px}.brand small{font-size:6px}.mark{font-size:22px}#weapon-select{max-width:150px;font-size:10px;padding:9px}#settings-toggle{font-size:0;padding:8px}#settings-toggle:after{content:"☷";font-size:16px}.stage{height:52dvh;min-height:350px}.stage-heading{top:20px;left:20px}h1{font-size:45px}.stage-tag{display:none}.stage-footer{left:20px;right:20px;font-size:7px}.stage-footer>span:last-child{display:none}.loadout{padding:15px 14px 0;min-height:240px}#module-grid{display:flex;overflow-x:auto;padding:0 0 7px;scroll-snap-type:x proximity}.module-card{flex:0 0 142px;scroll-snap-align:start;height:140px}.loadout-footer>span{display:none}.loadout-footer p{font-size:8px;margin-right:auto;margin-left:0}aside{position:fixed;top:82px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 110px);box-shadow:0 0 0 100vmax #0007}.drawer-open #viewport{right:0}.drawer-open .camera-controls{left:50%}.loadout-footer{padding:5px 0}.camera-controls button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.drawer-open #viewport{right:0}.drawer-open .camera-controls{left:50%}.drawer-open .stage-tag{display:block}#module-drawer{position:fixed;top:auto;right:auto;padding:12px;box-shadow:0 8px 28px #0009;background:#19262ef5;border-color:#7895a3;overscroll-behavior:contain}#module-drawer .drawer-heading{padding-bottom:9px;margin-bottom:8px}#module-drawer h2{font-size:15px;letter-spacing:0;margin:0}#module-drawer .drawer-heading button{width:24px;height:24px;font-size:18px}#module-drawer .eyebrow,#module-description,#module-drawer .drawer-foot,#module-drawer .build-fields>label{display:none}#module-drawer .component-options,#module-drawer .optic-options{gap:4px;margin:0}#module-drawer .component-options button,#module-drawer .optic-options button{padding:10px;font-size:11px}#module-drawer .optic-options button small{display:none}#module-drawer #component-status,#module-drawer #optic-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}#rail-controls{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}#rail-controls summary{color:var(--accent);font-size:10px}#optic-placement{margin-top:10px;padding:10px}#matched-handguard{padding:10px;font-size:11px}@media(max-width:700px){.drawer-open .stage-tag{display:none}#module-drawer{top:auto;right:auto;box-shadow:0 8px 28px #0009}}.module-visual{width:100%;height:66px;display:grid;place-items:center;margin:1px 0 3px}.module-visual>svg,.module-visual>img{grid-area:1/1}.module-visual>img{width:100%;height:100%;max-height:76px;object-fit:contain;filter:drop-shadow(0 5px 4px #0008)}.module-visual.has-thumbnail>svg{display:none}.choice-thumbnail{width:68px;height:36px;object-fit:contain;float:left;margin:-5px 10px -5px -4px;filter:drop-shadow(0 2px 2px #0006)}#module-drawer .optic-options button{min-height:40px}#module-drawer .component-options button:has(.choice-thumbnail){min-height:42px}.optic-options button.selected:after{float:none;position:absolute;right:10px;top:11px}@media(min-width:1500px){.module-visual{height:85px}.module-visual>img{max-height:90px}}#module-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.finish-options{display:grid;gap:7px}.finish-options button{display:grid;grid-template-columns:38px 1fr;gap:4px 12px;text-align:left;padding:12px;border:1px solid #4d626d;background:#1d2b33;color:#dce7eb}.finish-options button i{grid-row:span 2;width:38px;height:34px;background:var(--swatch);border:1px solid #ffffff40;box-shadow:inset 0 1px 8px #ffffff12}.finish-options button span{font-size:12px}.finish-options button small{font-size:9px;color:#9aafb9}.finish-options button.selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent);background:#2f4b58}.finish-options button:disabled{opacity:.45}.finish-note{font-size:10px;line-height:1.65;color:#94aab4;margin:14px 0 2px}@media(min-width:701px)and (max-width:1050px){#module-grid{display:flex;overflow-x:auto;padding-bottom:7px}.module-card{flex:0 0 130px}}.part-finish{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.part-finish h3{margin:0 0 10px;font-size:11px;font-weight:500;color:#dce7eb}.part-finish h3 span{float:right;font-size:7px;letter-spacing:1px;color:#78909c}.part-finish .finish-options{grid-template-columns:repeat(3,1fr);gap:5px}.part-finish .finish-options button{display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:7px}.part-finish .finish-options button i{width:100%;height:24px}.part-finish .finish-options button span{font-size:9px}.module-card[style*=--finish-color]:after{content:"";position:absolute;right:10px;top:29px;width:13px;height:7px;background:var(--finish-color);border:1px solid #ffffff55}.part-finish{border-top:0;border-bottom:1px solid var(--line);margin:0 0 12px;padding:0 0 12px}@media(max-width:1050px),(pointer:coarse){.stage{position:sticky;top:0;z-index:3;height:clamp(220px,43svh,360px);min-height:0;border-bottom:1px solid var(--line)}#module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:8px;padding:0;scroll-snap-type:none}.module-card{height:164px;flex:initial;scroll-snap-align:none}.module-card strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.25}.module-card small{font-size:9px;line-height:1.3;max-height:2.6em;overflow:hidden;letter-spacing:.3px}.module-label{font-size:11px}.module-visual{height:54px}.module-visual>img{max-height:60px}.loadout{z-index:1;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}#module-drawer{z-index:6;box-shadow:0 8px 28px #0009;max-width:calc(100% - 24px);overflow-x:hidden;overflow-y:auto;scroll-padding-top:56px;padding-bottom:max(12px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}#module-drawer .drawer-heading{position:sticky;top:-12px;background:#19262e;z-index:2;min-height:48px}#module-drawer .drawer-heading button,#close-settings{width:44px;height:44px;flex-shrink:0}#module-drawer .component-options button,#module-drawer .optic-options button{min-height:48px;font-size:13px;padding:12px}.part-finish h3{font-size:13px}.part-finish .finish-options button{min-height:58px}.part-finish .finish-options button span{font-size:12px}#place-optic,.lighting button{min-height:44px;font-size:12px}#rail-controls summary{min-height:44px;display:list-item;line-height:44px;list-style-position:inside;font-size:12px}#rail-position{min-height:36px;touch-action:none}.camera-controls{bottom:8px;max-width:calc(100% - 20px)}.camera-controls button{min-height:44px;padding:8px 12px;font-size:11px}.stage-footer,.stage-tag,.drawer-open .stage-tag{display:none}.stage-heading{top:12px;left:14px}.stage-heading .eyebrow{font-size:8px}.stage-heading h1{font-size:30px;letter-spacing:-1px;margin:6px 0}.stage-heading p{font-size:10px}#platform-description{display:none}#settings-panel{position:fixed;z-index:7;left:12px;right:12px;width:auto;box-shadow:0 8px 28px #0009;overflow-y:auto}.loadout-footer{flex-wrap:wrap;gap:10px;padding-top:12px}.loadout-footer p{font-size:11px;line-height:1.4;flex:1;min-width:0}.loadout-footer>span{display:none}}@media(max-width:700px){header{height:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 44px;gap:8px;padding:0 12px}.brand{min-width:0;font-size:9px;letter-spacing:.8px;gap:6px}.brand small{font-size:6px;letter-spacing:1.4px}.mark{font-size:22px;flex-shrink:0}.platform-switch{min-width:0;width:100%;margin:0}#weapon-select{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;padding:8px 22px 8px 8px;text-overflow:ellipsis}#settings-toggle{width:44px;height:44px;padding:0;font-size:0}#module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{padding:10px 12px}.loadout-heading{gap:10px}.save-indicator{font-size:8px}.loadout .eyebrow{font-size:9px}.camera-controls button{padding:6px 9px;font-size:10px}}@media(max-width:1050px)and (max-height:500px)and (orientation:landscape),(pointer:coarse)and (max-height:500px)and (orientation:landscape){.stage{height:46svh;min-height:150px}.stage-heading h1{font-size:23px}.stage-heading .eyebrow,.stage-heading p{display:none}.camera-controls{bottom:4px}.camera-controls button{min-height:44px}#module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(pointer:coarse){#settings-toggle,#close-settings,#close-module{min-width:44px;min-height:44px}.camera-controls button{min-height:44px}}@media(hover:none){.module-edit{opacity:1}}.library-tools{display:flex;align-items:center;gap:14px}#saved-builds-toggle{min-height:40px;padding:9px 12px;color:#dce9ed;background:#263740;border:1px solid #607b86;font-size:11px}#saved-build-count{display:inline-block;margin-left:8px;color:var(--accent)}#build-library{padding:18px;margin:0 0 18px;border:1px solid #516d79;background:#15222a}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-heading h2{font-size:22px;margin:0}.library-heading p{font-size:11px;color:#97bdca;margin:6px 0 0}#close-build-library{width:44px;height:44px;background:none;border:1px solid #607b86;color:#dce9ed;font-size:22px;flex-shrink:0}.library-note{font-size:11px;line-height:1.6;color:#9eb1ba}#save-build-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}#save-build-form>div{flex:1 1 220px}#save-build-form label{display:block;font-size:11px;margin-bottom:7px;color:#b5cbd5}#build-library input{width:100%;min-width:0;min-height:44px;padding:10px;background:#0d1920;color:#e7f0f3;border:1px solid #597682;border-radius:0;font:inherit;font-size:16px}#build-library button{min-height:44px;padding:9px 12px;border:1px solid #587885;background:#283e49;color:#e0edf2;font-size:12px}#build-library button:disabled{opacity:.45;cursor:default}#save-build-form [type=submit]{background:var(--accent);color:#122a33;border-color:var(--accent);font-weight:700}.library-feedback{display:flex;align-items:center;gap:12px;margin:12px 0}.library-feedback p{font-size:11px;line-height:1.6;color:#a5bcc6;margin:0;flex:1}#saved-build-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px}.saved-build-card{border:1px solid #405966;padding:14px;min-width:0;background:#1b2c35}.saved-build-card.current{border-color:var(--accent)}.saved-build-card h3{font-size:14px;margin:0 0 7px;overflow-wrap:anywhere}.saved-build-card p{font-size:11px;color:#8fabb8;margin:0 0 14px}.saved-build-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.library-empty{font-size:12px;color:#94acb8;line-height:1.7}@media(max-width:700px){.library-tools .save-indicator{display:none}.library-tools{gap:0}#saved-builds-toggle{min-height:44px;font-size:12px}#build-library{padding:12px}#save-build-form>div{flex-basis:100%}#save-build-form>button{flex:1}.library-feedback{align-items:flex-start;flex-wrap:wrap}}@media(max-width:1050px),(pointer:coarse){body:has(#build-library input:focus) .stage{height:clamp(160px,30svh,250px)}}.saved-build-bar{display:flex;align-items:center;gap:10px;margin:0 0 14px}.saved-build-bar>label{font-size:11px;color:#a8bec9;white-space:nowrap}.saved-build-bar select{min-width:0;flex:1;min-height:44px;font-size:14px}.saved-build-bar button{min-height:44px;padding:10px 14px;background:#263c46;border:1px solid #597783;color:#d7e9ef;white-space:nowrap}.wall-slot-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.wall-slot-controls label{font-size:11px;color:#a8bec9}.wall-slot-controls select{display:block;width:100%;min-width:0;margin-top:7px;font-size:14px;min-height:44px}@media(max-width:700px){.saved-build-bar{gap:7px}.saved-build-bar>label{display:none}.saved-build-bar select,.wall-slot-controls select{font-size:16px}.wall-slot-controls{grid-template-columns:minmax(0,1fr)}.saved-build-bar button{font-size:12px;padding:9px 10px}}#saved-wall-status{font-size:10px;color:#8faab7;margin:-5px 0 14px;line-height:1.4}.wall-view .stage-heading,.wall-view .stage-tag{display:none!important}#view-saved-wall[aria-pressed=true]{background:var(--accent);color:#122a33;border-color:var(--accent)}.iron-sight-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.iron-sight-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--line);background:#172025;color:inherit;font-size:11px;cursor:pointer}.iron-sight-toggle input{width:17px;height:17px;margin:0;accent-color:var(--accent);cursor:pointer}.iron-sight-toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.iron-sight-toggle:has(input:disabled){opacity:.5;cursor:default}.brand img{display:block;width:96px;height:64px;object-fit:contain;flex-shrink:0}.brand-caption{font-size:9px;letter-spacing:2px;color:#b3bfc3;white-space:nowrap}#settings-panel{position:fixed;z-index:7;top:88px;right:20px;width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 108px);overscroll-behavior:contain}#settings-panel>.drawer-heading{position:sticky;top:-22px;z-index:2;background:#202e36;padding-top:12px;margin-top:-12px}#close-settings{min-width:44px;min-height:44px}#settings-panel .saved-build-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:18px 0 8px}#settings-panel .saved-build-bar>label{display:block;grid-column:1/-1;font-size:12px}#settings-panel .saved-build-bar select{width:100%;font-size:16px}#settings-panel #build-library{padding:18px 0 0;margin:16px 0 0;border:0;border-top:1px solid var(--line);background:none}#settings-panel .library-heading h3{font-size:17px;margin:0}#saved-build-count{color:var(--accent);font-size:12px;margin-left:8px}#settings-panel .library-heading p{margin-top:7px}#settings-panel #save-build-form>div{flex-basis:100%}#settings-panel #save-build-form>button{flex:1}#settings-panel #saved-build-list,#settings-panel .wall-slot-controls{grid-template-columns:minmax(0,1fr)}#settings-panel details>summary{min-height:44px;line-height:44px;font-size:12px}#settings-panel details p{font-size:11px}#settings-panel #artist-credits{border-top:1px solid var(--line);padding-top:4px}@media(max-width:1050px),(pointer:coarse){#settings-panel{left:12px;right:12px;width:auto}#settings-panel .drawer-heading{position:sticky;top:-22px}}@media(max-width:700px){.brand img{width:80px;height:54px}.brand-caption{display:none}.brand{gap:0}.loadout-heading>.save-indicator{font-size:8px;letter-spacing:.5px}}#settings-panel details{margin-top:14px}#settings-panel #saved-build-details[open]>summary{margin-bottom:8px}#underbarrel-controls{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}#underbarrel-controls summary{color:var(--accent);font-size:10px}.underbarrel-placement{margin-top:10px;padding:10px;background:#111f27;border:1px solid #415b69}#underbarrel-value{font-size:9px;color:var(--accent)}#underbarrel-position{width:100%;accent-color:var(--accent);margin:17px 0 8px;touch-action:none}@media(max-width:1050px),(pointer:coarse){#underbarrel-controls summary{min-height:44px;line-height:44px;list-style-position:inside;font-size:12px}#underbarrel-position{min-height:36px}}#share{min-width:130px;min-height:38px;padding:10px 18px;background:var(--accent);color:#10252d;border:1px solid #a8edf7;font:inherit;font-size:11px;font-weight:700;white-space:nowrap}#share:disabled{opacity:.45;cursor:default}@media(max-width:1050px),(pointer:coarse){#share{min-height:44px;font-size:12px;min-width:110px;flex-shrink:0}}body:has(#loading[data-initial=true]:not([hidden])){overflow:hidden}#loading{background:radial-gradient(ellipse at 50% 35%,#253036,#101619 58%,#0a0e10);padding:20px;opacity:1;transition:opacity .22s ease;isolation:isolate}#loading[data-initial=true]{position:fixed;inset:0;z-index:30;min-height:100svh}#loading:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff0b;pointer-events:none;z-index:-1}#loading.leaving{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;min-width:0}.loading-logo{width:clamp(132px,25vw,240px);height:auto;object-fit:contain;display:block;margin-bottom:8px}.loading-kicker{color:#a9b2b5;letter-spacing:3px;font-size:10px;font-weight:700}#loading strong{display:block;font-weight:600;font-size:20px;margin-top:22px;color:#f0f2f2;letter-spacing:-.3px}#loading p{font-size:12px;min-height:21px;margin:9px 0 18px;color:#9fb0b7;max-width:360px}#loading progress{display:block;appearance:none;width:min(280px,100%);height:3px;border:0;background:#344046;color:#cf342c;accent-color:#cf342c;overflow:hidden}#loading progress::-webkit-progress-bar{background:#344046}#loading progress::-webkit-progress-value{background:#cf342c}#loading progress::-moz-progress-bar{background:#cf342c}#loading progress:indeterminate{background:linear-gradient(90deg,#344046 20%,#cf342c,#344046 80%);background-size:200% 100%;animation:loading-sweep 1.6s linear infinite}#loading progress:indeterminate::-webkit-progress-bar{background:transparent}.loading-hint{margin-top:18px;font-size:10px;line-height:1.6;color:#7d9099;max-width:290px}#retry-loading{min-height:44px;margin-top:20px;padding:11px 24px;font-size:12px;font-weight:700;color:#fff;background:#a52924;border:1px solid #dc5149}#loading:not([data-initial=true]) .loading-logo{width:120px;margin:0}#loading:not([data-initial=true]) .loading-kicker{font-size:8px}#loading:not([data-initial=true]) strong{margin-top:12px;font-size:16px}#loading:not([data-initial=true]) .loading-hint{margin-top:12px}@keyframes loading-sweep{to{background-position:-200% 0}}@media(max-height:500px){#loading .loading-logo{width:120px}#loading strong{margin-top:12px;font-size:17px}#loading p{margin:6px 0 12px}.loading-hint{margin-top:10px}}@media(max-height:500px){#loading:not([data-initial=true]){padding:12px}#loading:not([data-initial=true]) .loading-logo,#loading:not([data-initial=true]) .loading-kicker,#loading:not([data-initial=true]) .loading-hint{display:none}#loading:not([data-initial=true]) strong{margin-top:0;font-size:15px}#loading:not([data-initial=true]) p{font-size:11px;line-height:1.45;margin:6px 0 10px}#loading:not([data-initial=true]) #retry-loading{margin-top:8px}}@media(prefers-reduced-motion:reduce){#loading{transition:none}#loading progress:indeterminate{animation:none}}.analytics-settings{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.analytics-settings p{font-size:11px;line-height:1.6;color:#a1b5bf}#analytics-preferences{min-height:44px;padding:10px 14px;border:1px solid #607b86;background:#21343e;color:#e2ecef;font-size:12px}#analytics-choice{position:fixed;right:20px;bottom:20px;z-index:40;width:min(430px,calc(100vw - 40px));padding:22px;background:#18232a;border:1px solid #687a83;box-shadow:0 8px 35px #0009}#analytics-choice h2{font-size:21px;margin:0;letter-spacing:-.3px}#analytics-choice>p{font-size:12px;line-height:1.6;color:#afbec5;margin:12px 0 18px}.analytics-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-choice-actions button{min-height:44px;padding:10px;border:1px solid #8b9ca5;background:#243740;color:#edf3f5;font-size:12px;font-weight:600}.analytics-choice-actions button:hover{background:#35515e}#analytics-choice #analytics-choice-status{font-size:10px;margin:12px 0 0;color:#91a7b2}#analytics-choice-status:empty{display:none}@media(max-width:700px){#analytics-choice{right:12px;bottom:12px;width:calc(100vw - 24px);padding:18px}}@media(max-height:500px){#analytics-choice{padding:14px;bottom:12px}#analytics-choice h2{font-size:18px}#analytics-choice>p{margin:8px 0 12px;font-size:11px}}