/* v16 — readable collection and equipment panels on 360px phones. */
.collection-bonus{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid #c8ad7255;background:linear-gradient(130deg,#242d48,#151e34);border-radius:12px;margin:8px 0;color:#efdcaa;font-size:13px}.collection-bonus small{color:#aab6d1;font-size:11px}.codex-filters{display:flex;gap:5px;margin:8px 0}.codex-filters button{flex:1;padding:7px 3px;font-size:11px}.codex-filters .active{border-color:#dfc797;background:#38415c}.codex-grid,.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-card,.equipment-slot{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;padding:8px 3px;border:1px solid #65738b60;background:linear-gradient(160deg,#26304c,#141e31);border-radius:12px}.codex-card b,.equipment-slot b{font-size:11px;line-height:1.3;word-break:keep-all}.codex-card small,.equipment-slot small{font-size:10px;color:#bbc4d6;line-height:1.4}.codex-card canvas{width:100%;height:85px;object-fit:contain}.codex-card.unowned canvas,.codex-card.unowned .item-art{filter:saturate(.72) brightness(.88);opacity:.85}.codex-card .rarity{font-size:10px}.item-art{display:block;width:88px;max-width:100%;aspect-ratio:1;background-image:url('assets/media-v16/equipment-atlas-v16.png');background-size:600% 600%;background-position:calc(var(--ix)*20%) calc(var(--iy)*20%);background-repeat:no-repeat;filter:drop-shadow(0 3px 9px #0006)}.equipment-slot{min-height:138px}.equipment-slot>span:first-child{font-size:11px;color:#c8b17f}.equipment-slot>strong{font-size:40px;font-weight:300;color:#77839e}.equipment-slot .item-art{width:74px}.item-detail-art{display:flex;align-items:center;flex-direction:column;border:1px solid #bd9f6655;border-radius:20px;background:radial-gradient(ellipse,#485475,#121c32);padding:15px}.item-detail-art .item-art{width:180px}.set-list{display:flex;flex-direction:column;gap:8px}.set-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:12px;border:1px solid #56617d;border-radius:10px;background:#19243c;text-align:left;font-size:13px}.set-row small{color:#99a7c6}.set-row.complete{border-color:#dfc797;background:#2c3242}.set-row.complete small{color:#edd391}.role-tag{display:block;font-size:10px;color:#e5d8ae;font-style:normal}.attack-preview-button{width:100%;margin:6px 0;padding:10px;color:#f4dfb0;border-color:#a5937066}#attack-preview-canvas{display:block;width:100%;height:220px;border:1px solid #8392b533;border-radius:14px}.replacement-summary{font-size:12px;padding:10px;margin-top:8px;background:#253d37;border:1px solid #87dbac55;border-radius:10px}.replacement-summary p{margin:5px 0;color:#c8e7d6;font-size:11px;line-height:1.5}.result-card .item-art{width:75px;margin:auto}.single-result .item-art{width:150px}.premium-summon{background:url('assets/media-v16/summon-chamber-v16.png') center/cover!important;isolation:isolate}.premium-summon:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,transparent 20%,#03081999);z-index:-1}.premium-summon .radiant-moon{opacity:.7;mix-blend-mode:screen}.premium-summon .earth-horizon{opacity:.25}.summon-vfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.premium-summon p{position:absolute;bottom:8px;width:100%;text-shadow:0 2px 8px #000}.summon-feature{background:linear-gradient(#101a3544,#101a3588),url('assets/media-v16/summon-chamber-v16.png') center 40%/cover}.summon-feature>div:last-child{z-index:2}#summon-kind-note{font-size:11px;color:#d1daf0}.detail-art{max-height:170px}.detail-art canvas{max-height:160px!important}.detail-description{font-size:12px;margin:7px 0}.attack-identity{margin:6px 0;padding:8px}.growth-copy{padding:7px}.growth-copy span{font-size:10px}#page-collection .party-slots{min-height:0;flex:1}#page-growth .weapon-showcase{min-height:90px}#featured-equipment{display:flex;align-items:center;justify-content:center;position:absolute;inset:0 0 40px}#featured-equipment.hidden{display:none}#featured-equipment .item-art{width:180px}.summon-results .result-card small{font-size:10px}#overlay[data-type='pull'] #overlay-body{overflow:auto}#overlay[data-type='unit'] #overlay-body{overflow:auto}#overlay[data-type='codex'] #overlay-body{overflow:auto}#overlay[data-type='equipment'] #overlay-body{overflow:auto}
@media(max-height:720px){.codex-card canvas{height:62px}.codex-card .item-art{width:64px}.codex-card{padding:5px 2px}.equipment-slot{min-height:115px}.equipment-slot .item-art{width:58px}.collection-bonus{padding:8px;margin:5px 0}.detail-art{max-height:120px}.detail-art canvas{max-height:115px!important}.summon-feature{min-height:140px}#page-growth .weapon-showcase{min-height:75px}}
@media(prefers-reduced-motion:reduce){.summon-vfx{opacity:.55}.premium-summon *{animation:none!important}}

.codex-rarities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0}.codex-rarities button{padding:7px 2px;min-width:0;font-size:11px}.codex-rarities small{font-size:9px;color:#acbad0}.codex-rarities button.active{border-color:#e2c786;background:#39445d}.codex-rarities .SSR{color:#d9b4ff}.codex-rarities .UR{color:#ffe08c}

/* v18: action availability is a light, never a remaining-card count. */
#navigation{grid-template-columns:repeat(6,minmax(0,1fr))}
#navigation button{font-size:14px!important}
.action-badge{width:8px;height:8px;min-width:8px;padding:0;top:3px;right:6px;border-radius:50%;background:#ffd973;box-shadow:0 0 8px #ffce6b}
.action-ready{border-color:#d7b967!important;box-shadow:inset 0 0 18px #e1b44c19}
#page-items{overflow-y:auto}#page-items .equipment-grid{flex:1;min-height:170px}#page-items .equipment-slot{min-height:96px}#collection-count:empty,#waiting-count:empty{display:none}

#page-collection .action-row:has(#open-codex){grid-template-columns:1fr}

#items-fusion{position:relative}


.equipment-slot .equipment-grade{font-size:12px;font-weight:800;line-height:1.2;padding:3px 8px;border:1px solid var(--rarity);border-radius:7px;color:var(--rarity);background:#071222b8}.equipment-slot:has(.equipment-grade.rarity){border-color:var(--rarity);box-shadow:inset 0 -2px var(--rarity)}.equipment-slot .empty-grade{color:#98a6bc;border-color:#61718a55}.equipment-slot .item-art{width:66px}@media(max-height:720px){.equipment-slot .item-art{width:48px}.equipment-slot .equipment-grade{font-size:11px;padding:2px 6px}}

.auto-fusion{min-height:52px;font-size:18px!important;font-weight:900;background:linear-gradient(135deg,#b78127,#574731)!important;border-color:#f6d88f!important;color:#fff4d0;box-shadow:0 0 15px #e9bc4a33}#overlay[data-type='auto-fusion-results'] #overlay-body{overflow:auto}

#overlay[data-type='fusion'] #overlay-body{overflow:auto}