/* Ashen Ridge's actual interface: soot, ivory, brass and ember. */
:root{--lime:#d9b776;--orange:#ed7856;--line:#c7b59d35;--cream:#ece3d3}
body{background:#161619;color:#ece3d3}
#vignette{background:radial-gradient(ellipse at 53% 47%,transparent 34%,#100b0980 100%)}
#topbar{background:#101214eb;border-bottom-color:#cab48a38}
#topbar .brand b{color:#eae4d8}.brand .build{color:#b4a894}.top-right{color:#b8ac99}
.team.friendly{color:#99c2d3}.team.hostile{color:#ee7b5e}
.menu-shade{background:linear-gradient(90deg,#111316f7 0%,#141518e8 30%,#17151999 58%,#17151940 100%)}
.intro{top:15%;left:4.5%;width:40%;max-width:530px}
.intro h1{font-size:clamp(65px,7.6vw,119px);margin:22px 0 19px}.intro h1 span{color:#d1b586}.intro h1 sup{color:#bc7d4e}
.intro h2{font-size:clamp(28px,3vw,44px);color:#ede5d6}.intro p{color:#bbae9b;line-height:1.8}
.intro .eyebrow{color:#b1a088;font-size:9px}.operation-card{background:#191a1cd9;border-color:#d6b8853b}.operation-card .op-icon{background:#af6a3030;color:#d3ae71}.operation-card small,.operation-card span{color:#ac9e87}.operation-card strong{color:#e2d4ba}
.primary{background:#ceaf77;color:#161719;border-color:#d8ba82}.primary:hover{background:#ebcf9c}
.secondary-actions button{color:#c7b99f}.menu-controls{color:#a89c87}
.menu-footer{background:#111214e6;border-top-color:#cbb7942f;color:#a99a84}.scene-label{display:none}
.briefing-roster{position:absolute;right:3.8%;top:13%;width:min(45vw,640px);z-index:2}
.roster-heading,.roster-foot{display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1.4px;color:#dac6a5;padding:13px 0;border-bottom:1px solid #dbc09c40}
.roster-heading small{font:8px monospace;color:#a99a89}.roster-foot{border-bottom:none;border-top:1px solid #dbc09c40;color:#9a9286;font-size:8px;padding:12px 0}
#briefing-classes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 0}
.class-card{position:relative;background:linear-gradient(155deg,#252426ee,#151619f0);border:1px solid #b8aa9036;overflow:hidden;text-align:left;min-width:0}
.class-card.selected{border-color:var(--class-color);box-shadow:inset 0 0 20px #d6a56509,0 0 0 1px #d8b4760f}
.class-card header{display:flex;gap:12px;align-items:center;padding:15px 15px 0}.class-card header small{font:7px monospace;letter-spacing:1px;color:#a99f8f}.class-card h3{font-size:15px;letter-spacing:1px;color:#e7dfd1;margin:4px 0 0}.class-symbol{font:24px monospace;color:var(--class-color)}.class-card header em{font:10px monospace;color:#827967;margin-left:auto}
.class-card canvas{display:block;width:100%;height:175px;object-fit:contain;margin:0 auto}.class-tag{font:8px monospace;color:#c5bcae;letter-spacing:.65px;padding:0 15px}
.compact-stats{font:9px monospace;color:var(--class-color);display:flex;justify-content:space-between;padding:9px 15px}
.class-card>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 15px;border-top:1px solid #b8aa9036;background:#0b0d0f60;color:#d5c9b5;font:9px monospace;letter-spacing:.9px}.class-card.selected>button{background:var(--class-color);color:#161719}.class-card>button:hover:not(:disabled){background:#b49a763a}.class-card>button:disabled{opacity:.4;cursor:not-allowed}
.panel,.soldier-hud,.weapon-hud,#capture,#toast,#interact{background:#111519eb;border-color:#b7a68c40}.panel .eyebrow,.weapon-heading,.squad-line{color:#baae9b}
.mission{border-left:2px solid #bd7c47}.mission p,.mission-bottom{color:#c0b5a4}.live-dot{background:#ccae72;box-shadow:0 0 6px #ccae7240}
#radio-feed{color:#c7bda9}.radio-message{background:#14161be0;border-color:#a8957835}.radio-message b{color:#dcb879}.radio-message span{color:#c8baa6}
.resource-ribbon,.command-dock button{background:#111519ed;border-color:#b5a08440}.resource-ribbon small{color:#bbac91}.resource-ribbon b{color:#dec290}.resource-ribbon em{color:#a59b8c}.tier-chip{border-color:#d2b58245}
.command-dock button{color:#dfc89e}.command-dock #supply-network{color:#bbb09b}.minimap canvas{filter:saturate(.48) sepia(.22)}.map-heading,.map-bottom{color:#cfc0a5}
.bar{background:#d0b78a27}.stamina-line .bar i{background:#bfb4a0}.callsign small{color:#c5b49b}.callsign strong{font-size:10px}.ammo>span,.ammo b{color:#c0b39e}.weapon-bottom{color:#d8c9ac}
#class-abilities{position:absolute;bottom:212px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto;z-index:7;width:450px;--class-color:#d9b776}
#class-abilities button{min-height:57px;display:flex;align-items:center;gap:10px;padding:9px 11px;background:#111519ef;border:1px solid #c6b39348;flex:1;text-align:left;color:#eee4d4;position:relative;overflow:hidden}
#class-abilities button:hover:not(:disabled){border-color:var(--class-color)}#class-abilities button:disabled{cursor:default;opacity:.58}#class-abilities button>div{flex:1}#class-abilities b{font:8px monospace;letter-spacing:.5px;display:block;white-space:nowrap}#class-abilities small{font:7px monospace;display:block;margin-top:6px;color:var(--class-color)}#class-abilities i{position:absolute;left:0;bottom:0;height:2px;background:var(--class-color)}#class-abilities kbd{font-size:10px;color:var(--class-color)}
#class-abilities #loadout-btn{flex:0 0 53px;flex-direction:column;gap:4px;padding:7px}#loadout-btn span{font:6px monospace;letter-spacing:.8px}
#class-status{position:absolute;left:50%;bottom:280px;transform:translateX(-50%);color:#f0c876;font:10px monospace;letter-spacing:2px;background:#161516b8;padding:7px 14px}
#revive-hint{position:absolute;top:62%;left:50%;transform:translateX(-50%);background:#0c171dea;border:1px solid #82d5cf;color:#b5ffef;font:11px monospace;padding:11px 15px}
.modal{background:#0c0d10b3}.dialog,.map-dialog,.radio-dialog,.command-dialog{background:#191b1f;border-color:#cdb28b55}.dialog p,.dialog-foot{color:#bbaf9b}.dialog .eyebrow,.row-button span{color:#d4b889}.manual-grid{color:#cdc1ac}
.command-header p,.command-footer,.command-notice{color:#bcb09b}.command-header,.command-footer,.command-tabs,.command-resources{border-color:#c5ae8538}.command-tabs button{color:#cdbb9e}.command-tabs button.active{color:#e8c68c;border-color:#d5a559}
.vehicle-card,.research-card,.network-card{background:#12161b;border-color:#b9a68440}.vehicle-card h3,.research-card h3{color:#e8d3ad}.vehicle-card p,.research-card p,.lock-reason{color:#b2a895}.vehicle-card button,.research-card button{background:#b8985e;color:#151518}.vehicle-card button:disabled,.research-card button:disabled{background:#2d2b29;color:#877e6b}
.command-resources b{color:#e0bc7d}.command-resources small,.command-resources em{color:#baab91}.radio-option{background:#14181c;border-color:#c3ab813d}.radio-option b{color:#dcc8a4}.radio-option small{color:#b4a791}.radio-option:hover:not(:disabled){border-color:#d7b17b;background:#272522}.map-sector{border-color:#c3ab8130}.map-sector small,.map-note{color:#b0a18b}.map-stats{color:#d9b577}
.loadout-dialog{width:min(1220px,96vw);background:#17191d;border:1px solid #cdb28b55;padding:25px;max-height:94vh;overflow:auto}.loadout-dialog h2{font-size:32px;color:#eee2cb}.loadout-dialog .eyebrow{color:#c09b64}.loadout-dialog .command-header{margin-bottom:16px}
#loadout-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}#loadout-classes .class-card{display:flex;flex-direction:column}#loadout-classes canvas{height:215px}#loadout-classes p{font:10px/1.6 monospace;color:#bcb1a2;padding:12px 15px;margin:0;min-height:73px}#loadout-classes .class-card>button{margin-top:auto}#loadout-classes h3{font-size:13px}
.class-statrow{display:flex;justify-content:space-between;gap:5px;margin:0 15px 12px;border-top:1px solid #b8aa9030;padding-top:10px;font:6px monospace;color:#b3a28b}.class-statrow b{font:18px monospace;color:var(--class-color);display:block;margin-bottom:4px}.class-weapon{margin:0 15px 10px;font:9px monospace;color:#e0ccb0}.class-weapon small{display:block;font-size:7px;color:#9c907e;margin-top:5px}
.class-equip{display:flex;gap:8px;padding:9px 15px;border-top:1px solid #b8aa9025}.class-equip kbd{font-size:9px;height:fit-content;color:var(--class-color)}.class-equip b{font:8px monospace;color:var(--class-color);display:block;margin-bottom:5px}.class-equip small{font:8px/1.55 monospace;color:#bbb09e;display:block}
#loadout-notice{padding:14px 0 4px;font:11px monospace;color:#d5b781;min-height:40px}
#death.revivable{background:transparent;backdrop-filter:none;pointer-events:none;align-items:end;padding-bottom:30px}#death.revivable .dialog{width:400px;padding:24px;pointer-events:auto;background:#171418f5}#death.revivable h2{font-size:26px}#death.revivable p{margin:12px 0}.down-note{font:9px/1.6 monospace;display:block;margin-top:14px;color:#b8aa94}#loadout{z-index:45}
#toast{white-space:normal;max-width:620px;width:max-content;max-width:min(620px,90vw);line-height:1.65;pointer-events:none}#event-feed .feed-item{background:#15181ddc;color:#d5c6ac}
body.recon #class-abilities,body.recon #class-status,body.recon #revive-hint{display:none!important}
@media(max-height:850px){.briefing-roster{top:13%;width:min(43vw,600px)}.class-card canvas{height:128px}.class-card header{padding:10px 12px 0}.class-card h3{font-size:13px}.class-tag{font-size:7px}.compact-stats{padding:7px 13px}.class-card>button{padding:9px 13px}.intro h1{margin:16px 0}.intro p{margin:16px 0}.loadout-dialog{padding:20px}#loadout-classes canvas{height:150px}#loadout-classes p{font-size:9px;padding:9px 12px;min-height:68px}.class-equip{padding:7px 12px}.loadout-dialog h2{font-size:27px}}
@media(max-width:1050px){.intro{width:44%;left:3%}.intro h1{font-size:70px}.briefing-roster{right:3%;width:46%}.class-card h3{font-size:11px}.class-card header{gap:6px}.roster-heading{font-size:8px}.roster-heading small{font-size:6px}#loadout-classes{grid-template-columns:repeat(2,1fr)}#class-abilities{width:388px}.class-card canvas{height:118px}.class-symbol{font-size:20px}.class-tag{font-size:6px}}
@media(max-width:760px){.briefing-roster{top:50%;left:3%;width:94%}#briefing-classes{grid-template-columns:repeat(4,1fr);gap:5px}.briefing-roster .class-card canvas{height:100px}.briefing-roster .class-card header{padding:8px;gap:4px}.briefing-roster .class-card h3{font-size:8px}.briefing-roster .class-card header small,.briefing-roster .class-card header em,.briefing-roster .class-tag,.briefing-roster .compact-stats{display:none}.briefing-roster .class-card>button{font-size:7px;padding:9px 8px}.intro{top:12%;width:90%}.intro h1{font-size:60px;margin:12px 0}.intro h2{font-size:24px}.intro p,.operation-card,.menu-controls,.intro .eyebrow{display:none}.intro .primary{width:55%}.secondary-actions{width:70%}.roster-foot{display:none}#class-abilities{bottom:212px;width:320px}#class-abilities button{padding:8px;gap:5px}#class-abilities b{font-size:7px}#class-abilities small{font-size:6px}}