:root { --paper:#0c1424;--panel:#192740;--ink:#eee9de;--muted:#b7c5d8;--line:#354661;--accent:#b7ee8c;--orange:#f69b74;--stage:#16263b; }
body { background:radial-gradient(ellipse at 15% 0,#263951 0,transparent 45%),#090f1c;color:var(--ink); }
.shell { background:linear-gradient(155deg,#142139 0,#0f182a 45%,#101c2b 100%); }
.topbar { background:#111c30; }
.main { position:relative; }
.brand-mark { filter:drop-shadow(0 3px 8px #85ead426); }
.primary { background:linear-gradient(150deg,#caf2a0,#a9df73);box-shadow:0 3px 0 #769e49,0 7px 20px #a9df7312;border:1px solid #d9f6b2; }
.navbar { background:#131f34;border-color:#35465f; }
.level-pill,.icon-btn,.back { background:#1b2b45;border-color:#3a506f; }
.session-goal { border-left:3px solid #85ead4;padding:3px 0 3px 16px;margin:12px 0 18px; }
.session-goal>span { display:block;font-size:11px;letter-spacing:.14em;color:#85ead4;margin-bottom:8px; }
.session-goal h2 { font-size:25px;letter-spacing:-.5px; }
.session-goal p { font-size:16px;color:#c6d1df;line-height:1.5;margin-top:9px; }
.workshop-stage { border-color:#405e6f!important;background:linear-gradient(170deg,#284757,#192d40)!important;box-shadow:inset 0 1px 0 #9acbd01c,0 20px 60px #0002; }
.workshop-v7 .heading-row h1 { font-size:25px;color:#edf3ed; }
.workshop-v7 .workshop-controls>.panel-heading { display:none; }
.workshop-v7 .specimen { border-radius:20px;background:radial-gradient(ellipse at 50% 28%,#315260 0,#172b3c 75%); }
.slot,.dock-part { background:#20354c!important;border-color:#46647c!important; }
.play-modes { padding:5px;background:#17253b;border:1px solid #354761;border-radius:16px; }
.play-modes button { background:transparent;border:0!important; }
.play-modes button[aria-pressed=true] { background:#345248!important;color:#e4f4df; }
.workshop-v7 .stage-card { border:1px solid #30445d;border-radius:14px;padding:12px;margin-bottom:14px;background:#152338; }
.workshop-v7 .stage-number { background:#233a50;color:#aad9cf; }
.workshop-v7 .workshop-details { margin-top:12px; }
.first-session .daily-nudge { display:none; }
.showroom-collection-heading { display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em;color:#a9c6d7;margin-bottom:10px; }
.showroom-collection-heading strong { font-size:15px;letter-spacing:0;color:#d6ecba; }
.showroom-selector { display:flex!important;overflow-x:auto;gap:9px;padding:4px 2px 13px;scroll-snap-type:x proximity;scrollbar-width:thin; }
.showroom-selector .showroom-skin { flex:0 0 104px;display:grid!important;grid-template-rows:92px auto auto;align-content:start;justify-items:center;gap:3px;padding:4px 4px 10px;min-height:150px;border-radius:16px;background:#172a40;border:1px solid #3e5974;scroll-snap-align:center; }
.showroom-selector .showroom-skin[aria-pressed=true] { background:#304b45;border-color:#b9e994;box-shadow:inset 0 0 0 1px #b9e994; }
.showroom-catalog-model { width:92px;height:92px; }
.showroom-selector .showroom-skin strong { font-size:14px;color:#edf3e5; }
.showroom-selector .showroom-skin small { font-size:11px;color:#b9cddd;white-space:nowrap; }
.showroom-preview { border-color:#3e5776!important;background:linear-gradient(160deg,#21324d,#16253c)!important; }
.showroom-inspection { padding:10px 0 0;margin:12px 0 0;border:0;border-top:1px solid #3d516d;background:transparent; }
.showroom-inspection summary { min-height:42px;color:#a8c8d9;font-size:14px; }
.showroom-inspection .shop-comparison { margin-top:10px; }
.showroom-bundle { margin-top:20px!important;border-radius:15px!important;padding:16px!important; }
.showroom-bundle summary { color:#d9e5e9;font-size:15px;font-weight:600; }
.showroom-title { margin:10px 0 0; }
.showroom-unlock-note { margin:10px 0 16px;font-size:15px;line-height:1.45;color:#c6dfb5; }
.showroom-goal { border-radius:15px;background:#203b42;border-color:#407269; }
.showroom-purchase .showroom-promise { margin:10px 0 18px; }
.training-explanation { border-left:3px solid #85ead4;padding:6px 0 6px 16px;margin:20px 0; }
.training-explanation h2 { font-size:25px;margin:0 0 10px; }
.training-explanation p { color:#c4d4df;font-size:16px;line-height:1.55; }
.training-explanation p+p { margin-top:9px;color:#c3e6a2; }
.battle-preparation:has(.training-explanation) { padding:20px; }
.battle-preparation .training-explanation { margin:3px 0 16px; }
.battle-analysis { border:0;background:none;padding:12px 0; }
.battle-analysis summary { color:#bacbd8;font-size:15px;font-weight:600;min-height:42px; }
.battle-analysis[open] summary { margin-bottom:12px; }
.build-inspection { border:0;border-top:1px solid #354661;background:transparent;margin:8px 0 16px;padding:8px 0; }
.build-inspection summary { min-height:44px;font-size:14px;color:#b7c5d8; }
.result-unlocks { padding:13px 15px;border:1px solid #49664c;border-radius:14px;background:#24392d;margin:12px 0; }
.result-unlocks summary { color:#d2edb3;font-size:15px;font-weight:650;min-height:32px; }
.result-unlocks[open] summary { margin-bottom:12px; }
.result-unlocks>p { font-size:15px;line-height:1.45;margin-bottom:12px; }
.exp-find-copy .exp-part-ability { font-size:15px;line-height:1.45; }
.exp-find-card { min-width:0;border:1px solid #486157;border-radius:17px;background:#20333a;overflow:hidden; }
.exp-find-card .exp-find { width:100%;border:0;border-radius:0;background:transparent; }
.exp-find-details { border:0;border-top:1px solid #3f5458;padding:9px 16px;background:transparent; }
.exp-find-details summary { font-size:14px;min-height:38px;color:#bacecf; }
.exp-find-details p { font-size:15px;line-height:1.45;padding:6px 0 10px;color:#d1dcd9; }
@media(max-width:899px) {
 .shell { background:linear-gradient(160deg,#14253b,#101b2e 65%); }
 .workshop-v7 .workshop-stage { background:none!important;box-shadow:none; }
 .workshop-v7 .heading-row { display:block!important;order:0;margin:4px 0 8px; }
 .workshop-v7 .heading-row h1 { font-size:23px; }
 .workshop-v7 .specimen { height:clamp(250px,34dvh,315px);margin:0 -6px;border:1px solid #3c5669;border-radius:22px; }
 .workshop-v7 .creature-label { margin:10px 0; }
 .workshop-v7 .creature-label h2 { font-size:19px; }
 .workshop-v7 .mobile-slot-dock button { border-radius:13px;min-height:58px; }
 .session-goal { margin:17px 0 14px;padding-left:13px; }
 .session-goal>span { margin-bottom:6px; }.session-goal h2 { font-size:22px; }
 .session-goal p { font-size:15px;margin-top:7px; }
 .play-modes { margin:14px 0 10px; }
 .play-modes button { min-height:60px; }
 .first-session .specimen { height:245px; }
 .first-session .workshop-details { margin-top:14px; }
 .showroom-selector .showroom-skin { flex-basis:95px;min-height:140px;grid-template-rows:82px auto auto; }
 .showroom-catalog-model { width:82px;height:82px; }
 .shop-showroom .showroom-model { height:300px; }
 .showroom-model .showroom-creature { height:300px!important; }
 .showroom-title h2 { font-size:25px; }
 .showroom-preview { padding:16px 13px!important; }
 .shop-showroom .showroom-purchase { margin:15px 0 20px; }
 .training-explanation h2 { font-size:23px; }
}
