/* Shared window hierarchy; rarity/element colours on game items remain intact. */
:root{--mg-bg:#101827;--mg-surface:#192438;--mg-raised:#202f46;--mg-border:#3b4d67;--mg-text:#edf2fa;--mg-muted:#bac8dc;--mg-gold:#e6c77d;--mg-space:16px}
body #advPanel,body #advPanel.win{inset:20px;max-width:1120px;margin:0 auto;border:1px solid var(--mg-border);border-radius:16px;background:var(--mg-bg);color:var(--mg-text);box-shadow:0 24px 70px #000a;overflow:hidden;font-size:14px;line-height:1.6;isolation:isolate}
body #advPanel.kitWide{max-width:1380px}
#advPanel .mgHead{flex:none;min-height:76px;padding:12px 20px;gap:10px;background:#162135;border-bottom:1px solid var(--mg-border)}
#advPanel .mgHeading{flex:1;min-width:0;display:grid;gap:2px}#advPanel .mgHeading small{font-size:12px;color:var(--mg-muted)}#advPanel .mgHeading .apWinT{font-size:21px;line-height:1.4;color:var(--mg-gold);overflow-wrap:anywhere}
#advPanel .apLayout{display:flex;flex:1;min-height:0;position:relative}
#advPanel .apNav{flex:0 0 212px;overflow:auto;background:#131d2e;border-right:1px solid var(--mg-border);padding:12px;scrollbar-width:thin;scrollbar-color:#536885 transparent}
#advPanel .apNavGroup{margin:0 0 16px}#advPanel .apNavGroup h3{font-size:12px;font-weight:600;color:var(--mg-muted);margin:6px 10px 8px;letter-spacing:.02em}
#advPanel .apNav button{display:block;width:100%;padding:9px 12px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--mg-text);text-align:left;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;margin:2px 0}
#advPanel .apNav button:hover{background:var(--mg-surface);border-color:var(--mg-border)}#advPanel .apNav button[aria-pressed="true"]{background:#334058;border-color:var(--mg-gold);color:#ffe8b2;font-weight:700;box-shadow:inset 3px 0 var(--mg-gold)}
#advPanel .apBody{min-width:0;min-height:0;flex:1;overflow:auto;padding:20px 24px 32px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536885 transparent}
#advPanel .apH{font-size:16px;line-height:1.5;color:var(--mg-gold);margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--mg-border)}
#advPanel .apInfo,#advPanel .kitHow,#advPanel .kitTip{font-size:14px;line-height:1.75;color:var(--mg-muted);margin:8px 0 14px}
#advPanel .apI,#advPanel .apStat,#advPanel .advSets,#advPanel .stClass,#advPanel .kitFilt{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:10px;padding:12px;margin-bottom:10px}
#advPanel .apI>small,#advPanel .apStat small,#advPanel .stClass small{font-size:12px;line-height:1.6;color:var(--mg-muted)}
#advPanel .kitBox{box-shadow:none;border-width:1px;border-radius:12px;padding:16px;margin-bottom:20px}
#advPanel .apShop,#advPanel .apInv{gap:12px}#advPanel .apSum{gap:8px;margin-top:16px}#advPanel .apSum span{padding:9px 12px;background:var(--mg-surface);font-size:13px}
#advPanel .btn,#advBig .btn,#advZones .btn{min-height:40px;border-radius:8px;border:1px solid var(--mg-border);background:#24344c;color:var(--mg-text);box-shadow:none;font-size:13px;line-height:1.5;padding:8px 12px}
#advPanel .btn.primary,#advPanel .btn[aria-pressed="true"]{background:#56472b;border-color:var(--mg-gold);color:#fff0cb}
#advPanel button:disabled{opacity:.45;cursor:not-allowed}#advPanel button:focus-visible,#advPanel input:focus-visible,#advPanel select:focus-visible{outline:2px solid #a2ccff;outline-offset:2px}
#advPanel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),#advPanel select{min-height:40px;max-width:100%;background:#101a2a;color:var(--mg-text);border:1px solid var(--mg-border);border-radius:8px;padding:8px 10px;font-size:14px}
#advPanel .mgClose{min-width:42px;font-size:18px}#advPanel .mgNavToggle{display:none}
#advPanel .apBag{gap:10px}#advPanel .itT{border-radius:9px}#advPanel .itSl{font-size:10px}#advPanel .itLv{font-size:10px}
body #advBig{background:var(--mg-bg);border:1px solid var(--mg-border);border-radius:14px;overflow:hidden}#advBig .bmHead{padding:14px 18px;background:#162135;border-bottom:1px solid var(--mg-border);gap:10px}#advBig .bmHead b{font-size:18px;color:var(--mg-gold)}#advBig .bmHead small{font-size:13px;color:var(--mg-muted)}#advBig .bmList{background:var(--mg-surface);border-color:var(--mg-border);padding:12px;gap:8px}
@media(max-width:900px){#advPanel .apBody{padding:16px}#advPanel .apNav{flex-basis:190px}#advPanel .kitGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:'lib' 'mid' 'info'}#advPanel .stClass{flex-wrap:wrap}}
@media(max-width:700px){body #advPanel,body #advPanel.win{inset:6px;border-radius:12px;max-width:none}#advPanel .mgHead{padding:10px 12px;min-height:70px;gap:6px}#advPanel .mgHeading .apWinT{font-size:18px}#advPanel .mgNavToggle{display:inline-flex;align-items:center}#advPanel .apNav{display:none;position:absolute;inset:0 auto 0 0;width:min(260px,86%);z-index:3;box-shadow:20px 0 45px #000a}#advPanel.navOpen .apNav{display:block}#advPanel .apBody{padding:14px 12px 24px}#advPanel .btn{min-height:44px}#advPanel .apStat{grid-template-columns:38px minmax(0,1fr) 30px 40px 40px;gap:4px;padding:10px 6px}#advPanel .apInfo{font-size:13px}#advBig .bmHead{flex-wrap:wrap;padding:10px}#advBig .bmHead small{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#advPanel,#advPanel *{animation:none!important;transition:none!important}}

/* V181.5: Celestial Atlas — original teal, parchment gold and engraved iconography. */
:root{--mg-bg:#101f29;--mg-surface:#1b303b;--mg-raised:#263e49;--mg-border:#41535a;--mg-text:#f3eddf;--mg-muted:#bdc9c6;--mg-gold:#ddc696}
body #advPanel,body #advPanel.win{border:1px solid #c1a57088;border-radius:8px 26px 8px 26px;background:radial-gradient(ellipse at 80% 0%,#23434a88,transparent 65%),#101f29;box-shadow:0 25px 90px #000b,inset 0 0 0 4px #e1c99408}
#advPanel .mgHead{min-height:100px;background:#1b323c url('ui/celestial-atlas.svg') right center/auto 290px no-repeat;border-bottom-color:#d7bd7b66;padding:18px 26px}
#advPanel .mgHeading small{letter-spacing:.08em;color:#c1d4cf}#advPanel .mgHeading .apWinT{font-size:25px;font-weight:600;color:#f0dfb9;text-shadow:0 2px 8px #0008}
#advPanel .mgEmblem{width:54px;height:54px;flex:none;display:grid;place-items:center;font-size:40px;color:#e9d5a5;border:1px solid #d4b97b77;transform:rotate(45deg);border-radius:12px;margin:0 12px 0 4px;background:#10262c80}
#advPanel .apNav{background:linear-gradient(165deg,#1c343d,#10232c);border-right:1px solid #c1a57044;padding:18px 12px;flex-basis:218px}
#advPanel .apNavGroup{margin-bottom:24px}#advPanel .apNavGroup h3{font-size:11px;letter-spacing:.05em;color:#b1c5be;margin-bottom:10px}
#advPanel .apNav button{display:flex;align-items:center;gap:13px;border-radius:3px 14px 3px 14px;min-height:44px;color:#c8d5d1;transition:background .15s,color .15s}
#advPanel .apNav button[aria-pressed="true"]{background:linear-gradient(90deg,#e1cda6,#c6b58f);color:#20343c;border-color:#f4e4c2;box-shadow:0 3px 12px #0003}
#advPanel .mgIcon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#advPanel .apBody{padding:25px 30px 36px;background:linear-gradient(140deg,#27454c20,transparent 50%)}
#advPanel .apH{border-bottom:1px solid #d6bd883f;letter-spacing:.02em;font-size:17px}#advPanel .apH:before{content:'✧';margin-right:10px;color:#c8b78f}
#advPanel .apI,#advPanel .apStat,#advPanel .stClass,#advPanel .kitFilt,#advPanel .advSets{background:linear-gradient(110deg,#213944,#192e38);border-color:#4a646c88;border-radius:5px 16px 5px 16px;box-shadow:0 4px 12px #0002}
#advPanel .btn,#advBig .btn,#advZones .btn{border-radius:5px 12px 5px 12px;background:#29434e;border-color:#607875;color:#eee4d1}
#advPanel .btn.primary,#advPanel .btn[aria-pressed="true"]{background:linear-gradient(110deg,#e4cf9f,#bdac82);color:#25343c;border-color:#f1dfb4;font-weight:700}
#advPanel .apSum span{border:1px solid #52696b66;border-radius:6px;padding:12px 14px}#advPanel .itT{border-radius:6px 14px 6px 14px;box-shadow:inset 0 0 0 1px #eed39b22}
#advPanel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),#advPanel select{background:#10252d;border-color:#58716d}
#fbLogin{background:radial-gradient(ellipse at 75% 20%,#315461,#09171f 75%)!important}#fbLogin .fbBox{background:#142a34 url('ui/celestial-atlas.svg') right top/auto 330px no-repeat;border:1px solid #bfa878;border-radius:8px 28px 8px 28px;box-shadow:0 30px 100px #0008}#fbLogin h1{letter-spacing:.05em;color:#ead5a6}
body>#toast{position:fixed!important;z-index:2147483000!important;top:20px;bottom:auto;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));pointer-events:none}body>#toast>div{background:#152b35f5;color:#f5ecd8;border:1px solid #c1a57088;padding:13px 17px;border-radius:6px;box-shadow:0 4px 20px #0006}body>#toast>.bad{border-color:#ef9e92;color:#ffe2d9}
#mgSyncGate{position:fixed;inset:0;z-index:2147482000;background:#09151fe8;display:grid;place-items:center;padding:22px;color:#f0e4cf;font:15px/1.8 system-ui}#mgSyncGate section{max-width:570px;padding:32px;border:1px solid #ac986d;background:#18313b;border-radius:8px 24px}#mgSyncGate h2{color:#e5cfa0}#mgSyncGate button{background:#e3cfaa;color:#172a33;border:0;border-radius:7px;padding:12px 18px;margin:8px 8px 0 0;font:inherit;cursor:pointer}#mgSyncGate button:disabled{opacity:.55}
@media(max-width:700px){#advPanel .mgHead{min-height:83px;padding:12px}#advPanel .mgEmblem{width:34px;height:34px;font-size:26px;margin:0 6px}#advPanel .mgHeading .apWinT{font-size:20px}#advPanel .apBody{padding:14px 12px 24px}#advPanel .apNav{width:min(280px,88%)}#advPanel .apNav button{min-height:48px}}

#advPanel .noart{background:#17313b url("ui/hero-crest.svg") center/cover no-repeat;position:relative;text-shadow:0 2px 5px #000;}