
/* V37 • 5V5 RANDOM / ARENA STUDIO — distinctive shared visual system */
:root{--v37-bg:#081923;--v37-deep:#0b202c;--v37-plate:#102835;--v37-line:#355665;--v37-line-active:#77cdbf;--v37-mint:#8ce6d8;--v37-coral:#fa7654;--v37-ink:#edf7f6}
#app{width:100%!important;max-width:1540px!important;box-sizing:border-box!important;margin:0 auto!important;padding:14px clamp(12px,2.2vw,30px) 32px!important}
#app #drawTab,#app #statsTab,#app #libraryTab,#app #regularTab,#app #tournamentTab{max-width:none!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;margin-inline:0!important}
#app #statsTab .shame-shell,#app .community-page .community-shell,#app #tournamentTab .tournament-shell{max-width:none!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
#app .v11-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important;background:#0b202b!important;border:1px solid #496c77!important;min-height:54px!important;overflow:visible!important}
#app .v11-nav>.v11-tab{position:relative!important;min-width:0!important;min-height:54px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:13px 12px!important;border:0!important;border-right:1px solid #365563!important;border-radius:0!important;background:transparent!important;color:#b2cbd0!important;letter-spacing:.09em!important;font:900 clamp(10px,1vw,13px)/1.3 Inter,system-ui,sans-serif!important;text-transform:uppercase!important;white-space:normal!important;transition:background .2s,color .2s!important}
#app .v11-nav>.v11-tab:last-child{border-right:0!important}
#app .v11-nav>.v11-tab::after{position:absolute;bottom:-1px;left:0;right:0;height:3px;content:"";background:transparent;transition:background .2s!important}
#app .v11-nav>.v11-tab:not(.active):hover{color:#fff!important;background:#193645!important}
#app .v11-nav>.v11-tab.active{background:#193842!important;color:#b8fff0!important;box-shadow:inset 0 1px 0 #518e90!important}
#app .v11-nav>.v11-tab.active::after{background:var(--v37-coral)!important}
#app .secondary-nav{display:flex!important;align-items:center!important;gap:5px!important}
#app .secondary-nav-link{position:relative!important;border:1px solid transparent!important;background:transparent!important;color:#b4cbd2!important;border-radius:0!important;letter-spacing:.06em!important;font-weight:900!important;font-size:11px!important;min-height:40px!important;padding:10px 13px!important}
#app .secondary-nav-link:hover,#app .secondary-nav-link.active{background:#193645!important;border-color:#456875!important;color:#aaf5e9!important}
#app .settings-open{border-radius:0!important}
/* Shared wide header proportions and graphic signature */
#app #drawTab>.unified-section-header,
#app #statsTab .shame-shell>.unified-section-header,
#app .community-page .community-hero,
#app #tournamentTab .tournament-hero{
 position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
 width:100%!important;min-height:190px!important;
 border:1px solid #496a77!important;border-left:5px solid var(--v37-coral)!important;
 border-radius:0!important;box-shadow:none!important;
 background-image:
  linear-gradient(113deg,rgba(13,42,55,.98) 0%,rgba(15,39,52,.96) 68%,rgba(22,56,68,.98) 100%),
  repeating-linear-gradient(90deg,transparent 0 41px,rgba(125,200,198,.06) 42px 43px)!important;
 overflow:hidden!important;
 padding:23px clamp(20px,2vw,30px)!important;
 margin:0!important;
}
#app #drawTab>.unified-section-header::after,
#app #statsTab .shame-shell>.unified-section-header::after,
#app .community-page .community-hero::after,
#app #tournamentTab .tournament-hero::after{
 content:""!important;position:absolute!important;right:-45px!important;top:-115px!important;
 width:290px!important;height:290px!important;border:1px solid rgba(137,219,214,.16)!important;
 transform:rotate(35deg)!important;z-index:-1!important;pointer-events:none!important;
 background:linear-gradient(90deg,transparent 49.7%,rgba(135,214,208,.12) 50%,transparent 50.3%)!important;
 border-radius:0!important;
}
#app #drawTab>.unified-section-header,#app #statsTab .shame-shell>.unified-section-header{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 gap:24px!important;
}
#app #drawTab>.unified-section-header h1,
#app #statsTab .shame-shell>.unified-section-header h1,
#app .community-page .community-hero h1,
#app #tournamentTab .tournament-hero h1{
 color:#f4fcfa!important;font:950 clamp(30px,3.2vw,45px)/1.06 Inter,system-ui,sans-serif!important;
 letter-spacing:-.045em!important;margin:8px 0 10px!important;text-transform:uppercase!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
