.inventory-page,.summon-page{height:100%;width:100%;overflow:auto;background:radial-gradient(ellipse at 75% 20%,#27334770,transparent 55%),#090d15;color:#e8ebf1;font-family:'DreamGothic',sans-serif;padding:28px 36px;box-sizing:border-box}.inventory-page *,.summon-page *{box-sizing:border-box}.inventory-page button,.summon-page button{cursor:pointer;transition:background .2s,border-color .2s}.inventory-page button:focus-visible,.summon-page button:focus-visible{outline:2px solid #edcc8f;outline-offset:3px}.inventory-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.inventory-header>div:first-child{margin-right:auto}.inventory-header small,.summon-hero-copy>small,.banner-list>small{font-size:10px;letter-spacing:.28em;color:#9daac0}.inventory-header h1{font-family:'Nanum Myeongjo',serif;font-size:30px;margin:6px 0 0}.inventory-header h1 span{font:12px 'DreamGothic',sans-serif;color:#99a5b7;margin-left:12px}.inventory-header button,.rates-panel button,.collection-empty button{padding:10px 16px;border:1px solid #ffffff25;border-radius:4px;background:#ffffff05;font-size:12px}.ticket-balance{font-size:12px;color:#aeb9c9}.ticket-balance b{font-size:20px;color:#edcc8f;margin-left:12px}.collection-tabs{display:flex;border-bottom:1px solid #ffffff20;gap:8px;margin-bottom:22px}.collection-tabs button{min-width:140px;padding:15px 22px;color:#97a5ba;border-bottom:2px solid transparent;background:none}.collection-tabs button.active{border-color:#edcc8f;color:#f9e1b8;background:linear-gradient(transparent,#edcc8f12)}.collection-tabs b{font-size:11px;margin-left:12px;color:#b1bdcf}.inventory-tools{display:flex;align-items:center;gap:10px;margin-bottom:20px}.inventory-tools input,.inventory-tools select{background:#141d2a;border:1px solid #ffffff20;border-radius:4px;padding:10px 14px;color:#d8e1ed;min-width:0;font-size:12px}.inventory-tools input{width:260px}.inventory-tools>span{margin-left:auto;color:#94a2b6;font-size:12px}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;min-height:420px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:14px}.inventory-card{position:relative;text-align:left;padding:0 12px 12px;border:1px solid #ffffff20;border-bottom:3px solid var(--gx);border-radius:7px;background:linear-gradient(150deg,#293547,#101620);overflow:hidden;min-width:0}.inventory-card:hover,.inventory-card.selected{border-color:var(--gx);background:linear-gradient(150deg,#3a465b,#192434)}.inventory-art{display:block;height:150px;margin:0 -12px 8px;background:radial-gradient(ellipse at center,#ffffff14,transparent)}.inventory-card small{color:var(--gx);display:block;letter-spacing:2px;font-size:10px}.inventory-card strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0}.inventory-card>span:last-child{font-size:11px;color:#afbdce}.inventory-detail{border:1px solid #ffffff1f;border-radius:8px;background:#0a111cbf;padding:24px;align-self:start}.inventory-detail>small{font-size:10px;letter-spacing:.2em;color:#889ab5}.detail-art{height:220px}.gold-stars{letter-spacing:5px;color:#edcc8f;font-size:15px}.inventory-detail h2{font-family:'Nanum Myeongjo',serif;font-size:23px;margin:12px 0}.inventory-detail p,.collection-empty p{color:#9baac0;font-size:12px;line-height:1.8}.inventory-detail dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff12;font-size:12px}.inventory-detail dt{color:#899ab2}.inventory-detail progress{width:100%;height:4px;margin:18px 0}.primary{background:#eadac0!important;color:#17202b!important;border:1px solid #f9e6c3!important}.inventory-detail button{width:100%;padding:12px;border:1px solid #ffffff30;margin-top:10px;border-radius:4px}.inventory-page button:disabled,.summon-page button:disabled{opacity:.35;cursor:not-allowed}.collection-empty{grid-column:1/-1;text-align:center;padding:90px 20px}.empty-emblem{font-size:70px;color:#677791;margin-bottom:18px}.detail-empty{text-align:center;padding:100px 0}.enhance-picker{margin-top:20px;border-top:1px solid #ffffff20;padding-top:16px}.enhance-picker h3{font-size:14px}.enhance-picker label{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 0}.enhance-picker input{accent-color:#edcc8f}.summon-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;min-height:350px}.banner-list{display:flex;flex-direction:column;gap:10px}.banner-list>small{margin-bottom:5px}.banner-list button{text-align:left;padding:17px;border:1px solid #ffffff18;background:#101927;border-radius:4px}.banner-list button.active{border-color:#edcc8f;background:linear-gradient(110deg,#edcc8f22,#101927)}.banner-list button small{display:block;color:#a6b4c8;font-size:10px;margin-bottom:8px}.banner-list strong{font-size:14px}.summon-hero{position:relative;min-height:360px;border:1px solid #ffffff14;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#b19b6225,transparent 60%),linear-gradient(120deg,#111a29,#0c1420);border-radius:8px}.summon-hero-art{position:absolute;right:0;top:3%;height:94%;width:55%;transform:rotate(-12deg);opacity:.8;filter:drop-shadow(0 0 22px #e3bb7155)}.summon-hero-copy{position:relative;z-index:1;padding:55px 35px;max-width:65%;text-shadow:0 2px 15px #000}.summon-hero-copy .gold-stars{margin:28px 0 12px}.summon-hero-copy h2{font-family:'Nanum Myeongjo',serif;font-size:clamp(28px,3.5vw,52px);line-height:1.2;margin-bottom:18px;word-break:keep-all}.summon-hero-copy p{max-width:320px;color:#b5c0d1;font-size:13px;line-height:1.8}.feature-tag{display:inline-block;font-size:10px;color:#edcc8f;border:1px solid #edcc8f55;padding:7px 12px;margin-top:20px}.summon-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0 0;margin-top:26px;border-top:1px solid #ffffff20}.pity-overview{display:flex;gap:24px;align-items:center}.pity-overview>div{min-width:120px}.pity-overview small{display:block;font-size:11px;color:#a7b5c9}.pity-overview strong{display:block;font-size:28px;color:#ead9b8;margin:6px 0}.pity-overview em{font-size:11px;font-style:normal;margin-left:7px;color:#a7b5c9}.pity-overview progress{display:block;width:100%;height:3px;accent-color:#edcc8f}.pity-overview>button{font-size:11px;color:#a7b5c9;text-decoration:underline}.pull-actions>small{display:block;font-size:10px;color:#a7b5c9;margin-bottom:10px;text-align:right}.pull-actions>div{display:flex;gap:12px}.pull-actions button{padding:14px 24px;border:1px solid #ffffff40;background:#172234;border-radius:3px;font-size:14px;white-space:nowrap}.pull-actions button span{display:block;font-size:10px;margin-top:5px;opacity:.6}.rates-panel{margin-top:24px;border:1px solid #ffffff22;padding:20px;background:#101827;font-size:12px;line-height:1.8}.rates-panel h3{font-size:16px;margin-bottom:10px}.rates-panel p{color:#acb9cd}.rates-panel>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.rates-panel span{padding:5px 10px;border:1px solid #ffffff20}.summon-empty{text-align:center;padding:60px 20px}.summon-empty h2{font:30px 'Nanum Myeongjo',serif;margin:20px}.summon-empty p{font-size:13px;color:#99a9bf;margin:12px}.summon-empty small{font-size:10px;letter-spacing:.25em;color:#8d9eb7}.summon-empty button{border:1px solid #ffffff40;padding:14px 45px;margin-top:20px}
@media(max-width:900px){.inventory-page,.summon-page{padding:20px}.inventory-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.summon-body{grid-template-columns:140px minmax(0,1fr);gap:15px}.summon-footer{align-items:stretch;flex-direction:column}.pull-actions{align-self:flex-end}.summon-hero-copy{padding:40px 22px}.pity-overview{justify-content:space-between}.inventory-header{gap:10px}}
@media(max-width:600px){.inventory-page,.summon-page{padding:16px}.inventory-header{flex-wrap:wrap;margin-bottom:16px}.inventory-header h1{font-size:25px}.inventory-header button{font-size:10px;padding:8px}.ticket-balance{font-size:10px}.collection-tabs button{flex:1;min-width:0;padding:13px 12px}.inventory-tools{flex-wrap:wrap}.inventory-tools input{width:100%}.inventory-layout{display:flex;flex-direction:column}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inventory-art{height:120px}.inventory-card{padding:0 8px 10px}.inventory-card strong{font-size:11px}.inventory-detail{width:100%}.detail-art{height:170px}.detail-empty{padding:20px}.summon-body{display:flex;flex-direction:column}.banner-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.banner-list>small{display:none}.banner-list button{padding:10px 7px}.banner-list strong{font-size:11px}.summon-hero{min-height:320px}.summon-hero-copy{max-width:78%;padding:35px 20px}.summon-hero-art{width:65%;right:-15%;opacity:.5}.summon-footer{margin-top:16px;padding-top:18px;gap:18px}.pity-overview{gap:12px;flex-wrap:wrap}.pity-overview>div{flex:1;min-width:100px}.pull-actions{width:100%}.pull-actions>div button{flex:1}.collection-empty{padding:40px 10px}}
/* Keep controls readable even before the utility stylesheet has loaded. */
.inventory-page button,.summon-page button{color:inherit;font-family:inherit}.collection-tabs button{border-top:0;border-left:0;border-right:0}.banner-list button{color:#e8ebf1}.inventory-card strong{color:#e8ebf1}.pity-overview>button{background:transparent;border:0;color:#a7b5c9}.inventory-page input,.summon-page input{font-family:inherit}


/* --- 2026-09 collection typography refresh --- */
.inventory-page,.summon-page{font-family:var(--font-ui)}
.inventory-header h1,.inventory-detail h2,.character-heading h2,.character-data h3{font-family:var(--font-display)}
.collection-tabs button,.inventory-tools input,.inventory-tools select,.inventory-detail button{font-family:var(--font-ui)}
.character-heading button.active,.collection-tabs button.active{box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 0 18px rgba(237,204,143,.14)}