:root{--ink:#17213f;--muted:#6d7894;--line:#c7b27f;--gold:#ffd257;--green:#2dc873;--panel:#fff4d6;--navy:#1b2949;--blue:#4e72ac;--shadow:0 8px 0 rgba(10,18,36,.22),0 20px 50px rgba(7,13,27,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 50% 0,#3a5378 0,transparent 34%),linear-gradient(155deg,#16233d,#0b1122 75%);min-height:100vh}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:4px solid #68e5ff;outline-offset:3px}.backend-shell{width:min(1180px,100%);margin:0 auto;min-height:100vh;padding:18px 20px 34px}.backend-header{position:sticky;top:12px;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:2px solid #111a33;border-radius:19px;color:white;background:rgba(32,47,80,.94);backdrop-filter:blur(12px);box-shadow:0 6px 0 #0f182f,0 14px 34px rgba(0,0,0,.25)}.brand-mark{position:relative;width:48px;height:48px;border-radius:14px;background:linear-gradient(#ffd865,#e49a25);border:3px solid #8c5517;box-shadow:inset 0 3px 0 #fff1a8}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;background:#283958}.brand-mark:before{left:10px;right:10px;bottom:8px;height:24px;border-radius:9px 9px 3px 3px}.brand-mark:after{left:15px;bottom:8px;width:9px;height:15px;border-radius:7px 7px 0 0;background:#101b32}.brand-mark span{left:7px;right:7px;top:8px;height:8px;clip-path:polygon(0 0,25% 0,25% 70%,45% 70%,45% 0,65% 0,65% 70%,85% 70%,85% 0,100% 0,100% 100%,0 100%)}.brand-copy small{display:block;color:#8ea2c7;font-size:.58rem;font-weight:900;letter-spacing:2px}.brand-copy h1{margin:2px 0 0;font-size:1.2rem}.backend-resources{display:flex;align-items:center;gap:9px}.gem-balance,.battle-return{height:45px;display:flex;align-items:center;gap:7px;padding:0 13px;border:2px solid #101a33;border-radius:13px;background:#162340}.gem-balance svg{width:23px;fill:#4ee285}.gem-balance strong{font-size:1.05rem}.gem-balance span{color:#9fb0cd;font-size:.63rem;font-weight:800}.battle-return{cursor:pointer;text-decoration:none;color:#18312b;background:linear-gradient(#54db8a,#30b96e);border-color:#12613e;box-shadow:0 3px 0 #125b3b;font-weight:1000}.battle-return svg{width:22px;fill:currentColor}
.command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin:28px 0 16px;padding:34px;border:3px solid #1b2847;border-radius:27px;background:linear-gradient(135deg,#fff5d8 0 62%,#d9c187 62%);box-shadow:var(--shadow)}.command-hero:after{content:"";position:absolute;right:-50px;top:-90px;width:350px;height:350px;border-radius:50%;border:50px solid rgba(255,255,255,.25)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-head span{color:#a06a20;font-size:.65rem;font-weight:1000;letter-spacing:2px}.hero-copy h2{max-width:650px;margin:8px 0 9px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.hero-copy p{max-width:650px;margin:0;color:#626b80;line-height:1.65;font-weight:700}.hero-actions{display:flex;gap:9px;margin-top:22px}.hero-actions a{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:1000}.primary-link{color:white;background:#2abf6b;border:2px solid #126941;box-shadow:0 4px 0 #126941}.secondary-link{color:#27375b;background:#fffdf2;border:2px solid #927948;box-shadow:0 4px 0 #927948}.power-panel{position:relative;z-index:2;align-self:center;padding:20px;color:white;background:linear-gradient(#344d7d,#20345c);border:3px solid #13213e;border-radius:20px;box-shadow:inset 0 3px 0 rgba(255,255,255,.14),0 6px 0 #111b34}.power-panel>span{color:#afbdd5;font-size:.68rem;font-weight:900}.power-panel>strong{display:block;margin:5px 0 10px;font-size:2.6rem}.power-bar{height:12px;padding:2px;border-radius:9px;background:#111b34}.power-bar i{display:block;height:100%;width:30%;border-radius:6px;background:linear-gradient(90deg,#32d776,#e0e65b);transition:width .3s}.power-panel small{display:block;margin-top:8px;color:#aebdd8;font-weight:800}
.backend-nav{position:sticky;top:88px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;margin:0 0 16px;border:2px solid #101a33;border-radius:14px;background:#1c2a49;box-shadow:0 4px 0 #10172c}.backend-nav a{min-height:43px;display:grid;place-items:center;color:#bdc8dc;text-decoration:none;border-right:1px solid #344362;font-size:.72rem;font-weight:900}.backend-nav a:hover{color:#ffdb62;background:#2a3b61}.backend-section{margin-top:16px;padding:24px;border:3px solid #182542;border-radius:23px;background:linear-gradient(#fff5da,#ead7a7);box-shadow:var(--shadow);scroll-margin-top:145px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2{margin:3px 0 0;font-size:1.45rem}.section-head p{max-width:520px;margin:0;color:#697187;text-align:right;font-size:.75rem;font-weight:700;line-height:1.5}
.unit-management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manage-unit{position:relative;overflow:hidden;min-height:215px;padding:16px;border:2px solid #bda46d;border-radius:18px;background:rgba(255,255,255,.58);box-shadow:inset 0 3px 0 rgba(255,255,255,.8)}.manage-unit:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:var(--unit-color,#7ab3d3);opacity:.18}.manage-unit.locked{background:linear-gradient(145deg,#dad5c7,#bbb6aa);filter:saturate(.55)}.unit-top{position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center}.unit-sigil{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:white;background:var(--unit-color,#6183b1);border:3px solid #283854;box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 4px 0 #25324b;font-size:1.12rem;font-weight:1000}.unit-name h3{margin:0;font-size:1rem}.unit-name p{margin:4px 0 0;color:#6f7789;font-size:.66rem;font-weight:800}.unit-level{padding:4px 7px;border-radius:8px;color:white;background:#2c3d62;font-size:.62rem;font-weight:1000}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:15px 0 10px}.stats-row span{padding:7px 3px;text-align:center;border:1px solid #c2a876;border-radius:9px;background:rgba(255,255,255,.55)}.stats-row small{display:block;color:#7b7e88;font-size:.53rem}.stats-row b{display:block;margin-top:2px;font-size:.67rem}.fragment-line{display:flex;justify-content:space-between;color:#6c7183;font-size:.62rem;font-weight:800}.fragment-bar{height:7px;margin:5px 0 12px;border-radius:6px;overflow:hidden;background:#c5b488}.fragment-bar i{display:block;height:100%;background:#8259bc}.unit-action{width:100%;min-height:42px;cursor:pointer;border:2px solid #155d3c;border-radius:11px;color:white;background:linear-gradient(#39cc76,#249f5e);box-shadow:0 3px 0 #155d3c;font-weight:1000}.unit-action.unlock{color:#53360d;background:linear-gradient(#ffe36f,#ffc044);border-color:#8d5b15;box-shadow:0 3px 0 #8d5b15}.unit-action:disabled{filter:grayscale(.85);cursor:not-allowed}
.recruit-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}.banner-card{position:relative;overflow:hidden;min-height:190px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:24px;color:white;background:linear-gradient(135deg,#4d3a76,#2a3969);border:3px solid #182442;border-radius:20px;box-shadow:inset 0 3px 0 rgba(255,255,255,.13),0 6px 0 #17213d}.banner-card>div:not(.banner-rays){position:relative;z-index:2}.banner-rays{position:absolute;right:-80px;width:330px;height:330px;background:repeating-conic-gradient(rgba(255,215,90,.12) 0 12deg,transparent 12deg 24deg)}.banner-card small{color:#ffda64;font-weight:1000}.banner-card h3{margin:6px 0;font-size:1.6rem}.banner-card p{max-width:480px;margin:0;color:#bec9df;font-size:.75rem}.recruit-actions{display:grid;gap:8px}.recruit-actions button{min-height:46px;padding:0 14px;cursor:pointer;border:2px solid #8a5b15;border-radius:12px;color:#55370e;background:linear-gradient(#ffe674,#ffc544);box-shadow:0 3px 0 #8a5b15;font-weight:1000}.draw-history{min-height:190px;display:grid;grid-template-columns:repeat(2,1fr);place-content:center;gap:7px;padding:12px;border:2px dashed #aa9262;border-radius:18px;background:rgba(255,255,255,.4)}.draw-history>p{grid-column:1/-1;text-align:center;color:#7b7c83;font-size:.75rem}.history-card{padding:12px 7px;text-align:center;border:2px solid #b99d66;border-radius:11px;background:#fff9e7;animation:cardIn .35s backwards}.history-card.new{background:#ffdf6c}.history-card b{display:block;font-size:.7rem}.history-card small{display:block;margin-top:3px;color:#747786;font-size:.56rem}@keyframes cardIn{from{opacity:0;transform:translateY(8px) scale(.9)}}
.forge-management-grid,.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manage-forge,.manage-item{padding:17px;border:2px solid #bba16a;border-radius:17px;background:rgba(255,255,255,.55)}.manage-forge h3,.manage-item h3{margin:0}.manage-forge p,.manage-item p{min-height:40px;margin:6px 0 12px;color:#6c7486;font-size:.68rem;line-height:1.5}.manage-forge .tech-level{font-size:.7rem;font-weight:1000;color:#4e6593}.manage-forge button,.manage-item button{width:100%;min-height:40px;cursor:pointer;border:2px solid #294d7e;border-radius:10px;color:white;background:#4d72aa;font-weight:1000}.manage-forge button:disabled{filter:grayscale(.8)}.item-count{display:inline-grid;place-items:center;min-width:34px;height:27px;margin-bottom:9px;border-radius:8px;color:white;background:#2a3b61;font-weight:1000}.inventory-section{margin-bottom:20px}.backend-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 4px;color:#91a0bd;font-size:.72rem;font-weight:800}.backend-footer a{color:#ffda64}.backend-toast{position:fixed;z-index:80;left:50%;top:100px;max-width:min(440px,88vw);padding:11px 18px;border:2px solid #111b34;border-radius:13px;color:white;background:#243657;box-shadow:0 5px 0 #10182e;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:.2s;font-weight:900}.backend-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.backend-shell{padding:9px 10px 25px}.backend-header{top:7px}.brand-copy small,.gem-balance span{display:none}.command-hero{grid-template-columns:1fr;padding:23px}.hero-copy h2{font-size:2.3rem}.unit-management-grid{grid-template-columns:repeat(2,1fr)}.recruit-layout{grid-template-columns:1fr}.banner-card{grid-template-columns:1fr}.recruit-actions{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:5px;text-align:left}.backend-nav{top:78px}.forge-management-grid,.inventory-grid{grid-template-columns:1fr}}
@media(max-width:520px){.backend-header{grid-template-columns:auto 1fr auto}.brand-mark{width:41px;height:41px}.brand-copy h1{font-size:.96rem}.gem-balance{height:40px;padding:0 8px}.battle-return{width:40px;height:40px;padding:0;justify-content:center;font-size:0}.battle-return svg{width:23px}.command-hero{margin-top:20px;padding:19px}.hero-copy h2{font-size:2rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions a{justify-content:center;padding:0 7px}.backend-nav{grid-template-columns:repeat(5,110px);overflow-x:auto}.backend-section{padding:16px}.unit-management-grid{grid-template-columns:1fr}.recruit-actions{grid-template-columns:1fr}.forge-management-grid,.inventory-grid{grid-template-columns:1fr}.backend-footer{display:grid;text-align:center}.unit-top{grid-template-columns:52px 1fr auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.manage-unit.in-deck{box-shadow:inset 0 0 0 4px rgba(41,196,109,.35),inset 0 3px 0 rgba(255,255,255,.8)}.deck-toggle{width:100%;min-height:36px;margin-bottom:8px;cursor:pointer;border:2px solid #66738b;border-radius:10px;color:#46516a;background:#eef1ee;font-weight:1000;font-size:.68rem}.deck-toggle.selected{color:white;background:#2cad68;border-color:#14633e;box-shadow:0 3px 0 #14633e}.deck-incomplete{filter:grayscale(.8);opacity:.65}
.health-tuner{display:grid;gap:5px;margin:0 0 6px;padding:8px 10px;border:2px solid #9bb1aa;border-radius:11px;background:#edf7ef}.health-label,.health-range-labels{display:flex;align-items:center;justify-content:space-between;color:#52645e;font-size:.62rem;font-weight:900}.health-label b{color:#188052;font-size:.82rem}.health-range-labels{color:#799087;font-size:.5rem}.health-tuner input[type="range"]{--health-progress:9.1%;width:100%;height:9px;margin:1px 0;cursor:pointer;appearance:none;border:1px solid #739989;border-radius:999px;background:linear-gradient(90deg,#2fc879 0 var(--health-progress),#c8dbd2 var(--health-progress) 100%)}.health-tuner input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;appearance:none;border:3px solid #145f42;border-radius:50%;background:#fff7d7;box-shadow:0 2px 0 #145f42}.health-tuner input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:3px solid #145f42;border-radius:50%;background:#fff7d7;box-shadow:0 2px 0 #145f42}
.section-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px}.section-controls p{max-width:430px}.section-controls button{flex:0 0 auto;min-height:38px;padding:0 13px;cursor:pointer;border:2px solid #7a4c18;border-radius:10px;color:#53330b;background:linear-gradient(#ffe47a,#ffc94e);box-shadow:0 3px 0 #7a4c18;font-size:.68rem;font-weight:1000}.section-controls button:active{transform:translateY(2px);box-shadow:0 1px 0 #7a4c18}
@media(max-width:820px){.section-controls{justify-content:space-between;margin-top:8px}.section-controls p{margin:0!important}}
@media(max-width:520px){.section-controls{display:grid}.section-controls button{width:100%}}
.trait-badge{position:relative;z-index:2;display:inline-flex;margin-top:10px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--unit-color) 65%,#263451);border-radius:8px;color:#334052;background:color-mix(in srgb,var(--unit-color) 14%,#fff9e7);font-size:.61rem;font-weight:1000}
.section-action-buttons{display:flex;gap:7px}.section-action-buttons #maxHealthAll{color:#fff;background:linear-gradient(#e96d55,#c74440);border-color:#742d31;box-shadow:0 3px 0 #742d31}.health-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.health-quick-actions button{min-height:30px;cursor:pointer;border:1px solid #326650;border-radius:8px;color:#315345;background:#fffdf1;font-size:.58rem;font-weight:1000}.health-quick-actions button:last-child{color:#fff;background:#d44d42;border-color:#782f31}
@media(max-width:520px){.section-action-buttons{display:grid;grid-template-columns:1fr 1fr}}
.section-body{transition:opacity .18s ease,grid-template-rows .18s ease}.section-body.collapsed{display:none}.section-controls .section-toggle{color:#fff;background:#4d72aa;border-color:#294d7e;box-shadow:0 3px 0 #294d7e}.section-controls .section-toggle:active{box-shadow:0 1px 0 #294d7e}

.ai-lab-section{background:linear-gradient(145deg,#f2e7ff,#d5e9f4)}.ai-status{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:10px;color:#5e4772;background:#eee4f8;font-size:.68rem}.ai-status.ready{color:#174a3c;background:#bcefd7}.ai-lab-meta{display:flex;flex-wrap:wrap;gap:10px;padding:11px 13px;border:2px solid #9b80b4;border-radius:13px;color:#394565;background:rgba(255,255,255,.55);font-size:.72rem;font-weight:900}.ai-lab-meta em{margin-left:auto;color:#7b3e9a;font-style:normal}.ai-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.ai-monster-card{position:relative;overflow:hidden;padding:13px;border:2px solid color-mix(in srgb,var(--ai-glow) 68%,#38325c);border-radius:14px;background:linear-gradient(135deg,#322753,#1d3151);color:white;box-shadow:inset 0 0 26px color-mix(in srgb,var(--ai-glow) 30%,transparent)}.ai-monster-card span{color:#ffc6f1;font-size:.57rem;font-weight:1000}.ai-monster-card h3{margin:4px 0;font-size:.9rem}.ai-monster-card p{margin:0 0 7px;color:#d8d8f6;font-size:.65rem}.ai-monster-card small{color:#aef8f3;font-size:.58rem}.ai-monster-card .ai-performance{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(174,248,243,.24)}.ai-empty{margin:12px 0;color:#697187;font-size:.78rem;font-weight:800}@media(max-width:820px){.ai-archive{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ai-archive{grid-template-columns:1fr}.ai-lab-meta em{margin-left:0}}
.ai-audit-overview{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;margin-top:12px;padding:14px;border:2px solid #8b72ab;border-radius:15px;background:rgba(255,255,255,.58)}.ai-audit-overview h3{margin:0 0 5px;font-size:1rem}.ai-audit-overview p{margin:0;color:#5e6880;font-size:.7rem;line-height:1.55}.ai-audit-tags{display:flex;flex-wrap:wrap;align-content:start;gap:5px}.ai-audit-tags span{padding:5px 7px;border-radius:8px;color:#fff;background:#536aa0;font-size:.58rem;font-weight:900}.ai-blueprint-card{position:relative;overflow:hidden;padding:14px;border:2px solid color-mix(in srgb,var(--ai-glow,#6deaff) 68%,#38325c);border-radius:15px;color:#f6fbff;background:linear-gradient(145deg,#26345d,#24214c);box-shadow:inset 0 0 28px color-mix(in srgb,var(--ai-glow,#6deaff) 18%,transparent)}.ai-blueprint-card header{display:flex;justify-content:space-between;gap:8px;color:#9ceeff;font-size:.58rem;font-weight:1000}.ai-blueprint-card h3{margin:6px 0 3px;font-size:.92rem}.ai-blueprint-card p{margin:0 0 8px;color:#c9d5ee;font-size:.64rem;line-height:1.45}.ai-blueprint-card small{display:block;color:#b6ffd9;font-size:.55rem}.ai-blueprint-card details{margin-top:8px;color:#d7e4ff;font-size:.58rem}.ai-blueprint-card summary{cursor:pointer;font-weight:900}.ai-slot-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ai-slot-chips i{padding:3px 5px;border:1px solid #55709b;border-radius:6px;color:#d9e8ff;background:rgba(255,255,255,.06);font-style:normal}@media(max-width:820px){.ai-audit-overview{grid-template-columns:1fr}}@media(max-width:520px){.ai-audit-overview{padding:10px}}
.specialization{margin-top:10px;padding:9px;border:1px solid #9d80ad;border-radius:11px;background:rgba(249,241,255,.68)}.specialization-head{display:flex;justify-content:space-between;color:#574068;font-size:.65rem}.specialization>p{margin:6px 0 0;color:#6c6376;font-size:.58rem;font-weight:800}.specialization-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.specialization-options button{min-height:45px;padding:5px;cursor:pointer;color:#3c3151;background:#fffaff;border:1px solid #9b7bab;border-radius:8px;font-size:.56rem;line-height:1.25}.specialization-options button b,.specialization-options button small{display:block}.specialization-options button small{margin-top:3px;color:#766986;font-size:.48rem}.specialization-options button:hover:not(:disabled){color:white;background:#72558c}.specialization-options button:disabled{opacity:.5;cursor:not-allowed}.specialization.selected{border-color:#4ea780;background:rgba(224,255,233,.74)}.specialization.selected small{display:block;color:#328354;font-size:.56rem}.specialization.selected b{display:block;margin-top:3px;color:#1e5136;font-size:.76rem}.specialization.selected p{color:#43735a}
.ai-passive-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.ai-passive-chip{display:grid;grid-template-columns:28px 1fr;gap:3px 7px;align-items:center;min-height:64px;padding:7px 8px;border:1px solid #7e65a3;border-radius:10px;color:#f6f0ff;background:linear-gradient(145deg,#3d3267,#263e69);box-shadow:inset 0 0 18px rgba(160,123,255,.18)}.ai-passive-chip b{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.14);font-size:1rem}.ai-passive-chip span{font-size:.61rem;font-weight:1000}.ai-passive-chip small{color:#cdd8f4;font-size:.48rem;line-height:1.25}@media(max-width:820px){.ai-passive-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.ai-passive-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.specialization-options{grid-template-columns:1fr}.specialization-options button{min-height:38px;text-align:left}.specialization-options button small{display:inline;margin-left:5px}}