.character-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.character-roster button{min-width:0;min-height:44px;padding:8px;background:#17363b;border:1px solid #536f70;border-radius:10px;color:#ede2c7;text-align:left;display:flex;flex-direction:column;gap:5px}.character-roster button[aria-pressed=true]{border:2px solid #edce89;background:#284b4c}.character-roster img{width:100%!important;max-width:none!important;height:110px!important;object-fit:contain}.character-roster strong{font-size:13px}.character-roster small{font-size:12px;line-height:1.5}.previous-versions{margin:16px 0;text-align:left}.previous-versions summary{min-height:44px;cursor:pointer;padding:10px;background:#17343a;border:1px solid #647f78;border-radius:7px}.previous-versions .mode-choice{margin-top:8px}.character-profile{margin:16px 0;border:1px solid #587b77;background:#112d34;padding:14px;border-radius:10px;overflow-wrap:anywhere}.character-profile h3{margin:0;color:#e7c887}.character-profile p{font-size:14px;line-height:1.7}.profile-weapon{display:flex;gap:12px;align-items:center}.profile-weapon img{width:76px;height:92px;object-fit:contain;flex:none}.profile-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-cards article{min-width:0;background:#203b40;padding:6px;border-radius:6px;position:relative}.profile-cards img{display:block;width:100%;height:105px;object-fit:cover;border-radius:4px}.profile-cards strong,.profile-cards small{display:block;font-size:12px;line-height:1.6}.art-review-label{color:#d2c397}.character-vfx{position:absolute;inset:0;pointer-events:none!important;z-index:8;overflow:hidden}.character-sigil{position:absolute;width:76px;height:76px;filter:drop-shadow(0 0 8px var(--owner-light));transform:translate(-50%,-50%);color:var(--owner-light);font-weight:bold;text-align:center}.character-sigil>img{width:100%;height:100%;object-fit:contain}.collected-light{position:absolute;left:50%;top:50%;height:5px;width:5px;border-radius:50%;background:#fff3b8;box-shadow:0 0 8px #ffb959}.character-sigil>.index-page{position:absolute;width:25px;height:34px;left:40%;top:30%;object-fit:cover}.owner-C02{--owner-light:#ffd278}.owner-C03{--owner-light:#c7efff}.owner-C04{--owner-light:#caa3f3}.owner-C05{--owner-light:#91d4b5}.owner-C06{--owner-light:#e6a282}.owner-C07{--owner-light:#bba3ef}.s4j-cast{animation:s4j-cast .65s ease-out}.s4j-guard{filter:drop-shadow(0 0 5px var(--owner-light,#88d9d2))}.motion-reduced .s4j-cast{animation:none}@keyframes s4j-cast{40%{translate:7px -2px;rotate:-2deg}}
@media(max-width:700px){.character-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.character-roster img{height:125px!important}.profile-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-cards img{height:120px}.profile-weapon img{width:60px;height:80px}.character-profile{padding:10px}.character-roster strong{font-size:14px}.character-roster small{font-size:13px}.character-sigil{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.s4j-cast{animation:none}}
@media(min-width:900px){:is(.owner-C02,.owner-C03,.owner-C04) .player{height:285px;max-height:100%}:is(.owner-C02,.owner-C03,.owner-C04) .player-art{height:165px!important;max-height:170px!important}}.result.won .result-hero{filter:drop-shadow(0 0 12px #e4c78055)}.result.lost .result-hero{filter:saturate(.7)}
@media(max-width:700px){:is(.owner-C02,.owner-C03,.owner-C04) .player{height:238px;grid-template-rows:18px 110px 40px 70px!important}:is(.owner-C02,.owner-C03,.owner-C04) .player-art{height:110px!important;max-height:110px!important;width:100px!important}}@media(max-width:700px) and (min-height:760px){:is(.owner-C02,.owner-C03,.owner-C04) .player{height:283px;grid-template-rows:18px 155px 40px 70px!important}:is(.owner-C02,.owner-C03,.owner-C04) .player-art{height:155px!important;max-height:155px!important}}
.s4j-cast.s4i-hit{animation:s4j-cast .65s ease-out,s4i-recoil .4s ease-out .3s}.motion-reduced .s4j-cast.s4i-hit{animation:none}@media(prefers-reduced-motion:reduce){.s4j-cast.s4i-hit{animation:none}}