#app #drawTab>.unified-section-header h1 em,
#app #statsTab .shame-shell>.unified-section-header h1 em,
#app .community-page .community-hero h1 em,
#app #tournamentTab .tournament-hero h1 em{font-style:normal!important;color:var(--v37-mint)!important}
#app #drawTab>.unified-section-header p,
#app #statsTab .shame-shell>.unified-section-header>div>p,
#app .community-page .community-hero p,
#app #tournamentTab .tournament-hero p{color:#b8d2d8!important;font-size:13px!important;line-height:1.6!important;max-width:710px!important;margin:0!important}
#app #statsTab .shame-shell>.unified-section-header .shame-actions{position:relative!important;z-index:1!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;max-width:550px!important}
#app #statsTab .stats-refresh,#app #statsTab .stats-upload,#app #statsTab .shame-month{
 border-radius:0!important;min-height:42px!important;box-sizing:border-box!important;
 font-weight:900!important;letter-spacing:.035em!important;
}
#app #drawTab>.unified-section-header .unified-header-label{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:15px 20px!important;min-height:44px!important;border:1px solid #537d86!important;
 border-radius:0!important;background:#162f3c!important;color:#abeee5!important;
 font-size:12px!important;letter-spacing:.1em!important;font-weight:950!important;
}
#app .community-page .community-hero{grid-template-columns:minmax(0,1fr) 225px!important}
#app .community-page .community-hero-metric{background:rgba(9,28,39,.66)!important;border-color:#517684!important;min-height:104px!important}
#app .community-page .community-content-panel,
#app #statsTab .shame-main,#app #statsTab .role-awards,#app #statsTab .match-history,
#app #drawTab .layout>.panel{
 background:#102633!important;border:1px solid #406271!important;border-top:3px solid #7bd3c8!important;
 border-radius:0!important;box-shadow:none!important;
}
#app #drawTab .layout>.panel{padding:24px!important}
#app #drawTab .layout>.panel h2,#app .community-page .community-content-top h2{
 letter-spacing:-.02em!important;font-family:Inter,system-ui,sans-serif!important;font-size:23px!important;
}
#app #drawTab .option{border:1px solid #345866!important;background:#162f3c!important;transition:background .15s,border-color .15s!important}
#app #drawTab .option:hover{background:#1c3c49!important;border-color:#5a8890!important}
#app #drawTab .option:has(input:checked){background:#1a3c46!important;border-left:4px solid var(--v37-coral)!important;border-color:#87d7cd!important}
#app #drawTab .actions .primary{min-height:50px!important;box-shadow:3px 3px 0 #493f37!important;letter-spacing:.11em!important}
/* Tournament placeholder */
#app #tournamentTab{padding-top:16px!important}
#app #tournamentTab .tournament-shell{display:flex!important;flex-direction:column!important;gap:16px!important}
#app #tournamentTab .tournament-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}
#app #tournamentTab .tournament-kicker{font:900 10px Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;color:#90e8d9!important}
#app #tournamentTab .tournament-hero-side{flex:0 0 230px;display:flex;flex-direction:column;gap:10px;background:rgba(10,30,41,.67);border:1px solid #507581;padding:18px}
#app #tournamentTab .tournament-hero-side span{font-size:10px;letter-spacing:.08em;font-weight:900;color:#aacad0}
#app #tournamentTab .tournament-hero-side strong{font-size:15px;letter-spacing:.04em;color:#98e2d5}
#app #tournamentTab .tournament-upcoming{box-sizing:border-box;position:relative;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#173c4a 0%,#102631 42%,#0c202b 85%);border:1px solid #486a76;border-top:3px solid #86dfd5}
#app #tournamentTab .tournament-upcoming::before{content:"";position:absolute;inset:17px;border:1px solid rgba(128,201,198,.13);pointer-events:none}
#app #tournamentTab .tournament-mark{display:flex;align-items:center;gap:8px;color:#f1fbfa;font:950 clamp(36px,7vw,70px) Inter,system-ui,sans-serif;letter-spacing:-.08em}
#app #tournamentTab .tournament-mark i{font-size:17px;font-style:normal;color:#fa9272;letter-spacing:.03em}
#app #tournamentTab .tournament-status{font:900 10px Inter,system-ui,sans-serif;letter-spacing:.16em;color:#87cfc6}
#app #tournamentTab .tournament-upcoming h2{font:950 clamp(34px,6vw,62px) Inter,system-ui,sans-serif!important;letter-spacing:-.06em!important;margin:0!important;color:#fff!important}
#app #tournamentTab .tournament-upcoming p{font:13px/1.7 Inter,system-ui,sans-serif;color:#b7d0d6;max-width:510px;margin:0}
#app #tournamentTab .tournament-divider{display:flex;align-items:center;gap:12px}
#app #tournamentTab .tournament-divider span{width:68px;height:1px;background:#426976}
#app #tournamentTab .tournament-divider i{width:8px;height:8px;transform:rotate(45deg);background:#e18a6e}
#app #tournamentTab .tournament-upcoming small{font-size:10px;letter-spacing:.16em;color:#87aeb9;font-weight:900}
/* Result: match broadcast / not a generic popup */
.result-curtain{background:rgba(2,12,19,.88)!important;backdrop-filter:blur(9px)!important;padding:2vh clamp(12px,2vw,28px)!important;align-items:flex-start!important}
.result-modal{box-sizing:border-box!important;width:min(1320px,100%)!important;max-width:none!important;min-height:auto!important;margin:auto!important;padding:0 0 22px!important;border-radius:0!important;background:#0a202c!important;border:1px solid #5d8b90!important;border-top:4px solid var(--v37-coral)!important;box-shadow:0 32px 85px rgba(0,0,0,.65)!important}
.result-modal-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:21px 26px!important;margin:0!important;background:linear-gradient(100deg,#12303e,#153b47 76%,#0c2733)!important;border-bottom:1px solid #47727d!important}
.result-modal-top h2{color:#fff!important;font:950 clamp(25px,3vw,38px)/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.045em!important;margin:8px 0!important}
.result-modal-top h2 em{color:#9ce6d9!important}
.result-modal-top .eyebrow{color:#9ce6d9!important;letter-spacing:.15em!important;font-size:10px!important;font-weight:900!important}
.result-modal-top .result-header-sub{font:12px/1.5 Inter,system-ui,sans-serif;color:#bdd4d8;margin:0}
.result-modal-top .close-x{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:0!important;border:1px solid #547581!important;background:#193844!important;color:#fff!important;font-size:24px!important}
.result-modal-top .close-x:hover{background:#31525d!important}
#resultMount{box-sizing:border-box!important;width:100%!important;padding:18px clamp(15px,2vw,24px) 0!important}
#resultMount .results{box-sizing:border-box!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
#resultMount .results-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#142e3b!important;border:1px solid #3e6471!important;padding:12px 16px!important;margin-bottom:12px!important}
#resultMount .results-head h2{font:900 17px Inter,system-ui,sans-serif!important;letter-spacing:.01em!important;color:#f2f8f8!important;margin:0!important}
#resultMount .results-head button{border-radius:0!important}
#resultMount .match-note{color:#afcbd1!important;font-size:12px!important;margin:7px 0 14px!important}
#resultMount .teams{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;align-items:start!important}
#resultMount .team{min-width:0!important;border-radius:0!important;overflow:hidden!important;background:#122b38!important;border:1px solid #436472!important;border-top:4px solid #6bacf0!important}
#resultMount .team.red{border-top-color:#eb8979!important}
#resultMount .team h3{box-sizing:border-box!important;padding:16px 18px!important;min-height:58px!important;display:flex!important;align-items:center!important;background:#193949!important;color:#f4fcfa!important;border-radius:0!important;font:950 17px Inter,system-ui,sans-serif!important}
#resultMount .team.red h3{background:#3b2932!important}
#resultMount .team .player{box-sizing:border-box!important;min-height:84px!important;display:flex!important;align-items:center!important;gap:12px!important;background:#112936!important;border-top:1px solid #345766!important;padding:10px 14px!important;transition:opacity .2s,filter .2s,transform .2s!important}
#resultMount .team .player:nth-child(even){background:#15313e!important}
#resultMount .team .player .avatar{width:54px!important;height:54px!important;border:1px solid #679798!important;border-radius:2px!important;object-fit:cover!important}
#resultMount .team .player .role{font-size:10px!important;color:#91dfd2!important;font-weight:900!important;letter-spacing:.08em!important}
#resultMount .team .player .name{font-size:15px!important;font-weight:950!important;color:#f5fafa!important}
#resultMount .team .player .champ{font-size:12px!important;color:#c1d6da!important}
#resultMount .team .pro-player{font-size:11px!important}
/* Short stage-based reveal: role is shown, champions first, then identities */
.result-reveal-progress[hidden]{display:none!important}
.result-reveal-progress{padding:13px 26px 15px;background:#102c3a;border-bottom:1px solid #497580;display:flex;flex-direction:column;gap:9px}
.result-reveal-status,.result-reveal-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}
.result-reveal-status span,.result-reveal-actions span{color:#a6dcda;font-size:10px;font-weight:950;letter-spacing:.12em}
.result-reveal-status strong{color:#fff;font-size:12px;letter-spacing:.05em}
.result-reveal-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.result-reveal-track span{height:4px;background:#355563;transition:background .2s}
.result-reveal-track span.current{background:#f3ae7d;box-shadow:0 0 9px rgba(249,160,106,.48)}
.result-reveal-track span.complete{background:#86dfd5}
.result-reveal-actions button{border:1px solid #63928d;background:#153742;color:#b8ede4;font:900 10px Inter,system-ui,sans-serif;letter-spacing:.04em;padding:8px 13px;cursor:pointer}
.result-reveal-actions button:hover{background:#21525c}
.role-reveal-running #resultMount .team .player.role-reveal-hidden{opacity:.24!important;filter:none!important}
.role-reveal-running #resultMount .team .player.role-reveal-hidden .avatar,
.role-reveal-running #resultMount .team .player.role-reveal-hidden .name,
.role-reveal-running #resultMount .team .player.role-reveal-hidden .champ,
.role-reveal-running #resultMount .team .player.role-reveal-hidden .identity,
.role-reveal-running #resultMount .team .player.role-reveal-hidden .pro-player{opacity:0!important;visibility:hidden!important}
.role-reveal-running #resultMount .team .player.role-reveal-champ{opacity:1!important;animation:v37RoleEnter .34s both!important}
.role-reveal-running #resultMount .team .player.role-reveal-champ .name,
.role-reveal-running #resultMount .team .player.role-reveal-champ .identity,
.role-reveal-running #resultMount .team .player.role-reveal-champ .pro-player{opacity:0!important;visibility:hidden!important}
.role-reveal-running #resultMount .team .player.role-reveal-player{opacity:1!important;animation:v37PlayerEnter .32s both!important}
@keyframes v37RoleEnter{from{background:#265667;box-shadow:inset 0 0 0 2px #85e6d5;transform:translateY(-5px)}to{transform:translateY(0)}}
@keyframes v37PlayerEnter{from{box-shadow:inset 0 0 0 2px #d99b78}to{box-shadow:inset 0 0 0 0 transparent}}
/* Future cards: restrained reveal instead of a long theatrical sequence */
.wild-reveal.active{background:rgba(2,13,19,.87)!important;backdrop-filter:blur(7px)!important}
.wild-reveal.active .wild-reveal-card{border:1px solid #7bcbbb!important;border-top:5px solid #fa7654!important;border-radius:3px!important;background:#102a37!important;box-shadow:0 26px 65px rgba(0,0,0,.6)!important}
.wild-reveal.active .wild-reveal-star,.wild-reveal.active .wild-reveal-bar{display:none!important}
.wild-reveal.active .wild-reveal-sub{color:#9ee1d6!important;letter-spacing:.14em!important}
.wild-reveal.active .wild-reveal-detail{color:#cce4e5!important}
.wild-launch{border-radius:0!important;border:1px solid #6da99e!important;background:#183642!important}
.wild-action-heading,.wild-status{border-radius:0!important;background:#153440!important}
/* Mobile */
@media(max-width:1100px){
 #app #drawTab>.unified-section-header,#app #statsTab .shame-shell>.unified-section-header{flex-direction:column!important;align-items:stretch!important}
 #app #statsTab .shame-shell>.unified-section-header .shame-actions{justify-content:flex-start!important;max-width:none!important}
}
@media(max-width:800px){
 #resultMount .teams{grid-template-columns:1fr!important}
 #resultMount .team .player{min-height:68px!important}
 .result-modal{max-height:none!important}
 #app #tournamentTab .tournament-hero{flex-direction:column!important;align-items:stretch!important}
 #app #tournamentTab .tournament-hero-side{flex-basis:auto!important}
 #app .community-page .community-hero{grid-template-columns:1fr!important}
}
@media(max-width:580px){
 #app{padding:10px!important}
 #app .v11-nav>.v11-tab{font-size:9px!important;letter-spacing:.015em!important;padding:9px 5px!important;min-height:50px!important}
 #app .secondary-nav-link{font-size:9px!important;padding:8px!important}
 #app #drawTab>.unified-section-header,#app #statsTab .shame-shell>.unified-section-header,#app .community-page .community-hero,#app #tournamentTab .tournament-hero{min-height:0!important;padding:20px 15px!important}
 #app #drawTab>.unified-section-header h1,#app #statsTab .shame-shell>.unified-section-header h1,#app .community-page .community-hero h1,#app #tournamentTab .tournament-hero h1{font-size:clamp(25px,6vw,33px)!important}
 #app #statsTab .shame-shell>.unified-section-header .shame-actions{width:100%!important}
 #app #statsTab .shame-actions>*{flex:1 1 auto!important}
 .result-curtain{padding:0!important}
 .result-modal{width:100%!important;min-height:100dvh!important;max-height:none!important}
 .result-modal-top{padding:17px 14px!important}
 .result-reveal-progress{padding:12px 14px!important}
 #resultMount{padding:13px!important}
 #resultMount .team .player .avatar{width:45px!important;height:45px!important}
 #resultMount .team .player .name{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .v11-tab,#app .option,.result-reveal-track span,#resultMount .team .player{transition:none!important;animation:none!important}
}


/* Refined card reveal: compact, legible, and ready for custom art assets later */
.wild-reveal.active .wild-reveal-card{max-width:550px!important;min-height:255px!important;padding:32px 27px!important;gap:12px!important}
.wild-reveal.active .wild-reveal-sub{margin:0!important;font-size:11px!important}
.wild-reveal.active h2{font:950 clamp(25px,4vw,38px)/1.13 Inter,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#f2faf8!important;margin:3px 0!important;text-wrap:balance!important}
.wild-reveal.active p{font-size:12px!important;color:#9cddd4!important;margin:0!important;letter-spacing:.06em!important}
.wild-reveal.active .wild-reveal-detail{font-size:13px!important;line-height:1.65!important;font-weight:600!important;margin:0 auto!important;max-width:420px!important}
.wild-reveal.active .wild-skip{margin-top:8px!important;padding:11px 21px!important;border:1px solid #71b8aa!important;border-radius:0!important;background:#1b444b!important;color:#cbf2eb!important;font:900 11px Inter,system-ui,sans-serif!important;cursor:pointer!important}
.wild-reveal.active .wild-skip:hover{background:#245760!important}
.wild-launch .wild-launch-icon{animation:none!important}
.wild-launch button{border-radius:0!important;box-shadow:none!important;background:#9ce5d9!important;color:#0a2630!important}
.wild-action-heading strong{color:#aaf3e5!important}
.wild-action-heading .wild-action-team{color:#e4a584!important}
#app #drawTab>.unified-section-header,#app #statsTab .shame-shell>.unified-section-header,#app .community-page .community-hero,#app #tournamentTab .tournament-hero{
 background-image:repeating-linear-gradient(90deg,transparent 0 64px,rgba(127,207,207,.035) 64px 65px),linear-gradient(112deg,#102936 0%,#102734 67%,#173b46 100%)!important;
}


/* V38 — compact result header, no progress strip, and suspense intro overlay. */
.result-modal-top .result-modal-controls{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:0 0 auto!important;gap:10px!important;margin-left:auto!important;
}
.result-modal-top .result-copy-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;min-height:38px!important;box-sizing:border-box!important;
 margin:0!important;padding:10px 16px!important;border:1px solid #597d89!important;
 border-radius:0!important;background:#1b3746!important;color:#e5f4f2!important;
 font:900 11px/1.2 Inter,system-ui,sans-serif!important;
 letter-spacing:.035em!important;white-space:nowrap!important;cursor:pointer!important;
}
.result-modal-top .result-copy-button:hover{
 border-color:#9ce8dd!important;background:#285564!important;color:#fff!important;
}
.result-modal-top .result-copy-button:disabled{opacity:.68!important;cursor:wait!important}
.result-modal-top .close-x{margin:0!important;align-self:center!important}
#resultMount{position:relative!important}
#resultMount .result-assembling[hidden]{display:none!important}
#resultMount .result-assembling{
 position:absolute!important;inset:0!important;z-index:20!important;
 display:flex!important;align-items:flex-start!important;justify-content:center!important;
 box-sizing:border-box!important;min-height:240px!important;
 padding:clamp(100px,13vh,145px) 18px 30px!important;
 background:radial-gradient(circle at 50% 32%,rgba(30,80,91,.96),rgba(9,34,47,.97) 61%,rgba(8,28,40,.99))!important;
 backdrop-filter:blur(3px)!important;text-align:center!important;
}
#resultMount .result-assembling-content{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:15px!important;max-width:100%!important;
 animation:v38AssembleIn .35s ease-out both!important;
}
#resultMount .result-assembling-kicker{
 color:#a1dcd7!important;font:900 10px/1.4 Inter,system-ui,sans-serif!important;
 letter-spacing:.19em!important;text-transform:uppercase!important;
}
#resultMount .result-assembling-content>strong{
 font:950 clamp(27px,5vw,56px)/1.1 Inter,system-ui,sans-serif!important;
 letter-spacing:-.045em!important;color:#f2faf8!important;
 text-shadow:0 3px 19px rgba(4,22,28,.75)!important;
}
#resultMount .result-assembling-content>strong em{font-style:normal!important;color:#a4f1e5!important}
#resultMount .result-assembling-decoration{
 display:block!important;width:150px!important;height:3px!important;
 background:linear-gradient(90deg,transparent,#fa9b72 48%,#9ce6da 60%,transparent)!important;
 animation:v38AssembleGlow 1.1s ease-in-out infinite alternate!important;
}
@keyframes v38AssembleIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes v38AssembleGlow{from{opacity:.5;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:640px){
 .result-modal-top .result-modal-controls{gap:6px!important}
 .result-modal-top .result-copy-button{font-size:10px!important;min-height:37px!important;padding:8px 10px!important}
 .result-modal-top .close-x{width:37px!important;height:37px!important;flex-basis:37px!important}
 #resultMount .result-assembling{padding-top:105px!important}
 #resultMount .result-assembling-content>strong{font-size:clamp(26px,6.4vw,38px)!important}
}
@media(prefers-reduced-motion:reduce){
 #resultMount .result-assembling-content,#resultMount .result-assembling-decoration{animation:none!important}
}

/* V39 — Carta especial integrada al encabezado de resultados, sin cambiar la altura del listado. */
.result-modal-top{min-height:139px!important;box-sizing:border-box!important}
.result-modal-top>div:first-child{flex:0 1 420px;min-width:0}
.result-modal-top .wild-launch{display:flex;flex:1 1 auto;min-width:0;max-width:625px;align-self:stretch;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:7px 12px!important;border:0!important;background:transparent!important;text-align:center;box-sizing:border-box}
.result-modal-top .wild-launch[hidden]{display:none!important}
.result-modal-top .wild-launch-title{font:950 clamp(15px,1.65vw,23px)/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.055em;color:#ffe2a4!important;background:linear-gradient(100deg,#bd8137,#fff1c3,#e6ab51,#fff7d8,#bd8137);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wildCardHeaderShine 2.7s linear infinite!important;filter:drop-shadow(0 0 6px #fac97455)}
@keyframes wildCardHeaderShine{0%{background-position:100% 50%;filter:drop-shadow(0 0 3px #f9c76a55)}50%{filter:drop-shadow(0 0 11px #ffd58eb3)}100%{background-position:-100% 50%;filter:drop-shadow(0 0 3px #f9c76a55)}}
.result-modal-top .wild-launch button{margin:0!important;min-height:34px;padding:8px 18px!important;border:1px solid #9be5d9!important;background:#9ce5d9!important;color:#0b2730!important;font:900 11px Inter,system-ui,sans-serif!important;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.result-modal-top .wild-launch button:hover{background:#c2fff4!important}
#resultMount #wildcardPanel,.result-modal #wildcardPanel{display:none!important}
@media(max-width:900px){.result-modal-top{flex-wrap:wrap!important;min-height:139px!important}.result-modal-top .wild-launch{order:3;flex:1 0 100%;max-width:none;min-height:65px;padding:4px 0!important}.result-modal-top .result-modal-controls{margin-left:auto!important}}
@media(prefers-reduced-motion:reduce){.result-modal-top .wild-launch-title{animation:none!important}}
