:root{color-scheme:dark;--ink:#d9deee;--muted:#9da5a0;--highlight:#8195d3;--line:#383e52;--panel:#111522;--cobalt:#7287c7;--purple:#a0b1e5}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090c16;color:var(--ink);font:15px/1.5 system-ui,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
    body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 52% 17%,#262e45 0%,transparent 46%),radial-gradient(ellipse at 100% 50%,#1c2338 0%,transparent 45%),#090c16}
    .notice{background:#21283e;border-bottom:1px solid #424a61;color:#ccd0dc;text-align:center;padding:7px 12px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.top{border-bottom:1px solid #383e52;background:#0a0e1acf}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px}.brand{font-family:Georgia,serif;font-weight:bold;font-size:22px;letter-spacing:.025em;color:#b9c6ec}.brand span{color:var(--cobalt)}nav{display:flex;gap:28px;color:#aeb5c8;font-size:13px}nav a:hover{color:white}.top-cta{border:1px solid #555f7d;border-radius:5px;padding:8px 14px;color:#a3b1dd;font-size:12px}
    .crumb{display:flex;gap:9px;align-items:center;color:#99a1b9;font-size:12px;margin:28px 0 18px}.crumb b{font-weight:400;color:#8c9dd0}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(105deg,#20273c 0%,#1a1f30 52%,#181d2d 100%);border:1px solid #444c63;border-radius:9px;min-height:176px;padding:26px 38px;box-shadow:0 25px 80px #0005}.hero:after{content:"✦";position:absolute;right:30%;top:-75px;font-size:250px;color:#b3c0e7;opacity:.045;pointer-events:none}.identity{display:flex;align-items:center;gap:22px;z-index:1}.portrait{width:98px;height:98px;flex:none;border:2px solid #95a3cc;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#5b6585,#191e2e 70%);box-shadow:0 0 0 6px #1c2234,0 0 30px #969fbc55}.portrait img{width:100%;height:145%;object-fit:contain;object-position:center top}.eyebrow{margin:0;color:var(--highlight);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.identity h1{font:normal 48px/1 Georgia,serif;margin:5px 0 10px;letter-spacing:.015em}.identity p:last-child{margin:0;color:#bec3d2}.class{color:#a8bbf3}.tag{margin-left:8px;border:1px solid #5f6a8b;border-radius:4px;padding:3px 7px;color:#c4c9d7;font-size:11px}.hero-stats{display:flex;gap:34px;text-align:center;margin:0;z-index:1}.hero-stats div{min-width:90px}.hero-stats dt{color:#a5acc2;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.hero-stats dd{font:normal 30px Georgia,serif;color:#bbc8ed;margin:3px 0}
    .main{margin-top:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tabs{display:flex;gap:4px;padding:5px;background:#0e1322;border:1px solid #383e52;border-radius:7px}.tab{border:0;background:transparent;color:#a5acc1;padding:9px 20px;border-radius:4px}.tab[aria-selected=true]{background:#333a4e;color:#fff;box-shadow:inset 0 0 0 1px #5b6686}.mock-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#90a4df;border:1px solid #49567c;border-radius:4px;padding:6px 9px}.sheet{border:1px solid #48516b;border-radius:9px;overflow:hidden;background:linear-gradient(#131929,#0d121f);box-shadow:0 24px 65px #0006}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #383f53;color:#9ba9d2;font-family:Georgia,serif;font-size:18px}.sheet-head small{font:12px system-ui;color:#8d96b2}.paperdoll{display:grid;grid-template-columns:minmax(130px,1fr) minmax(280px,1.65fr) minmax(130px,1fr);gap:18px;min-height:560px;padding:24px 26px 12px;background:radial-gradient(ellipse at 50% 52%,#2d3652 0%,#151b2b 43%,transparent 78%)}.slots{display:flex;flex-direction:column;gap:10px;justify-content:center;z-index:1}.slot{display:flex;align-items:center;gap:10px;min-height:53px;color:#ccd0dd;font-size:12px}.slots.right .slot{flex-direction:row-reverse;text-align:right}.icon{width:51px;height:51px;flex:none;padding:3px;border:1px solid #7d8cb8;background:#181e2e;border-radius:4px;box-shadow:0 0 0 2px #181d2d,inset 0 0 9px #000}.icon img{width:100%;height:100%;object-fit:cover;border-radius:2px}.slot small{display:block;color:#838dab;font-size:11px}.model-area{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}.moon{position:absolute;width:min(390px,95%);aspect-ratio:1;top:5%;border:1px solid #7e8db964;border-radius:50%;box-shadow:0 0 0 15px #7b85a512,0 0 0 35px #7b85a508,inset 0 0 60px #95a6d81e}.model-area:after{content:"";position:absolute;bottom:27px;width:75%;height:36px;border-radius:50%;background:#536bb248;filter:blur(20px)}.character{position:relative;z-index:1;width:auto;max-width:100%;height:500px;object-fit:contain;filter:drop-shadow(0 16px 20px #0009)}.model-caption{position:relative;z-index:2;color:#9fa6bd;letter-spacing:.15em;text-transform:uppercase;font-size:10px;margin:0 0 7px}.bottom-slots{display:flex;justify-content:center;gap:12px;padding:0 20px 23px}.bottom-slots .icon{width:48px;height:48px}.section{padding:26px 28px;border-top:1px solid #343a4c}.section h2{font:normal 23px Georgia,serif;color:#aab8e3;margin:0 0 16px}.summary{display:grid;grid-template-columns:1fr 2fr;gap:20px}.spec{display:flex;gap:14px;align-items:center;border:1px solid #485069;background:#1c2236;padding:14px;border-radius:6px}.spec img{width:45px;height:45px;border-radius:4px}.spec b{display:block;color:#dadfee}.spec span{color:#a6adc3;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid #3a4156;background:#151b2b;border-radius:5px;padding:12px;text-align:center}.stat b{display:block;font:22px Georgia,serif;color:#aebbe2}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#99a1ba}.detail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail div{border-bottom:1px solid #383f53;padding:9px 0;display:flex;justify-content:space-between;gap:8px}.detail span{color:#99a1ba}.detail b{font-weight:500}.foot{display:flex;justify-content:space-between;align-items:center;color:#8791ae;font-size:12px}.foot button{background:transparent;border:1px solid #626d8f;color:#d8dbe6;border-radius:5px;padding:8px 13px}.tab-panel[hidden]{display:none}.talent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tree{background:#141a2a;border:1px solid #444c63;border-radius:7px;padding:20px}.tree h3{font:normal 19px Georgia,serif;color:#a9b8e6;margin:0 0 14px}.tree p{color:#aab1c5}.talent-icons{display:flex;gap:8px}.talent-icons img{width:43px;height:43px;border:2px solid #6478b3;border-radius:4px}.placeholder-note{margin:0;color:#b3b9cc}.footer{padding:24px 0 38px;color:#687498;text-align:center;font-size:12px}
    @media(max-width:850px){nav{display:none}.hero{padding:24px}.hero-stats{gap:16px}.paperdoll{grid-template-columns:100px minmax(170px,1fr) 100px;gap:8px;padding:18px 10px}.slot span{display:none}.character{height:440px}.summary{grid-template-columns:1fr}.detail{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:620px){.top-cta{display:none}.crumb{margin:17px 0}.hero{display:block;padding:22px}.identity{gap:16px}.portrait{width:70px;height:70px}.identity h1{font-size:34px}.hero-stats{border-top:1px solid #4f5975;margin:20px 0 0;padding-top:15px;justify-content:space-around}.hero-stats dd{font-size:24px}.toolbar{align-items:flex-start;flex-direction:column}.tabs{width:100%}.tab{flex:1;padding:8px}.paperdoll{grid-template-columns:49px minmax(0,1fr) 49px;gap:3px;padding:12px 7px}.slot{min-height:49px}.icon{width:43px;height:43px}.character{height:360px}.moon{top:16%;width:95%}.model-caption{font-size:8px}.sheet-head{padding:14px}.section{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.talent-grid{grid-template-columns:1fr}.foot{gap:12px;align-items:flex-start}.bottom-slots{padding-bottom:18px}}

/* Cobalt theme accents */
:root{--ink:#eaf0ff;--muted:#a9bce6;--highlight:#b4c9ff;--cobalt:#6895ff;--line:#344d86;--panel:#0d1b39}
body{background:#060f25}
body:before{background:radial-gradient(ellipse at 52% 17%,#173a85 0%,transparent 45%),radial-gradient(ellipse at 100% 48%,#0e2351 0%,transparent 47%),#060f25}
.notice{background:#193a83;border-color:#3965c5;color:#e3ecff}
.top{background:#081735e8;border-color:#294c9a}
.brand{color:#e7efff}.brand span{color:#6e9cff}
.top-cta,.mock-label{border-color:#527bdb;color:#bcd0ff}
.hero{background:linear-gradient(108deg,#183d8a 0%,#102d6f 54%,#0e2051 100%);border-color:#547ad2}
.portrait{border-color:#81a6ff;box-shadow:0 0 0 6px #143671,0 0 32px #4f87ff88}
.tag{border-color:#7597df}.hero-stats dt{color:#b9cbf1}.hero-stats dd{color:#d5e3ff}
.tabs{background:#0a1b3d;border-color:#3757a0}.tab[aria-selected=true]{background:#2a56b9;box-shadow:inset 0 0 0 1px #7ca0f2}
.sheet{background:linear-gradient(#0e2147,#091832);border-color:#4568b5}
.sheet-head{border-color:#36569b;color:#d1dfff}
.paperdoll{background:radial-gradient(ellipse at 50% 52%,#2854a0 0%,#112c65 40%,#0b1a37 79%)}
.icon{border-color:#7394dd;background:#102657;box-shadow:0 0 0 2px #10234c,inset 0 0 9px #000}
.moon{border-color:#82b4ff77;box-shadow:0 0 0 15px #609cff17,0 0 0 35px #609cff0a,inset 0 0 60px #8dbdff29}
.model-area:after{background:#4c83ff70}.model-caption{color:#b4cdff}
.section{border-color:#304c88}.section h2,.tree h3{color:#ccdfff}
.spec,.stat,.tree{background:#112b62;border-color:#365ba9}.spec b{color:#e5edff}.stat b{color:#d5e2ff}
.detail div{border-color:#334d88}.foot button{border-color:#7196e5;color:#dce8ff}
.talent-icons img{border-color:#7da2fa}
@media(max-width:620px){.hero-stats{border-color:#6486cc}}