@charset "UTF-8";
:root{font-family:"Leelawadee UI","Segoe UI",Tahoma,sans-serif;color:#e9e5f2;background:#101016;font-synthesis:none;font-size:14px;--bg:#101016;--panel:#191820;--panel2:#201e29;--line:#ffffff0f;--muted:#8b869a;--lavender:#c3a5f9;--purple:#9470d4;--gold:#dfc18a;--green:#92cdb7}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}button:not(:disabled),a{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;font-weight:600;line-height:1.4}h2{font-size:20px;font-weight:600}h3{font-size:17px;font-weight:600}p{line-height:1.8;color:var(--muted)}small{font-size:11px}svg.icon{width:20px;height:20px;flex:none;vertical-align:middle}.muted{color:var(--muted)}.note{font-size:12px}.lavender{color:var(--lavender)}.icon-btn{padding:8px;background:none;border-radius:7px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff09;color:#fff}.btn{min-height:43px;border:1px solid transparent;padding:10px 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap}.btn.primary{background:#c2a3f4;color:#241632;box-shadow:0 3px 18px #ae7df712}.btn.primary:hover:not(:disabled){background:#d4b9ff;box-shadow:0 4px 22px #ae7df730;transform:translateY(-1px)}.btn.secondary{background:#ffffff05;border-color:#ffffff14;color:#d0cadb}.btn.secondary:hover:not(:disabled){background:#ffffff0c;border-color:#ba99ed55}.btn.ghost,.btn.text{background:transparent;color:var(--muted)}.btn.text{font-size:12px;min-height:30px;padding:5px}.btn.danger{background:#d173831b;color:#efa3af;border-color:#d1738333}.btn.active{color:var(--lavender);border-color:#ac83e869}.btn.full{width:100%}.btn small{display:flex;gap:5px;align-items:center;font-size:11px;opacity:.8}.btn small .icon{width:14px;height:14px}.text-btn{background:transparent;font-size:12px;color:#b9a1df;display:inline-flex;gap:7px;align-items:center;padding:5px 0}.text-btn:hover{color:#e0cfff}.text-btn .icon{width:15px;height:15px}.pill{font-size:10px;padding:4px 9px;background:#ac85de15;border:1px solid #ac85de26;border-radius:4px;color:#c3a7e8}.eyebrow{font-size:10px;letter-spacing:2px;color:#a59ab5;font-weight:600;display:block;margin-bottom:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#14131b;border-right:1px solid #ffffff07;padding:34px 20px 18px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 7px 40px}.brand>span:last-child{font-family:Georgia,serif;font-size:24px;letter-spacing:4px;color:#ded3f1}.brand small{display:block;letter-spacing:1.1px;font-family:"Leelawadee UI",sans-serif;font-size:9px;color:#867a99;margin-top:6px}.brand-moon{width:37px;height:43px;color:#c3a4ec;filter:drop-shadow(0 0 9px #ad82e54d)}.brand-moon .icon{width:37px;height:43px;stroke-width:1}.side-label{font-size:9px;color:#645e75;letter-spacing:1.8px;padding:0 14px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;text-align:left;background:none;color:#9690a5;border-radius:6px;padding:13px 14px;font-size:13px;min-height:47px}.nav-item .icon{width:19px;height:19px;opacity:.8}.nav-item:hover{background:#ffffff04;color:#d9cde9}.nav-item.active{background:linear-gradient(90deg,#a87ede21,#a87ede0a);color:#d3b7ff}.nav-item.active:before{content:"";position:absolute;width:2px;height:21px;border-radius:3px;background:#c09beb;left:-20px}.nav-item.active .icon{opacity:1}.nav-item small{font-size:8px;padding:3px 5px;background:#ffffff08;color:#78717e;margin-left:auto;letter-spacing:.6px}.nav-item:last-child{margin-top:21px}.nav-pip{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto;box-shadow:0 0 9px #e1bf803d}.sidebar-bottom{margin-top:auto;padding-top:38px}.local-status{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#797282;padding:12px 4px;border-bottom:1px solid var(--line);margin-bottom:20px}.local-status i,.status-dot{display:inline-block;width:5px;height:5px;background:#88b8a6;border-radius:50%;box-shadow:0 0 9px #88b8a633}.local-status span{margin-left:auto;letter-spacing:0}.profile{display:flex;align-items:center;gap:10px}.profile-avatar{width:35px;height:39px;border:1px solid #8c72a942;background:linear-gradient(135deg,#8a64b921,#33283d);display:flex;align-items:center;justify-content:center;border-radius:7px;color:#bca0dc}.profile strong{display:block;font-size:12px;font-weight:500}.profile span{font-size:9px;color:var(--muted);display:block;margin-top:2px}.profile>b{margin-left:auto;font-size:12px;color:#baa5d3;font-weight:400}.xp-track{height:3px;background:#ffffff09;border-radius:3px;overflow:hidden}.xp-track i{height:100%;display:block;background:linear-gradient(90deg,#7957a7,#bc99e9);border-radius:3px}.sidebar-bottom>.xp-track{margin-top:14px}.xp-caption{display:flex;justify-content:space-between;font-size:9px;color:#93889e;margin-top:7px}.xp-caption span{color:#675f72;font-size:8px}.settings-button{border-top:1px solid var(--line);background:none;margin-top:23px;display:flex;align-items:center;gap:9px;padding:16px 0 0;width:100%;font-size:10px;color:#80768f}.settings-button .icon{width:15px;height:15px}.main-shell{margin-left:222px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;padding:0 37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#121119d9}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#726a82}.breadcrumb strong{font-weight:400;color:#b9b0c6}.breadcrumb span{opacity:.4}.currencies{display:flex;align-items:center;gap:24px}.currencies>span{display:flex;gap:8px;align-items:center;font-size:12px}.currencies>span .icon{width:17px;height:17px}.currencies>span:nth-child(1){color:#dac292}.currencies>span:nth-child(2){color:#c3b0ec}.currencies>span:nth-child(3){color:#9dbfc7}.currencies b{font-weight:500;letter-spacing:.4px;font-variant-numeric:tabular-nums;color:#ddd7e8}.currencies button:not(.icon-btn){background:#ffffff09;width:17px;height:17px;border-radius:3px;color:#b1a7c0;font-size:13px;margin-left:4px;padding:0}.help-button{border-left:1px solid #ffffff0f;padding-left:20px;border-radius:0}.page{padding:31px 37px 20px;max-width:1570px;width:100%;margin:0 auto;flex:1;animation:pageIn .3s ease}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.page-heading p{font-size:12px;margin-top:7px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#83778f;margin-bottom:6px}.page-heading h1{font-size:26px;letter-spacing:-.3px}.realm-tag{display:flex;align-items:center;gap:7px;border:1px solid #ffffff0b;border-radius:5px;padding:8px 11px;font-size:10px;color:#928b9f}.realm-tag i{width:5px;height:5px;border-radius:50%;background:#97b9a5}.realm-tag.teal{color:#93b7af;font-size:8px;letter-spacing:1px}footer{display:flex;justify-content:space-between;gap:15px;padding:21px 37px;font-size:9px;color:#60586d;max-width:1570px;margin:0 auto;width:100%}footer span{display:flex;align-items:center;gap:7px}footer span:last-child{font-size:8px;letter-spacing:1.3px}footer b{font-size:6px;padding:0 4px}.hero-banner{height:342px;border-radius:9px;position:relative;overflow:hidden;background:url('/assets/sanctuary.png') center 43%/cover;border:1px solid #b298d21e}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15111aed 0%,#15101a98 40%,transparent 78%),linear-gradient(0deg,#110e18b3,transparent 40%)}.banner-copy{position:relative;padding:33px 37px;z-index:1}.chapter-chip{font-size:10px;color:#c5b5db;letter-spacing:.5px;display:flex;gap:9px;align-items:center;margin-bottom:17px}.chapter-chip>span{width:4px;height:4px;background:var(--lavender);transform:rotate(45deg)}.chapter-chip i{font-style:normal;color:#7c608c}.banner-copy h2{font-size:36px;line-height:1.45;font-weight:500;letter-spacing:-1px}.banner-copy h2 span{color:#ccb1ef}.banner-copy p{font-size:11px;line-height:1.9;color:#aaa0b6;margin-top:11px}.banner-copy>.btn{margin-top:23px;min-width:162px;min-height:40px;font-size:12px}.banner-copy>.btn .icon{width:16px;height:16px}.banner-copy>.btn .icon:last-child{margin-left:14px}.banner-note{font-size:7px;letter-spacing:2px;color:#84728e;margin-left:16px}.banner-location{position:absolute;right:25px;bottom:24px;display:flex;align-items:center;gap:11px;border:1px solid #c9b4dc24;border-radius:6px;background:#18131e88;padding:13px 16px;backdrop-filter:blur(12px)}.banner-location>.icon{width:21px;height:21px;color:#c8b0e1}.banner-location small{font-size:8px;color:#aba0b6;display:block;margin-bottom:3px}.banner-location strong{font-size:11px;font-weight:400}.banner-location>span{font-size:9px;color:#8d7e9c;margin-left:20px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:26px;margin-top:29px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;min-height:24px}.section-title h2{font-size:15px;display:flex;align-items:center;gap:9px;white-space:nowrap}.section-title h2>.icon{color:#95829e;width:17px;height:17px}.section-title h2 span{font-size:8px;font-weight:400;letter-spacing:1.4px;color:#72667e;margin-left:2px}.party-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portrait{background-image:url('/assets/heroes-atlas.png');background-size:400% 200%;background-position:var(--px) var(--py);aspect-ratio:3/4;width:100%;background-repeat:no-repeat}.hero-card{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:#24202e;border:1px solid #a58fb627;text-align:left;padding:0;isolation:isolate}.hero-card>.portrait{position:absolute;inset:0;width:100%;height:100%;transition:transform .45s;z-index:-2}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15111bf5 0%,#1710218f 21%,transparent 65%);z-index:-1}.hero-card:hover>.portrait{transform:scale(1.055)}.hero-card:hover{border-color:#b795e888;transform:translateY(-3px);box-shadow:0 8px 24px #0004}.hero-card.selected{outline:1px solid #b798df;outline-offset:2px}.hero-card.ssr{border-color:#b3965c64}.card-top{position:absolute;top:9px;left:10px;right:9px;display:flex;align-items:center;justify-content:space-between}.rarity{font-family:Georgia,serif;font-weight:bold;font-style:italic;font-size:16px;letter-spacing:1px;text-shadow:0 1px 8px #000}.rarity.ssr{color:#ecd08e}.rarity.sr{color:#d2b1ff}.rarity.r{color:#9cc5e7}.element{display:inline-flex;color:var(--element);background:#100f19b8;border:1px solid color-mix(in srgb,var(--element),transparent 75%);border-radius:50%;padding:4px;align-items:center;justify-content:center;flex:none}.element .icon{width:13px;height:13px}.card-bottom{position:absolute;bottom:13px;left:12px;right:12px}.card-stars{font-size:10px;color:#d5b37c;letter-spacing:1px;display:block;margin-bottom:5px}.card-bottom>strong{font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:4px}.card-bottom>strong>span{font-size:9px;font-weight:400;color:#c7bad9}.hero-role{font-size:9px;color:#a69aaf;display:block;margin-top:5px}.hero-role i{padding:0 3px;font-style:normal}.hero-card.small .card-bottom{left:10px;right:10px;bottom:11px}.hero-card.small .card-bottom>strong{font-size:14px}.hero-card.small .hero-role{font-size:8px}.hero-card.small .rarity{font-size:14px}.hero-card.small .element{padding:3px}.hero-card.small .element .icon{width:11px;height:11px}.hero-card.small .card-stars{font-size:8px}.team-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:10px;color:#95879e}.team-summary>span{display:flex;align-items:center;gap:6px}.team-summary .icon{width:13px;height:13px;color:#a18bae}.team-summary b{color:#d0c0e1;font-size:12px;font-weight:500}.team-summary>span:last-child{font-size:9px;color:#8d7c9e}.empty-card{border:1px dashed #a484c944;border-radius:6px;background:#a484c906;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#907f9e;font-size:11px}.journey-panel{background:#19171f;border:1px solid var(--line);border-radius:7px;padding:17px 18px;align-self:start}.journey-panel .section-title{margin-bottom:16px}.journey-panel .section-title h2{font-size:13px}.tiny-label{font-size:8px;letter-spacing:1px;color:#796a83}.stage-number{font-size:9px;color:#b19bcd;background:#a37cd611;border:1px solid #a37cd627;padding:4px 7px;border-radius:3px}.next-stage h3{font-size:14px;margin-top:13px}.next-stage p{font-size:10px;margin-top:5px}.next-stage p span{padding:0 5px}.mini-rewards{display:flex;gap:17px;margin:14px 0 6px}.mini-rewards span{display:flex;gap:5px;align-items:center;font-size:10px;color:#b2a5bd}.mini-rewards .icon{width:13px;height:13px;color:var(--gold)}.mini-rewards span:nth-child(2) .icon{color:var(--lavender)}.mini-rewards span:nth-child(3) .icon{color:#a9bec9}.next-stage>.text-btn{font-size:10px;margin:3px 0 13px}.daily-box{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:14px;gap:10px}.gift-icon{color:#c9b087}.gift-icon .icon{width:23px;height:23px}.daily-box strong{font-size:11px;font-weight:400;display:block}.daily-box small{font-size:8px;color:#8a7e94;display:block;margin-top:4px}.mini-btn{margin-left:auto;border:1px solid #9f7eca35;background:#9f7eca0d;font-size:10px;padding:6px 10px;border-radius:4px;color:#bea3de}.mini-btn .icon{width:13px;height:13px}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:15px}.home-links>button{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:linear-gradient(120deg,#211a2c,#18171e);border-radius:7px;padding:16px 20px;text-align:left}.home-links>button:last-child{background:linear-gradient(120deg,#1a2326,#18171e)}.home-links>button:hover{border-color:#ba9dda3a}.home-links small{font-size:7px;letter-spacing:1.5px;color:#8c779e;display:block;margin-bottom:6px}.home-links strong{font-size:12px;font-weight:400}.home-links>button>.icon{margin-left:auto;color:#786985;width:17px}.home-links .pill{margin-left:auto;white-space:nowrap}.home-links .pill+.icon{margin-left:0}.feature-icon{width:38px;height:38px;background:#a37bd612;border:1px solid #a37bd618;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#b494dc}.feature-icon.teal{background:#80b3a90b;border-color:#80b3a918;color:#84b3a9}.home-links>button:last-child small{color:#708f8c}
.completion{text-align:right}.completion b{font-size:27px;font-weight:400;color:var(--lavender)}.completion b span{font-size:16px;color:#665a77}.completion small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.story-banner{height:230px;border-radius:8px;position:relative;background:linear-gradient(90deg,#18111dee,#18111d05),url('/assets/sanctuary.png') center 42%/cover;border:1px solid #b298d21c;padding:32px}.story-banner h2{font-size:29px;line-height:1.6;font-weight:400}.story-banner p{font-size:11px;margin-top:10px}.story-banner .eyebrow{font-size:8px;color:#b19abc}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:25px}.stage-card{background:linear-gradient(145deg,#211c2a,#18161d);border:1px solid #a68ac51a;border-radius:8px;text-align:left;padding:18px;min-width:0}.stage-card.current{border-color:#aa83d867;box-shadow:inset 0 0 28px #a078d008}.stage-card:hover:not(:disabled){transform:translateY(-3px);border-color:#ad87db99}.stage-card.locked{opacity:.44;background:#18161d}.stage-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a389bd;margin-bottom:22px}.stage-card-top .icon{width:17px;height:17px}.stage-card.cleared .stage-card-top{color:#86baa4}.stage-card>small{font-size:9px;color:#8f7c9f}.stage-card h3{font-size:14px;margin-top:6px;line-height:1.5}.stage-card p{font-size:10px;margin-top:9px}.stage-card p span{padding:0 4px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;font-size:9px}.stage-bottom>span,.stage-bottom b{display:flex;align-items:center;gap:5px}.stage-bottom .icon{width:12px;height:12px}.stage-bottom>span{color:#c4ad84}.stage-bottom b{font-weight:400;color:#b59dce}.power-label{display:flex;align-items:center;gap:10px;color:var(--lavender)}.power-label small{display:block;font-size:9px;color:var(--muted)}.power-label b{font-size:22px;font-weight:400}.formation-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.formation-panel{background:linear-gradient(#15111ca6,#15111cdb),url('/assets/sanctuary.png') center/cover;border:1px solid #a68ac52b;border-radius:8px;padding:23px}.formation-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#a897b9}.formation-title b{font-weight:400;font-size:10px;letter-spacing:0}.enemy-direction{display:flex;align-items:center;justify-content:center;gap:8px;color:#b594a3;font-size:10px;letter-spacing:1px;margin:22px auto}.enemy-direction .icon{width:15px;height:15px}.formation-row-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#c7b0df;margin:18px 0 10px}.formation-row-label span{font-size:9px;color:#877591}.formation-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formation-slot{aspect-ratio:1/1.08;position:relative;border:1px dashed #a984ca4d;border-radius:7px;min-width:0}.formation-slot.filled{border-style:solid;border-color:#b294d648}.formation-slot.picked{outline:2px solid var(--lavender);outline-offset:3px}.slot-button{width:100%;height:100%;position:relative;background:#281f3044;overflow:hidden;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#897599;gap:6px}.slot-button>.portrait{position:absolute;inset:0;height:100%;width:100%}.slot-button:has(.portrait):after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17121deb 8%,transparent 75%)}.slot-info{position:absolute;left:10px;right:6px;bottom:9px;z-index:2;text-align:left}.slot-info strong{font-size:12px;font-weight:400;color:#e1d6eb;display:block}.slot-info span{font-size:8px;color:#ae9bba;display:block;margin-top:3px}.slot-button>.element{position:absolute;right:7px;top:7px}.slot-index{position:absolute;left:8px;top:8px;font-size:8px;color:#b29ac6}.remove-slot{position:absolute;right:-6px;bottom:-6px;z-index:5;width:22px;height:22px;padding:3px;background:#2b2135;border:1px solid #83649672;border-radius:50%;display:none}.remove-slot .icon{width:13px;height:13px}.formation-slot:hover .remove-slot,.formation-slot:focus-within .remove-slot{display:block}.synergy-banner{display:flex;align-items:center;gap:12px;border-top:1px solid #a78bc824;margin-top:24px;padding-top:21px}.synergy-banner>.icon{color:#b597da}.synergy-banner strong{font-size:11px;font-weight:400}.synergy-banner p{font-size:10px;color:#aa98ba;margin-top:3px}.roster-panel{padding:7px 0}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.roster-panel>.note{margin-top:18px}.selected-check{position:absolute;right:9px;bottom:64px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--lavender);color:#261534;border-radius:50%}.selected-check .icon{width:14px;height:14px}.collection-count{font-size:22px;color:#c7b2e6}.collection-count span{font-size:9px;color:#72647e;letter-spacing:1px}.filter-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:12px}.filter-tabs button{padding:7px 17px;border-radius:4px;background:none;color:#94879f;font-size:11px}.filter-tabs button.active{background:#ba94e71a;color:#cdb0f3}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:start}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.hero-card.unowned>.portrait{filter:saturate(.35) brightness(.65)}.locked-cover{position:absolute;left:0;right:0;top:43%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;background:#100a1899;padding:9px 0;color:#c1b4cc}.locked-cover .icon{width:12px;height:12px}.hero-detail{border:1px solid #a788ce21;background:#1a1720;border-radius:8px;overflow:hidden;position:sticky;top:20px}.detail-portrait{height:228px;position:relative;overflow:hidden}.detail-portrait>.portrait{height:380px;width:285px;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.detail-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1a1720,transparent 65%)}.detail-portrait>.rarity{position:absolute;left:20px;top:17px;font-size:24px;z-index:2}.detail-portrait>div:last-child{position:absolute;bottom:15px;left:21px;z-index:2}.detail-portrait>div:last-child>span{font-size:9px;letter-spacing:2px;color:#c6afe1}.detail-portrait h2{font-size:28px;margin:3px 0}.detail-portrait p{font-size:10px;color:#b69fca}.detail-body{padding:0 20px 20px}.detail-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#b1a2bd}.detail-meta b{margin-left:auto;font-weight:400;color:#ceb1ec}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin:20px 0}.stat-grid>div{display:flex;align-items:center;gap:7px;font-size:10px}.stat-grid .icon{width:14px;height:14px;color:#94829f}.stat-grid span{color:#867494;font-size:9px}.stat-grid b{margin-left:auto;font-size:12px;font-weight:400}.skill-description{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.skill-description h3{display:flex;align-items:center;gap:7px;font-size:12px;color:#ceb1eb}.skill-description h3 .icon{width:15px;height:15px}.skill-description p{font-size:10px;margin-top:7px;line-height:1.8}.skill-description>span{font-size:9px;color:#aa8fc4;display:block;margin-top:8px}.skill-description i{font-style:normal;padding:0 8px}.level-progress{margin:15px 0}.level-progress>span{display:flex;justify-content:space-between;font-size:9px;color:#8b799a;margin-bottom:8px}.level-progress b{font-weight:400}.detail-body>.btn{font-size:11px;justify-content:space-between}.detail-body>.btn:first-of-type{margin-top:12px}.awaken-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.awaken-row .btn{font-size:10px;padding:8px 10px;min-height:32px}.awaken-row .card-stars{margin:0;font-size:11px}.awaken-row small{display:block;font-size:9px;letter-spacing:0;color:#867692;margin-top:5px}
.summon-banner{height:435px;position:relative;border:1px solid #bd9ae42a;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 76% 50%,#6b4e782e,transparent 70%),linear-gradient(110deg,#1d172a,#272132,#19141f)}.summon-character{position:absolute;right:6%;top:-65px;height:730px;width:548px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);opacity:.9}.summon-character>.portrait{height:100%}.summon-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#1c162bed,transparent 70%),linear-gradient(0deg,#21182bc9,transparent 30%)}.summon-orbit{position:absolute;width:590px;height:590px;border:1px solid #cfb07832;border-radius:50%;right:2%;top:-50px;box-shadow:0 0 0 18px #cfb07804,0 0 0 19px #cfb07811,0 0 0 52px #cfb07804}.summon-copy{position:relative;z-index:2;padding:41px 45px;max-width:65%}.gold-eyebrow{font-size:9px;letter-spacing:2px;color:#c9af83}.summon-copy h2{font-size:47px;font-weight:400;line-height:1.25;letter-spacing:-1px;margin:20px 0 16px}.summon-copy h2 span{color:#ead29b}.summon-copy>p{font-size:12px;color:#b7a6c4;line-height:1.9}.featured-name{display:flex;gap:9px;align-items:center;margin-top:23px}.featured-name strong{font-size:19px;font-weight:400}.featured-name>span:last-child{font-size:10px;color:#b69dca}.featured-tags{display:flex;gap:8px;margin-top:15px}.featured-tags>span{font-size:9px;display:flex;align-items:center;gap:5px;padding:5px 8px;background:#d8c29309;border:1px solid #d8c2931a;border-radius:4px;color:#ceba94}.featured-tags .icon{width:12px;height:12px}.summon-copy>small{display:block;font-size:8px;color:#8f7d9c;margin-top:16px}.summon-bottom{display:flex;align-items:center;gap:38px;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:#1a1720;padding:24px;margin-top:22px}.pity-info{min-width:260px;flex:1}.pity-info h3{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:15px}.pity-info h3 .icon{width:16px;height:16px;color:#b695dc}.pity-info h3 b{margin-left:auto;color:#c7abe7;font-size:16px;font-weight:400}.pity-info h3 b span{font-size:11px;color:#887297}.pity-info p{font-size:9px;margin-top:10px}.pity-info p strong{color:#be9fe1;font-weight:400}.pity-info p>span{padding:0 5px}.summon-actions>span{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;color:#a893b7;margin-bottom:11px}.summon-actions>span>.icon{width:14px;height:14px}.summon-actions>span small{font-size:9px;color:#756580;margin-left:10px}.summon-actions>div{display:flex;gap:10px}.summon-actions .btn{min-height:57px;flex-direction:column;gap:5px;min-width:144px}.info-strip{display:flex;align-items:flex-start;gap:9px;padding:17px;font-size:11px;color:#94829f;line-height:1.9;background:#ac87d307;border:1px solid #ac87d311;border-radius:6px;margin-top:20px}.info-strip .icon{width:15px;height:15px;margin-top:3px;color:#a38ab6}.shop-welcome{padding:28px;display:flex;gap:24px;align-items:center;border:1px solid #b9a47722;background:linear-gradient(110deg,#2c261c55,#211d2800);border-radius:7px;margin-bottom:25px}.shop-welcome>div{display:flex;justify-content:center;align-items:center;width:62px;height:62px;border:1px solid #e0c28d24;border-radius:50%;color:#d1b781}.shop-welcome>div>.icon{width:30px;height:30px}.shop-welcome h2{font-size:20px}.shop-welcome p{font-size:11px;margin-top:7px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.shop-card{border:1px solid #aa8ac21e;background:#1b1821;border-radius:7px;padding:20px;display:flex;flex-direction:column}.shop-tag{font-size:9px;color:#a18caf;border:1px solid #a18caf22;align-self:flex-start;padding:4px 7px;border-radius:4px}.shop-item-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center;color:#b3a5e1}.shop-item-art>.icon{width:66px;height:66px;stroke-width:1;filter:drop-shadow(0 0 17px #bb9ef053);z-index:1}.shop-item-art>i{position:absolute;width:97px;height:97px;transform:rotate(45deg);border:1px solid #d1b2ff12;background:radial-gradient(#b798e31b,transparent);border-radius:14px}.shop-item-art.gold{color:#d9bb79}.shop-item-art.essence{color:#9dbccf}.shop-item-art.supply{color:#c4a5eb}.shop-card h3{font-size:14px}.shop-card p{font-size:10px;margin:10px 0 25px;flex:1}.shop-card>.btn{font-size:11px}.shop-card>.btn>span{margin-left:auto;color:#a18aac}.shop-card>.btn .icon{width:16px;height:16px}
.panel{background:#19161f;border:1px solid #a784ca1f;border-radius:8px;padding:24px}.lab-layout{display:grid;grid-template-columns:285px 1fr;gap:25px}.lab-config h2{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:27px}.lab-config h2>.icon{color:#b191d6}.lab-config label{display:block;font-size:11px;color:#b3a1c2;margin:19px 0 8px}input,select{width:100%;border:1px solid #b390dc29;background:#100e16;color:#d4c4e5;border-radius:5px;padding:11px;font-size:11px;color-scheme:dark}select{cursor:pointer}.lab-config .note{font-size:9px;margin-top:10px}.sim-team{display:flex;gap:9px;margin:23px 0}.sim-team>span{width:41px;height:51px;position:relative;overflow:hidden;border-radius:5px;border:1px solid #9f79c146}.sim-team small{position:absolute;bottom:0;left:0;right:0;background:#161020b3;text-align:center;font-size:8px}.lab-hint{font-size:9px;color:#766580;line-height:2.2;text-align:center;margin-top:19px}.lab-results{min-width:0}.lab-empty{height:100%;min-height:490px;border:1px dashed #b18cd52b;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#6c497e0b,transparent 60%)}.lab-empty>div{height:87px;width:87px;border:1px solid #ac83d525;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:28px;color:#a080bc;background:#aa7bd00a}.lab-empty>div .icon{width:32px;height:32px;stroke-width:1}.lab-empty .eyebrow{font-size:8px;color:#877397}.lab-empty h2{font-size:27px;font-weight:400;line-height:1.7}.lab-empty p{font-size:11px;margin:16px 0 30px;line-height:2}.lab-empty>span:last-child{font-size:9px;color:#675973}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.result-heading .eyebrow{font-size:8px;color:#8cbaa8}.result-heading h2{font-size:19px}.result-heading p{font-size:10px;margin-top:7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.metric-grid>div{padding:20px 15px;border:1px solid #b18cd51c;background:#19161f;border-radius:6px}.metric-grid small{font-size:10px;color:#a390b2;display:block}.metric-grid b{font-size:33px;font-weight:400;display:block;margin:10px 0}.metric-grid em{font-style:normal;font-size:13px;color:#b39ac6}.metric-grid span{font-size:8px;color:#816c90}.damage-panel{margin-top:20px}.damage-panel h3{font-size:12px;margin-bottom:23px}.damage-row{display:flex;align-items:center;gap:12px;margin-top:17px}.damage-row>span{width:29px;height:36px;border-radius:4px;overflow:hidden;flex:none}.damage-row>strong{font-size:11px;width:60px;font-weight:400;color:#baa4cb}.damage-row>div{height:6px;background:#a888ca0b;flex:1;border-radius:3px;overflow:hidden}.damage-row>div i{display:block;height:100%;background:linear-gradient(90deg,#766096,#c4a5e5);border-radius:3px}.damage-row>b{font-size:10px;font-weight:400;min-width:40px;text-align:right;color:#ae94c2}
.battle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.battle-heading h1{font-size:22px}.battle-heading .eyebrow{font-size:8px}.battle-toggles{display:flex;gap:8px}.battle-toggles .btn{padding:8px 13px;min-height:35px;font-size:10px}.battle-toggles .icon{width:13px;height:13px}.arena{background:linear-gradient(#14101b47,#14101b80),url('/assets/sanctuary.png') center/cover;border:1px solid #bda1dd2b;border-radius:8px;overflow:hidden}.initiative{display:flex;align-items:center;gap:19px;padding:12px 20px;background:#110c17b3;border-bottom:1px solid #bda1dd1a}.initiative>span{font-size:10px;color:#bca5ce;min-width:80px}.initiative>span small{display:block;font-size:8px;color:#80708f;margin-top:5px}.initiative>div{display:flex;gap:9px;flex:1;overflow:hidden}.initiative-unit{position:relative;width:35px;height:42px;overflow:hidden;border:1px solid #baa0d955;border-radius:4px;flex:none}.initiative-unit.enemy{border-color:#cb818466}.initiative-unit.now{outline:1px solid #d7b8ff;outline-offset:2px}.initiative-unit>.portrait{height:100%}.initiative-unit>small{position:absolute;bottom:0;left:0;right:0;background:#180b24bb;font-size:7px;text-align:center;color:#d8bcee;padding:1px}.initiative-unit.enemy>small{background:#351921bb}.battlefield{display:grid;grid-template-columns:1fr 45px 1fr;gap:12px;padding:17px 25px 8px}.battle-side-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;color:#c4afd7}.battle-side-label strong{font-weight:400}.battle-side-label span{font-size:8px;color:#a195ae}.battle-side.enemy .battle-side-label strong{color:#d8aeb1}.battle-formation{display:flex;flex-direction:column;gap:10px}.battle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.battle-unit,.battle-slot-empty{aspect-ratio:1/1.15;min-width:0;position:relative;border:1px solid #b195cc58;border-radius:6px;padding:0;background:#19111e88}.battle-slot-empty{border:1px dashed #b9a0cc1a;background:transparent}.battle-unit>.portrait{position:absolute;inset:0;height:100%;width:100%;border-radius:5px}.battle-unit:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#130b1ef5,transparent 90%);border-radius:5px}.battle-unit.enemy{border-color:#cd9a9a48}.battle-unit.targetable{border-color:#da8b8b99;cursor:crosshair}.battle-unit.targeted{outline:2px solid #e2a7a7;outline-offset:2px;box-shadow:0 0 17px #e2808626}.battle-unit.targeted:before{content:"⌖";position:absolute;top:27%;left:0;right:0;z-index:4;font-size:30px;color:#ffd3ca;text-shadow:0 0 9px #331018}.battle-unit.acting{border-color:#dcc0ff;box-shadow:0 0 20px #b68de844}.battle-unit.acting>.portrait{filter:brightness(1.1)}.battle-unit-top{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:center;justify-content:space-between;z-index:2}.battle-unit-top>.element{padding:3px}.battle-unit-top>.element .icon{width:10px;height:10px}.battle-unit-top>span{font-size:8px;text-shadow:0 1px 4px #000}.unit-info{position:absolute;z-index:2;bottom:5px;left:8px;right:8px}.unit-info>strong{font-size:11px;font-weight:400;display:flex;align-items:center;gap:5px;margin-bottom:5px}.unit-info>strong .icon{height:11px;width:11px;color:#aacdd9}.hp-track,.mana-track{height:4px;border-radius:3px;background:#08050bd9;overflow:hidden}.hp-track i{display:block;height:100%;background:linear-gradient(90deg,#628f87,#b0d5ba);transition:width .3s}.enemy .hp-track i{background:linear-gradient(90deg,#a66673,#e5a2a3)}.unit-info>small{font-size:7px;color:#b8a2c4;display:block;text-align:right;margin:3px 0}.mana-track{height:2px}.mana-track i{display:block;height:100%;background:#8c90d2}.unit-effects{display:flex;align-items:center;gap:3px;min-height:13px;flex-wrap:wrap;margin-top:3px}.unit-effects>span{display:flex;align-items:center;gap:2px;font-size:7px;color:#ccb1e1;background:#291c3ad9;border-radius:2px;padding:1px 3px}.unit-effects .icon{width:8px;height:8px}.unit-effects .status-burn{color:#f7b27c}.unit-effects .status-poison{color:#a9d58b}.unit-effects .status-slow{color:#9dc8f9}.battle-unit.fallen{filter:grayscale(1) brightness(.55);opacity:.55}.fallen-label{position:absolute;inset:35% 0 auto;text-align:center;color:#bfb2c9;background:#0d0818b3;font-size:11px;padding:7px;z-index:3}.versus{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.versus span{font-family:Georgia,serif;font-size:15px;font-style:italic;color:#b49bbf;opacity:.7}.versus i{height:46px;width:1px;background:linear-gradient(transparent,#ccb1e342,transparent)}.arena-caption{text-align:center;font-size:8px;color:#a89ab8;padding:12px}.arena-caption .icon{width:11px;height:11px;margin-right:4px}.floating-number{position:absolute;z-index:8;left:0;right:0;top:20%;text-align:center;font-size:28px;color:#ffbfae;font-weight:700;text-shadow:0 2px 7px #21091f;pointer-events:none;animation:damageFloat 1.2s both}.floating-number.healing{color:#b5f0ce}.floating-number small{display:block;font-size:7px;letter-spacing:2px;color:#ffe0b2}.combat-panel{display:flex;gap:20px;align-items:center;padding:17px 20px;background:#1a1622;border:1px solid #b48ace27;border-radius:7px;margin-top:15px}.active-hero{display:flex;align-items:center;gap:10px;min-width:135px}.active-hero>.portrait{width:43px;height:57px;border:1px solid #b48ace49;border-radius:4px;flex:none}.active-hero>div>small{display:block;font-size:8px;color:#a889c2}.active-hero strong{display:block;font-size:14px;font-weight:400;margin:4px 0}.active-hero>div>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#b8a0cf}.active-hero b{font-weight:400;margin:0 3px}.ap-dot{display:inline-block;width:5px;height:5px;border:1px solid #c3a3e2;transform:rotate(45deg)}.ap-dot.filled{background:#c3a3e2}.combat-actions{display:flex;gap:8px;flex:1}.combat-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #baa0d01a;border-radius:5px;background:#ffffff02;padding:10px 8px;min-width:0;flex:1}.combat-action>.icon{width:19px;height:19px;color:#a68ebb}.combat-action strong{font-size:10px;font-weight:400;white-space:nowrap}.combat-action small{font-size:7px;color:#9781aa}.combat-action.selected{border-color:#bb91e267;background:#b58fda0b}.combat-action.selected .icon{color:#d3b2f2}.combat-action kbd{position:absolute;right:5px;top:5px;border:1px solid #a98dbe29;color:#8a719e;font-size:7px;border-radius:3px;padding:1px 3px}.execute-action{display:flex;flex-direction:column;gap:3px;min-width:136px}.execute-action .btn{font-size:11px;padding:9px 13px;min-height:38px}.execute-action>.btn.text{font-size:8px;min-height:22px;padding:3px}.combat-hint{font-size:10px;color:#9a85ab;text-align:center;padding:13px 10px}.combat-log{border:1px solid #b48ace15;border-radius:6px;background:#151219;margin-top:3px;overflow:hidden}.combat-log summary{cursor:pointer;font-size:11px;padding:13px 17px;color:#a38cb5;list-style:none}.combat-log summary>span{float:right;color:#665874;font-size:9px}.combat-log>div{max-height:122px;overflow-y:auto;padding:0 18px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.combat-log p{font-size:9px;line-height:1.7;display:flex;gap:8px}.combat-log p>span{color:#594865;font-size:8px}.combat-log p.log-damage{color:#b796ad}.combat-log p.log-skill{color:#c4a1df}.combat-log p.log-heal{color:#8bb8aa}.combat-log p.log-round{color:#d0b68f}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:#09070ed9;backdrop-filter:blur(8px);padding:28px;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.modal{position:relative;max-width:560px;width:100%;max-height:calc(100dvh - 56px);overflow-y:auto;background:#1c1724;border:1px solid #b390d23b;border-radius:10px;box-shadow:0 25px 120px #0008;animation:modalIn .25s}.modal.wide{max-width:950px}.modal-close{position:absolute;right:12px;top:12px;z-index:5;background:#130e1daa;border:1px solid #c0a5d528;color:#d6bee8;backdrop-filter:blur(8px)}.modal-close>.icon{width:17px;height:17px}.modal-body{padding:35px}.modal-body h2{font-size:24px;margin:5px 0 15px;padding-right:18px}.modal-body p{font-size:12px;line-height:2}.modal-body>ul{font-size:12px;color:#a996ba;line-height:2.1;padding-left:18px}.modal-body>.btn:last-child{margin-top:21px}.stage-modal-art{height:147px;background:linear-gradient(0deg,#1c1724,transparent),url('/assets/sanctuary.png') center 30%/cover;padding:30px;display:flex;align-items:flex-end}.stage-modal-art>span{font-size:9px;letter-spacing:2px;color:#c6addd}.stage-modal-art+.modal-body{padding-top:3px}.modal-body .eyebrow{font-size:9px;color:#b491d2}.story-text{color:#baabc7}.modal-body h4{font-size:11px;font-weight:400;margin-top:24px;display:flex;justify-content:space-between;color:#c2a7d9}.modal-body h4 span{font-size:10px}.enemy-preview{display:flex;gap:10px;margin:12px 0 20px}.enemy-preview>div{width:51px;position:relative;overflow:hidden;border:1px solid #bf92a63b;border-radius:4px}.enemy-preview>div>span{position:absolute;bottom:0;left:0;right:0;background:#160e20ca;text-align:center;font-size:8px;padding:3px}.stage-reward{border-top:1px solid #bc9bdc16;padding-top:18px}.stage-reward>span{font-size:10px;color:#9f86b1}.stage-reward>div{display:flex;gap:23px;margin-top:14px}.stage-reward b{font-weight:400;font-size:12px;display:flex;align-items:center;gap:6px;color:#cbb2df}.stage-reward b .icon{width:15px;height:15px}.stage-reward b:first-child{color:#d6bb88}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.modal-actions>.btn{flex:1}.rate-table{margin:25px 0}.rate-table>div{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.rate-table .rarity{width:40px}.rate-table strong{width:45px;font-weight:400}.rate-table span{color:#b09abf}.settings-options{display:flex;flex-direction:column;gap:10px;margin:25px 0}.settings-options label{cursor:pointer}.help-list{padding-left:18px;font-size:11px;color:#a992ba;line-height:1.9}.help-list li{margin-bottom:14px;padding-left:4px}.help-list b{color:#d2b9e6;display:block;font-weight:500;font-size:12px;margin-bottom:4px}.summon-result{text-align:center}.summon-result-grid{display:grid;gap:14px;margin:29px 0 23px}.summon-result-grid.ten{grid-template-columns:repeat(5,1fr)}.summon-result-grid.one{grid-template-columns:210px;justify-content:center}.summon-result-grid>div{animation:reveal .55s var(--delay) both}.summon-result-grid .hero-card{width:100%;pointer-events:none}.summon-result-grid.ten .hero-card{aspect-ratio:3/3.8}.summon-result-grid.ten .card-bottom>strong{font-size:13px}.summon-result-grid.ten .hero-role{font-size:8px}.summon-status{font-size:9px;color:#a18ab2;margin-top:8px;display:block}.summon-status.new{color:#dac28f}.summon-result>.btn{margin:10px 5px 0}.result-emblem{display:flex;justify-content:center;align-items:center;width:84px;height:84px;border:1px solid #bb93d332;border-radius:50%;margin:4px auto 25px;color:#b095c4;background:radial-gradient(#9d75c21a,transparent)}.result-emblem>.icon{width:38px;height:38px;stroke-width:1}.battle-result{text-align:center;padding-top:42px}.battle-result.won .result-emblem{color:#e5c889;border-color:#d6b68349;background:radial-gradient(#c5a66019,transparent);box-shadow:0 0 65px #c5a6600b}.battle-result.won>.eyebrow{color:#e0c590;letter-spacing:5px}.battle-result>h2{padding:0;font-weight:400}.battle-result>p{font-size:11px}.result-stats{display:flex;justify-content:space-evenly;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin:26px 0}.result-stats>span{font-size:9px;color:#8e75a2}.result-stats b{display:block;font-size:23px;color:#dac4ea;font-weight:400;margin-bottom:5px}.victory-rewards{display:flex;justify-content:space-evenly;gap:12px}.victory-rewards>span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:8px;color:#9a82ad}.victory-rewards b{font-weight:400;font-size:15px;color:#ddc592}.victory-rewards .icon{width:23px;height:23px;color:#c1a0df}.victory-rewards>span:first-child>.icon{color:#dac18e}.battle-result>.first-clear{font-size:10px;color:#ceb38a;margin:22px 0 0}.battle-result .modal-actions>.btn{font-size:11px}#toasts{position:fixed;right:26px;bottom:25px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;border:1px solid #a686c24d;background:#282030ef;backdrop-filter:blur(15px);padding:14px 20px;border-radius:7px;box-shadow:0 8px 40px #0004;font-size:12px;max-width:420px;line-height:1.7;color:#d6c1e9;animation:modalIn .25s}.toast>.icon{color:#a7c3ac;width:16px;height:16px}.toast.error{border-color:#d8879155;color:#e8bfc8}.toast.error>.icon{color:#db9ba7}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5c456855;border-radius:6px}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(20px) rotateY(20deg);filter:brightness(2)}to{opacity:1;transform:none;filter:none}}@keyframes damageFloat{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}60%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1)}}
@media(min-width:1600px){.hero-banner{height:385px}.banner-copy{padding:40px 45px}.banner-copy h2{font-size:42px}.home-grid{grid-template-columns:minmax(0,1fr) 310px}.home-grid .hero-card{aspect-ratio:3/3.8}.battle-unit,.battle-slot-empty{max-height:174px}.battlefield{padding:20px 55px}.home-links{margin-top:24px}}
@media(max-width:1200px){.sidebar{width:192px;padding-left:14px;padding-right:14px}.brand{gap:7px;padding-left:4px}.brand>span:last-child{font-size:21px;letter-spacing:3px}.brand-moon,.brand-moon .icon{width:30px}.main-shell{margin-left:192px}.nav-item.active:before{left:-14px}.page{padding:27px 25px 20px}.topbar{padding:0 25px}.home-grid{grid-template-columns:minmax(0,1fr) 244px;gap:20px}.hero-banner{height:329px}.banner-copy{padding:28px}.banner-copy h2{font-size:32px}.banner-note{display:none}.banner-location{right:18px;bottom:20px;padding:10px 12px}.journey-panel{padding:15px}.party-cards{gap:9px}.hero-card.small .card-bottom>strong{font-size:12px}.hero-card.small .hero-role{font-size:7px}.team-summary>span:last-child{font-size:8px}.stage-grid{gap:12px}.stage-card{padding:14px}.stage-card h3{font-size:12px}.formation-layout{grid-template-columns:1.05fr 1fr;gap:18px}.formation-panel{padding:18px}.roster-grid{gap:10px}.collection-layout{grid-template-columns:minmax(0,1fr) 266px;gap:22px}.collection-grid{gap:14px}.hero-card .card-bottom>strong{font-size:14px}.hero-card .hero-role{font-size:8px}.detail-body{padding:0 17px 17px}.summon-copy{padding:35px}.summon-copy h2{font-size:42px}.summon-character{right:0}.summon-actions .btn{min-width:123px;font-size:11px}.summon-bottom{gap:22px;padding:20px}.shop-grid{gap:13px}.shop-card{padding:15px}.shop-card h3{font-size:12px}.shop-card p{font-size:9px}.lab-layout{grid-template-columns:260px 1fr;gap:18px}.metric-grid{gap:8px}.metric-grid>div{padding:16px 11px}.metric-grid b{font-size:29px}.battlefield{padding:15px 19px 5px;gap:8px;grid-template-columns:1fr 35px 1fr}.battle-row{gap:8px}.battle-unit,.battle-slot-empty{aspect-ratio:1/1.25}.combat-panel{gap:12px;padding:13px}.active-hero{min-width:119px}.combat-action strong{font-size:9px}.combat-action small{font-size:6px}.execute-action{min-width:120px}.execute-action>.btn{font-size:10px;padding:8px}.combat-actions{gap:6px}}
@media(max-width:1000px){.sidebar{width:174px;padding:28px 12px 16px}.brand>span:last-child{font-size:19px;letter-spacing:2px}.brand small{font-size:8px}.brand-moon,.brand-moon .icon{width:27px}.nav-item{padding:12px 10px;gap:10px;font-size:12px}.nav-item.active:before{left:-12px}.main-shell{margin-left:174px}.page{padding:24px 21px 20px}.topbar{padding:0 21px}.currencies{gap:17px}.home-grid{grid-template-columns:1fr}.journey-panel{display:flex;align-items:center;gap:23px}.journey-panel>.section-title{display:none}.next-stage{flex:1}.next-stage h3{display:inline-block;margin:0 0 0 12px}.next-stage p{margin-top:8px}.next-stage .mini-rewards{margin:9px 0}.next-stage>.text-btn{margin:0}.daily-box{border:0;border-left:1px solid var(--line);padding:15px 0 15px 20px;min-width:220px}.home-grid .hero-card{aspect-ratio:3/3.5}.home-grid .hero-card .card-bottom>strong{font-size:15px}.home-grid .hero-role{font-size:9px}.home-links{gap:13px}.home-links>button{padding:14px;gap:10px}.home-links strong{font-size:10px}.home-links small{font-size:6px}.home-links .pill{display:none}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage-card h3{font-size:15px}.formation-layout{grid-template-columns:1fr 1fr}.formation-row-label span{font-size:7px}.formation-slot{aspect-ratio:1/1.35}.slot-info strong{font-size:10px}.slot-info span{font-size:7px}.roster-grid{grid-template-columns:repeat(2,1fr)}.collection-layout{grid-template-columns:1fr 244px;gap:20px}.collection-grid{grid-template-columns:repeat(2,1fr)}.summon-banner{height:410px}.summon-copy{padding:30px}.summon-copy h2{font-size:36px}.summon-character{right:-100px}.summon-copy>small{max-width:220px;line-height:1.8}.featured-name{flex-wrap:wrap;gap:6px}.featured-name>span:last-child{display:none}.summon-bottom{flex-direction:column;align-items:stretch}.summon-actions>div>.btn{flex:1}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-card h3{font-size:15px}.shop-card p{font-size:11px}.shop-item-art{height:135px}.lab-layout{grid-template-columns:225px 1fr}.panel{padding:20px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div:last-child{display:none}.damage-row{gap:8px}.damage-row>strong{width:44px;font-size:10px}.damage-row>b{font-size:8px;min-width:25px}.page-battle{padding:22px 16px}.battlefield{padding:14px 13px 5px;grid-template-columns:1fr 27px 1fr;gap:6px}.battle-unit,.battle-slot-empty{aspect-ratio:1/1.55}.battle-row{gap:7px}.unit-info{left:5px;right:5px}.unit-info>strong{font-size:9px}.unit-info>small{font-size:6px}.combat-panel{flex-wrap:wrap}.active-hero{min-width:130px}.combat-actions{flex:1}.execute-action{flex-direction:row;width:100%;justify-content:flex-end;align-items:center}.combat-action{min-height:72px}.combat-action strong{font-size:9px}.combat-log>div{grid-template-columns:1fr}.battle-heading h1{font-size:18px}.battle-toggles{gap:4px}.battle-toggles .btn{font-size:9px;padding:7px 9px}.initiative{padding:10px 12px;gap:10px}.initiative>span{min-width:70px}.initiative-unit{width:29px;height:36px}.initiative>div{gap:7px}.profile-avatar{width:29px}.profile{gap:7px}.profile strong{font-size:11px}.profile span{font-size:8px}}
@media(max-width:760px){.sidebar{width:65px;padding:25px 10px 14px}.brand{padding:0 5px 35px}.brand>span:last-child,.side-label,.nav-item>span,.nav-item>small,.sidebar-bottom .profile,.sidebar-bottom .xp-track,.sidebar-bottom .xp-caption,.local-status,.settings-button{display:none}.nav-item{justify-content:center;padding:13px 7px}.nav-item .icon{width:21px;height:21px}.nav-item.active:before{left:-10px}.nav-item:last-child{margin-top:12px}.main-shell{margin-left:65px}.page{padding:21px 16px 16px}.topbar{height:62px;padding:0 16px}.breadcrumb{font-size:9px;gap:7px}.currencies{gap:11px}.currencies>span{font-size:10px;gap:5px}.currencies>span .icon{width:13px;height:13px}.currencies>span:nth-child(3){display:none}.help-button{padding-left:10px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:7px}.realm-tag{display:none}.hero-banner{height:330px}.banner-copy{padding:25px}.banner-copy h2{font-size:29px}.banner-copy p{font-size:10px}.banner-location{display:none}.home-grid{gap:15px;margin-top:23px}.party-cards{gap:8px}.card-top{left:7px;right:6px;top:7px}.hero-card.small .rarity{font-size:12px}.hero-card.small .card-bottom{left:7px;right:7px;bottom:9px}.home-grid .hero-card .card-bottom>strong{font-size:12px}.hero-card .card-bottom>strong>span{font-size:7px}.home-grid .hero-role{font-size:7px}.home-links{grid-template-columns:1fr}.home-links strong{font-size:12px}.home-links small{font-size:7px}.home-links .pill{display:inline}.journey-panel{gap:15px}.daily-box{min-width:175px;padding-left:15px;gap:7px}.daily-box small{font-size:7px}.next-stage h3{font-size:12px;margin-left:7px}.stage-number{font-size:8px;padding:3px 5px}.next-stage .mini-rewards{gap:14px}.section-title h2{font-size:14px}.section-title h2 span{font-size:7px}.team-summary>span:last-child{display:none}.formation-layout{grid-template-columns:1fr}.formation-slot{aspect-ratio:1/1.1}.roster-grid{grid-template-columns:repeat(4,1fr)}.slot-info strong{font-size:14px}.slot-info span{font-size:9px}.formation-row-label span{font-size:9px}.collection-layout{grid-template-columns:1fr 225px;gap:15px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.collection-grid .hero-card .card-bottom>strong{font-size:11px}.collection-grid .hero-card .hero-role{font-size:7px}.collection-grid .hero-card .card-top .rarity{font-size:13px}.collection-grid .element{padding:3px}.collection-grid .element .icon{width:10px;height:10px}.collection-grid .card-bottom{left:8px;right:8px;bottom:9px}.summon-copy{padding:28px}.summon-copy h2{font-size:36px}.summon-character{right:-160px;opacity:.7}.summon-copy>p{font-size:10px}.summon-copy{max-width:80%}.gold-eyebrow{font-size:7px}.summon-banner{height:395px}.summon-copy>small{font-size:7px}.shop-welcome{padding:20px;gap:15px}.shop-welcome h2{font-size:16px}.shop-welcome p{font-size:9px}.shop-welcome>div{width:47px;height:47px;flex:none}.lab-layout{grid-template-columns:1fr}.lab-config{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}.lab-config h2{grid-column:1/-1;margin-bottom:4px}.lab-config label{margin:10px 0 0;align-self:center}.lab-config>.note{grid-column:1/-1;margin:0}.sim-team{margin:10px 0}.lab-config>.btn{align-self:center}.lab-hint{grid-column:1/-1;text-align:left;margin:0}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid>div:last-child{display:block}.lab-empty{min-height:370px}.battle-heading{align-items:flex-start}.battle-heading h1{font-size:16px}.battle-heading .eyebrow{font-size:6px}.battle-toggles .btn{padding:6px 7px;font-size:8px;min-height:29px}.battle-toggles .icon{width:10px;height:10px}.page-battle{padding:20px 11px}.battlefield{padding:13px 10px 5px;gap:5px;grid-template-columns:1fr 22px 1fr}.battle-row{gap:5px}.battle-formation{gap:7px}.battle-unit,.battle-slot-empty{aspect-ratio:1/1.65}.battle-unit-top{left:4px;right:4px;top:4px}.battle-unit-top>span{font-size:6px}.battle-unit-top>.element{padding:2px}.battle-unit-top>.element .icon{width:8px;height:8px}.unit-info{left:4px;right:4px;bottom:3px}.unit-info>strong{font-size:8px;margin-bottom:3px}.unit-effects{min-height:9px;gap:1px;margin-top:2px}.unit-effects>span{font-size:5px;padding:0 2px}.battle-side-label{font-size:8px}.battle-side-label span{font-size:6px}.arena-caption{font-size:6px;padding:9px}.versus span{font-size:10px}.active-hero{min-width:110px}.active-hero>.portrait{width:36px;height:48px}.active-hero strong{font-size:12px}.combat-panel{padding:10px;gap:10px}.combat-actions{gap:5px}.combat-action{padding:9px 4px}.combat-action strong{font-size:7px}.combat-action small{font-size:5px}.combat-action>.icon{width:16px;height:16px}.combat-action kbd{font-size:5px}.combat-hint{font-size:8px}.combat-log p{font-size:8px}.initiative{gap:8px;padding:9px}.initiative>span{font-size:8px;min-width:55px}.initiative>span small{font-size:7px}.initiative-unit{width:24px;height:32px}.initiative>div{gap:6px}.initiative>.icon-btn{padding:3px}.initiative>.icon-btn .icon{width:13px}.modal-backdrop{padding:18px}.modal-body{padding:28px}.modal{max-height:calc(100dvh - 36px)}.modal-body h2{font-size:21px}.summon-result-grid.ten{gap:11px;grid-template-columns:repeat(5,1fr)}.summon-result-grid.ten .hero-card .card-bottom>strong{font-size:10px}.summon-result-grid.ten .hero-role{display:none}.summon-result-grid.ten .card-bottom{left:7px;right:7px;bottom:8px}.summon-result-grid.ten .rarity{font-size:11px}.summon-result-grid.ten .element{display:none}.summon-result-grid.ten .hero-card .card-bottom>strong>span{display:none}.summon-status{font-size:7px}.summon-result-grid.ten .card-stars{font-size:7px;margin-bottom:3px}footer{padding:20px 16px;font-size:8px}footer span:last-child{font-size:6px;letter-spacing:.7px}.toast{font-size:11px;max-width:340px}}
@media(max-width:520px){.sidebar{width:55px;padding:22px 7px}.brand{padding-left:5px}.brand-moon,.brand-moon .icon{width:25px}.nav-item .icon{width:19px}.main-shell{margin-left:55px}.page{padding:20px 12px}.topbar{padding:0 12px}.breadcrumb{font-size:8px}.currencies{gap:9px}.currencies>span{font-size:9px}.help-button{display:none}.page-heading h1{font-size:20px}.hero-banner{height:310px}.banner-copy{padding:24px 19px}.banner-copy h2{font-size:26px}.chapter-chip{font-size:8px}.banner-copy p{font-size:9px}.banner-copy>.btn{font-size:10px;margin-top:20px;min-width:143px}.party-cards{grid-template-columns:repeat(2,1fr);gap:11px}.home-grid .hero-card{aspect-ratio:3/3.6}.home-grid .hero-card .card-bottom>strong{font-size:15px}.home-grid .hero-role{font-size:8px}.journey-panel{display:block;padding:18px}.daily-box{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:13px}.daily-box small{font-size:8px}.next-stage h3{font-size:14px}.next-stage .mini-rewards{margin:13px 0}.section-title h2 span{display:none}.story-banner{height:190px;padding:22px}.story-banner h2{font-size:24px}.story-banner .eyebrow{font-size:6px}.stage-grid{gap:11px;margin-top:18px}.stage-card{padding:12px}.stage-card h3{font-size:12px}.stage-card p{font-size:8px}.stage-card-top{margin-bottom:15px}.stage-bottom{font-size:8px}.stage-bottom>b .icon{display:none}.completion b{font-size:23px}.completion small{font-size:8px}.roster-grid{grid-template-columns:repeat(3,1fr)}.formation-panel{padding:15px}.formation-row{gap:9px}.slot-info strong{font-size:12px}.slot-info span{font-size:7px}.formation-row-label span{font-size:7px}.power-label{gap:7px}.power-label b{font-size:18px}.power-label .icon{width:15px}.collection-count{font-size:18px}.collection-count span{font-size:6px}.collection-layout{display:flex;flex-direction:column}.collection-grid{width:100%;grid-template-columns:repeat(3,1fr);gap:10px}.hero-detail{width:100%;position:static}.detail-portrait{height:230px}.detail-portrait>.portrait{width:100%;height:auto;top:-20px}.detail-body{padding:0 22px 22px}.stat-grid{gap:13px 26px}.filter-tabs{gap:2px}.filter-tabs button{padding:6px 10px;font-size:10px}.summon-character{right:-235px;opacity:.55}.summon-copy{max-width:100%;padding:27px 23px}.summon-copy h2{font-size:37px}.summon-copy>p{max-width:200px}.summon-copy>small{font-size:7px}.summon-banner{height:403px}.summon-bottom{padding:17px}.pity-info{min-width:0}.pity-info p{font-size:8px}.summon-actions .btn{min-width:0;font-size:10px;padding:9px}.summon-actions .btn small{font-size:9px}.info-strip{font-size:9px;padding:13px}.page-summon .page-heading>.text-btn{font-size:8px;white-space:nowrap}.shop-grid{gap:11px}.shop-card{padding:12px}.shop-card h3{font-size:12px}.shop-card p{font-size:9px}.shop-item-art{height:117px}.shop-item-art>.icon{height:53px;width:53px}.shop-item-art>i{height:76px;width:76px}.shop-card>.btn{font-size:9px;padding:8px}.shop-welcome h2{font-size:13px}.shop-welcome p{font-size:8px}.shop-welcome>div{width:35px;height:35px}.shop-welcome>div .icon{width:22px}.shop-welcome{padding:17px;gap:11px}.lab-config{padding:17px;gap:8px 14px}.lab-config label{font-size:9px}.lab-config select,.lab-config input{padding:8px;font-size:10px}.lab-config h2{font-size:13px}.lab-config .btn{font-size:10px;padding:9px}.sim-team{gap:5px}.sim-team>span{width:30px;height:39px}.metric-grid b{font-size:24px}.metric-grid small{font-size:8px}.metric-grid>div{padding:13px 9px}.metric-grid span{font-size:6px}.metric-grid em{font-size:10px}.result-heading h2{font-size:16px}.result-heading .btn{padding:8px 10px;font-size:10px}.damage-row>strong{font-size:11px;width:49px}.battle-heading{display:block}.battle-heading h1{font-size:18px}.battle-toggles{margin-top:12px;justify-content:flex-end}.battle-toggles .btn{font-size:9px;padding:6px 10px}.page-battle{padding:20px 9px}.battlefield{grid-template-columns:1fr;gap:10px;padding:12px}.battle-side.enemy{grid-row:1}.battle-side.ally{grid-row:2}.versus{display:none}.battle-formation{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-row{gap:5px}.battle-unit,.battle-slot-empty{aspect-ratio:1/1.6}.battle-slot-empty{display:none}.battle-side-label{margin-bottom:7px}.battle-side-label strong{font-size:9px}.battle-side-label span{font-size:7px}.initiative-unit{width:21px;height:28px}.initiative>div{gap:5px}.initiative>span{min-width:49px;font-size:7px}.initiative>.icon-btn{display:none}.battle-unit-top{left:3px;right:3px}.battle-unit .unit-info>strong{font-size:7px}.unit-effects>span{font-size:5px}.arena-caption{font-size:6px;padding:8px}.combat-panel{gap:10px}.active-hero{width:100%;min-width:0}.active-hero>.portrait{height:39px;width:30px}.active-hero>div{display:flex;gap:9px;align-items:center;flex:1}.active-hero>div>span{margin-left:auto;font-size:7px}.active-hero>div>small{font-size:7px}.active-hero>div>strong{font-size:11px}.combat-actions{width:100%;flex:auto}.combat-action strong{font-size:9px}.combat-action small{font-size:7px}.combat-action{min-height:78px}.execute-action{justify-content:space-between}.combat-hint{font-size:7px;padding:10px 5px}.combat-log p{font-size:7px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-body{padding:25px 22px}.modal-body h2{font-size:19px}.modal-body p{font-size:11px}.modal-body .eyebrow{font-size:7px}.modal-actions{gap:7px}.modal-actions .btn{font-size:10px;padding:9px 12px}.stage-reward>div{gap:15px}.stage-reward b{font-size:10px}.summon-result-grid.ten{grid-template-columns:repeat(5,1fr);gap:8px}.summon-result-grid.ten .card-bottom>strong{display:none!important}.summon-result-grid.ten .hero-card{aspect-ratio:3/4}.summon-result-grid.ten .card-top{left:4px;top:5px}.summon-result-grid.ten .rarity{font-size:10px}.summon-result-grid.ten .card-bottom{bottom:5px;left:5px}.summon-status{font-size:6px}.summon-result>.btn{font-size:11px}.victory-rewards{gap:7px}.victory-rewards b{font-size:13px}.result-stats{padding:17px 0}.rate-table>div{gap:10px;font-size:9px}.rate-table .rarity{width:33px}.rate-table strong{width:30px}.modal-body>ul{font-size:10px}footer{padding:18px 12px;font-size:7px}footer span:last-child{display:none}#toasts{right:15px;bottom:15px;left:70px}.toast{padding:12px 14px;font-size:10px}}
@media(min-width:1001px){.page-battle{padding-top:22px}.battle-heading{margin-bottom:15px}.battlefield{padding-top:12px;padding-bottom:4px}.battle-unit,.battle-slot-empty{height:121px;aspect-ratio:auto}.battle-unit{overflow:hidden}.battle-unit>.portrait{height:auto;inset:0 0 auto;aspect-ratio:3/4}.battle-formation{gap:9px}.arena-caption{padding:9px}.combat-panel{margin-top:12px;padding:12px 17px}.combat-action{padding-top:8px;padding-bottom:8px}.combat-hint{padding:10px}.battle-side-label{margin-bottom:9px}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar>*{flex-shrink:0}
@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:24px}.brand{padding-bottom:25px}.side-label{padding-bottom:10px}.sidebar nav{gap:4px}.nav-item{min-height:43px;padding-top:10px;padding-bottom:10px}.nav-item:last-child{margin-top:12px}.sidebar-bottom{padding-top:16px}.local-status{margin-bottom:12px;padding-top:10px;padding-bottom:10px}.settings-button{margin-top:13px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}