/* Original transparent lettering; UI labels retain readable live text. */
.topbar .brand{display:flex;align-items:center;flex:0 0 auto;letter-spacing:0;line-height:1}
.brand .gameWordmark{display:block;width:218px;height:73px;object-fit:contain;filter:drop-shadow(0 3px 4px #0006)}
.rosterHeader .selectHeading{margin:2px 0 0;line-height:0;letter-spacing:0;width:min(390px,100%)}
.selectHeading img{display:block;width:100%;height:auto;aspect-ratio:4.25;object-fit:cover;object-position:50% 50%;filter:drop-shadow(0 3px 3px #0005)}
.rosterHeader .eyebrow{letter-spacing:3.3px;font-weight:500;color:#bda281}
#resultOverlay .dialog.result{--result-accent:#d7ac67;position:absolute;isolation:isolate;width:min(460px,90vw);max-width:82%;padding:20px 28px 24px;border:1px solid #ae8a555e;border-radius:3px;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#74512629,transparent 65%),linear-gradient(155deg,#1d2026,#111318 74%);box-shadow:0 28px 100px #000b,inset 0 0 0 5px #d4ad6a08}
.dialog.result:before,.dialog.result:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--result-accent),transparent);opacity:.5;transform:rotate(-34deg)}
.dialog.result:before{top:50px;left:-60px}.dialog.result:after{bottom:72px;right:-56px}
#resultOverlay .dialog.result .eyebrow{font-size:9px;letter-spacing:5px;color:#bba98f}
.resultArtwork{width:min(480px,100%);margin:12px auto 0;line-height:0}
.resultArtwork img{display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain;filter:drop-shadow(0 8px 10px #0008)}
#resultOverlay .dialog.result h2{margin:4px 0 9px;font-size:20px;font-weight:500;letter-spacing:2px;line-height:1.65;color:#f4e6d2}
#resultOverlay .dialog.result>p{margin:0 auto 23px;max-width:470px;line-height:1.85;font-size:12px;color:#a9a8a9}
#resultOverlay .dialog.result>.startButton{display:inline-block;width:auto;min-width:145px;padding:11px 18px;margin-right:10px;border:1px solid #c09a604f;border-radius:2px;background:linear-gradient(110deg,#6c4b2b,#3c3027);color:#fff0d6;font-weight:600;font-size:15px;letter-spacing:2px;box-shadow:inset 0 1px #f7d39724}
#resultOverlay .dialog.result>.quietButton{margin-top:0;color:#bdb5a9}
#resultOverlay[data-outcome="defeat"] .result{--result-accent:#9b5a60;border-color:#84545b75;background:radial-gradient(ellipse at 50% 0,#67303a26,transparent 65%),linear-gradient(155deg,#20242b,#121419 74%)}
#resultOverlay[data-outcome="defeat"] .result>.startButton{background:linear-gradient(110deg,#533b43,#30323c);border-color:#92697066;color:#f2e7e8}
#resultOverlay:not(.hidden) .resultArtwork{animation:result-lettering-arrive .55s cubic-bezier(.18,.78,.22,1) both}
#resultOverlay:not(.hidden) .result h2,#resultOverlay:not(.hidden) .result>p{animation:result-caption-arrive .4s .16s both}
@keyframes result-lettering-arrive{0%{opacity:0;transform:translateY(-12px) scale(1.15);filter:brightness(1.45)}50%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes result-caption-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.brand .gameWordmark{width:192px;height:68px}.rosterHeader .selectHeading{width:340px}}
@media(max-width:700px){.brand .gameWordmark{width:166px;height:60px}.rosterHeader .selectHeading{width:min(310px,100%)}.dialog.result{padding:20px 23px 26px!important}#resultOverlay .dialog.result h2{font-size:17px;letter-spacing:1px}.resultArtwork{margin-top:15px}#resultOverlay .dialog.result .eyebrow{letter-spacing:3px}}
@media(max-width:950px){
 #resultOverlay .dialog.result{top:8%;width:min(340px,82%);max-height:84%;padding:12px 20px 16px!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#846d53 #17191f}
 #resultOverlay .resultArtwork{margin-top:7px}
 #resultOverlay .dialog.result h2{font-size:16px;line-height:1.5;margin:3px 0 6px}
 #resultOverlay .dialog.result>p{font-size:10px;line-height:1.6;margin:0 auto 12px}
 #resultOverlay .dialog.result .eyebrow{font-size:8px;letter-spacing:2.5px}
 #resultOverlay .dialog.result>.startButton{font-size:11px;min-width:120px;padding:9px 12px;margin-right:5px;letter-spacing:1px}
 #resultOverlay .dialog.result>.quietButton{font-size:10px;padding:9px 5px;margin:0}
}
@media(prefers-reduced-motion:reduce){#resultOverlay .resultArtwork,#resultOverlay .result h2,#resultOverlay .result>p{animation:none!important}}