@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,900;1,900&family=IBM+Plex+Mono:wght@500;700&display=swap');

:root{--ink:#f4f0df;--muted:#9895a3;--bg:#08070d;--panel:#11101a;--line:#2c2938;--pink:#ff3d8d;--cyan:#25e6e2;--yellow:#ffd53d;--green:#77f069;--display:'Barlow Condensed',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;font-family:var(--mono);background:radial-gradient(circle at 50% -10%,#24132e 0,transparent 38%),linear-gradient(180deg,#0c0a12,#07070b);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}button{font:inherit}.topbar{height:72px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px;position:relative;z-index:10;background:rgba(8,7,13,.82);backdrop-filter:blur(14px)}.wordmark{background:none;border:0;color:var(--ink);font:900 28px/1 var(--display);letter-spacing:-1px;padding:0;cursor:pointer}.wordmark b{color:var(--pink);font-style:italic;font-size:38px}.top-stats{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.top-stats strong{color:var(--yellow);font-size:13px}.icon-btn{background:none;border:1px solid var(--line);color:var(--muted);height:34px;padding:0 12px;font-size:9px;cursor:pointer}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.help{border-radius:50%;width:34px;padding:0;font-size:14px}main{width:min(920px,calc(100% - 32px));margin:auto;padding:70px 0 100px}.hero{text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);margin:0 0 16px;text-transform:uppercase}.hero h1,.result-view h2{font:900 clamp(58px,10vw,108px)/.82 var(--display);letter-spacing:-3px;margin:0;text-transform:uppercase}.hero h1 em{color:transparent;-webkit-text-stroke:1px var(--pink);font-style:italic;text-shadow:3px 3px 0 rgba(255,61,141,.12)}.lede{color:var(--muted);font:500 14px/1.7 var(--mono);max-width:650px;margin:28px auto}.progress-dots{margin:45px auto 24px;display:flex;align-items:center;justify-content:center;gap:15px;color:#5d5968;font-size:9px}.progress-dots .active{color:var(--cyan)}.progress-dots i{width:55px;height:1px;background:var(--line)}.draft-panel{text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,18,28,.94),rgba(10,9,15,.98));padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.panel-head,.squad-head,.battle-header{display:flex;justify-content:space-between;align-items:center}.kicker,.credits span,.squad-head span,.lives span{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.panel-head h2,.battle-header h2{font:900 35px/1 var(--display);margin:4px 0}.credits,.lives{text-align:right}.credits strong,.lives strong{font:900 42px/1 var(--display);color:var(--yellow)}.candidate{height:380px;position:relative;overflow:hidden;margin-top:20px;border:1px solid #393446;background:radial-gradient(circle at 50% 40%,#322746,transparent 50%),linear-gradient(180deg,#161321,#0b0a11);display:flex;align-items:flex-end}.candidate:before,.battle-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,230,226,.04) 1px,transparent 1px),linear-gradient(rgba(37,230,226,.04) 1px,transparent 1px);background-size:35px 35px;transform:perspective(350px) rotateX(52deg) scale(1.4);transform-origin:bottom}.screen-glow{position:absolute;width:270px;height:270px;border:1px solid var(--pink);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(255,61,141,.22),inset 0 0 60px rgba(255,61,141,.1)}.candidate img{height:93%;width:60%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,0,0,.65));position:relative;z-index:1;margin-left:6%}.candidate-info{position:absolute;right:32px;bottom:28px;width:38%;z-index:2;text-align:right}.candidate-info>span{font-size:9px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase}.candidate-info h3{font:900 48px/.85 var(--display);text-transform:uppercase;margin:8px 0 18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{background:rgba(8,7,13,.78);border:1px solid var(--line);padding:8px 4px;text-align:center}.stat b{font:900 22px/1 var(--display);display:block}.stat small{font-size:7px;color:var(--muted)}.loading-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:10px}.pixel-loader{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--cyan);animation:spin .75s steps(8) infinite}.loading-card strong{color:var(--ink);font-size:12px}.loading-card small{font-size:8px}.actions{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:12px}.btn{min-height:54px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700;cursor:pointer;transition:.18s transform,.18s background,.18s color}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{background:#15131d;color:var(--muted)}.btn-primary{background:var(--pink);border-color:var(--pink);color:white;box-shadow:0 0 25px rgba(255,61,141,.18)}.btn-primary:hover:not(:disabled){background:#ff65a6}.microcopy{text-align:center;color:#686473;font-size:8px;letter-spacing:1px}.squad-head{border-top:1px solid var(--line);margin-top:25px;padding:22px 0 10px}.squad-head strong{font-size:10px;color:var(--cyan)}.squad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slot{height:126px;border:1px dashed #383443;background:#0d0c12;position:relative;overflow:hidden;text-align:center}.slot.empty{display:flex;align-items:center;justify-content:center;color:#4d4956;font:900 36px var(--display)}.slot img{width:100%;height:90px;object-fit:contain;object-position:center bottom}.slot span{position:absolute;bottom:0;left:0;right:0;background:rgba(8,7,13,.9);font:700 10px var(--display);padding:5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-launch{width:100%;margin-top:14px;background:var(--cyan);border-color:var(--cyan);color:#071010;font-size:13px}.battle-view,.result-view{animation:reveal .45s ease}.battle-header{margin-bottom:20px}.battle-screen{height:480px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at center,#24203a,#0a0910 65%)}.arena-grid{position:absolute;inset:50% -20% -30%;background:linear-gradient(90deg,rgba(37,230,226,.2) 1px,transparent 1px),linear-gradient(rgba(37,230,226,.2) 1px,transparent 1px);background-size:50px 40px;transform:perspective(300px) rotateX(55deg)}.fighters{position:absolute;left:5%;bottom:12%;width:47%;height:68%}.fighter{position:absolute;bottom:0;width:45%;height:75%;object-fit:contain;filter:drop-shadow(0 15px 12px #000)}.fighter:nth-child(2){left:22%;bottom:10%}.fighter:nth-child(3){left:42%}.fighter:nth-child(4){left:4%;bottom:26%;opacity:.9}.fighter:nth-child(5){left:54%;bottom:25%;opacity:.9}.boss{position:absolute;right:9%;top:28%;text-align:center}.boss-icon{font-size:112px;display:block;filter:drop-shadow(0 0 24px rgba(255,61,141,.55));animation:float 2s ease-in-out infinite}.boss small{display:block;color:var(--pink);font-size:9px}.boss strong{font:900 28px var(--display)}.versus{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-8deg);font:italic 900 52px var(--display);color:var(--yellow);text-shadow:4px 4px #e34d35}.battle-log{border:1px solid var(--line);border-top:0;padding:18px 20px;display:flex;gap:18px;align-items:center}.battle-log span{background:var(--yellow);color:#17120a;padding:7px 10px;font-size:9px}.battle-log p{font-size:10px;color:var(--muted);margin:0}.fight-btn{width:100%;margin-top:12px}.result-view{text-align:center;max-width:680px;margin:auto}.result-view h2{color:var(--pink)}.result-view>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.7}.score-card{margin:35px 0;border:1px solid var(--line);padding:28px;background:var(--panel)}.score-card span,.score-card small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.score-card strong{display:block;font:900 72px var(--display);color:var(--yellow)}.score-card small{color:var(--green)}.result-squad{display:flex;justify-content:center;height:115px}.result-squad img{width:19%;object-fit:contain}dialog{color:var(--ink);background:#111019;border:1px solid var(--pink);max-width:540px;padding:42px;box-shadow:0 20px 100px #000}dialog::backdrop{background:rgba(3,3,6,.86);backdrop-filter:blur(8px)}dialog h2{font:900 50px/.88 var(--display);margin:0 0 25px}dialog ol{padding-left:22px;color:var(--muted);font-size:11px;line-height:1.7}dialog li{margin:12px 0}dialog b{color:var(--ink)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:none;color:var(--muted);font-size:26px;cursor:pointer}.api-note{border-top:1px solid var(--line);padding-top:18px;font-size:8px;color:#777280;line-height:1.6}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:#111;padding:12px 18px;font-size:9px;opacity:0;pointer-events:none;z-index:20;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 0}.difficulty-option{min-height:62px;text-align:left;padding:10px 13px;border:1px solid var(--line);background:#0d0c13;color:var(--muted);cursor:pointer;position:relative}.difficulty-option span,.difficulty-option small{display:block;font-size:7px;letter-spacing:1.4px}.difficulty-option b{display:block;color:var(--ink);font:900 17px var(--display);margin:3px 0}.difficulty-option small{color:#666272}.difficulty-option.active{border-color:var(--cyan);background:linear-gradient(135deg,rgba(37,230,226,.13),transparent)}.difficulty-option.active:after{content:"SELECTED";position:absolute;right:8px;top:8px;color:var(--cyan);font-size:6px}.slot:not(.empty){border-style:solid;cursor:pointer}.slot:not(.empty):after{content:"×";position:absolute;right:4px;top:4px;width:19px;height:19px;border-radius:50%;background:rgba(8,7,13,.88);color:var(--ink);font:700 14px/19px var(--mono);opacity:0;transition:.15s}.slot:not(.empty):hover:after,.slot:not(.empty):focus-within:after{opacity:1}.slot button{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;font-size:0}.team-readout{display:grid;grid-template-columns:1fr 1fr 2.4fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:10px}.team-readout>div,.team-readout>p{background:#0c0b11;margin:0;padding:12px}.team-readout span{display:block;color:var(--muted);font-size:7px;letter-spacing:1px}.team-readout strong{font:900 22px var(--display);color:var(--yellow)}.team-readout p{font-size:8px;line-height:1.5;color:var(--muted);display:flex;align-items:center}.issue-track{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.issue-pip{height:5px;background:var(--line)}.issue-pip.done{background:var(--green)}.issue-pip.current{background:var(--pink);box-shadow:0 0 12px rgba(255,61,141,.8)}.win-flash .battle-screen{box-shadow:inset 0 0 80px rgba(119,240,105,.45)}.lose-flash .battle-screen{box-shadow:inset 0 0 90px rgba(255,61,141,.55)}
.hub-view{min-height:calc(100vh - 240px)}.hub-copy{text-align:center;margin-bottom:46px}.hub-copy h1{font:900 clamp(62px,10vw,110px)/.82 var(--display);letter-spacing:-3px;margin:0}.hub-copy h1 em{color:transparent;-webkit-text-stroke:1px var(--cyan);font-style:italic}.hub-copy>p:last-child{color:var(--muted);font-size:11px;margin:24px 0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.game-card{min-height:450px;border:1px solid var(--line);background:#101019;color:var(--ink);text-decoration:none;text-align:left;padding:0;position:relative;overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-6px);border-color:#565064;box-shadow:0 28px 65px rgba(0,0,0,.45)}.card-number,.live-pill{position:absolute;top:18px;z-index:2;font-size:8px;letter-spacing:1.5px}.card-number{left:20px;color:var(--muted)}.live-pill{right:18px;color:var(--green);border:1px solid rgba(119,240,105,.3);padding:5px 7px}.live-pill.new{color:var(--yellow);border-color:rgba(255,213,61,.3)}.card-art{height:255px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid currentColor;opacity:.35;box-shadow:0 0 65px currentColor}.card-art b{font:900 82px/.8 var(--display);letter-spacing:-4px;position:relative}.card-art i{font:italic 900 90px var(--display);position:relative}.crisis-card .card-art{color:var(--pink);background:radial-gradient(circle,#3b1730,transparent 65%)}.crisis-card .card-art b{color:var(--ink)}.drop-card .card-art{color:#9dff33;background:radial-gradient(circle,#214829,transparent 65%)}.drop-card .card-art b{color:var(--ink)}.drop-card .card-art i{color:#9dff33}.card-copy{border-top:1px solid var(--line);padding:24px}.card-copy small{font-size:8px;letter-spacing:2px;color:var(--cyan)}.card-copy h2{font:900 36px var(--display);margin:5px 0}.card-copy p{font-size:9px;line-height:1.6;color:var(--muted);min-height:30px}.card-cta{font-size:9px;color:var(--ink);display:block;margin-top:20px}.hub-footer{display:flex;justify-content:center;gap:35px;margin-top:30px;color:#5f5b68;font-size:8px;letter-spacing:2px}.gamebar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:22px}.gamebar button{border:0;background:none;color:var(--muted);font-size:8px;cursor:pointer;padding:8px 0}.gamebar div{text-align:center}.gamebar div span,.gamebar div small{display:block}.gamebar div span{font:900 22px var(--display)}.gamebar div small{font-size:7px;color:var(--muted);letter-spacing:1.5px}.gamebar>b{font:900 25px var(--display);color:var(--pink)}.game-intro{display:none}.difficulty-row{display:flex;align-items:center;gap:14px;margin-top:15px}.difficulty-row>span{font-size:7px;color:var(--muted);letter-spacing:1.5px}.difficulty{flex:1;margin:0}.difficulty-option{min-height:44px;padding:7px 10px}.difficulty-option b{font-size:14px}.difficulty-option small{display:none}.difficulty-option.active:after{display:none}
body:not(.game-active) .top-stats,body:not(.game-active) #soundBtn,body:not(.game-active) #helpBtn{display:none}
.madness-card .card-art{color:#ff7138;background:radial-gradient(circle,#51230d,transparent 65%)}.madness-card .card-art b{color:var(--ink);font-size:64px}.madness-card .card-art i{color:#ff7138}
body.game-active main{width:min(1500px,calc(100% - 48px));padding-top:32px}.draft-panel{padding:28px 32px}.panel-head{border-bottom:1px solid var(--line);padding-bottom:18px}.panel-head>div:first-child p{margin:7px 0 0;color:var(--muted);font-size:9px}.draft-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:18px;margin-top:18px}.draft-choice{min-width:0}.draft-choice .candidate{margin-top:0;height:580px}.team-sidebar{border:1px solid var(--line);background:#0b0a10;padding:18px;display:flex;flex-direction:column}.team-sidebar .squad-head{margin:0;padding:0 0 14px;border-top:0}.team-sidebar .squad-head>div small{display:block;color:#5d5968;font-size:7px;margin-top:5px}.team-sidebar .squad{display:grid;grid-template-columns:1fr;gap:7px}.team-sidebar .slot{height:66px;display:flex;align-items:center;text-align:left}.team-sidebar .slot.empty{justify-content:flex-start;padding:0 15px;font-size:20px}.team-sidebar .slot.empty:after{content:"EMPTY SLOT";font:700 8px var(--mono);letter-spacing:1.5px;margin-left:12px;color:#4d4956}.team-sidebar .slot img{height:64px;width:70px;object-fit:contain;margin-left:5px}.team-sidebar .slot span{position:static;background:none;padding:0 10px;font-size:13px}.team-sidebar .team-readout{grid-template-columns:1fr 1fr;margin-top:12px}.team-sidebar .team-readout p{grid-column:1/-1;min-height:48px}.mission-box{border:1px solid var(--line);margin-top:10px;padding:14px;background:linear-gradient(135deg,rgba(255,61,141,.08),transparent)}.mission-box span{font-size:7px;color:var(--pink);letter-spacing:1.5px}.mission-box b{display:block;font:900 18px var(--display);margin:4px 0}.mission-box p{font-size:7px;color:var(--muted);line-height:1.5;margin:0}.team-sidebar .btn-launch{margin-top:auto}.draft-choice .actions{margin-top:10px}.draft-choice .microcopy{margin-bottom:0}.difficulty-row{margin-top:12px}
body.game-active main{padding-top:20px}.draft-panel{padding:22px 32px}.panel-head{padding-bottom:12px}.draft-choice .candidate{height:410px}.team-sidebar .slot{height:54px}.team-sidebar .slot img{height:52px}.gamebar{padding-bottom:12px;margin-bottom:14px}.team-sidebar .team-readout>div,.team-sidebar .team-readout>p{padding:9px}.mission-box{padding:10px}.team-sidebar .btn-launch{min-height:48px}
.universe-picker{display:grid;grid-template-columns:auto repeat(5,1fr);gap:7px;align-items:center;margin-top:12px}.universe-picker>span{font-size:7px;color:var(--muted);letter-spacing:1.5px;margin-right:6px}.universe-option{height:48px;border:1px solid var(--line);background:#0c0b11;color:var(--muted);text-align:left;padding:7px 10px;cursor:pointer}.universe-option b,.universe-option small{display:block}.universe-option b{font:900 15px var(--display);color:var(--ink)}.universe-option small{font-size:6px;letter-spacing:1.2px;margin-top:2px}.universe-option.active{border-color:var(--pink);background:linear-gradient(135deg,rgba(255,61,141,.14),transparent)}.character-placeholder{position:relative;z-index:2;width:48%;height:86%;margin:0 0 0 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--universe-color,var(--pink));background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--universe-color,var(--pink)) 32%,#101019),#08070d 68%);box-shadow:0 0 55px color-mix(in srgb,var(--universe-color,var(--pink)) 18%,transparent)}.character-placeholder span{font:italic 900 clamp(72px,9vw,150px)/1 var(--display);color:transparent;-webkit-text-stroke:1px var(--universe-color,var(--pink));text-shadow:5px 5px 0 color-mix(in srgb,var(--universe-color,var(--pink)) 18%,transparent)}.character-placeholder small{font-size:7px;letter-spacing:2px;color:var(--universe-color,var(--pink))}.mini-placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--universe-color,var(--pink)),#111 72%);color:var(--ink);font:900 24px var(--display)}.team-sidebar .mini-placeholder{height:52px;width:70px;margin-left:5px}.fighter.mini-placeholder{height:65%;aspect-ratio:.75;font-size:45px;border:1px solid var(--universe-color,var(--pink))}.result-squad .mini-placeholder{width:19%;height:100%;font-size:32px}
.draft-choice .candidate{height:245px;align-items:stretch}.draft-choice .candidate .screen-glow{width:190px;height:190px;left:25%;top:50%}.draft-choice .candidate>img{height:100%;width:42%;margin-left:4%;object-fit:contain;object-position:center bottom;align-self:flex-end}.draft-choice .candidate-info{right:4%;bottom:auto;top:50%;transform:translateY(-50%);width:46%;text-align:left}.draft-choice .candidate-info h3{font-size:clamp(34px,3.5vw,54px);line-height:.88;margin:7px 0 14px;overflow-wrap:anywhere}.draft-choice .stats{max-width:420px}.draft-choice .character-placeholder{width:36%;height:82%;margin:2% 0 0 5%;align-self:center}.draft-choice .microcopy{display:none}
.battle-screen{height:430px;background:radial-gradient(circle at 72% 42%,rgba(255,61,141,.15),transparent 25%),radial-gradient(circle at 30% 46%,#24203a,#09080f 62%)}
.fighters{left:4%;bottom:10%;width:59%;height:67%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch;z-index:2}
.battle-hero{position:relative;height:100%;min-width:0;overflow:hidden;border:1px solid #3a3546;background:linear-gradient(180deg,#201b2b,#0b0a10);box-shadow:0 18px 30px rgba(0,0,0,.48)}
.battle-hero:nth-child(even){transform:translateY(14px)}
.battle-hero .fighter,.battle-hero .fighter:nth-child(n){position:relative;left:auto;bottom:auto;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.88) contrast(1.05);opacity:1}
.battle-hero .fighter.mini-placeholder{display:flex;height:100%;aspect-ratio:auto;font-size:42px;border:0;background:radial-gradient(circle,var(--universe-color,var(--pink)),#111 72%)}
.battle-hero>span{position:absolute;left:0;right:0;bottom:0;padding:9px 5px 7px;background:linear-gradient(transparent,rgba(5,5,9,.96) 35%);font:900 12px/1 var(--display);text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boss{right:4%;top:50%;transform:translateY(-50%);width:25%;padding-left:34px;border-left:1px solid rgba(255,61,141,.35);z-index:2}
.boss-icon{font-size:82px;margin-bottom:9px}.boss .villain-name{display:block;font:900 clamp(26px,2.6vw,42px)/.88 var(--display);text-transform:uppercase;margin-bottom:8px}.boss small{letter-spacing:1.5px;margin-bottom:5px}.boss strong#bossPower{display:block;font-size:24px;color:var(--ink)}
.versus{left:65%;top:50%;z-index:3;font-size:44px}.battle-log{min-height:62px;background:#0b0a10}.battle-log span{flex:none}.battle-log p{line-height:1.55}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes reveal{from{opacity:0;transform:translateY(16px)}}
@media(max-width:650px){.topbar{height:58px;padding:0 14px;gap:9px}.wordmark{font-size:22px}.wordmark b{font-size:28px}.top-stats{display:none}.icon-btn{padding:0 8px}.hero h1{font-size:60px;letter-spacing:-2px}main{padding-top:45px;width:min(100% - 20px,920px)}.lede{font-size:11px}.progress-dots{gap:8px}.progress-dots i{width:20px}.draft-panel{padding:14px}.difficulty-option{padding:8px;min-height:58px}.difficulty-option b{font-size:14px}.difficulty-option.active:after{display:none}.candidate{height:390px;align-items:flex-end}.candidate img{position:absolute;height:73%;width:90%;left:0;top:2%;margin:0 5%}.candidate-info{left:18px;right:18px;bottom:18px;width:auto;text-align:left}.candidate-info h3{font-size:38px;margin-bottom:10px}.actions{grid-template-columns:1fr}.squad{gap:4px}.slot{height:88px}.slot img{height:68px}.slot span{font-size:8px}.team-readout{grid-template-columns:1fr 1fr}.team-readout p{grid-column:1/-1}.battle-screen{height:450px}.fighters{left:0;width:58%;bottom:5%}.boss{right:3%}.boss-icon{font-size:80px}.versus{font-size:38px}.battle-header h2{font-size:27px}.score-card strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:650px){.hub-copy h1{font-size:58px}.hub-copy{margin-bottom:30px}.game-grid{grid-template-columns:1fr}.game-card{min-height:380px}.card-art{height:205px}.card-art b{font-size:68px}.card-art i{font-size:76px}.hub-footer{gap:14px}.gamebar{margin-bottom:14px}.difficulty-row{display:block}.difficulty-row>span{display:block;margin-bottom:8px}.difficulty-option{padding:7px 5px}.difficulty-option b{font-size:12px}}
@media(max-width:900px){body.game-active main{width:min(100% - 20px,900px);padding-top:22px}.draft-panel{padding:15px}.draft-workspace{grid-template-columns:1fr}.draft-choice .candidate{height:430px}.team-sidebar .squad{grid-template-columns:repeat(5,1fr)}.team-sidebar .slot{height:88px;display:block;text-align:center}.team-sidebar .slot.empty{justify-content:center;padding:0;font-size:24px}.team-sidebar .slot.empty:after{display:none}.team-sidebar .slot img{width:100%;height:68px;margin:0}.team-sidebar .slot span{position:absolute;background:rgba(8,7,13,.9);padding:5px;font-size:8px}.team-sidebar .btn-launch{margin-top:14px}.panel-head h2{font-size:27px}.panel-head>div:first-child p{max-width:230px}.mission-box{display:none}}
@media(max-width:900px){.universe-picker{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto;padding-bottom:5px}.universe-picker>span{display:none}.character-placeholder{width:70%;height:70%;margin:0 auto 80px}.team-sidebar .mini-placeholder{width:100%;height:68px;margin:0}.universe-option{min-width:105px}}
@media(max-width:650px){.draft-choice .candidate-info{top:auto;bottom:18px;left:18px;right:18px;transform:none;width:auto}.draft-choice .candidate-info h3{font-size:38px;margin-bottom:10px}.draft-choice .candidate>img{position:absolute;height:72%;width:90%;left:0;top:0;margin:0 5%}.draft-choice .character-placeholder{width:72%;height:58%;margin:20px auto 110px}.draft-choice .candidate .screen-glow{left:50%;top:42%}}
@media(max-width:700px){.battle-header{align-items:flex-start}.battle-header h2{max-width:260px}.battle-screen{height:530px}.fighters{left:4%;right:4%;top:4%;bottom:auto;width:auto;height:43%;gap:4px}.battle-hero:nth-child(even){transform:translateY(7px)}.battle-hero>span{font-size:8px}.boss{left:7%;right:7%;top:auto;bottom:6%;transform:none;width:auto;padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,61,141,.35)}.boss-icon{font-size:58px;float:left;margin:0 20px 0 5px}.boss .villain-name{font-size:28px}.versus{left:50%;top:51%;font-size:34px}.battle-log{align-items:flex-start;padding:14px;gap:10px}.battle-log p{font-size:9px}}