.banner-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.banner-selector button{padding:15px 20px;text-align:left;border:1px solid #344867;background:#101e36;font-size:20px;border-radius:6px}.banner-selector button small{display:block;letter-spacing:2px;font-size:10px;color:#aebcd3;margin-bottom:5px}.banner-selector button span{float:right;font-size:12px;color:#aebcd3;margin-top:5px}.banner-selector button[aria-pressed=true]{border-color:#ddbd76;background:linear-gradient(110deg,#354057,#14233b);box-shadow:inset 3px 0 #ddbd76;color:#f3dca8}.shared-pity-note{font-size:12px;color:#c8b788;margin:10px 0 18px}.hakuya-banner .banner-art{object-fit:contain;object-position:right;background:radial-gradient(ellipse at right,#513253,#101c35)}.waiting-card{filter:grayscale(1);opacity:.6;cursor:default;pointer-events:none}.waiting-card:hover{transform:none;filter:grayscale(1)}.preview-roster{grid-template-columns:repeat(5,minmax(0,1fr))}
#info-dialog:has(.character-dossier){width:min(960px,94vw);max-width:960px;padding:0;border:1px solid #8e7952;background:#0c192e;overflow:auto}.character-dossier{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);animation:dossier-appear .25s ease-out}.dossier-portrait{position:relative;min-height:520px;background:#111e34;overflow:hidden}.dossier-portrait>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:50% 25%}.dossier-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081326 0%,transparent 65%)}.dossier-rarity{position:absolute;top:24px;left:24px;z-index:1;color:#f0d59b;font:italic 32px Georgia,serif;letter-spacing:3px;text-shadow:0 2px 12px #000}.dossier-portrait>div{position:absolute;bottom:30px;left:24px;right:20px;z-index:1}.dossier-portrait h2{font:26px Georgia,serif;letter-spacing:2px;color:#f1dfba;margin:12px 0}.dossier-portrait small{font-size:8px;letter-spacing:1px}.dossier-portrait div>span{display:inline-block;border:1px solid #776743;padding:5px 10px;font-size:11px;letter-spacing:2px}.dossier-body{padding:32px 30px;min-width:0}.dossier-body>h2{margin:8px 0 12px;font-size:25px}.dossier-tags{display:flex;flex-wrap:wrap;gap:6px}.dossier-tags span{padding:4px 8px;background:#1c2e48;border:1px solid #334561;border-radius:4px;font-size:10px;color:#c6d5e8}.dossier-body blockquote{margin:18px 0;color:#e1c994;font:italic 17px Georgia,serif;line-height:1.6}.dossier-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding:18px;background:#081427;border:1px solid #263954;border-radius:6px}.dossier-stat>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--stat)}.dossier-stat span{font-size:12px;font-weight:600}.dossier-stat small{display:block;color:#93a6be;font-size:8px;letter-spacing:1px;margin-top:3px}.dossier-stat strong{font-size:23px;font-variant-numeric:tabular-nums}.stat-hp{--stat:#6cddb0}.stat-atk{--stat:#f38e8c}.stat-def{--stat:#78bdfa}.stat-speed{--stat:#d4a0f4}.stat-track{height:6px;border-radius:5px;background:#233048;overflow:hidden}.stat-track i{display:block;height:100%;background:var(--stat);border-radius:5px;box-shadow:0 0 9px var(--stat)}.stat-note{display:block;font-size:9px;color:#94a7c0;margin:8px 0 18px}.dossier-skill{border-left:2px solid #ddbd76;background:#15243b;padding:14px 16px;margin-top:10px;border-radius:0 5px 5px 0}.dossier-skill>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.dossier-skill small{font-size:10px;letter-spacing:1.5px;color:#ddbd76}.dossier-skill span{font-size:10px;color:#aebcd3}.dossier-skill h3{font-size:18px;margin:7px 0;color:#f5e3bc}.dossier-skill p{font-size:12px;line-height:1.8;margin:7px 0 0;color:#d3deed}.dossier-skill.passive{border-color:#8ca9dd}.dossier-skill.passive small{color:#a7c5f9}.dossier-story{font-size:11px;line-height:1.8;color:#94a7c0;margin-bottom:0}@keyframes dossier-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:600px){.banner-selector{gap:8px}.banner-selector button{padding:12px;font-size:17px}.banner-selector button span{float:none;display:block;font-size:10px}.banner-selector button small{font-size:8px;letter-spacing:1px}.shared-pity-note{font-size:10px}.preview-roster{grid-template-columns:repeat(9,135px)}.character-dossier{grid-template-columns:1fr}.dossier-portrait{min-height:245px}.dossier-portrait>img{object-position:50% 23%}.dossier-portrait>div{bottom:18px}.dossier-body{padding:24px 20px}.dossier-portrait h2{font-size:22px}}
@media(orientation:landscape) and (max-height:550px){.banner-selector button{padding:8px 14px;font-size:16px}.banner-selector button small{font-size:8px}.shared-pity-note{margin:6px 0 10px;font-size:10px}.character-dossier{grid-template-columns:210px minmax(0,1fr)}.dossier-portrait{min-height:480px}.dossier-body{padding:24px 20px}.dossier-body>h2{font-size:21px}.preview-roster{grid-template-columns:repeat(9,130px);overflow-x:auto}}
@media(orientation:landscape) and (max-height:550px) and (max-width:1400px){#summon-view{grid-template-rows:48px 22px minmax(120px,1fr) 32px 90px;min-height:312px;gap:0}.banner-selector{margin:0;gap:8px}.banner-selector button{padding:5px 12px;font-size:14px}.banner-selector button small{margin-bottom:1px}.shared-pity-note{margin:4px 0;font-size:9px}.banner h2{display:none}.banner-copy{padding:10px 18px}.featured{margin-top:5px}.banner-kicker{font-size:8px}.featured h3{font-size:18px}}