:root{--race-accent:#55d8ff;--race-accent-2:#65f5cf;--race-panel:rgba(2,27,46,.94);--race-panel-soft:rgba(7,43,68,.78);--race-border:#287ea5;--race-header-top:#15344c;--race-header-bottom:#051326;--race-control-top:#153d59;--race-control-bottom:#071a2d;--race-control-active-top:#1688b4;--race-control-active-bottom:#0a4e72;--race-font:Inter,Segoe UI,sans-serif}
body[data-race-skin="dervik"]{--race-accent:#ffad29;--race-accent-2:#ffe18a;--race-panel:rgba(35,22,7,.96);--race-panel-soft:rgba(77,45,11,.88);--race-border:#c57512;--race-header-top:#5d390d;--race-header-bottom:#1d1207;--race-control-top:#70420d;--race-control-bottom:#241506;--race-control-active-top:#d58a21;--race-control-active-bottom:#75400b;--race-font:"Bahnschrift SemiCondensed",Impact,sans-serif;background-image:linear-gradient(rgba(5,8,13,.44),rgba(5,8,13,.76)),url("assets/skins/dervik/background.webp")!important}
body[data-race-skin="kharthak"]{--race-accent:#ff5132;--race-accent-2:#ffac63;--race-panel:rgba(34,5,5,.97);--race-panel-soft:rgba(78,12,9,.9);--race-border:#c53628;--race-header-top:#64170f;--race-header-bottom:#210707;--race-control-top:#741b14;--race-control-bottom:#280908;--race-control-active-top:#d64b35;--race-control-active-bottom:#761c14;--race-font:"Arial Narrow",Impact,sans-serif;background-image:linear-gradient(rgba(10,2,2,.4),rgba(10,2,2,.78)),url("assets/skins/kharthak/background.webp")!important}
body[data-race-skin="veliar"]{--race-accent:#f7fbff;--race-accent-2:#c8d5e4;--race-panel:rgba(20,26,35,.96);--race-panel-soft:rgba(58,68,82,.9);--race-border:#dce8f4;--race-header-top:#8795a5;--race-header-bottom:#242d38;--race-control-top:#78889a;--race-control-bottom:#293542;--race-control-active-top:#eef4fa;--race-control-active-bottom:#8494a6;--race-font:"Trebuchet MS",Segoe UI,sans-serif;background-image:linear-gradient(rgba(8,12,18,.3),rgba(5,9,15,.68)),url("assets/skins/veliar/background.webp")!important}
body[data-race-skin="uvgreen"]{--race-accent:#83ff16;--race-accent-2:#d0ff8c;--race-panel:rgba(7,24,10,.96);--race-panel-soft:rgba(17,62,22,.9);--race-border:#5fe20e;--race-header-top:#235f13;--race-header-bottom:#071b08;--race-control-top:#245d15;--race-control-bottom:#091d09;--race-control-active-top:#70dc19;--race-control-active-bottom:#347b10;--race-font:"Segoe UI",sans-serif;background-image:linear-gradient(rgba(2,18,4,.28),rgba(2,15,4,.7)),url("assets/galactic-base.webp")!important}
body[data-race-skin="purple"]{--race-accent:#c979ff;--race-accent-2:#efd0ff;--race-panel:rgba(22,8,34,.96);--race-panel-soft:rgba(64,22,88,.9);--race-border:#9a43d3;--race-header-top:#54206f;--race-header-bottom:#190823;--race-control-top:#51216d;--race-control-bottom:#1b0a25;--race-control-active-top:#a94bdd;--race-control-active-bottom:#582174;--race-font:"Segoe UI",sans-serif;background-image:linear-gradient(rgba(18,3,28,.26),rgba(15,3,24,.7)),url("assets/galactic-base.webp")!important}
body[data-race-skin]:not([data-race-skin="human"]){background-size:cover!important;background-position:center!important;background-attachment:fixed!important;font-family:var(--race-font)}
body[data-race-skin="dervik"]:before{background:#160d03 url("assets/skins/dervik/background.webp") center/cover no-repeat!important}
body[data-race-skin="kharthak"]:before{background:#170302 url("assets/skins/kharthak/background.webp") center/cover no-repeat!important}
body[data-race-skin="veliar"]:before{background:#151b23 url("assets/skins/veliar/background.webp") center/cover no-repeat!important}
body[data-race-skin="uvgreen"]:before{background:#061607 url("assets/galactic-base.webp") center/cover no-repeat!important}
body[data-race-skin="purple"]:before{background:#150620 url("assets/galactic-base.webp") center/cover no-repeat!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.resource-header,.sidebar,.panel,.resource-detail-panel,.construction-queue,.facility-process-strip,.mailbox-window,#fleet>div,#fleet>section){border-color:color-mix(in srgb,var(--race-border) 78%,transparent)!important;background-color:var(--race-panel)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(#construction-waiting>span,.facility-process-strip #facility-process-list>span){border-color:color-mix(in srgb,var(--race-border) 72%,transparent)!important;background:color-mix(in srgb,var(--race-control-bottom) 72%,#020817)!important;color:#fff!important}
body[data-race-skin]:not([data-race-skin="human"]) #construction-progress{background:linear-gradient(90deg,var(--race-control-bottom),var(--race-accent),var(--race-control-bottom))!important;box-shadow:0 0 8px var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.panel,.resource-selector,#research .panel,#shipyard .panel,#defense .panel){background:linear-gradient(145deg,var(--race-panel),color-mix(in srgb,var(--race-panel-soft) 38%,var(--race-panel)))!important;border-color:var(--race-border)!important;box-shadow:inset 0 0 26px color-mix(in srgb,var(--race-accent) 6%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(button,.primary,.inventory-tabs button,.mail-folders button){border-color:var(--race-border)}
body[data-race-skin]:not([data-race-skin="human"]) :is(button.active,button[aria-pressed="true"]:not(.research-select):not(.facility-card):not(.resource-building-card),.primary){background:linear-gradient(180deg,color-mix(in srgb,var(--race-accent) 70%,#17354b),color-mix(in srgb,var(--race-accent) 28%,#061a2a))!important;box-shadow:0 0 14px color-mix(in srgb,var(--race-accent) 42%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.eyebrow,.panel-heading span,.brand-mark,.building-card-title){color:var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) .resource-header{background:linear-gradient(180deg,var(--race-header-top),var(--race-header-bottom))!important;border-bottom-color:var(--race-border)!important;box-shadow:0 4px 20px #0009,0 0 18px color-mix(in srgb,var(--race-accent) 18%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.resource-header .resources article,.active-colony-chip){border-color:color-mix(in srgb,var(--race-accent) 28%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.sidebar nav button,.inventory-tabs button,.store-categories button,.resource-header .toolbar button,.workspace-heading .toolbar button,.mail-folders button){background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;border-color:var(--race-border)!important;color:#fff!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 18%,transparent),0 2px 7px #0008!important}
body[data-race-skin]:not([data-race-skin="human"]) .mobile-menu-toggle{background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;border-color:var(--race-border)!important;color:var(--race-accent-2)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 24%,transparent),0 0 12px color-mix(in srgb,var(--race-accent) 32%,transparent),0 2px 10px #000a!important}
body[data-race-skin]:not([data-race-skin="human"]) .mobile-logout{background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;border-color:var(--race-border)!important;color:var(--race-accent-2)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 20%,transparent),0 2px 7px #0008!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.sidebar nav button,.inventory-tabs button,.store-categories button,.resource-header .toolbar button,.workspace-heading .toolbar button,.mail-folders button):is(.active,[aria-pressed="true"]){background:linear-gradient(180deg,var(--race-control-active-top),var(--race-control-active-bottom))!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff55,0 0 15px color-mix(in srgb,var(--race-accent) 45%,transparent)!important}
body[data-race-skin="veliar"] :is(.sidebar nav button,.inventory-tabs button,.store-categories button,.resource-header .toolbar button,.workspace-heading .toolbar button,.mail-folders button):is(.active,[aria-pressed="true"]){color:#101820!important;text-shadow:none!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.sidebar,.store-categories,.store-layout>section,.inventory-tabs,.workspace-heading,.panel-heading){border-color:var(--race-border)!important;background:linear-gradient(145deg,var(--race-panel),color-mix(in srgb,var(--race-panel-soft) 55%,#02060c))!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.skill-hero,.skill-branch,.skill-node,#skill-dialog,.profile-dialog,.booster-inventory-dialog,.daily-market-header,.daily-market-card,.daily-market-reward-dialog,.research-detail,.entity-detail,.resource-detail-panel,#tech-tree,#technology-info,#ship-viewer,#building-viewer,#employee-dialog,.reward-hero,.reward-layout>div){border-color:var(--race-border)!important;background:linear-gradient(145deg,var(--race-panel-soft),var(--race-panel))!important;box-shadow:inset 0 0 34px color-mix(in srgb,var(--race-accent) 7%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.skill-icon,#skill-close,.resource-detail-close,.profile-close,#colony-drawer-close,[data-employee-close],[data-inventory-close],[data-market-reward-close]){border-color:var(--race-border)!important;background:linear-gradient(180deg,var(--race-control-active-top),var(--race-control-active-bottom))!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff44,0 0 10px color-mix(in srgb,var(--race-accent) 34%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-actions button,.detail-action-buttons button,.entity-detail .resource-upgrade>button,.technology-info-open,.booster-open,.facility-process-strip button,.viewer-toolbar button,.viewer-tabs button,#tech-tree button,#skill-dialog button,.booster-dialog-info button,.employee-dialog-info button){border-color:var(--race-border)!important;background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;color:#fff!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 20%,transparent),0 2px 7px #0008!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-actions button,.detail-action-buttons button,.entity-detail .resource-upgrade>button,.technology-info-open,.booster-open,.facility-process-strip button,.viewer-toolbar button,.viewer-tabs button,#tech-tree button,#skill-dialog button,.booster-dialog-info button,.employee-dialog-info button):is(.primary,[aria-pressed="true"]){background:linear-gradient(180deg,var(--race-control-active-top),var(--race-control-active-bottom))!important;box-shadow:inset 0 1px 0 #ffffff55,0 0 12px color-mix(in srgb,var(--race-accent) 38%,transparent)!important}
body[data-race-skin="veliar"] :is(.skill-icon,#skill-close,.resource-detail-close,.profile-close,#colony-drawer-close,[data-employee-close],[data-inventory-close],[data-market-reward-close]){color:#101820!important}
body[data-race-skin="veliar"] :is(.research-actions button,.detail-action-buttons button,.entity-detail .resource-upgrade>button,.technology-info-open,.booster-open,.facility-process-strip button,.viewer-toolbar button,.viewer-tabs button,#tech-tree button,#skill-dialog button,.booster-dialog-info button,.employee-dialog-info button):is(.primary,[aria-pressed="true"]){color:#101820!important}

.colony-drawer-toggle{position:fixed;z-index:85;right:0;top:46%;width:28px;min-height:126px;padding:10px 4px;border:1px solid var(--race-border);border-right:0;border-radius:12px 0 0 12px;background:var(--race-panel);color:var(--race-accent);display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 0 22px #0008;cursor:pointer}
.colony-drawer-toggle b{font-size:10px;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg)}
.colony-drawer-toggle span{font-size:20px}.colony-drawer{position:fixed;z-index:100;inset:var(--topbar) 0 0 auto;width:min(390px,92vw);padding:24px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .22s ease;background:linear-gradient(145deg,var(--race-panel),rgba(1,10,20,.98));border-left:1px solid var(--race-border);box-shadow:-18px 0 50px #000b;overflow:auto}
.colony-drawer.open{transform:translateX(0)}.colony-drawer-shade{position:fixed;z-index:95;inset:var(--topbar) 0 0;background:#0009;backdrop-filter:blur(2px)}
.colony-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--race-border)}.colony-drawer-head h2{margin:4px 0}.colony-drawer-head small{letter-spacing:.16em;color:var(--race-accent)}
.colony-drawer-head button{width:42px;height:42px;padding:0}.colony-drawer-list{display:grid;grid-auto-rows:min-content;align-content:start;gap:9px;margin:18px 0;flex:1}.colony-card{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:9px;align-items:center;width:100%;min-height:54px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--race-border) 65%,transparent);border-radius:5px;background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom));color:#e9f6ff;text-align:left}.colony-card.active{outline:1px solid var(--race-accent);box-shadow:0 0 12px color-mix(in srgb,var(--race-accent) 24%,transparent)}
.colony-planet{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#d8f4ff 0 5%,var(--race-accent) 18%,#174465 52%,#030812 75%);box-shadow:inset -7px -6px 9px #0009,0 0 9px color-mix(in srgb,var(--race-accent) 55%,transparent)}.colony-card strong,.colony-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colony-card strong{font-size:12px}.colony-card small{margin-top:2px;color:#a9c4d2;font-size:10px}.colony-card .colony-rename{padding:3px;font-size:13px}.colony-name-editor{grid-column:2/4;display:flex;gap:6px}.colony-name-editor input{min-width:0;flex:1}
.store-skin-catalog{grid-column:1/-1;margin-top:18px;padding-top:18px;border-top:1px solid #37617a}.store-skin-catalog>header{margin-bottom:14px}.store-skin-catalog h3{margin:4px 0 2px;font-size:20px}.store-skin-catalog p{margin:0;color:#9bb8c9}.store-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.store-skin-card{position:relative;min-height:185px;padding:0;overflow:hidden;border:1px solid var(--race-border);border-radius:8px;background:#061523;color:white;text-align:left}.store-skin-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.store-skin-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020812ed)}.store-skin-copy{position:absolute;z-index:1;inset:auto 12px 12px}.store-skin-copy strong,.store-skin-copy small{display:block}.store-skin-copy strong{font-size:18px}.store-skin-copy small{margin-top:4px;color:#bad1df}.store-skin-card[aria-pressed="true"]{outline:2px solid var(--race-accent);outline-offset:2px}.store-skin-card[aria-pressed="true"] .store-skin-copy small{color:#fff}.store-skin-admin{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:3px;background:#c3841e;color:#fff!important;font-size:9px;letter-spacing:.12em}
.active-colony-chip{min-width:165px;padding:0 16px;border-right:1px solid #31526c;line-height:1.1}.active-colony-chip small,.active-colony-chip span{display:block;font-size:9px;letter-spacing:.1em;color:#8fb5c9}.active-colony-chip strong{display:block;margin:3px 0;color:var(--race-accent);font-size:13px}
body.auth-pending>.colony-drawer-toggle,body.auth-pending>.colony-drawer-shade{visibility:hidden}

body[data-race-skin="dervik"] [data-resource-select="0"],body[data-race-skin="kharthak"] [data-resource-select="0"],body[data-race-skin="veliar"] [data-resource-select="0"]{background-image:var(--skin-metal)!important}
body:is([data-race-skin="dervik"],[data-race-skin="kharthak"],[data-race-skin="veliar"]) [data-resource-select="0"]{background-image:url("assets/skins/dervik/building-metal-mine.webp")}
body[data-race-skin="dervik"]{--skin-metal:url("assets/skins/dervik/building-metal-mine.webp");--skin-crystal:url("assets/skins/dervik/building-crystal-mine.webp");--skin-hydrogen:url("assets/skins/dervik/building-hydrogen-plant.webp");--skin-solar:url("assets/skins/dervik/building-solar-station.webp")}
body[data-race-skin="kharthak"]{--skin-metal:url("assets/skins/kharthak/building-metal-mine.webp");--skin-crystal:url("assets/skins/kharthak/building-crystal-mine.webp");--skin-hydrogen:url("assets/skins/kharthak/building-hydrogen-plant.webp");--skin-solar:url("assets/skins/kharthak/building-solar-station.webp")}
body[data-race-skin="veliar"]{--skin-metal:url("assets/skins/veliar/building-metal-mine.webp");--skin-crystal:url("assets/skins/veliar/building-crystal-mine.webp");--skin-hydrogen:url("assets/skins/veliar/building-hydrogen-plant.webp");--skin-solar:url("assets/skins/veliar/building-solar-station.webp")}
body:is([data-race-skin="dervik"],[data-race-skin="kharthak"],[data-race-skin="veliar"]) [data-resource-select="0"]{background-image:var(--skin-metal)!important}body:is([data-race-skin="dervik"],[data-race-skin="kharthak"],[data-race-skin="veliar"]) [data-resource-select="1"]{background-image:var(--skin-crystal)!important}body:is([data-race-skin="dervik"],[data-race-skin="kharthak"],[data-race-skin="veliar"]) [data-resource-select="2"]{background-image:var(--skin-hydrogen)!important}body:is([data-race-skin="dervik"],[data-race-skin="kharthak"],[data-race-skin="veliar"]) [data-resource-select="3"]{background-image:var(--skin-solar)!important}
@media(max-width:760px){.colony-drawer-toggle{top:auto;bottom:92px}.active-colony-chip{display:none}.colony-drawer{width:min(350px,94vw);padding:18px}.store-skin-grid{grid-template-columns:1fr 1fr}.store-skin-card{min-height:150px}}
/* Keep the complete species illustration identical in cards and detail views. */
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-select,.facility-card,.resource-building-card){background-size:contain!important;background-position:center!important;background-color:color-mix(in srgb,var(--race-panel) 92%,#000)!important}
/* The warehouse cards use a 2x2 sprite sheet; do not shrink the whole sheet into the card on mobile. */
body[data-race-skin]:not([data-race-skin="human"]) .storage-card-slot .storage-card{background-size:200% 200%!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-select,.facility-card) img{object-fit:contain!important;object-position:center!important;background:color-mix(in srgb,var(--race-panel) 92%,#000)}
body[data-race-skin]:not([data-race-skin="human"]) :is(#resource-detail-image,#facility-image,#research-scene){object-fit:cover!important;object-position:center!important;background:color-mix(in srgb,var(--race-panel) 94%,#000)!important}
body[data-race-skin]:not([data-race-skin="human"]) .production-scene{object-fit:contain!important;object-position:center!important;background:color-mix(in srgb,var(--race-panel) 94%,#000)!important}
body[data-race-skin]:not([data-race-skin="human"])[data-page="economy"] .entity-detail,body[data-race-skin]:not([data-race-skin="human"])[data-page="buildings"] .entity-detail{grid-template-columns:minmax(0,min(45.6%,528px,calc((var(--detail-height,380px) - 145px)*1.77778))) minmax(0,1fr)!important}
body[data-page="research"] .research-detail{grid-template-columns:minmax(0,min(45.6%,528px)) minmax(0,1fr)!important}
body[data-page="research"] #research-scene{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}

/* The command bridge is part of the active species skin, including panorama mode. */
body[data-race-skin]:not([data-race-skin="human"]) #overview .hero.command-bridge{border-color:var(--race-border)!important;background:linear-gradient(145deg,var(--race-panel-soft),var(--race-panel))!important;box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--race-panel) 85%,#000),0 0 0 1px var(--race-border)!important}
body[data-race-skin]:not([data-race-skin="human"]) #overview .bridge-image{opacity:.78;filter:saturate(1.05) contrast(1.03)}
body[data-race-skin]:not([data-race-skin="human"]) #overview :is(.stats article,.alert-row,.bridge-routes button){border-color:var(--race-border)!important;background:linear-gradient(145deg,var(--race-panel-soft),var(--race-panel))!important;box-shadow:inset 0 0 20px color-mix(in srgb,var(--race-accent) 7%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #overview :is(.stats span,.stats small,.alert-row){color:color-mix(in srgb,var(--race-accent) 60%,#fff)!important}

/* Catalogue controls: theme the entire button chrome, not only its outer panel. */
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-select,.facility-card,.resource-building-card){border-color:var(--race-border)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-select,.facility-card,.resource-building-card) .building-card-title{background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;border-bottom-color:var(--race-border)!important;color:var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.card-level-badge,.storage-card-slot>span){background:color-mix(in srgb,var(--race-control-bottom) 88%,transparent)!important;border-color:var(--race-border)!important;color:#fff!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.research-select,.facility-card,.resource-building-card)[aria-pressed="true"]{outline-color:var(--race-accent)!important;box-shadow:0 0 12px color-mix(in srgb,var(--race-accent) 36%,transparent)!important}

/* Mailbox internals previously kept their original blue layers. */
body[data-race-skin]:not([data-race-skin="human"]) .mailbox-window{background:linear-gradient(160deg,var(--race-panel),color-mix(in srgb,var(--race-panel-soft) 45%,var(--race-panel)))!important;border-color:var(--race-border)!important}
body[data-race-skin]:not([data-race-skin="human"]) .mailbox-toolbar{background:color-mix(in srgb,var(--race-panel) 92%,#000)!important;border-bottom-color:var(--race-border)!important}
body[data-race-skin]:not([data-race-skin="human"]) .mailbox-toolbar strong{color:var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #mail-list{scrollbar-color:var(--race-border) color-mix(in srgb,var(--race-panel) 88%,#000)!important}
body[data-race-skin]:not([data-race-skin="human"]) #mail-list .mail-message{background:color-mix(in srgb,var(--race-panel-soft) 48%,var(--race-panel))!important;border-bottom-color:color-mix(in srgb,var(--race-border) 62%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #mail-list .mail-message:hover{background:color-mix(in srgb,var(--race-panel-soft) 72%,var(--race-panel))!important}
body[data-race-skin]:not([data-race-skin="human"]) #mail-list .mail-new{background:color-mix(in srgb,var(--race-panel-soft) 82%,var(--race-panel))!important;border-left-color:var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #mail-list .mail-body{background:color-mix(in srgb,var(--race-panel) 92%,#000)!important;border-top-color:var(--race-border)!important}

/* The ability tree intentionally keeps the original Alliance presentation. */
body[data-race-skin]:not([data-race-skin="human"]) #skills .skill-branch{background:linear-gradient(150deg,#251803f0,#080d16f5)!important;border-color:#ffb82e!important;box-shadow:0 0 14px #ffb82e33!important}
body[data-race-skin]:not([data-race-skin="human"]) #skills .skill-branch.science{background:linear-gradient(150deg,#032538f0,#070f1cf5)!important;border-color:#28d2ff!important;box-shadow:0 0 14px #28d2ff33!important}
body[data-race-skin]:not([data-race-skin="human"]) #skills .skill-branch.war{background:linear-gradient(150deg,#33070df0,#100811f5)!important;border-color:#ff5467!important;box-shadow:0 0 14px #ff546733!important}
body[data-race-skin]:not([data-race-skin="human"]) #skills .skill-node{background:#050e19a8!important;border-color:transparent!important;box-shadow:none!important}
body[data-race-skin]:not([data-race-skin="human"]) #skills .skill-node.learned{box-shadow:inset 0 0 16px color-mix(in srgb,var(--branch) 15%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #skill-dialog{background:#081c2f!important;border-color:#57bcdf!important;box-shadow:0 16px 90px #000!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(#skill-close,#skill-dialog button){background:#18263b!important;border-color:#34445c!important;color:#e6edf7!important;box-shadow:none!important}
body[data-race-skin]:not([data-race-skin="human"]) #skill-dialog .primary{background:#7ae0c3!important;border-color:#7ae0c3!important;color:#09221f!important}
.store-skin-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
@media(max-width:760px){.store-skin-grid{grid-template-columns:1fr 1fr}}

/* Fleet command uses the active skin instead of the original blue chrome. */
body[data-race-skin]:not([data-race-skin="human"]) main#workspace>#fleet:not([hidden]){border-color:var(--race-border)!important;background:linear-gradient(135deg,var(--race-panel),color-mix(in srgb,var(--race-panel-soft) 54%,var(--race-panel)))!important;box-shadow:inset 0 0 35px color-mix(in srgb,var(--race-accent) 8%,transparent),0 8px 28px #0007!important}
body[data-race-skin]:not([data-race-skin="human"]) main#workspace>#fleet:not([hidden])::before{background:linear-gradient(90deg,transparent,var(--race-accent),transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet :is(#fleet-step-one,#fleet-step-two,.active-fleets){border-color:var(--race-border)!important;background:color-mix(in srgb,var(--race-panel) 94%,#000)!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-transit{border-color:color-mix(in srgb,var(--race-border) 78%,transparent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--race-panel) 92%,#000),color-mix(in srgb,var(--race-panel-soft) 60%,var(--race-panel)))!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--race-accent) 8%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-transit-info :is(strong,span){color:var(--race-accent-2)!important}body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-transit-info small{color:color-mix(in srgb,var(--race-accent) 45%,#dcecf5)!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-track{border-color:var(--race-border)!important;background:color-mix(in srgb,var(--race-panel) 82%,#000)!important;box-shadow:inset 0 0 8px #000,0 0 10px color-mix(in srgb,var(--race-accent) 26%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-track::before{background:linear-gradient(90deg,var(--race-control-bottom),var(--race-accent))!important}body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-transit.returning .fleet-track::before{background:linear-gradient(270deg,var(--race-control-bottom),var(--race-accent))!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-track i{filter:drop-shadow(0 0 6px var(--race-accent))!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet :is(.fleet-quantity-strip,.fleet-quantity-row>.fleet-quantity-zero,.fleet-quantity-row>.fleet-quantity-max,.fleet-recall){border-color:var(--race-border)!important;background:linear-gradient(165deg,var(--race-control-active-top),var(--race-control-active-bottom))!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 38%,#fff),inset 0 0 0 2px color-mix(in srgb,var(--race-accent) 12%,transparent),0 2px 6px #0008!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-quantity-strip input{background:color-mix(in srgb,var(--race-control-bottom) 88%,transparent)!important;color:#fff!important}body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-quantity-strip button{background:transparent!important;color:#fff!important;text-shadow:0 1px 4px #000!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-quantity-row button:disabled{border-color:color-mix(in srgb,var(--race-border) 36%,transparent)!important;background:color-mix(in srgb,var(--race-panel) 90%,#000)!important;color:color-mix(in srgb,var(--race-accent) 30%,#61717b)!important;box-shadow:none!important}
body[data-race-skin]:not([data-race-skin="human"]) #fleet .fleet-recall{color:var(--race-accent-2)!important}

/* Administrator surfaces follow the selected skin as well. */
body[data-race-skin]:not([data-race-skin="human"]) :is(#admin-panel,.admin-player-panel,#admin-player-dialog,#admin-message-dialog){border-color:var(--race-border)!important;background:linear-gradient(145deg,var(--race-panel),color-mix(in srgb,var(--race-panel-soft) 48%,var(--race-panel)))!important;color:#eef8ff!important;box-shadow:inset 0 0 28px color-mix(in srgb,var(--race-accent) 7%,transparent),0 8px 28px #0007!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.admin-player-list,.admin-message-rules){border-color:color-mix(in srgb,var(--race-border) 70%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.admin-player-row,.admin-message-rule,.admin-asset){border-color:color-mix(in srgb,var(--race-border) 64%,transparent)!important;background:color-mix(in srgb,var(--race-panel-soft) 48%,var(--race-panel))!important}
body[data-race-skin]:not([data-race-skin="human"]) .admin-player-row:hover{background:color-mix(in srgb,var(--race-panel-soft) 78%,var(--race-panel))!important;box-shadow:inset 3px 0 var(--race-accent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.admin-player-row span,.admin-player-row time,.admin-message-rule span,.admin-message-rule small,.admin-detail-meta){color:color-mix(in srgb,var(--race-accent) 42%,#d9e8f1)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(.admin-asset-group h3,.admin-player-row strong){color:var(--race-accent-2)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(#admin-panel button,.admin-player-panel button,#admin-player-dialog button,#admin-message-dialog button){border-color:var(--race-border)!important;background:linear-gradient(180deg,var(--race-control-top),var(--race-control-bottom))!important;color:#fff!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--race-accent) 20%,transparent),0 2px 7px #0008!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(#admin-panel button,.admin-player-panel button,#admin-player-dialog button,#admin-message-dialog button):is(.primary,[aria-pressed="true"]){background:linear-gradient(180deg,var(--race-control-active-top),var(--race-control-active-bottom))!important;box-shadow:inset 0 1px 0 #ffffff55,0 0 12px color-mix(in srgb,var(--race-accent) 38%,transparent)!important}
body[data-race-skin]:not([data-race-skin="human"]) :is(#admin-panel input,#admin-message-dialog input,#admin-message-dialog select,#admin-message-dialog textarea){border-color:var(--race-border)!important;background:color-mix(in srgb,var(--race-panel) 86%,#000)!important;color:#f3fbff!important}
body[data-race-skin]:not([data-race-skin="human"]) .admin-asset img{border-color:var(--race-border)!important;background:color-mix(in srgb,var(--race-panel) 88%,#000)!important}