/* Cosmetic only: the same controls remain in place. */
.art-style-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #ffffff18}
.art-style-picker>span{font:800 9px var(--font-body);letter-spacing:1.4px;color:#cbd4c9}.art-style-picker>div{display:flex;gap:5px}
#menu .art-style-picker button{min-height:34px;padding:7px 12px;border:1px solid #7a887b;background:#101b22;color:#d9e1d6;font-size:10px}
#menu .art-style-picker button[aria-pressed=true]{border-color:#e4cb95;color:#fff2c8;background:#384438}
.art-style-picker small{color:#9faeaa;font-size:10px}.radioactive-banner{display:none}

html[data-art-style=radioactive]{--toxic-lime:#ccff34;--toxic-pink:#ff4b9a;--toxic-yellow:#ffe55d}
html[data-art-style=radioactive] #menu{--text:#f3f1dc;--soft:#b8c5b4;--accent:var(--toxic-lime);background:radial-gradient(ellipse at 44% 35%,#4c651537,transparent 54%),repeating-linear-gradient(175deg,#ffffff03 0 2px,transparent 2px 8px),#11131a}
html[data-art-style=radioactive] #menu .masthead{border-bottom:3px solid var(--toxic-pink)}
html[data-art-style=radioactive] #menu .masthead .eyebrow,html[data-art-style=radioactive] #menu .section-kicker{color:var(--toxic-lime)}
html[data-art-style=radioactive] #menu .masthead p{color:#f3d386}
html[data-art-style=radioactive] #menu .art-style-picker button[aria-pressed=true]{background:var(--toxic-lime);border-color:#eaffb5;color:#14200a;font-weight:900;box-shadow:3px 3px 0 #000}
html[data-art-style=radioactive] .radioactive-banner{display:flex;position:relative;isolation:isolate;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 0;min-height:135px;padding:22px 28px;border:2px solid #84952b;box-shadow:5px 5px 0 #000;background:linear-gradient(90deg,#101117ee 0%,#10111730 60%,#101117d9 100%);overflow:hidden}
html[data-art-style=radioactive] .radioactive-banner:after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:repeating-linear-gradient(125deg,var(--toxic-yellow) 0 12px,#1a1920 12px 24px);z-index:-1}
html[data-art-style=radioactive] .radioactive-banner>span{font:900 clamp(23px,3vw,36px)/.95 var(--font-stencil);letter-spacing:1px;color:var(--toxic-lime);text-shadow:3px 3px #080a10}
html[data-art-style=radioactive] .radioactive-banner>small{align-self:end;background:#13101ee8;padding:7px 9px;border:1px solid var(--toxic-pink);color:#ffe9f3;font:800 8px var(--font-body);letter-spacing:1px;text-align:right}
html[data-art-style=radioactive] #menu .selection{padding-top:25px}
html[data-art-style=radioactive] #menu .character-panel,html[data-art-style=radioactive] #menu .build-panel{background:#171b21e8;padding:16px;border:1px solid #6c79384d;border-top:3px solid var(--toxic-lime);box-shadow:4px 5px 0 #07090b}
html[data-art-style=radioactive] #menu .build-panel{border-top-color:var(--toxic-pink)}
html[data-art-style=radioactive] #menu button{border-radius:2px}
html[data-art-style=radioactive] #menu button:focus-visible,html[data-art-style=radioactive] #menu summary:focus-visible{outline-color:var(--toxic-yellow)}
html[data-art-style=radioactive] #menu .class-card{background:#21252b;border-color:#747b3c50}
html[data-art-style=radioactive] #menu .class-card .spell-icon{width:34px;height:34px;border:1px solid #9caa45;opacity:1;border-radius:1px}
html[data-art-style=radioactive] #menu .class-card[aria-pressed=true]{border-color:var(--toxic-lime);background:#3b481e;box-shadow:inset 0 -3px var(--toxic-lime)}
html[data-art-style=radioactive] #menu .class-card[aria-pressed=true] strong{color:#efffc8}
html[data-art-style=radioactive] #menu .loadout-slots button,html[data-art-style=radioactive] #menu .ultimate-slot{background:#1b2028;border-color:#697b405e}
html[data-art-style=radioactive] #menu .ultimate-slot{border-color:#e58a2c80;background:#302521}
html[data-art-style=radioactive] #menu .loadout-slots .spell-icon,html[data-art-style=radioactive] #menu .ultimate-slot .spell-icon{border-radius:1px;border:1px solid #c4cd8d70}
html[data-art-style=radioactive] #menu .primary{background:var(--toxic-lime);color:#14200a;border:2px solid #e9ff9c;box-shadow:4px 4px 0 #000;font-weight:900}
html[data-art-style=radioactive] #menu .primary:hover{outline:2px solid #ffe46b;outline-offset:2px}
html[data-art-style=radioactive] #menu #champion-name{font-family:var(--font-stencil);color:var(--toxic-yellow);letter-spacing:-1px;text-shadow:4px 4px #000}
html[data-art-style=radioactive] #menu .stage-halo{background:radial-gradient(ellipse at 50% 42%,#d5ff4924,transparent 66%)}
html[data-art-style=radioactive] #menu[data-faction=horde] .stage-halo{background:radial-gradient(ellipse at 50% 42%,#ff4b9a2c,transparent 66%)}
html[data-art-style=radioactive] #menu .creation-passive{border-color:#94a34a66;background:#1a241e}
html[data-art-style=radioactive] #menu .launch-panel{border-color:var(--toxic-pink)}
html[data-art-style=radioactive] #menu .launcher-dialog{background:#171b21;border:2px solid var(--toxic-lime)}

/* Illustrated cards stay inside the existing scrollable HUD, never a full-screen draft. */
html[data-art-style=radioactive] .power-card .spell-icon{border:1px solid #cad77d;border-radius:2px}

@media(max-width:700px){.art-style-picker{gap:7px}.art-style-picker small{flex-basis:100%;font-size:9px}html[data-art-style=radioactive] .radioactive-banner{min-height:105px;margin-top:12px;padding:17px}html[data-art-style=radioactive] .radioactive-banner>small{max-width:125px;font-size:7px}html[data-art-style=radioactive] #menu .character-panel,html[data-art-style=radioactive] #menu .build-panel{padding:12px}}
@media(prefers-reduced-motion:reduce){html[data-art-style=radioactive] #menu button{transition:none}}