/* Shared presentation layer. Interaction and gameplay stay in their existing modules. */
body.ui-rebuild{--ui-page:#100d16;--ui-panel:#1d1723;--ui-raised:#302334;--ui-line:#59465b;--ui-accent:#ffacd5;--ui-strong:#ec4c9a;--ui-ink:#291120;--ui-text:#fff5fa;--ui-muted:#ccb9c9;--ui-rail:196px;--page:var(--ui-page);--bg:var(--ui-page);--panel:var(--ui-panel);--raised:var(--ui-raised);--accent:var(--ui-accent);--strong:var(--ui-strong);--ink:var(--ui-ink);--mint:var(--ui-accent);--muted:var(--ui-muted);--line:var(--ui-line);--text:var(--ui-text);--teal:var(--ui-accent);--pink:var(--ui-accent);background:var(--ui-page)!important;color:var(--ui-text);font:15px/1.55 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;min-width:320px;margin:0}
body.ui-rebuild[data-arena-theme=cafe]{--ui-page:#17120f;--ui-panel:#251c18;--ui-raised:#382921;--ui-line:#6b5143;--ui-accent:#ffd0aa;--ui-strong:#c58b68;--ui-ink:#2d1a0e;--ui-text:#fff6ec;--ui-muted:#d1bdad}
body.ui-rebuild[data-arena-theme=rose]{--ui-page:#15151d;--ui-panel:#23232e;--ui-raised:#32323f;--ui-line:#5c596b;--ui-accent:#ebc2c4;--ui-strong:#bc8c9e;--ui-ink:#291a26;--ui-text:#fff6f2;--ui-muted:#c8becb}
body.ui-rebuild[data-arena-theme=amber]{--ui-page:#141510;--ui-panel:#23241b;--ui-raised:#323427;--ui-line:#5e624b;--ui-accent:#efd69b;--ui-strong:#bca264;--ui-ink:#272313;--ui-text:#fff8e6;--ui-muted:#c9c4ad}
body.ui-rebuild *,body.ui-rebuild *::before,body.ui-rebuild *::after{box-sizing:border-box}
body.ui-rebuild [hidden]{display:none!important}
body.ui-rebuild.arena-ambient::before,body.ui-rebuild.arena-ambient::after{display:none!important}
body.ui-rebuild :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
body.ui-rebuild :is(h1,h2,h3){color:var(--ui-text);font-weight:850;letter-spacing:-.025em}
body.ui-rebuild :is(a,button,input,select,textarea,summary){touch-action:manipulation}
body.ui-rebuild :is(button,input,select,textarea,.action-link){font:inherit;border-radius:3px;max-width:100%}
body.ui-rebuild :is(input:not([type=checkbox]):not([type=range]):not([type=radio]),select,textarea){background:var(--ui-page)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line);padding:10px 12px;min-height:42px}
body.ui-rebuild input::placeholder,body.ui-rebuild textarea::placeholder{color:var(--ui-muted);opacity:.8}
body.ui-rebuild :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--ui-accent)}
body.ui-rebuild button:not(.primary):not(.danger){background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-line)}
body.ui-rebuild :is(button,.action-link){min-height:42px;cursor:pointer}
body.ui-rebuild :is(button.primary,a.primary,.button.primary){background:var(--ui-accent)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-accent);font-weight:850;box-shadow:3px 3px 0 var(--ui-strong);border-radius:2px}
body.ui-rebuild :is(button.primary,a.primary):hover:not(:disabled){background:var(--ui-text)!important;transform:translateY(-1px)}
body.ui-rebuild button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}
body.ui-rebuild :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
body.ui-rebuild a{color:var(--ui-accent)}
body.ui-rebuild .ui-rail{position:fixed;left:0;top:0;bottom:0;width:var(--ui-rail);padding:30px 16px 22px;z-index:45;border-right:1px solid var(--ui-line);background:var(--ui-page);display:flex;flex-direction:column;gap:48px}
body.ui-rebuild .ui-wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ui-text)}
.ui-wordmark>span{font-size:42px;font-weight:950;font-style:italic;letter-spacing:-8px;color:var(--ui-accent);width:47px}
.ui-wordmark strong{font-size:16px;line-height:1.2}.ui-wordmark small{display:block;font-size:8px;letter-spacing:.14em;color:var(--ui-muted);margin-top:7px}
.ui-rail nav{display:grid;gap:12px}.ui-rail nav a{position:relative;display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 10px;text-decoration:none;border-left:3px solid transparent;color:var(--ui-muted)}
.ui-rail nav a>span{font:italic 16px/1.2 "Arial",sans-serif;opacity:.7}.ui-rail nav strong{font-size:14px;letter-spacing:.02em}.ui-rail nav a[aria-current=page]{background:var(--ui-accent);color:var(--ui-ink);border-color:var(--ui-strong);box-shadow:4px 4px 0 var(--ui-raised)}
.ui-rail nav a:hover{background:var(--ui-raised);color:var(--ui-text)}.ui-rail i{font-size:10px;font-style:normal;margin-left:auto}
.ui-rail-footer{margin-top:auto;border-top:1px solid var(--ui-line);padding-top:18px}.ui-rail-footer span{display:block;color:var(--ui-muted);font-size:8px;letter-spacing:.08em}.ui-rail-footer strong{display:block;font-size:11px;font-weight:500;margin-top:5px}
body.ui-rebuild>header.ui-topbar{position:relative;z-index:35;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:72px;height:auto;margin-left:var(--ui-rail);padding:14px 32px!important;background:var(--ui-page);border-bottom:1px solid var(--ui-line);max-width:none;flex-wrap:wrap}
body.ui-rebuild .ui-topbar .brand{font-size:14px;color:var(--ui-text)!important}.ui-topbar .brand small{font-size:8px;letter-spacing:.14em}.ui-topbar .header-right{margin-left:auto;display:flex;align-items:center;gap:14px}
body.ui-rebuild .ui-topbar :is(button,summary){font-size:13px;min-height:36px;padding:7px 12px}.ui-topbar nav{display:flex;gap:18px;font-size:13px}.ui-topbar>.update-entry{display:none}
body.ui-rebuild>main{margin:0 0 0 var(--ui-rail);padding:28px clamp(20px,3vw,46px) 48px;max-width:none;width:auto;min-width:0}
body.ui-rebuild .ui-rail,body.ui-rebuild .ui-topbar,body.ui-rebuild main{scroll-margin-top:24px}
body.ui-rebuild.auth-locked>.ui-rail{display:none}
body.ui-rebuild :is(.panel,.arena-insights,.daily-feedback,.reference-arena,.mechanic-card,.search-panel,.category-panel,.update-card){background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:3px;box-shadow:none}
body.ui-rebuild :is(.panel-title,.section-top,.dialog-top){border-color:var(--ui-line);gap:12px}
body.ui-rebuild :is(.panel-title h2,.section-top h2){font-size:20px}
body.ui-rebuild :is(.arena-note,.note,.micro,.hero-base,.hero-abilities,.hero-info,.reference-note){color:var(--ui-muted);line-height:1.7}
body.ui-rebuild p:empty{display:none}
/* Lobby: play first, daily reading in its own tab. */
body.ui-rebuild #lobbyIntro{isolation:isolate;position:relative;display:flex;align-items:center;min-height:274px;height:274px;overflow:visible;padding:30px 36px;margin:0 0 22px;border:0;border-left:6px solid var(--ui-accent);background:var(--ui-panel);gap:0}
body.ui-rebuild #lobbyIntro::before{content:"";position:absolute;inset:0 45% 0 0;background:var(--ui-accent);opacity:.08;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);z-index:-1}
body.ui-rebuild #lobbyIntro::after{content:"/ ARENA";position:absolute;left:34px;bottom:24px;color:var(--ui-muted);background:none;box-shadow:none;width:auto;height:auto;transform:none;font:italic 10px/1 "Arial",sans-serif;letter-spacing:.22em}
body.ui-rebuild #lobbyIntro>div{width:49%;z-index:2}body.ui-rebuild #lobbyIntro .eyebrow{font-size:10px;letter-spacing:.18em}
body.ui-rebuild #lobbyIntro h1{font-size:clamp(32px,4vw,58px);font-style:italic;line-height:1.13;margin:12px 0 30px;max-width:7em;letter-spacing:-.06em}body.ui-rebuild #lobbyIntro h1 span{display:block;color:var(--ui-accent)}
body.ui-rebuild #lobbyIntro .ui-banner-art{position:absolute;right:0;top:0;width:53%;height:100%;object-fit:contain;object-position:center;z-index:0;clip-path:none;background:var(--ui-page)}
body.ui-rebuild #lobbyIntro .create-menu{position:absolute;right:16px;bottom:14px;z-index:5}body.ui-rebuild .create-menu>summary{border-radius:2px;background:var(--ui-accent);color:var(--ui-ink);font-size:12px;padding:10px 18px}body.ui-rebuild .create-menu[open] .arena-actions{background:var(--ui-panel);border-color:var(--ui-line);bottom:48px;top:auto}
body.ui-rebuild .cloud-summary{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 20px!important;padding:0!important;font-size:11px}body.ui-rebuild #arenaSummaryRule{display:none}
body.ui-rebuild #arenaLobby{padding:0;background:none;border:0}.ui-lobby-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ui-line);margin:0 0 22px;padding:0 0 8px}
body.ui-rebuild .ui-lobby-tabs button{border:0!important;background:transparent!important;color:var(--ui-muted)!important;padding:12px 22px;min-height:48px;font-size:15px;font-weight:750;position:relative}
body.ui-rebuild .ui-lobby-tabs button[aria-selected=true]{background:var(--ui-accent)!important;color:var(--ui-ink)!important;box-shadow:3px 3px 0 var(--ui-strong)}
.ui-lobby-panel{min-width:0;animation:ui-enter .18s ease-out}.ui-lobby-panel .lobby-toolbar{margin:0 0 14px}body.ui-rebuild .lobby-toolbar h2{font-size:19px!important;border:0!important;padding:0!important;letter-spacing:0}
body.ui-rebuild .lobby-filters{display:grid;grid-template-columns:1fr minmax(160px,240px);align-items:start;background:transparent;padding:0;border:0;gap:12px;margin-bottom:22px}body.ui-rebuild .lobby-types{gap:5px}
body.ui-rebuild .lobby-types button{padding:8px 11px;font-size:12px;background:var(--ui-panel)!important;border:1px solid var(--ui-line);min-height:38px}body.ui-rebuild .lobby-types button[aria-pressed=true]{background:var(--ui-accent)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)}
body.ui-rebuild #arenaLobbySearch{width:100%;min-width:0;max-width:100%;font-size:12px}body.ui-rebuild .lobby-types .local-field-link{padding:8px 11px;font-size:12px;border-radius:2px;min-height:38px}
body.ui-rebuild #uiPanel-arenas #arenaList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ui-rebuild .arena-card{min-height:232px!important;padding:22px!important;border:1px solid var(--ui-line)!important;border-radius:0!important;background:var(--ui-panel)!important;box-shadow:none!important;gap:14px!important;transition:transform .16s,border-color .16s}
body.ui-rebuild .arena-card::after{width:18px;height:18px;background:var(--ui-accent);clip-path:polygon(0 0,100% 0,100% 100%);border-radius:0}body.ui-rebuild .arena-card:hover{border-color:var(--ui-accent)!important;transform:translateY(-2px)!important}
body.ui-rebuild .arena-card strong{font-size:19px;font-weight:850;line-height:1.45;color:var(--ui-text)}body.ui-rebuild .arena-card .card-budget{font-size:15px;color:var(--ui-accent)}
body.ui-rebuild .arena-card .arena-tags span{background:var(--ui-raised);border:0;color:var(--ui-muted);font-size:11px;padding:4px 7px;border-radius:2px}
body.ui-rebuild .arena-card-top{font-size:11px}body.ui-rebuild .card-bottom{border-color:var(--ui-line)!important}body.ui-rebuild .card-bottom>span:last-child{color:var(--ui-accent)!important}
body.ui-rebuild .arena-lobby-edit{border-color:var(--ui-line);border-radius:0;padding-top:0;background:var(--ui-panel)}body.ui-rebuild .arena-lobby-edit .arena-card{border-width:0!important}body.ui-rebuild .arena-recommend-control{font-size:11px}body.ui-rebuild .arena-drag-handle{font-size:11px;min-height:36px;touch-action:none}
body.ui-rebuild #lobbyBatchBar{margin:8px 0 12px;padding:12px 16px;border-radius:2px;background:var(--ui-raised);border-color:var(--ui-line)}body.ui-rebuild .arena-drag-status{font-size:11px;color:var(--ui-muted)}
body.ui-rebuild .feedback-admin{padding:14px 18px!important;margin:0 0 22px;background:var(--ui-panel);border-left:4px solid var(--ui-accent)!important;max-height:380px;overflow:auto}body.ui-rebuild .feedback-admin h2{font-size:15px;margin:0}body.ui-rebuild .feedback-admin p{font-size:12px;margin:5px 0}body.ui-rebuild .feedback-admin .insight-heading{gap:10px}body.ui-rebuild .feedback-admin select{min-height:34px;padding:5px 8px;font-size:12px}body.ui-rebuild #arenaFeedbackRefresh{font-size:12px;min-height:34px;padding:5px 10px}
body.ui-rebuild .daily-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:16px}body.ui-rebuild .ui-daily-refresh{font-size:12px;float:right;margin-bottom:8px}body.ui-rebuild .reference-section{border:0!important;padding:0!important}body.ui-rebuild .reference-section .insight-heading h2{font-size:23px;margin:0}body.ui-rebuild .reference-filters{display:flex;gap:12px;margin-bottom:18px}body.ui-rebuild .reference-filters label{flex:1;min-width:0}
body.ui-rebuild .reference-arena{padding:18px;margin-bottom:16px;border-left:3px solid var(--ui-accent)}
body.ui-rebuild .reference-arena>header{display:flex;align-items:start;justify-content:space-between;gap:12px;height:auto!important;min-height:0;background:transparent!important;margin:0;padding:0 0 12px!important;border-bottom:1px solid var(--ui-line)}
body.ui-rebuild .reference-arena h3{font-size:16px!important;margin:0}body.ui-rebuild .reference-arena h3 a{text-decoration:none}body.ui-rebuild .reference-arena>header>a{font-size:11px;white-space:nowrap}body.ui-rebuild .reference-bans{font-size:12px;color:var(--ui-muted)}
body.ui-rebuild .reference-roster{margin:0;padding:0}body.ui-rebuild .reference-person{font-size:13px}body.ui-rebuild .reference-rank{font:italic 24px/1 "Arial",sans-serif;color:var(--ui-accent)}body.ui-rebuild .reference-roster button{font-size:11px;min-height:34px;padding:6px 9px}body.ui-rebuild .reference-core{font-size:11px}body.ui-rebuild .reference-score{font-size:11px}
body.ui-rebuild .daily-feedback{padding:18px;border-radius:0;top:20px}body.ui-rebuild .daily-feedback h2{font-size:19px}body.ui-rebuild .daily-feedback label{font-size:12px}body.ui-rebuild .daily-feedback select{font-size:12px}body.ui-rebuild #arenaFeedbackTags label{font-size:11px;padding:6px;border-radius:2px}body.ui-rebuild #arenaFeedbackSubmit{width:100%}
body.ui-rebuild .arena-insights{padding:24px;margin:0}body.ui-rebuild .activity-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0;border-block:1px solid var(--ui-line)}body.ui-rebuild .activity-counts strong{font-size:36px}body.ui-rebuild .activity-events li{border-color:var(--ui-line);padding:16px 0}body.ui-rebuild .activity-events span,body.ui-rebuild .activity-events time{color:var(--ui-muted)}
/* Arena: compact tabs, three-column composition, readable results. */
body.ui-rebuild .arena-heading{padding:8px 0 24px;background:none!important;border:0!important}body.ui-rebuild .arena-heading h2{font-size:clamp(24px,3vw,38px);font-weight:900;margin:8px 0}body.ui-rebuild .arena-heading .eyebrow{color:var(--ui-accent)}
body.ui-rebuild .arena-view-nav{display:flex;gap:4px;overflow:auto;border:0;padding:8px 0 12px;margin:0 0 24px;background:var(--ui-page);scrollbar-width:thin}
body.ui-rebuild .arena-view-nav a{flex:1;min-width:max-content;text-align:center;font-size:13px;padding:12px 16px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:1px}
body.ui-rebuild .arena-view-nav a[aria-current=page]{background:var(--ui-accent);color:var(--ui-ink);border-color:var(--ui-accent);box-shadow:3px 3px 0 var(--ui-strong)}
body.ui-rebuild .arena-breadcrumb{font-size:12px;margin:0 0 12px}body.ui-rebuild .arena-build-tip{font-size:12px!important;padding:10px 14px!important;border-radius:0!important;background:var(--ui-panel)!important;border-color:var(--ui-accent)!important}body.ui-rebuild .arena-build-tip strong{color:var(--ui-accent)}
body.ui-rebuild .arena-composer{padding:0;border:0!important;background:none!important;overflow:visible}body.ui-rebuild .arena-composer>.panel-title{padding:0 0 18px}body.ui-rebuild .arena-compose-body{padding:0!important}body.ui-rebuild .arena-compose-top{padding:16px;background:var(--ui-panel);border:1px solid var(--ui-line);margin-bottom:16px}body.ui-rebuild .arena-compose-top label{font-size:12px}body.ui-rebuild .arena-compose-top button{font-size:12px}
body.ui-rebuild .composer-grid{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(0,1.65fr) minmax(190px,.85fr);gap:16px;align-items:start}
.ui-settings-column,.ui-selected-column,.composer-skills{min-width:0}body.ui-rebuild .ui-settings-column{display:grid;gap:16px}body.ui-rebuild .ui-selected-column{position:sticky;top:16px}body.ui-rebuild .ui-selected-column .selected-skills{margin:0;max-height:calc(100dvh - 70px);overflow:auto}
body.ui-rebuild :is(.composer-settings,.xp-allocation,.selected-skills){background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:2px;margin:0;padding:0}
body.ui-rebuild :is(.composer-settings,.xp-allocation,.selected-skills)>summary{padding:14px;font-size:13px;border-bottom:1px solid var(--ui-line)}body.ui-rebuild .hero-settings-body{padding:14px}body.ui-rebuild #heroSettingsSummary{font-size:12px}body.ui-rebuild .hero-settings-body :is(label,p){font-size:12px}body.ui-rebuild .hero-settings-body select{font-size:12px}body.ui-rebuild #xpShop{padding:12px;display:grid;grid-template-columns:1fr!important;gap:6px}body.ui-rebuild #draftGrowth{padding:10px 12px;font-size:12px}body.ui-rebuild #draftExtra{padding:0 12px}
body.ui-rebuild .composer-label{font-size:16px;margin:0 0 12px}body.ui-rebuild .composer-skills>.filters{display:flex;gap:8px;margin:12px 0}body.ui-rebuild .composer-skills>.filters input{min-width:0;flex:1;font-size:12px}body.ui-rebuild .composer-skills>.filters select{font-size:12px;max-width:42%}
body.ui-rebuild #arenaSkillPool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;max-height:none;overflow:visible}body.ui-rebuild #arenaSkillPool .skill-card{padding:12px;border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:2px}body.ui-rebuild #arenaSkillPool .skill-card h3{font-size:14px}body.ui-rebuild #arenaSkillPool .skill-card p{font-size:12px;color:var(--ui-muted);line-height:1.6}body.ui-rebuild #arenaSkillPool button{min-height:36px;font-size:13px}
body.ui-rebuild #draftSkills{padding:12px}body.ui-rebuild .skill-group-buttons{gap:5px;flex-wrap:wrap}body.ui-rebuild .skill-group-buttons button{font-size:11px;padding:7px;min-height:34px}body.ui-rebuild .skill-group-buttons button[aria-pressed=true]{background:var(--ui-accent)!important;color:var(--ui-ink)!important}
body.ui-rebuild .composer-checkout{position:sticky;bottom:0;z-index:25;margin:18px 0 0;padding:14px 20px;background:var(--ui-panel)!important;border:1px solid var(--ui-accent);border-radius:0;box-shadow:0 -8px 20px #0003}body.ui-rebuild .arena-submit{gap:14px}body.ui-rebuild #submitChallenge{min-width:170px;min-height:48px;font-size:15px}body.ui-rebuild #entryHint{font-size:12px;color:var(--ui-muted)}
body.ui-rebuild .arena-table{font-size:13px}body.ui-rebuild .arena-table th{font-size:11px;color:var(--ui-muted);background:var(--ui-page);padding:14px 12px}body.ui-rebuild .arena-table td{padding:16px 12px;border-color:var(--ui-line)}body.ui-rebuild .arena-table tbody tr:hover{background:var(--ui-raised)}body.ui-rebuild .arena-table button{font-size:11px;min-height:34px;padding:6px 10px}body.ui-rebuild .arena-history-hero{font-size:11px;color:var(--ui-muted)}
body.ui-rebuild :is(.arena-history,.player-ranking){padding:22px}body.ui-rebuild .challenge-opponent{padding:12px 0}body.ui-rebuild .challenge-summary{gap:8px}body.ui-rebuild .challenge-summary span{border-radius:2px;padding:8px 13px;font-size:14px;background:var(--ui-raised)}body.ui-rebuild .submitted-replay{margin-top:16px;padding-top:16px;border-color:var(--ui-line)}body.ui-rebuild .arena-round-links a{font-size:12px;border-radius:2px;min-height:40px;background:var(--ui-raised);color:var(--ui-text)}
body.ui-rebuild dialog{background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-line);border-top:4px solid var(--ui-accent);border-radius:4px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:26px;box-shadow:10px 14px 0 #0004;overscroll-behavior:contain}
body.ui-rebuild dialog::backdrop{background:#080810bd;backdrop-filter:none}body.ui-rebuild dialog h2{font-size:24px}body.ui-rebuild dialog p{font-size:13px;color:var(--ui-muted)}body.ui-rebuild dialog .dialog-top{margin-bottom:20px}body.ui-rebuild dialog label{font-size:13px}
/* Login: full artwork retained, angled type and high contrast actions. */
body.ui-rebuild.auth-locked #loginDialog.login-stage,body.ui-rebuild #loginDialog.login-stage[open]{border:0;border-left:7px solid var(--ui-accent);border-radius:0;box-shadow:16px 16px 0 #0005;padding:0;overflow:auto;width:min(1180px,calc(100vw - 64px));max-width:none;height:min(700px,calc(100dvh - 64px));grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr)}
body.ui-rebuild #loginDialog .login-art{background:var(--ui-page);border-right:0;min-width:0}body.ui-rebuild #loginDialog .login-art img{object-fit:contain!important;inset:0;width:100%;height:100%;padding:10px;object-position:center!important}
body.ui-rebuild #loginDialog .login-side{background:var(--ui-panel);padding:38px;position:relative;isolation:isolate}body.ui-rebuild #loginDialog .login-side::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:var(--ui-accent);opacity:.035;clip-path:polygon(80% 0,100% 0,100% 100%,0 100%)}
body.ui-rebuild #loginDialog h2{font-size:52px;line-height:1.1;font-style:italic;letter-spacing:-.05em;margin:18px 0 30px}body.ui-rebuild #loginDialog #inviteLogin{min-height:52px;border-radius:1px;color:var(--ui-ink);background:var(--ui-accent);border-color:var(--ui-accent);font-size:16px;font-weight:800;box-shadow:4px 4px 0 var(--ui-strong)}
body.ui-rebuild #loginDialog .login-footer{font-size:12px}body.ui-rebuild #loginDialog .login-topline{margin-bottom:30px}body.ui-rebuild #loginDialog .login-invites{border-color:var(--ui-line)}
/* Local testing and replay keep the scene, live metrics and skill totals together. */
body.ui-rebuild[data-ui-page=local-arena] .local-privacy{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border:0;border-left:5px solid var(--ui-accent);margin-bottom:12px}.ui-local-mark{font:italic 76px/1 Arial,sans-serif;color:var(--ui-accent);opacity:.35}body.ui-rebuild .local-privacy h1{font-size:30px;margin:6px 0 12px}body.ui-rebuild .local-privacy p{font-size:12px;color:var(--ui-muted);margin:0}.ui-local-options{font-size:12px;color:var(--ui-muted);margin-bottom:24px}.ui-local-options summary{cursor:pointer}
body.ui-rebuild[data-ui-page=local-arena] .workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}body.ui-rebuild .library{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;padding:16px}body.ui-rebuild .library h2{font-size:17px}body.ui-rebuild .library button{font-size:12px}body.ui-rebuild .library .arena-list{max-height:none}body.ui-rebuild .settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.ui-rebuild .editor>.panel{margin-bottom:16px;padding:20px}body.ui-rebuild #localSkillPanel .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ui-rebuild .skill-grid article{background:var(--ui-page);border-color:var(--ui-line);border-radius:2px}body.ui-rebuild #startBattle{min-height:48px}body.ui-rebuild .chips button{font-size:12px;min-height:36px}
body.ui-rebuild[data-ui-page=lab] .workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}body.ui-rebuild[data-ui-page=lab] .battle{grid-column:1/-1;width:100%;min-width:0;padding:20px}body.ui-rebuild[data-ui-page=lab] .build{position:static;max-height:none;padding:20px}body.ui-rebuild[data-ui-page=lab] .intro{margin:0 0 20px}body.ui-rebuild[data-ui-page=lab] .intro h1{font-size:30px}body.ui-rebuild[data-ui-page=lab] .badge{display:none}
body.ui-rebuild .field{display:block!important;position:relative;min-height:240px;height:clamp(240px,35vw,420px);border:1px solid var(--ui-line);border-radius:2px;overflow:hidden;margin:16px 0;background:#10151e}body.ui-rebuild #scene{display:block!important;width:100%!important;height:100%!important;opacity:1;visibility:visible}body.ui-rebuild #localScene{width:100%;display:block;min-height:180px;border:1px solid var(--ui-line);border-radius:2px}
body.ui-rebuild .health-row{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:12px}body.ui-rebuild .health-card{background:var(--ui-page);border-radius:2px;border-color:var(--ui-line)}body.ui-rebuild .playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}body.ui-rebuild .playback input[type=range]{flex:1;min-width:100px}body.ui-rebuild .playback button,body.ui-rebuild .playback select{font-size:12px}body.ui-rebuild .battle-statistics-strip{margin:20px 0;padding:18px 0;border-top:1px solid var(--ui-line)}body.ui-rebuild .battle-statistics-title{font-size:18px;color:var(--ui-text);margin-bottom:14px}body.ui-rebuild .battle-stat-caption{font-size:14px}body.ui-rebuild .battle-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body.ui-rebuild .battle-stat-item{background:var(--ui-raised);border:1px solid var(--ui-line);min-height:62px;border-radius:2px;padding:8px 4px}body.ui-rebuild .battle-stat-item span{font-size:11px;color:var(--ui-muted)}body.ui-rebuild .battle-stat-item b{font-size:20px;font-weight:650}
body.ui-rebuild .recap-panel{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:2px;margin:20px 0;padding:20px}body.ui-rebuild .recap-heading h3{font-size:20px}body.ui-rebuild .recap-totals>div{background:var(--ui-raised);border-radius:2px;padding:12px}body.ui-rebuild .recap-totals strong{font-size:24px}body.ui-rebuild .recap-skill{padding:14px 0;border-color:var(--ui-line)}body.ui-rebuild .recap-skill-name strong{font-size:14px}body.ui-rebuild .recap-effects{gap:6px 14px}body.ui-rebuild .recap-effects b{font-size:16px}body.ui-rebuild .recap-effects small{color:var(--ui-muted)}
body.ui-rebuild .source-tooltip{background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-accent);backdrop-filter:none;border-radius:2px;font-size:13px}body.ui-rebuild .source-tooltip :is(td,th){font-size:12px}body.ui-rebuild.saved-replay-mode .workspace,body.ui-rebuild.watch-mode .workspace{grid-template-columns:1fr}body.ui-rebuild .saved-replay-notice{padding:20px;margin-bottom:20px}body.ui-rebuild .saved-replay-notice h1{font-size:27px}
/* Reference pages and utility screens. */
body.ui-rebuild[data-ui-page=mechanics] .mechanics-hero{padding:30px;border:0;border-left:5px solid var(--ui-accent);background:var(--ui-panel);margin-bottom:20px}body.ui-rebuild .mechanics-hero h1{font-size:42px;font-style:italic}body.ui-rebuild .hero-facts strong{color:var(--ui-accent)}body.ui-rebuild .hero-facts>div{border-color:var(--ui-line)}body.ui-rebuild .search-panel{padding:18px 22px}body.ui-rebuild .encyclopedia{display:block}body.ui-rebuild .category-panel{position:static;padding:12px;margin:18px 0 26px}body.ui-rebuild .category-panel h2,body.ui-rebuild .category-panel .back-to-top{display:none}body.ui-rebuild .category-panel nav{display:flex;gap:6px;flex-wrap:wrap}body.ui-rebuild .category-panel button{width:auto;padding:10px 13px;min-height:42px;font-size:12px}body.ui-rebuild .category-panel button[aria-pressed=true]{background:var(--ui-accent)!important;color:var(--ui-ink)!important}body.ui-rebuild .mechanic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.ui-rebuild .mechanic-card{padding:22px;border-top:3px solid var(--ui-accent)}body.ui-rebuild .mechanic-card h3{font-size:20px}body.ui-rebuild .mechanic-card .example{border-radius:2px;background:var(--ui-raised);border-color:var(--ui-line)}body.ui-rebuild .mechanic-card :is(.card-summary,li,p){color:var(--ui-muted)}body.ui-rebuild .group-number{color:var(--ui-accent);font-style:italic}body.ui-rebuild .group-heading{margin:24px 0 16px}body.ui-rebuild .table-scroll table{color:var(--ui-text)}
body.ui-rebuild .updates-main{max-width:none}body.ui-rebuild .updates-heading{display:flex;gap:20px;align-items:baseline;border-bottom:3px solid var(--ui-accent);padding:20px 0;margin-bottom:24px}body.ui-rebuild .updates-heading h1{font-size:44px;font-style:italic;margin:0}body.ui-rebuild #updatesList{max-width:1000px}body.ui-rebuild .update-release{border-color:var(--ui-line);background:var(--ui-panel);border-radius:2px;padding:24px;margin-bottom:20px}body.ui-rebuild .update-release h2{font-size:23px}body.ui-rebuild .update-section h3{color:var(--ui-accent)}
body.ui-rebuild[data-ui-page=contribute]>main{max-width:none}body.ui-rebuild[data-ui-page=contribute] #content{max-width:1000px}body.ui-rebuild[data-ui-page=contribute] h1{font-size:36px}body.ui-rebuild[data-ui-page=contribute] section{background:var(--ui-panel);border-color:var(--ui-line)}
body.ui-rebuild[data-ui-page=hero-animation]>main,body.ui-rebuild[data-ui-page=frost-nova]>main{max-width:none}body.ui-rebuild[data-ui-page=hero-animation] canvas,body.ui-rebuild[data-ui-page=frost-nova] canvas{max-width:100%}
/* Embedded playback has no second navigation shell. */
body.ui-rebuild.ui-embedded>.ui-rail,body.ui-rebuild.ui-embedded>header{display:none!important}body.ui-rebuild.ui-embedded>main{margin:0!important;padding:12px!important}body.ui-rebuild.ui-embedded .battle{padding:12px}body.ui-rebuild.ui-embedded .field{height:320px}
@media(min-width:1600px){body.ui-rebuild #uiPanel-arenas #arenaList{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){body.ui-rebuild{--ui-rail:170px}body.ui-rebuild .ui-rail{padding-inline:12px}.ui-rail nav a{gap:8px}.ui-rail nav strong{font-size:12px}.ui-wordmark strong{font-size:14px}body.ui-rebuild .composer-grid{grid-template-columns:220px minmax(0,1fr)}body.ui-rebuild .ui-selected-column{grid-column:1/-1;position:static}body.ui-rebuild .ui-selected-column .selected-skills{max-height:none}body.ui-rebuild #draftSkills{display:flex;gap:8px;flex-wrap:wrap}body.ui-rebuild .daily-layout{grid-template-columns:minmax(0,1fr) 260px}body.ui-rebuild .reference-roster li>button{position:static!important;grid-column:2!important;grid-row:auto!important;justify-self:start}body.ui-rebuild .reference-person,body.ui-rebuild .reference-score{padding-right:0!important}body.ui-rebuild .daily-layout .reference-roster li{grid-template-columns:24px minmax(0,1fr)}body.ui-rebuild[data-ui-page=local-arena] .workspace{grid-template-columns:180px minmax(0,1fr)}body.ui-rebuild .settings-fields{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){body.ui-rebuild .daily-layout{grid-template-columns:1fr}body.ui-rebuild .daily-feedback{position:static}body.ui-rebuild #arenaFeedbackTags{max-width:700px}body.ui-rebuild .lobby-filters{grid-template-columns:1fr}body.ui-rebuild .lobby-filters #arenaLobbySearch{max-width:none}body.ui-rebuild #arenaSkillPool{grid-template-columns:1fr}body.ui-rebuild .mechanic-grid{grid-template-columns:1fr}body.ui-rebuild .mechanics-hero{display:block}body.ui-rebuild .hero-facts{margin-top:20px}}
@media(max-width:850px){body.ui-rebuild{--ui-rail:0px}body.ui-rebuild .ui-rail{position:relative;width:100%;height:auto;inset:auto;padding:10px 16px;gap:12px;border-right:0;border-bottom:1px solid var(--ui-line)}body.ui-rebuild .ui-wordmark,body.ui-rebuild .ui-rail-footer{display:none}body.ui-rebuild .ui-rail nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}body.ui-rebuild .ui-rail nav a{justify-content:center;min-height:42px;padding:8px 4px;border-left:0;border-bottom:2px solid transparent;gap:5px}body.ui-rebuild .ui-rail nav a>span{display:none}body.ui-rebuild .ui-rail nav strong{font-size:12px}body.ui-rebuild>header.ui-topbar{margin:0;padding:12px 18px!important;min-height:60px}body.ui-rebuild>main{margin:0;padding:20px 18px 36px}body.ui-rebuild .ui-topbar .brand{font-size:12px}body.ui-rebuild .ui-topbar .brand small{display:none}body.ui-rebuild .ui-topbar .header-right{gap:8px}body.ui-rebuild .ui-topbar .online{font-size:10px}body.ui-rebuild #lobbyIntro{height:236px;min-height:236px;padding:24px}body.ui-rebuild #lobbyIntro h1{font-size:38px}body.ui-rebuild #lobbyIntro::after{left:24px}body.ui-rebuild .arena-view-nav{gap:4px;margin-bottom:16px}body.ui-rebuild .arena-view-nav a{font-size:12px;padding:10px 12px}body.ui-rebuild .arena-heading h2{font-size:26px}body.ui-rebuild .lobby-filters{grid-template-columns:1fr}body.ui-rebuild .composer-grid{grid-template-columns:200px minmax(0,1fr)}body.ui-rebuild #arenaSkillPool{grid-template-columns:1fr}body.ui-rebuild .feedback-admin{padding:12px!important}body.ui-rebuild .feedback-admin .insight-heading{align-items:start}body.ui-rebuild .activity-counts strong{font-size:28px}body.ui-rebuild .ui-topbar>strong{font-size:14px}}
@media(max-width:600px){body.ui-rebuild{font-size:14px}body.ui-rebuild>main{padding:16px 12px 30px}body.ui-rebuild .ui-topbar{gap:8px!important}body.ui-rebuild .ui-topbar .brand{display:none}body.ui-rebuild .ui-topbar .header-right{width:100%;justify-content:space-between}body.ui-rebuild .ui-rail{padding:8px 10px}body.ui-rebuild .ui-rail nav strong{font-size:11px}body.ui-rebuild #lobbyIntro{height:208px;min-height:208px;padding:20px 18px;margin-bottom:16px}body.ui-rebuild #lobbyIntro h1{font-size:29px;max-width:5em;margin-top:10px}body.ui-rebuild #lobbyIntro .eyebrow{font-size:8px}body.ui-rebuild #lobbyIntro .ui-banner-art{width:51%}body.ui-rebuild #lobbyIntro::after{left:18px;font-size:8px;bottom:20px}body.ui-rebuild #lobbyIntro .create-menu{bottom:8px;right:8px}body.ui-rebuild .create-menu>summary{font-size:10px;padding:7px 10px}body.ui-rebuild .cloud-summary{margin-bottom:14px!important;font-size:10px;gap:8px}body.ui-rebuild .ui-lobby-tabs{gap:4px;margin-bottom:18px}body.ui-rebuild .ui-lobby-tabs button{flex:1;padding:10px 5px;font-size:12px;min-height:44px}body.ui-rebuild #uiPanel-arenas #arenaList{grid-template-columns:1fr}body.ui-rebuild .arena-card{min-height:208px!important;padding:18px!important}body.ui-rebuild .arena-card strong{font-size:19px}body.ui-rebuild .lobby-toolbar{gap:8px}body.ui-rebuild .lobby-toolbar h2{font-size:17px!important}body.ui-rebuild .lobby-toolbar button{font-size:11px;padding:6px 10px}body.ui-rebuild .lobby-types button,body.ui-rebuild .lobby-types .local-field-link{font-size:11px;min-height:36px}body.ui-rebuild .activity-counts{grid-template-columns:1fr 1fr}body.ui-rebuild .arena-insights{padding:16px}body.ui-rebuild .activity-events li{gap:10px}body.ui-rebuild .daily-layout{gap:20px}body.ui-rebuild .reference-section .insight-heading h2{font-size:20px}body.ui-rebuild .reference-filters{display:grid;grid-template-columns:1fr}body.ui-rebuild .reference-arena{padding:14px}body.ui-rebuild .reference-arena h3{font-size:15px!important}body.ui-rebuild .reference-arena>header>a{font-size:10px}body.ui-rebuild .daily-feedback{padding:16px}body.ui-rebuild .feedback-admin h2{font-size:13px}body.ui-rebuild .feedback-admin .insight-heading>div{flex-wrap:wrap}body.ui-rebuild .arena-compose-top{padding:12px}body.ui-rebuild .composer-grid{display:block}body.ui-rebuild .ui-settings-column{display:block}body.ui-rebuild .ui-settings-column>*{margin-bottom:14px}body.ui-rebuild .ui-selected-column{margin-top:16px}body.ui-rebuild #arenaSkillPool{grid-template-columns:repeat(2,minmax(0,1fr))}body.ui-rebuild #arenaSkillPool .skill-card{padding:10px}body.ui-rebuild #arenaSkillPool .skill-card h3{font-size:13px}body.ui-rebuild #arenaSkillPool .skill-card p{font-size:11px}body.ui-rebuild .composer-checkout{padding:12px;bottom:0}body.ui-rebuild #submitChallenge{min-width:140px;font-size:13px}body.ui-rebuild .arena-history,body.ui-rebuild .player-ranking{padding:14px}body.ui-rebuild .panel-title{flex-wrap:wrap}body.ui-rebuild .arena-overview-action{flex-wrap:wrap}body.ui-rebuild .arena-overview-action h2{font-size:20px}body.ui-rebuild .arena-table td{padding:12px 8px}body.ui-rebuild dialog{padding:18px}body.ui-rebuild dialog h2{font-size:21px}body.ui-rebuild .local-privacy{padding:20px!important}body.ui-rebuild .local-privacy h1{font-size:24px}body.ui-rebuild .ui-local-mark{display:none}body.ui-rebuild[data-ui-page=local-arena] .workspace{display:block}body.ui-rebuild .library{position:static;max-height:none;margin-bottom:16px}body.ui-rebuild .editor>.panel{padding:14px}body.ui-rebuild .settings-fields{grid-template-columns:1fr}body.ui-rebuild[data-ui-page=lab] .workspace{grid-template-columns:1fr}body.ui-rebuild[data-ui-page=lab] .battle{padding:12px}body.ui-rebuild .field{height:240px;min-height:240px}body.ui-rebuild .playback{gap:8px}body.ui-rebuild .playback #clearReplayCache{font-size:11px}body.ui-rebuild .battle-statistics-sides{grid-template-columns:1fr;gap:18px}body.ui-rebuild .battle-stat-item b{font-size:18px}body.ui-rebuild .recap-columns{grid-template-columns:1fr}body.ui-rebuild .recap-panel{padding:14px}body.ui-rebuild .recap-totals strong{font-size:20px}body.ui-rebuild .mechanics-hero{padding:22px!important}body.ui-rebuild .mechanics-hero h1{font-size:34px}body.ui-rebuild .mechanic-card{padding:18px}body.ui-rebuild .mechanic-card h3{font-size:19px}body.ui-rebuild .category-panel button{font-size:11px;padding:8px}body.ui-rebuild .updates-heading{display:block;padding:12px 0}body.ui-rebuild .updates-heading h1{font-size:34px}body.ui-rebuild .health-row{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:5px}}
@media(max-width:760px){body.ui-rebuild.auth-locked #loginDialog.login-stage,body.ui-rebuild #loginDialog.login-stage[open]{width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;border-left-width:4px}body.ui-rebuild #loginDialog .login-art{height:clamp(180px,30dvh,280px)}body.ui-rebuild #loginDialog[data-shape=portrait] .login-art{height:clamp(210px,32dvh,320px)}body.ui-rebuild #loginDialog .login-side{padding:22px}body.ui-rebuild #loginDialog h2{font-size:36px;margin:12px 0 20px}body.ui-rebuild #loginDialog .login-topline{margin-bottom:16px}}
html[data-ui=mobile] body.ui-rebuild .ui-selected-column{position:static;max-height:none}html[data-ui=mobile] body.ui-rebuild:not([data-mobile-panel=picked]) .ui-selected-column{display:none}html[data-ui=mobile] body.ui-rebuild[data-mobile-panel=picked] .ui-selected-column{display:block}html[data-ui=mobile] body.ui-rebuild:not([data-mobile-panel=hero]):not([data-mobile-panel=xp]) .ui-settings-column{display:none}html[data-ui=mobile] body.ui-rebuild .composer-grid{display:block}html[data-ui=mobile] body.ui-rebuild #arenaSkillPool{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui=mobile] body.ui-rebuild .mobile-tabs{background:var(--ui-page);border-color:var(--ui-line);padding:8px 0;margin-bottom:12px;position:sticky;top:0;z-index:20}html[data-ui=mobile] body.ui-rebuild .mobile-tabs button{font-size:12px;min-height:40px}html[data-ui=mobile] body.ui-rebuild .mobile-tabs button[aria-pressed=true]{background:var(--ui-accent)!important;color:var(--ui-ink)!important}
@keyframes ui-enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.ui-rebuild *,body.ui-rebuild *::before,body.ui-rebuild *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Art direction: typographic menus, open rows and full existing illustrations. */
body.ui-rebuild{--ui-rail:232px;isolation:isolate;background:var(--ui-page)!important;overflow-x:clip}
body.ui-rebuild::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(135deg,transparent 0 12%,var(--ui-strong) 12.1% 12.3%,transparent 12.4% 79%,var(--ui-strong) 79.1% 100%);opacity:.1}
body.ui-rebuild::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,color-mix(in srgb,var(--ui-strong) 15%,transparent),transparent 65%)}
body.ui-rebuild :is(.panel,.arena-insights,.daily-feedback,.reference-arena,.mechanic-card,.search-panel,.category-panel,.update-card){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.ui-rebuild :is(h1,h2,h3){text-wrap:balance}
body.ui-rebuild :is(button,input,select,textarea,.action-link){border-radius:0}
body.ui-rebuild :is(input:not([type=checkbox]):not([type=range]):not([type=radio]),select,textarea){background:color-mix(in srgb,var(--ui-page) 88%,var(--ui-accent))!important;border:0;border-bottom:1px solid var(--ui-muted);min-height:44px}
body.ui-rebuild button:not(.primary):not(.danger){background:transparent;border:0;border-bottom:1px solid var(--ui-line);color:var(--ui-text)}
body.ui-rebuild :is(button.primary,a.primary,.button.primary){box-shadow:none;border:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-inline:26px;border-radius:0}
body.ui-rebuild :is(button.primary,a.primary):focus-visible{clip-path:none;outline-offset:4px}
body.ui-rebuild .ui-rail{padding:34px 14px 30px 26px;border:0;background:linear-gradient(90deg,var(--ui-page) 58%,transparent);gap:80px}
.ui-wordmark>span{font-size:54px;letter-spacing:-8px;width:58px}.ui-wordmark strong{font-size:15px}
body.ui-rebuild .ui-rail nav{gap:10px;padding-left:2px;transform:rotate(-6deg);transform-origin:20% 0}
body.ui-rebuild .ui-rail nav a{isolation:isolate;display:block;min-height:68px;border:0;background:none!important;box-shadow:none!important;padding:9px 12px 6px;color:var(--ui-text);position:relative;transition:translate .16s}
.ui-rail nav a:nth-child(2){margin-left:12px}.ui-rail nav a:nth-child(3){margin-left:5px}.ui-rail nav a:nth-child(4){margin-left:18px}
body.ui-rebuild .ui-rail nav a::before{content:"";position:absolute;inset:1px -7px 2px -9px;z-index:-1;background:var(--ui-accent);clip-path:polygon(7% 9%,100% 0,90% 88%,0 100%);opacity:0;transition:opacity .14s}
body.ui-rebuild .ui-rail nav a[aria-current=page]::before,body.ui-rebuild .ui-rail nav a:hover::before{opacity:1}
body.ui-rebuild .ui-rail nav a[aria-current=page],body.ui-rebuild .ui-rail nav a:hover{color:var(--ui-ink);translate:4px 0}
.ui-rail nav a>span{font-size:11px;display:inline-block;vertical-align:top;margin-right:5px;opacity:.8}.ui-rail nav strong{font-size:23px;font-weight:950;letter-spacing:-.06em;font-style:italic}.ui-rail nav em{display:block;font:800 italic 11px/1 Arial,sans-serif;letter-spacing:.12em;margin:2px 0 0 24px;opacity:.72}.ui-rail nav i{position:absolute;right:9px;top:16px;font-size:10px}
.ui-rail-footer{border:0;padding-left:12px;transform:rotate(-6deg)}.ui-rail-footer strong{color:var(--ui-accent);font-size:13px}
body.ui-rebuild>header.ui-topbar{min-height:64px;padding:12px 36px!important;background:transparent;border:0}
body.ui-rebuild .ui-topbar .brand{display:none}body.ui-rebuild .ui-topbar .header-right{border-bottom:1px solid var(--ui-line);padding-bottom:10px}body.ui-rebuild .ui-topbar :is(button,summary){background:transparent!important;border:0!important;border-radius:0!important}
body.ui-rebuild>main{padding:12px clamp(24px,3.8vw,65px) 64px 28px}
body.ui-rebuild #lobbyIntro{height:390px;min-height:390px;background:none!important;border:0;padding:45px 0;margin:0 0 28px;overflow:visible}
body.ui-rebuild #lobbyIntro::before{inset:28px -22px 8px -14px;opacity:.13;clip-path:polygon(0 44%,83% 0,100% 29%,7% 100%);background:var(--ui-strong);transform:none}
body.ui-rebuild #lobbyIntro::after{content:"SHANG / ARENA";left:0;bottom:5px;font:900 italic clamp(40px,6vw,88px)/1 Arial,sans-serif;letter-spacing:-.07em;color:var(--ui-accent);opacity:.16;z-index:-1}
body.ui-rebuild #lobbyIntro>div{width:46%;transform:rotate(-6deg);transform-origin:left center;z-index:3;pointer-events:none}
body.ui-rebuild #lobbyIntro .eyebrow{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.2em;color:var(--ui-accent)}
body.ui-rebuild #lobbyIntro h1{font-size:clamp(52px,6.5vw,92px);margin:20px 0 18px;line-height:1.04;font-weight:950;letter-spacing:-.07em;max-width:4.5em;text-shadow:3px 3px 0 var(--ui-page)}
body.ui-rebuild #lobbyIntro h1 span{font-size:.66em;color:var(--ui-accent);margin-left:28px;margin-top:6px}
body.ui-rebuild #lobbyIntro .ui-banner-art{right:0;top:-25px;width:65%;height:440px;object-fit:contain;object-position:100% center;background:transparent;z-index:0;mask-image:linear-gradient(100deg,transparent,black 22%,black 94%,transparent)}
body.ui-rebuild[data-art-shape=portrait] #lobbyIntro .ui-banner-art{right:2%;width:51%;mask-image:linear-gradient(100deg,transparent,black 15%,black 93%,transparent)}
body.ui-rebuild #lobbyIntro .create-menu{right:0;bottom:5px;transform:none}
body.ui-rebuild .create-menu>summary{border:0;border-radius:0;background:var(--ui-accent);color:var(--ui-ink);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:12px 28px;min-height:44px}
body.ui-rebuild .create-menu[open] .arena-actions{clip-path:none;top:48px;bottom:auto;background:var(--ui-page);border:1px solid var(--ui-line);box-shadow:0 8px 24px #0008}
body.ui-rebuild .cloud-summary{font-size:12px;gap:20px;border-top:1px solid var(--ui-line);padding-top:12px!important;margin-bottom:20px!important}
body.ui-rebuild .ui-lobby-tabs{border:0;gap:18px;margin:0 0 32px;padding:10px 0;transform:rotate(-2deg);transform-origin:left center}
body.ui-rebuild .ui-lobby-tabs button{isolation:isolate;font-size:clamp(16px,1.6vw,23px);font-style:italic;font-weight:950;padding:8px 18px;background:transparent!important;box-shadow:none!important;color:var(--ui-text)!important;min-height:50px;transition:translate .16s}
body.ui-rebuild .ui-lobby-tabs button::before{content:"";position:absolute;inset:2px -8px;z-index:-1;background:var(--ui-accent);clip-path:polygon(8% 12%,100% 0,92% 86%,0 100%);opacity:0}
body.ui-rebuild .ui-lobby-tabs button[aria-selected=true]{background:transparent!important;color:var(--ui-ink)!important;translate:0 -3px}
body.ui-rebuild .ui-lobby-tabs button[aria-selected=true]::before{opacity:1}
body.ui-rebuild .lobby-toolbar{border:0}body.ui-rebuild .lobby-toolbar h2{font-size:17px!important;color:var(--ui-muted)}
body.ui-rebuild .lobby-filters{margin-bottom:18px}body.ui-rebuild .lobby-types{gap:8px}
body.ui-rebuild .lobby-types :is(button,.local-field-link){font-size:13px;min-height:44px;background:transparent!important;border:0;border-bottom:2px solid transparent;padding:8px 10px;color:var(--ui-muted);border-radius:0}
body.ui-rebuild .lobby-types button[aria-pressed=true]{color:var(--ui-accent)!important;background:transparent!important;border-bottom:2px solid var(--ui-accent)}
body.ui-rebuild #uiPanel-arenas #arenaList{display:flex;flex-direction:column;gap:0;counter-reset:arena-index}
body.ui-rebuild .arena-card{counter-increment:arena-index;position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;min-height:148px!important;padding:22px 22px 22px 72px!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;background:transparent!important;box-shadow:none!important;gap:10px 24px!important;border-radius:0;transition:translate .16s!important}
body.ui-rebuild .arena-card::before{content:counter(arena-index,decimal-leading-zero);position:absolute;left:0;top:28px;font:900 italic 38px/1 Arial,sans-serif;color:var(--ui-accent);opacity:.5;width:auto;height:auto;background:none;clip-path:none}
body.ui-rebuild .arena-card::after{content:"";position:absolute;inset:0 -10px;z-index:-1;width:auto;height:auto;background:var(--ui-accent);clip-path:polygon(1% 8%,100% 0,99% 92%,0 100%);opacity:0;transform:none;transition:opacity .16s}
body.ui-rebuild .arena-card:hover{transform:none!important;translate:5px 0}
body.ui-rebuild .arena-card:hover::after,body.ui-rebuild .arena-card:focus-visible::after{opacity:.09}
body.ui-rebuild .arena-card .arena-card-top{grid-column:1/-1;justify-content:flex-start;gap:16px;font-size:12px;letter-spacing:.04em}
body.ui-rebuild .arena-card strong{font-size:clamp(20px,2.2vw,30px);line-height:1.4;letter-spacing:-.03em;font-style:italic;grid-column:1;grid-row:2;overflow-wrap:anywhere}
body.ui-rebuild .arena-card .card-budget{grid-column:2;grid-row:2;font-size:16px;white-space:nowrap}
body.ui-rebuild .arena-card .arena-tags{grid-column:1;gap:6px 13px}
body.ui-rebuild .arena-card .arena-tags span{background:none!important;border:0!important;padding:0;color:var(--ui-muted);font-size:12px;border-radius:0}
body.ui-rebuild .arena-card .card-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border:0!important;padding:0;margin:0;font-size:12px;gap:12px}
body.ui-rebuild .arena-card .card-bottom>span:last-child{font-size:14px;font-weight:800;white-space:nowrap;color:var(--ui-accent)!important}
body.ui-rebuild .arena-lobby-edit{position:relative;background:transparent;border:0;border-bottom:1px solid var(--ui-line);padding:34px 0 0}
body.ui-rebuild .arena-lobby-edit .arena-card{border-bottom:0!important}body.ui-rebuild .arena-recommend-control{top:6px;left:72px;right:auto}body.ui-rebuild .arena-drag-handle{top:2px;right:0;border:0;min-height:38px;background:var(--ui-raised)!important;padding:8px 14px}
body.ui-rebuild #lobbyBatchBar{background:var(--ui-panel);border:0;border-left:3px solid var(--ui-accent);border-radius:0}
body.ui-rebuild :is(.panel-title,.section-top){padding-inline:0;border:0!important}
body.ui-rebuild :is(.panel-title h2,.section-top h2,.reference-section .insight-heading h2){font-size:clamp(23px,2.6vw,35px);font-style:italic;letter-spacing:-.04em}
body.ui-rebuild .arena-view-nav{gap:18px;background:transparent;border-bottom:1px solid var(--ui-line);padding:8px 0 14px}
body.ui-rebuild .arena-view-nav a{flex:none;background:none!important;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:17px;font-weight:800;padding:10px 6px;box-shadow:none!important}
body.ui-rebuild .arena-view-nav a[aria-current=page]{color:var(--ui-accent);border-bottom-color:var(--ui-accent)}
body.ui-rebuild :is(.arena-heading,.arena-overview,.arena-compose-top){background:none!important;border:0!important;padding-inline:0!important}body.ui-rebuild .arena-heading h2{font-style:italic;font-size:clamp(28px,3.5vw,46px)}
body.ui-rebuild :is(.composer-settings,.xp-allocation,.selected-skills){background:transparent!important;border:0!important;border-top:2px solid var(--ui-accent)!important;border-radius:0}
body.ui-rebuild #arenaSkillPool{gap:8px 18px}body.ui-rebuild #arenaSkillPool .arena-pool-skill{background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:14px 4px}body.ui-rebuild #arenaSkillPool .arena-pool-skill h3{font-size:16px}body.ui-rebuild #arenaSkillPool .arena-pool-skill button{border:0;border-bottom:1px solid var(--ui-accent);border-radius:0;min-height:40px;background:transparent}
body.ui-rebuild .composer-checkout{background:var(--ui-page)!important;border:0;border-top:2px solid var(--ui-accent);box-shadow:0 -12px 25px var(--ui-page);border-radius:0}
body.ui-rebuild :is(.reference-arena,.daily-feedback,.arena-insights,.arena-history,.player-ranking,.feedback-admin){padding:22px 0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0}
body.ui-rebuild .daily-feedback{padding-left:20px!important;border-left:1px solid var(--ui-line)!important}body.ui-rebuild .reference-arena>header{border:0}body.ui-rebuild .reference-arena h3{font-size:21px!important;font-style:italic}body.ui-rebuild .reference-roster li{background:transparent;border-radius:0;border-bottom:1px solid var(--ui-line)}
body.ui-rebuild .activity-counts{gap:22px}body.ui-rebuild .activity-counts>div{background:none;border:0;border-bottom:2px solid var(--ui-line);border-radius:0;padding:16px 0}body.ui-rebuild .activity-counts strong{font-size:45px;font-style:italic}
body.ui-rebuild .challenge-summary span{background:none;border:0;border-left:2px solid var(--ui-accent);border-radius:0;font-size:18px}body.ui-rebuild .arena-round-links a{border:0;border-bottom:1px solid var(--ui-line);background:none;border-radius:0}
body.ui-rebuild .arena-table th{background:none}body.ui-rebuild .arena-table tbody tr:hover{background:color-mix(in srgb,var(--ui-accent) 8%,transparent)}
body.ui-rebuild[data-ui-page=local-arena] .local-privacy{border:0!important;padding:30px 0!important;background:none}body.ui-rebuild .local-privacy h1{font-style:italic;font-size:44px}body.ui-rebuild .ui-local-mark{font-size:100px;font-weight:950;opacity:.15;transform:rotate(-8deg)}
body.ui-rebuild .library{border:0;border-right:1px solid var(--ui-line)!important;padding:14px 20px 14px 0}body.ui-rebuild .library .arena-list button{background:none;border-bottom:1px solid var(--ui-line);border-radius:0}body.ui-rebuild .editor>.panel{padding:18px 0!important}body.ui-rebuild .skill-grid article{border:0;border-bottom:1px solid var(--ui-line);background:none;border-radius:0}
body.ui-rebuild[data-ui-page=lab] :is(.battle,.build){padding:12px 0!important}body.ui-rebuild .field{border:0;border-radius:0}body.ui-rebuild .health-card{background:none;border:0;border-radius:0}
body.ui-rebuild .battle-stat-item{background:none;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:10px 2px}body.ui-rebuild .battle-stat-item b{font-size:25px;font-variant-numeric:tabular-nums}body.ui-rebuild .battle-statistics-title{font-style:italic;font-size:26px}
body.ui-rebuild .recap-panel{background:none;border:0;border-top:2px solid var(--ui-accent);border-radius:0;padding:24px 0}body.ui-rebuild .recap-totals>div{background:none;border-radius:0;border-bottom:1px solid var(--ui-line);padding:12px 2px}body.ui-rebuild .recap-totals strong{font-size:30px}body.ui-rebuild .recap-heading h3{font-style:italic;font-size:26px}
body.ui-rebuild[data-ui-page=mechanics] .mechanics-hero{background:none;border:0;padding:22px 0}body.ui-rebuild .mechanics-hero h1{font-size:54px}body.ui-rebuild .search-panel{padding:10px 0}body.ui-rebuild .category-panel{padding:12px 0}body.ui-rebuild .category-panel button{background:transparent;border:0;border-bottom:2px solid var(--ui-line);font-size:14px}body.ui-rebuild .category-panel button[aria-pressed=true]{background:transparent!important;color:var(--ui-accent)!important;border-color:var(--ui-accent)}
body.ui-rebuild .mechanic-grid{gap:20px 32px}body.ui-rebuild .mechanic-card{padding:24px 0;border-top:2px solid var(--ui-line)!important}body.ui-rebuild .mechanic-card h3{font-size:25px;font-style:italic}body.ui-rebuild .mechanic-card .example{border:0;border-left:3px solid var(--ui-accent);border-radius:0;background:color-mix(in srgb,var(--ui-accent) 7%,transparent)}
body.ui-rebuild .updates-heading{border-bottom:0;transform:rotate(-3deg);transform-origin:left center}body.ui-rebuild .updates-heading h1{font-size:54px}body.ui-rebuild .update-release{background:none;border:0;border-left:2px solid var(--ui-accent);border-radius:0;padding:0 0 22px 28px;margin:32px 0 42px}body.ui-rebuild .update-release h2{font-size:27px;font-style:italic}
body.ui-rebuild[data-ui-page=contribute] section{background:none;border:0;border-top:1px solid var(--ui-line)}
body.ui-rebuild.auth-locked #loginDialog.login-stage,body.ui-rebuild #loginDialog.login-stage[open]{width:min(1360px,calc(100vw - 48px));height:min(780px,calc(100dvh - 48px));background:transparent;box-shadow:none;border:0;grid-template-columns:minmax(0,1.3fr) minmax(360px,.8fr);overflow:auto}
body.ui-rebuild #loginDialog .login-art{background:transparent;overflow:hidden}body.ui-rebuild #loginDialog .login-art img{padding:0;mask-image:linear-gradient(90deg,black 90%,transparent);object-fit:contain!important}
body.ui-rebuild #loginDialog .login-side{background:linear-gradient(110deg,transparent,var(--ui-page) 18%);padding:42px 28px 28px 40px}body.ui-rebuild #loginDialog .login-side::before{inset:15% 0 30%;opacity:.1;clip-path:polygon(0 25%,100% 0,100% 74%,0 100%)}
body.ui-rebuild #loginDialog h2{font-size:64px;transform:rotate(-6deg);transform-origin:left center;margin:20px 0 34px}body.ui-rebuild #loginDialog #inviteLogin{border:0;box-shadow:none;border-radius:0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
@media(min-width:1600px){body.ui-rebuild #lobbyIntro{height:430px}body.ui-rebuild #lobbyIntro .ui-banner-art{height:490px}}
@media(max-width:1250px) and (min-width:851px){body.ui-rebuild{--ui-rail:190px}body.ui-rebuild .ui-rail{padding-left:18px}body.ui-rebuild .ui-rail nav strong{font-size:19px}body.ui-rebuild .ui-rail nav a{min-height:62px}body.ui-rebuild #lobbyIntro{height:340px;min-height:340px}body.ui-rebuild #lobbyIntro .ui-banner-art{height:390px}body.ui-rebuild #lobbyIntro h1{font-size:68px}body.ui-rebuild .arena-card .card-budget{white-space:normal;max-width:14em;font-size:14px}}
@media(max-width:1000px){body.ui-rebuild .daily-feedback{padding-left:0!important;border-left:0!important}}
@media(max-width:850px){body.ui-rebuild{--ui-rail:0px}body.ui-rebuild .ui-rail{position:relative;background:transparent;padding:12px 18px;border:0;gap:0}body.ui-rebuild .ui-rail nav{transform:none;padding:0;gap:10px}body.ui-rebuild .ui-rail nav a{display:flex;align-items:center;justify-content:center;min-height:46px;margin:0!important;padding:8px 0;translate:0 0!important}body.ui-rebuild .ui-rail nav strong{font-size:15px;letter-spacing:-.03em}body.ui-rebuild .ui-rail nav em,body.ui-rebuild .ui-rail nav a>span{display:none}body.ui-rebuild .ui-rail nav i{right:0;top:0;font-size:8px}body.ui-rebuild .ui-rail nav a::before{inset:4px -4px}body.ui-rebuild>header.ui-topbar{min-height:44px;padding:4px 20px 10px!important}body.ui-rebuild>main{padding:10px 24px 44px}body.ui-rebuild #lobbyIntro{height:310px;min-height:310px;margin-bottom:24px}body.ui-rebuild #lobbyIntro .ui-banner-art{height:350px;top:-15px}body.ui-rebuild #lobbyIntro h1{font-size:60px}body.ui-rebuild #lobbyIntro::after{font-size:64px}body.ui-rebuild .ui-lobby-tabs{gap:14px}body.ui-rebuild .ui-lobby-tabs button{font-size:19px;padding:8px 16px}body.ui-rebuild .arena-card{padding-left:60px!important}body.ui-rebuild .arena-card strong{font-size:24px}body.ui-rebuild .arena-card .card-budget{font-size:14px}}
@media(max-width:600px){body.ui-rebuild .ui-rail{padding:10px 12px}body.ui-rebuild .ui-rail nav{gap:8px}body.ui-rebuild .ui-rail nav strong{font-size:12px}body.ui-rebuild>main{padding:10px 18px 32px}body.ui-rebuild .ui-topbar .header-right{border:0}body.ui-rebuild #lobbyIntro{height:258px;min-height:258px;padding:24px 0;margin:0 0 18px}body.ui-rebuild #lobbyIntro>div{width:50%}body.ui-rebuild #lobbyIntro h1{font-size:43px;margin-top:16px}body.ui-rebuild #lobbyIntro h1 span{margin-left:16px}body.ui-rebuild #lobbyIntro .eyebrow{font-size:8px;letter-spacing:.1em}body.ui-rebuild #lobbyIntro .ui-banner-art{width:68%;height:277px;top:-8px;right:-10px}body.ui-rebuild[data-art-shape=portrait] #lobbyIntro .ui-banner-art{right:-8px;width:58%}body.ui-rebuild #lobbyIntro::after{font-size:42px;bottom:10px}body.ui-rebuild #lobbyIntro .create-menu{bottom:-4px;right:0}body.ui-rebuild .create-menu>summary{min-height:40px;font-size:11px;padding:10px 18px}body.ui-rebuild .cloud-summary{font-size:11px;gap:10px}body.ui-rebuild .ui-lobby-tabs{gap:5px;margin:0 0 24px;transform:rotate(-2deg)}body.ui-rebuild .ui-lobby-tabs button{padding:8px 7px;font-size:15px;min-height:46px;flex:1}body.ui-rebuild .lobby-types :is(button,.local-field-link){font-size:12px;padding:8px 7px}body.ui-rebuild .arena-card{min-height:0!important;padding:22px 0 22px 42px!important;gap:10px!important;grid-template-columns:minmax(0,1fr)!important}body.ui-rebuild .arena-card::before{font-size:26px;top:25px}body.ui-rebuild .arena-card .arena-card-top{font-size:11px;gap:10px}body.ui-rebuild .arena-card strong{font-size:23px;grid-column:1;grid-row:auto;line-height:1.4}body.ui-rebuild .arena-card .card-budget{grid-column:1;grid-row:auto;font-size:13px}body.ui-rebuild .arena-card .arena-tags{gap:6px 10px}body.ui-rebuild .arena-card .arena-tags span{font-size:11px}body.ui-rebuild .arena-card .card-bottom{font-size:10px;align-items:end}body.ui-rebuild .arena-card .card-bottom>span:last-child{font-size:12px}body.ui-rebuild .arena-recommend-control{left:42px}body.ui-rebuild .arena-view-nav{gap:16px}body.ui-rebuild .arena-view-nav a{font-size:15px;padding:9px 2px}body.ui-rebuild .local-privacy h1{font-size:34px}body.ui-rebuild .library{border-right:0!important;border-bottom:1px solid var(--ui-line)!important;padding:14px 0}body.ui-rebuild .battle-stat-item b{font-size:22px}body.ui-rebuild .mechanics-hero h1,body.ui-rebuild .updates-heading h1{font-size:42px}body.ui-rebuild .mechanic-card{padding:20px 0}body.ui-rebuild .mechanic-card h3{font-size:23px}body.ui-rebuild .update-release{padding-left:18px}body.ui-rebuild .update-release h2{font-size:23px}}
@media(max-width:760px){body.ui-rebuild.auth-locked #loginDialog.login-stage,body.ui-rebuild #loginDialog.login-stage[open]{width:calc(100vw - 28px);height:auto;max-height:calc(100dvh - 20px);grid-template-columns:1fr;background:var(--ui-page)}body.ui-rebuild #loginDialog .login-art{height:clamp(180px,30dvh,260px)}body.ui-rebuild #loginDialog[data-shape=portrait] .login-art{height:clamp(220px,34dvh,320px)}body.ui-rebuild #loginDialog .login-art img{mask-image:none}body.ui-rebuild #loginDialog .login-side{padding:18px 24px 24px;background:none}body.ui-rebuild #loginDialog h2{font-size:43px;margin:8px 0 24px}body.ui-rebuild #loginDialog .login-topline{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){body.ui-rebuild *,body.ui-rebuild *::before,body.ui-rebuild *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.ui-rebuild #arenaViewNav{background:var(--ui-page);border:0;border-bottom:1px solid var(--ui-line);padding:8px 0 14px;gap:18px}
body.ui-rebuild #arenaViewNav a{color:var(--ui-muted);font-size:16px;border-radius:0;padding:10px 6px}
body.ui-rebuild #arenaViewNav a[aria-current=page]{color:var(--ui-accent);border-bottom:3px solid var(--ui-accent);background:transparent!important;box-shadow:none}
body.ui-rebuild .arena-composer .composer-checkout{border:0;border-top:2px solid var(--ui-accent);border-radius:0;background:var(--ui-page)!important;box-shadow:0 -8px 16px var(--ui-page)}
body.ui-rebuild #arenaDraftStats{background:transparent;border:0;border-top:1px solid var(--ui-line);border-radius:0;padding:12px 0}
body.ui-rebuild #arenaDraftStats .data-grid>div{background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0}
body.ui-rebuild #challengeResources{background:transparent;border:0;border-radius:0;padding:10px 0}
body.ui-rebuild #draftSkills>div{background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:12px 0}
@media(max-width:600px){body.ui-rebuild #arenaViewNav{gap:10px;padding:6px 0 12px;overflow:auto}body.ui-rebuild #arenaViewNav a{font-size:13px;padding:10px 3px;flex:none}body.ui-rebuild #arenaSkillPool .arena-pool-skill{padding:10px 2px}body.ui-rebuild #arenaSkillPool .arena-pool-skill h3{font-size:15px}}
@media(max-width:850px){body.ui-rebuild.arena-character[data-arena-screen]>header.ui-topbar{min-height:44px;display:flex;flex-wrap:nowrap;padding:4px 18px 8px!important;gap:8px}html[data-ui] body.ui-rebuild>header.ui-topbar .header-right{width:auto;max-width:none;flex:1;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin:0;gap:8px}html[data-ui] body.ui-rebuild>header.ui-topbar>button{min-height:36px;width:auto;flex:none}body.ui-rebuild #lobbyIntro::before{right:0}}
body.ui-rebuild #arenaList .arena-lobby-edit{padding-top:50px}
body.ui-rebuild #arenaList .arena-card-select{left:0;top:4px;min-height:42px;background:transparent;color:var(--ui-muted);border-radius:0;padding:0 8px}
body.ui-rebuild #arenaList .arena-recommend-control{left:112px;right:auto;top:4px;min-height:42px;background:transparent;color:var(--ui-accent);border-radius:0;padding:0 8px}
body.ui-rebuild #arenaList .arena-drag-handle{position:absolute;width:auto;right:0;top:4px;min-height:42px;background:transparent!important;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:8px 14px}
body.ui-rebuild #arenaList .batch-selected{background:color-mix(in srgb,var(--ui-accent) 7%,transparent);outline:2px solid var(--ui-accent);outline-offset:-2px}
body.ui-rebuild .arena-card .card-budget{white-space:normal;max-width:280px;font-size:14px}
@media(max-width:600px){body.ui-rebuild #arenaList .arena-recommend-control{left:90px;font-size:11px}body.ui-rebuild #arenaList .arena-card-select{font-size:11px}body.ui-rebuild #arenaList .arena-drag-handle{font-size:11px;padding:8px}body.ui-rebuild .arena-card .card-budget{max-width:none;font-size:13px}}
html[data-ui=mobile] body.ui-rebuild[data-ui-page=local-arena] .workspace{display:block}
html[data-ui=mobile] body.ui-rebuild[data-ui-page=local-arena] .library{position:static;max-height:none;width:100%;border-right:0!important}
body.ui-rebuild[data-ui-page=local-arena] .editor{min-width:0;width:100%}
body.ui-rebuild[data-ui-page=local-arena] .local-stage{width:100%;height:clamp(240px,32vw,420px);border:0;border-radius:0;background:#10151e}
body.ui-rebuild[data-ui-page=local-arena] #localScene{width:100%;height:100%;border:0;border-radius:0}