.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.collection-tabs{display:flex;flex-wrap:wrap;gap:5px}.collection-tabs button{padding:9px 12px;min-height:40px;font-size:13px;background:#112c2b;color:#bfd5c5;border:1px solid #b6c5a333;border-radius:5px;white-space:nowrap}.collection-tabs button[aria-pressed=true]{background:#c6d8b1;color:#18382c;border-color:#d6dba5}.stone-wallet{display:inline-flex;align-items:center;gap:6px;color:#bde8e0;white-space:nowrap;font-size:13px}.stone-wallet svg,.wish-button svg{width:23px;height:23px}.collection-body .section-title{margin:12px 0}.equipped-summary{font-size:13px;color:#bfcebc;text-align:center;line-height:1.6;margin:16px 0}.effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.effect-option{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #a6c8af44;background:#112c2b99;border-radius:7px;padding:12px 5px;min-height:115px;min-width:0;color:#e3e5ca}.effect-option[aria-pressed=true],.attack-option[aria-pressed=true]{border-color:#f0d18f;background:#d0c17816}.effect-option b{font-size:13px;font-weight:500}.effect-option small{font-size:11px;color:#adc4b3;line-height:1.5}.effect-option.locked,.attack-option.locked{opacity:.5;filter:grayscale(.6)}.effect-swatch{display:block;width:31px;height:31px;border-radius:50%;border:1px solid var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch),transparent 60%),inset 0 0 8px color-mix(in srgb,var(--swatch),transparent 55%);background:radial-gradient(circle,var(--swatch),transparent 65%)}.attack-options{display:grid;gap:12px;margin-top:20px}.attack-option{display:flex;gap:15px;align-items:center;padding:16px;border:1px solid #a6c8af44;background:#112c2b99;color:#e7e6cf;border-radius:7px;text-align:left}.attack-option b,.attack-option small,.attack-option em{display:block}.attack-option small{font-size:12px;margin:7px 0;color:#b8cebc;line-height:1.6}.attack-option em{font-size:12px;font-style:normal;color:#f0d194}.attack-emblem{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;border:1px solid #cfdda366;border-radius:50%;font-family:Wuxia,serif;font-size:28px;color:#f0d19b;box-shadow:inset 0 0 18px #d8d08c1a}.style-spell{border-color:#b3c2f0;color:#d1c5ff;background:radial-gradient(circle,#9d88d933,transparent)}.style-talisman{border-radius:5px;border-color:#d6bb7e;color:#ffd59a;background:#8b5e3222}
.wish-altar{position:relative;margin:20px auto;width:130px;height:130px;display:flex;align-items:center;justify-content:center;border:1px solid #cbb98355;border-radius:50%;background:radial-gradient(circle,#92bfa622,transparent 65%)}.wish-altar>svg{width:60px;height:60px;color:#c8f5e5;filter:drop-shadow(0 0 14px #8fbdaa55)}.wish-altar i{position:absolute;inset:10px;border:1px dashed #c8c99c66;border-radius:50%;transform:rotate(45deg)}.wish-altar i:last-child{inset:-8px;border:1px solid #a5c5a52a}.wish-button{display:flex;width:100%;justify-content:center;align-items:center;gap:8px}.wish-note{font-size:13px;color:#c5d5bf;line-height:1.7;text-align:center}.wish-rules summary,.reward-rules summary{font-size:13px;color:#bdd0b7;min-height:35px;cursor:pointer}.wish-rules p,.reward-rules p{font-size:12px;line-height:1.8;color:#a6bcaa}.wish-rules ul{padding:0;list-style:none}.wish-rules li{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0;border-bottom:1px solid #bdd0b71a}.draw-reveal{text-align:center;padding:8px}.draw-reveal h3{font-family:Wuxia,serif;font-size:30px;margin:15px}.draw-reveal>.chapter{display:block;margin-top:12px}.draw-reveal p{font-size:14px}.draw-outfit{display:block;width:170px;height:210px;object-fit:contain;margin:auto}.draw-reveal .attack-emblem{width:100px;height:100px;font-size:48px}.boss-links,.endless-reward-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}.endless-reward-preview{padding:14px 0;border-block:1px solid #bbccaa33;font-size:13px;color:#d5dfc4}.endless-reward-preview b{color:#f1d196}.reward-rules{margin-top:16px;max-width:500px}.rank-personal{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:14px 18px;border:1px solid #a8c5a344;border-radius:7px;color:#eddaaa;margin:15px 0}.rank-personal span{font-size:13px}.rank-privacy{margin-top:12px;font-size:12px}.endless-ranking{max-width:900px}.endless-ranking #endless-rank-content{max-height:340px;overflow:auto}.my-rank{background:#d9ce9120}.rank-entries{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.rank-entries .text-link{font-size:12px;min-height:30px;margin:0}
#endless-loot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:15px;background:#b8c99b10;border:1px solid #c9d8aa55;border-radius:7px;color:#f3d69b;font-size:16px;margin:15px 0}#endless-loot span{font-size:13px;color:#c8dcc4}#endless-loot button{font-size:12px;min-height:35px;padding:7px 12px}.combat-fx{position:absolute;pointer-events:none;z-index:8}.spell-projectile,.talisman-projectile{width:23px!important;height:23px!important;position:absolute;border-radius:50%;animation:arcane-flight .22s linear both!important;background:radial-gradient(circle,#fff 5%,var(--costume-color,#dbbbff) 25%,transparent 70%)!important;box-shadow:0 0 18px 4px var(--costume-color,#dbbbff)!important}.battle .spell-projectile,.battle .talisman-projectile{animation-duration:.09s!important}.spell-projectile::before{content:'';position:absolute;inset:-10px;border:2px solid var(--costume-color,#c2b5ff);border-radius:50%;box-shadow:0 0 8px var(--costume-color,#c2b5ff)}.spell-projectile b{position:absolute;inset:-18px;border:1px dashed var(--costume-color,#c2b5ff);border-radius:50%}.talisman-projectile{background:none!important;box-shadow:none!important;width:45px!important;height:32px!important;display:flex;gap:4px}.talisman-projectile b{display:flex;align-items:center;justify-content:center;background:#e8d18d;color:#7d3d26;font-size:14px;border:1px solid #fff1b8;width:16px;height:30px;box-shadow:0 0 10px #edda9877}.talisman-projectile b:nth-child(2){transform:translateY(-9px) rotate(-8deg)}.talisman-projectile b:nth-child(3){transform:rotate(12deg)}#arena:is([data-attack-style=spell],[data-attack-style=talisman]) .slash-wave{display:none!important}.sprite-art[data-effect=lotus]::before{border-style:double;border-width:3px}.sprite-art[data-effect=thunder]::before{border-style:dashed}.sprite-art[data-effect=aurora]::after{filter:hue-rotate(40deg)}.sprite-art[data-effect=solar]::before{border-width:3px}
@keyframes arcane-flight{from{transform:translate(0,0) scale(.5);opacity:.9}to{transform:translate(var(--travel-x),var(--travel-y)) scale(1);opacity:.7}}
@media(min-width:1000px) and (min-height:600px){.wardrobe .outfit-options{grid-template-columns:repeat(5,minmax(0,1fr))}.outfit-card>span{font-size:12px}.wardrobe .outfit-body{padding:14px 12px}.collection-heading{margin-bottom:14px;flex-wrap:wrap}.collection-tabs button{padding:7px 10px;min-height:38px}.collection-view .costume-preview{align-self:center}.endless-ranking{padding:22px 35px!important}.endless-ranking .section-title{font-size:32px!important}.endless-ranking .empty-state{padding:25px}.endless-ranking #endless-rank-content{max-height:calc(100dvh - 490px)}.boss-panel>div:first-child{overflow:auto;max-height:100%;padding-block:15px}.dialogue-actions{flex-wrap:wrap}.dialogue-actions .primary,.dialogue-actions .secondary{font-size:14px}}
@media(max-width:700px){.collection-heading{flex-wrap:wrap;margin-bottom:15px}.collection-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.collection-tabs button{padding:9px 3px;font-size:12px}.collection-heading>.stone-wallet{margin-left:auto}.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.effect-option b{font-size:11px}.effect-option small{font-size:10px}.attack-option{padding:12px}.attack-emblem{width:48px;height:48px}.dialogue-actions{flex-wrap:wrap;gap:8px}.dialogue-actions .primary,.dialogue-actions .secondary{font-size:13px;padding:10px 12px}.dialogue-step{width:100%;font-size:12px}.wish-altar{margin:16px auto}.rank-entries{align-items:flex-start;text-align:left;margin:10px 0}.boss-links{gap:8px}.boss-links button{font-size:13px}#endless-loot{font-size:14px}.rank-personal{padding:12px}.endless-ranking #endless-rank-content{max-height:420px}}
@media(prefers-reduced-motion:reduce){.spell-projectile,.talisman-projectile{animation:none!important;display:none}}body.reduced .spell-projectile,body.reduced .talisman-projectile,.reduced-motion .spell-projectile,.reduced-motion .talisman-projectile{display:none}
@media(min-width:1000px) and (min-height:600px){
 #screen .wardrobe:not(.collection-view) .outfit-body{display:grid;grid-template-rows:auto auto auto auto auto minmax(100px,1fr) auto auto auto;align-self:stretch;overflow:hidden;gap:0;max-height:100%;min-height:0}
 #screen .wardrobe:not(.collection-view) .outfit-options{min-height:0;overflow:auto;align-content:start;margin:8px 0;gap:6px}
 #screen .wardrobe .outfit-card{min-height:96px;padding:6px 3px}
 #screen .wardrobe .outfit-card .outfit-icon{width:100%;height:52px;aspect-ratio:auto;object-fit:contain}
 #screen .wardrobe .outfit-card small{font-size:10px;margin-top:3px}
 #screen .wardrobe .outfit-body>h1{margin:8px 0;font-size:29px!important}
 #screen .wardrobe .outfit-power{padding:8px 0}
 #screen .wardrobe .outfit-body>.outfit-caption{margin:6px 0;font-size:12px}
 #screen .wardrobe .outfit-body>.outfit-fairness{margin:8px 0 0;font-size:11px}
 #screen .wardrobe .collection-heading{margin-bottom:10px}
}

.attack-option{padding:12px;gap:12px}.attack-options{gap:8px}.attack-option small{line-height:1.5;margin:4px 0}.attack-option em{line-height:1.4}.attack-option .attack-emblem{width:48px;height:48px}
@media(min-width:1000px) and (min-height:600px){
 #screen .wardrobe .outfit-body>h1{line-height:1.3;margin:6px 0}
 #screen .wardrobe:not(.collection-view) .outfit-body>p.small:not(.outfit-fairness){margin:4px 0;line-height:1.6;font-size:13px}
 #screen .wardrobe .outfit-power{padding:6px 0}
 #screen .wardrobe .outfit-card{gap:2px;line-height:1.4;min-height:100px}
 #screen .wardrobe .outfit-card small{margin:0;line-height:1.4}
}
@media(min-width:1000px) and (min-height:600px){
 #screen .wardrobe .outfit-card{min-height:88px;padding:4px 3px;line-height:1.25}
 #screen .wardrobe .outfit-card .outfit-icon{display:block;height:42px;margin:0 auto 2px}
 #screen .wardrobe .outfit-card small{line-height:1.2}
}

.wish-pool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.wish-pool-tabs button[aria-pressed=true]{background:#dfbf74;color:#172722;border-color:#dfbf74}
.limited-progress{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;color:#ecd49c}
.limited-progress progress{height:10px;width:min(100%,240px);accent-color:#e2bd74}
.limited-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}
.limited-wardrobe-card{display:grid;justify-items:center;align-content:end;gap:2px;min-width:0;min-height:108px;padding:6px 2px;border:1px solid #d7b56564;border-radius:12px;background:linear-gradient(160deg,#283d3c,#101f29);color:#ffedbf;text-align:center}
.limited-wardrobe-card img{width:100%;height:68px;object-fit:contain}
.limited-wardrobe-card b{font-size:12px;line-height:1.3}
.limited-wardrobe-card small{color:#c6d9ca;font-size:11px}
@media(max-width:560px){.limited-lineup{grid-template-columns:repeat(3,minmax(0,1fr))}}
