#view-room{--a-bg:#111625;--a-card:#191f31;--a-line:#30394f;--a-ink:#f3f2fa;--a-dim:#a6adc2;--a-gold:#ffc479;color:var(--a-ink);margin-top:20px;font-family:Inter,'Noto Sans KR',system-ui,sans-serif}
#view-room [hidden]{display:none!important}
#view-room button,#view-room select,#view-room input{font:inherit}
#view-room button{cursor:pointer}
#view-room button:disabled{cursor:default;opacity:.38}
#view-room button:focus-visible,#view-room select:focus-visible{outline:2px solid #ffc479;outline-offset:3px}
.arena-shell{background:var(--a-bg);border:1px solid var(--a-line);border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #0003}
.arena-top{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--a-line)}
.arena-eyebrow{font-size:10px;font-weight:800;letter-spacing:2.8px;color:var(--a-gold);margin-bottom:8px}
.arena-top h2{margin:0;font-size:27px;font-weight:850;letter-spacing:-1px;color:var(--a-ink)}
.arena-top h2 span{font-size:10px;color:var(--a-dim);letter-spacing:2px;margin-left:16px;font-weight:600}
.arena-top-right{display:flex;align-items:center;gap:10px}
.arena-live{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--a-dim);white-space:nowrap}
.arena-live i{width:6px;height:6px;border-radius:50%;background:#8ee3c4;box-shadow:0 0 10px #8ee3c455}
.arena-btn{border:1px solid #475067;background:#232c43;color:#eeeafa;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.arena-btn:hover{background:#303c55}
.arena-btn.accent{background:var(--a-gold);color:#211d26;border-color:var(--a-gold)}
.arena-btn.danger{color:#ffa8a8;border-color:#80565e}
.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}
.arena-play{min-width:0;display:flex;flex-direction:column;background:#111625}
.arena-stage{height:510px;position:relative;overflow:hidden;background:#18223a;isolation:isolate}
#rmcv{display:block;width:100%;height:100%;outline:none;touch-action:none}
.arena-scene-label{position:absolute;left:20px;top:18px;display:flex;flex-direction:column;gap:5px;color:#bec6de;font-size:8px;letter-spacing:2px;pointer-events:none}
.arena-scene-label b{color:#f9dbbe;font-size:11px;letter-spacing:2px}
.arena-camera{position:absolute;right:16px;top:14px;display:flex;gap:4px}
.arena-camera button{width:29px;height:29px;padding:0;white-space:nowrap;border:1px solid #ffffff20;background:#11182bc9;color:#e3e6f8;border-radius:5px;font-size:13px}
.arena-hint{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;color:#e0e5f1a8;letter-spacing:.7px;pointer-events:none}
.arena-hud{position:absolute;top:56px;left:22px;right:22px;display:grid;grid-template-columns:1fr 66px 1fr;gap:10px;pointer-events:none}
.arena-fighter header{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:0 2px 6px;color:#fff;font-size:12px;text-shadow:0 2px 4px #000}
.arena-fighter header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-fighter header span{font:800 13px monospace}
.arena-fighter.enemy header{flex-direction:row-reverse}
.arena-hp{height:16px;background:#482e49;border:2px solid #dfddea;border-radius:2px;overflow:hidden;transform:skewX(-12deg);box-shadow:0 2px 8px #0005}
.arena-hp i{display:block;height:100%;background:linear-gradient(90deg,#ef864b,#ffde83);transition:width .15s}
.enemy .arena-hp{transform:skewX(12deg)}
.enemy .arena-hp i,.enemy .arena-energy i{margin-left:auto}
.enemy .arena-hp i{background:linear-gradient(90deg,#c2dafa,#8088ed)}
.arena-energy{height:4px;margin:5px 2px;background:#131c2e}
.arena-energy i{display:block;height:100%;background:#6de5de;transition:width .2s}
.arena-fighter>small{font-size:9px;letter-spacing:2px;font-weight:850;color:#ffdfb4;display:block}
.enemy>small{text-align:right;color:#c5caff}
.arena-clock-wrap{text-align:center}
.arena-clock-wrap>small{font-size:7px;letter-spacing:1.5px;color:#e2d5e3}
.arena-clock{font-size:37px;font-weight:900;line-height:1.1;color:#ffddac;font-variant-numeric:tabular-nums;font-style:italic;text-shadow:3px 3px #282641}
.arena-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;text-shadow:0 5px 25px #08091b}
.arena-overlay strong{font-size:clamp(42px,6vw,80px);font-weight:950;font-style:italic;color:#ffda9a;-webkit-text-stroke:1px #fff4c3;letter-spacing:-3px}
.arena-overlay small{color:white;letter-spacing:2px;font-size:12px}
.arena-combo{position:absolute;left:28px;top:150px;color:#ffc477;font-size:21px;font-weight:900;font-style:italic;text-shadow:2px 2px #382e53;pointer-events:none}
#rmnote{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#131b32e8;color:#ffe2b7;border:1px solid #ffffff25;padding:9px 14px;border-radius:8px;font-size:12px;z-index:3;pointer-events:none}
#arena-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.arena-name{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;color:#edf1ff;font-size:10px;font-weight:600;text-shadow:0 2px 4px #000}
.arena-name.self{color:#ffdfb5}
.arena-name>span{display:inline-block;padding:3px 8px;border-radius:4px;background:#1520388c}
.arena-name em{display:block;max-width:180px;white-space:normal;background:#f0f0f8;color:#212a42;text-shadow:none;font-style:normal;border-radius:9px;padding:7px;margin-bottom:5px}
.arena-roster{padding:16px 18px;background:linear-gradient(120deg,#24253e,#1b2438);border-top:1px solid #59617855;border-bottom:1px solid #30394f}
.arena-roster-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.arena-roster-head>div{display:flex;flex-direction:column;gap:5px;min-width:150px}
.arena-roster-head small{font-size:8px;letter-spacing:2px;color:#a6afd0}
.arena-roster-head b{font-size:16px;font-weight:850;letter-spacing:.5px;color:#ffe0b2}
.arena-roster-head p{font-size:11px;color:#b7bfd3;line-height:1.7;margin:0;flex:1}
.arena-roster-head>span{font:800 9px monospace;letter-spacing:1px;color:#939db9;white-space:nowrap}
.arena-roster-cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.arena-character{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #46506b;background:linear-gradient(145deg,#48557555,#161e34);border-radius:5px;padding:0 0 7px;color:#d9dce9;transition:background .15s,border-color .15s;min-width:0}
.arena-character img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.75);pointer-events:none}
.arena-character b{font-size:10px;letter-spacing:.5px}
.arena-character small{font-size:9px;color:#a6afc4;margin-top:3px}
.arena-character[aria-pressed=true]{border:2px solid var(--fighter);background:linear-gradient(145deg,#767b9b88,#252a46);box-shadow:0 0 15px #ffc47919;padding-bottom:6px}
.arena-character[aria-pressed=true] img{filter:none}
.arena-character[aria-pressed=true]:before{content:'1P';position:absolute;top:4px;left:5px;font:900 11px monospace;color:var(--fighter);z-index:1}
.arena-sidebar{border-left:1px solid var(--a-line);display:flex;flex-direction:column;min-width:0;background:#151b2c}
.arena-profile{padding:19px}
.arena-profile-line{display:flex;align-items:center;gap:10px}
.arena-avatar-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #626788;border-radius:9px;background:#303952;color:#ffcd8c;font-size:20px}
.arena-profile-line strong{display:block;font-size:14px}
.arena-profile-line small{display:block;margin-top:5px;font-size:9px;color:var(--a-dim)}
.arena-record{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0 9px}
.arena-record>div{text-align:center;border-right:1px solid var(--a-line)}
.arena-record>div:last-child{border:0}
.arena-record b{display:block;font:800 23px monospace;color:#ffe0b2}
.arena-record small{font-size:9px;color:var(--a-dim)}
.arena-stat-note{display:block;color:#828fae;font-size:9px;text-align:center}
.arena-cpu-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--a-line)}
.arena-cpu-box label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#ffcd91;font-weight:800}
.arena-cpu-box label span{font-size:9px;letter-spacing:0;color:#9ba8c6;font-weight:400}
.arena-cpu-box select{width:100%;margin:10px 0 8px;border:1px solid #414b68;background:#202940;color:#e7eaf4;border-radius:6px;padding:9px;font-size:11px}
.arena-cpu-box button{width:100%}
.arena-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--a-line);gap:18px}
.arena-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:11px 0;color:#8996b3;font-size:11px}
.arena-tabs button[aria-selected=true]{color:#ffc479;border-color:#ffc479}
.arena-panel{max-height:230px;min-height:100px;overflow:auto;padding:10px 17px}
.arena-player{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff08}
.arena-player .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.arena-player .info{min-width:0;flex:1}
.arena-player strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arena-player small{display:block;font-size:9px;color:#8d9bb8;margin-top:4px}
.arena-player button{font-size:10px;padding:7px 8px}
.arena-player .rank{font:800 18px monospace;color:#ffcf99}
.arena-empty{font-size:11px;color:#92a0bc;line-height:1.9;padding:15px 0}
.arena-invite{margin:5px 16px 12px;padding:12px;background:#272c45;border:1px solid #595470;border-radius:8px}
.arena-invite p{font-size:11px;line-height:1.7;margin:0 0 9px}
.arena-invite>div{display:flex;gap:7px}
.arena-room-chat{padding:13px 17px;border-top:1px solid var(--a-line);margin-top:auto}
.arena-room-chat h3{font-size:9px;letter-spacing:2px;margin:0 0 10px;color:#a5b0cd}
#rmlog{height:125px;overflow:auto;font-size:11px;color:#b7c2da}
#rmlog .np-empty{color:#8b98b5;font-size:11px;padding:15px 0}
#rmform{margin-top:8px}
#rmform .rm-row2{display:flex;gap:6px}
#rmbody{background:#202a41;border:1px solid #3d4965;border-radius:6px;padding:10px;color:#fff;min-width:0;flex:1;font-size:11px}
#rmbody::placeholder{color:#8895b2}
.arena-controls{display:flex;gap:22px;align-items:center;padding:18px 20px;background:#141b2e;user-select:none;-webkit-user-select:none}
.arena-control-caption{font-size:8px;letter-spacing:1.1px;font-weight:800;color:#c3c9db;margin-bottom:9px;white-space:nowrap}
.arena-control-caption span{font-size:8px;color:#7585a5;letter-spacing:0;margin-left:5px}
.arena-movement{display:grid;grid-template-columns:repeat(3,32px);gap:4px}
.arena-movement button:first-child{grid-column:2;grid-row:1}
.arena-movement button:nth-child(2){grid-column:1;grid-row:2}
.arena-movement button:nth-child(3){grid-column:2;grid-row:2}
.arena-movement button:nth-child(4){grid-column:3;grid-row:2}
.arena-key{touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid #485778;border-bottom:3px solid #354161;background:#27324c;color:#d8dff1;border-radius:8px;min-height:32px;padding:6px}
.arena-key b{font-size:12px}
.arena-key small{font-size:8px;color:#a3afca}
.arena-key.held{background:#666586;transform:translateY(2px);border-bottom-width:1px}
.arena-six{display:grid;grid-template-columns:repeat(3,43px);gap:5px}
.arena-six .arena-key{border-radius:50%;width:43px;height:43px;border-bottom-width:4px}
.arena-key.punch{background:#514034;color:#ffcc91;border-color:#9e7652}
.arena-key.kick{background:#323752;color:#bec4ff;border-color:#6f77a9}
.arena-key.punch small{color:#deb991}
.arena-key.kick small{color:#a7afd9}
.arena-evasion{height:70px;min-width:56px}
.arena-evasion b{font-size:9px}
.arena-special-group{flex:1;min-width:0}
.arena-special-group .arena-control-caption span{display:none}
.arena-specials{display:flex;gap:5px}
.arena-specials .arena-key{flex:1;height:65px;min-width:0}
.arena-specials b{font-size:10px;white-space:nowrap}
.arena-specials b span{color:#f1c58f;font-size:8px}
.arena-specials small{font-size:8px;white-space:nowrap}
.arena-joystick{display:none;position:relative;width:118px;height:118px;border-radius:50%;touch-action:none;overscroll-behavior:contain;background:radial-gradient(circle,#3d4969 0 25%,#27334d 26% 49%,#202b43 50% 64%,#41506f 65% 66%,#1b253c 67%);border:1px solid #59657e;box-shadow:inset 0 3px 15px #0006,0 3px 0 #0d1324}
.stick-cross{position:absolute;inset:0;display:grid;place-items:center;color:#687898;font-size:91px;line-height:1;opacity:.5}
#arena-stick-knob{position:absolute;width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px);border-radius:50%;background:linear-gradient(135deg,#a7b3cd,#4a5b7f);border:2px solid #bec5d7;box-shadow:0 5px 10px #0007;pointer-events:none}
.arena-footer{padding:12px 21px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--a-line);font-size:9px;color:#8290ad;line-height:1.7}
#arena-connection{color:#9edacb;white-space:nowrap}
.arena-play:fullscreen{width:100vw;height:100dvh;overflow:auto}
.arena-play:fullscreen .arena-stage{flex:1;min-height:220px}
.arena-play:fullscreen .arena-roster{display:none}
.arena-play:fullscreen .arena-controls{justify-content:center;flex-shrink:0}
.arena-play:fullscreen .arena-joystick{display:block}
.arena-play:fullscreen .arena-movement{display:none}
@media(max-width:1150px){.arena-layout{grid-template-columns:minmax(0,1fr) 252px}
.arena-stage{height:455px}
.arena-controls{gap:11px;padding:15px 12px}
.arena-six{grid-template-columns:repeat(3,38px)}
.arena-six .arena-key{width:38px;height:38px}
.arena-specials{flex-direction:column}
.arena-specials .arena-key{height:27px;min-height:27px;flex-direction:row;gap:7px}
.arena-roster-head>span{display:none}
.arena-roster-head p{font-size:10px}
.arena-character b{font-size:8px}
}
@media(max-width:900px){.arena-layout{grid-template-columns:minmax(0,1fr)}
.arena-sidebar{border-left:0;border-top:1px solid var(--a-line);display:grid;grid-template-columns:1fr 1fr}
.arena-profile{grid-column:1;grid-row:1/5}
.arena-tabs{grid-column:2}
.arena-panel{grid-column:2}
.arena-invite{grid-column:2}
.arena-room-chat{grid-column:1/-1}
.arena-stage{height:480px}
.arena-controls{gap:22px;justify-content:center}
.arena-specials{flex-direction:row}
.arena-specials .arena-key{height:60px;flex-direction:column}
.arena-special-group{flex:0 1 260px}
.arena-top h2 span{display:none}
.arena-character b{font-size:10px}
}
@media(pointer:coarse){.arena-joystick{display:block}
.arena-movement{display:none}
.arena-controls{touch-action:none}
}
@media(max-width:600px){#view-room{margin-top:12px}
.arena-shell{border-radius:12px}
.arena-top{padding:16px 13px}
.arena-top h2{font-size:22px}
.arena-eyebrow{font-size:8px;letter-spacing:1.5px}
.arena-live{font-size:9px}
.arena-top-right{gap:7px}
.arena-top-right button{padding:8px;font-size:10px}
.arena-stage{height:260px}
.arena-scene-label{top:13px;left:12px;font-size:6px;letter-spacing:1px}
.arena-scene-label b{font-size:9px;letter-spacing:1px}
.arena-camera{top:10px;right:9px;gap:3px}
.arena-camera button{height:25px;width:25px;font-size:11px}
.arena-hint{font-size:7px;left:10px;right:10px}
.arena-hint span:last-child{display:none}
.arena-hud{top:48px;left:11px;right:11px;gap:8px;grid-template-columns:1fr 42px 1fr}
.arena-fighter header{font-size:9px}
.arena-fighter header span{font-size:10px}
.arena-hp{height:13px}
.arena-clock{font-size:29px}
.arena-clock-wrap>small{font-size:6px;letter-spacing:.3px}
.arena-fighter>small{font-size:7px}
.arena-name{font-size:8px}
.arena-combo{font-size:16px;left:15px;top:120px}
.arena-overlay small{font-size:9px}
.arena-roster{order:2;padding:12px}
.arena-roster-head{gap:8px}
.arena-roster-head>div{min-width:123px}
.arena-roster-head b{font-size:13px}
.arena-roster-head p{font-size:9px}
.arena-roster-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.arena-character img{aspect-ratio:1}
.arena-character b{font-size:9px}
.arena-controls{order:1;display:grid;grid-template-columns:118px 1fr 46px;gap:9px;padding:12px;align-items:center}
.arena-joystick{display:block}
.arena-movement{display:none}
.arena-control-caption{font-size:7px;letter-spacing:.3px;margin-bottom:6px}
.arena-control-caption span{display:none}
.arena-motion .arena-control-caption span{display:inline;font-size:7px}
.arena-attack-group{justify-self:center}
.arena-six{grid-template-columns:repeat(3,42px);gap:5px}
.arena-six .arena-key{width:42px;height:42px}
.arena-evasion{min-width:0;width:46px;height:74px}
.arena-special-group{grid-column:1/-1}
.arena-special-group .arena-control-caption{display:none}
.arena-specials{flex-direction:row;gap:7px}
.arena-specials .arena-key{height:34px;min-height:34px;flex-direction:row;gap:7px}
.arena-sidebar{display:flex}
.arena-profile{padding:16px}
.arena-cpu-box{margin-top:13px}
.arena-record{margin:13px 0 6px}
.arena-roster-head>span{display:none}
.arena-footer{flex-direction:column;padding:12px;font-size:8px}
.arena-play:fullscreen .arena-stage{min-height:180px}
.arena-play:fullscreen .arena-controls{display:grid}
.arena-room-chat{margin-top:10px}
#rmnote{font-size:10px;padding:7px 10px}
}
@media(max-height:520px) and (orientation:landscape){.arena-play:fullscreen .arena-stage{height:100dvh;min-height:100dvh;flex:none}
.arena-play:fullscreen .arena-controls{position:absolute;bottom:12px;left:0;right:0;background:none;justify-content:space-between;pointer-events:none;padding:0 22px;gap:10px;align-items:end}
.arena-play:fullscreen .arena-controls>*{pointer-events:auto}
.arena-play:fullscreen .arena-control-caption{display:none}
.arena-play:fullscreen .arena-motion{order:0}
.arena-play:fullscreen .arena-attack-group{order:3}
.arena-play:fullscreen .arena-evasion{order:2;width:50px;height:50px}
.arena-play:fullscreen .arena-special-group{order:1;flex:0 1 185px}
.arena-play:fullscreen .arena-specials .arena-key{background:#243049dd;height:40px}
.arena-play:fullscreen .arena-hint{display:none}
.arena-play:fullscreen .arena-six .arena-key{width:44px;height:44px}
.arena-play:fullscreen .arena-six{grid-template-columns:repeat(3,44px)}
.arena-play:fullscreen .arena-joystick{opacity:.85}
}
@media(max-width:600px){.arena-top{flex-wrap:wrap}
.arena-top-right{margin-left:auto}
.arena-top h2{font-size:20px}
.arena-top .arena-live{display:none}
}
body.arena-open #cfab,body.arena-open #askfab{display:none!important}
.arena-play{scroll-margin-top:65px}
.arena-play.fighting .arena-name>span{display:none}
@media(max-width:380px){.arena-controls{grid-template-columns:100px 1fr 40px;gap:6px;padding:10px}
.arena-joystick{width:100px;height:100px}
.arena-six{grid-template-columns:repeat(3,35px)}
.arena-six .arena-key{width:35px;height:35px}
.arena-key b{font-size:10px}
.arena-key small{font-size:7px}
.arena-evasion{width:40px}
.arena-specials{gap:4px}
.arena-specials b{font-size:9px}
.arena-specials small{font-size:7px}
}

.arena-stage{flex:1;min-height:510px}
@media(max-width:1150px){.arena-stage{min-height:455px}}
@media(max-width:900px){.arena-stage{min-height:480px}}
@media(max-width:600px){.arena-stage{min-height:260px}}

/* Responsive fight feedback and accessible one-button specials. */
.arena-input-guide{display:flex;align-items:center;gap:11px;padding:9px 18px;background:#20283e;border-top:1px solid #53638455;color:#c6d6f5;font-size:10px;min-height:33px}
.arena-input-guide>b{color:#ffd390;font-size:8px;letter-spacing:1px;white-space:nowrap}
.arena-meter-labels{display:flex;justify-content:space-between;gap:5px;font-size:7px;letter-spacing:1px;color:#e3d0ab;margin-top:4px}
.arena-meter-labels small{font-size:8px;font-weight:800}.enemy .arena-meter-labels{flex-direction:row-reverse}
.arena-stun{height:3px;background:#362e43;margin:3px 0 6px;overflow:hidden;border-radius:2px}
.arena-stun i{display:block;width:0;height:100%;background:#ffc754;transition:width .1s}
.enemy .arena-stun i{margin-left:auto}
.arena-super-meter{position:relative;height:12px;background:#101629cc;border:1px solid #758abd77;transform:skewX(-10deg);overflow:hidden}
.arena-super-meter i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#3f65db,#94bbff);transition:width .18s}
.arena-super-meter span{position:absolute;inset:0;text-align:center;font:800 7px/10px monospace;color:#fff;text-shadow:0 1px 2px #081f57;letter-spacing:1px}
.enemy .arena-super-meter{transform:skewX(10deg)}.enemy .arena-super-meter i{margin-left:auto;background:linear-gradient(90deg,#a295ff,#6954d2)}
.arena-special-group{flex-basis:300px}.arena-specials .arena-key{min-width:0;padding:5px}.arena-specials b{font-size:11px}.arena-specials small{font-size:8px}
.arena-specials .arena-key:not(:disabled){border-color:#6480b1;background:linear-gradient(155deg,#3e526f,#23334f);box-shadow:inset 0 1px #a2c8ff22,0 2px 0 #0f1529}
.arena-specials .arena-key.held{background:#5f7496}.arena-key.low-energy{filter:saturate(.2)}
.arena-specials .arena-super-button{position:relative;background:linear-gradient(0deg,#654d8166 var(--meter,0%),#22283c var(--meter,0%));border-color:#715a88;color:#ddc2f9}
.arena-specials .arena-super-button.ready{background:linear-gradient(145deg,#d99745,#725dbe);border-color:#ffdda5;color:#fff;box-shadow:0 0 15px #dfa74b66}
.arena-super-button.ready small{color:#fff0c8}
.arena-camera #arena-sound{width:43px;font-size:9px}
.arena-stage:after{content:'';position:absolute;inset:0;background:#cddcff;opacity:var(--super-flash,0);pointer-events:none;z-index:4}
.arena-super-callout{position:absolute;left:0;right:0;top:44%;text-align:center;pointer-events:none;z-index:3;color:#fff6cf;font-size:clamp(21px,3.4vw,42px);font-weight:950;font-style:italic;letter-spacing:2px;text-shadow:0 0 20px #5295ff,3px 3px #33296b;opacity:0;transform:translateX(-15px);transition:opacity .08s,transform .16s}
.arena-super-callout.show{opacity:1;transform:translateX(0)}
.arena-play:fullscreen .arena-input-guide{display:none}
@media(max-width:1150px){.arena-special-group{flex-basis:220px}.arena-specials .arena-key{min-height:29px}}
@media(max-width:900px){.arena-special-group{flex:1}.arena-specials .arena-key{height:57px}}
@media(max-width:600px){.arena-input-guide{order:1;font-size:9px;padding:7px 11px;gap:8px;min-height:35px}.arena-input-guide>b{font-size:7px}.arena-controls{order:2}.arena-roster{order:3}.arena-special-group{width:100%}.arena-specials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.arena-specials .arena-key{height:48px;min-height:48px;flex-direction:column;gap:5px}.arena-specials b{font-size:11px}.arena-specials small{font-size:7px}.arena-meter-labels{font-size:6px;margin-top:2px}.arena-meter-labels small{font-size:7px}.arena-stun{margin:2px 0 4px;height:2px}.arena-super-meter{height:10px}.arena-super-meter span{font-size:6px;line-height:8px}.arena-camera{gap:2px}.arena-camera button{width:23px}.arena-camera #arena-sound{width:39px}.arena-combo{top:150px;font-size:17px}}
@media(max-width:380px){.arena-specials{gap:4px}.arena-specials b{font-size:10px}.arena-specials small{font-size:6px}.arena-input-guide>b{display:none}}
@media(max-height:520px) and (orientation:landscape){.arena-play:fullscreen .arena-special-group{flex:0 1 240px}.arena-play:fullscreen .arena-specials{display:grid;grid-template-columns:repeat(4,1fr)}.arena-play:fullscreen .arena-specials .arena-key{flex-direction:column;gap:4px;height:48px}.arena-play:fullscreen .arena-specials small{font-size:7px}.arena-play:fullscreen .arena-specials b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.arena-super-callout{transition:none}.arena-stage:after{display:none}}

/* World tour, independent music mix and precise footwork. */
.arena-worldbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:16px 22px 18px;border-bottom:1px solid var(--a-line);background:linear-gradient(110deg,#182338,#1f2338)}
.arena-section-label{font-size:9px;font-weight:850;letter-spacing:2px;color:#e5c8a2;margin-bottom:9px}.arena-section-label span{font-size:10px;color:#8997b1;letter-spacing:0;margin-left:12px;font-weight:400}
.arena-stage-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.arena-stage-choice{position:relative;display:grid;grid-template-columns:30px 1fr;column-gap:8px;row-gap:3px;align-items:center;text-align:left;border:1px solid #44516d;background:#202d43;border-radius:7px;padding:10px 11px;color:#dce4f2;min-width:0;transition:background .14s,border-color .14s}
.arena-stage-choice .arena-country{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid color-mix(in srgb,var(--stage-accent) 50%,transparent);color:var(--stage-accent);font:800 9px monospace;letter-spacing:1px}
.arena-stage-choice b{font-size:12px}.arena-stage-choice small{font-size:10px;color:#9caec3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-stage-choice[aria-pressed=true]{border-color:var(--stage-accent);background:linear-gradient(120deg,color-mix(in srgb,var(--stage-accent) 16%,#192335),#25334a);box-shadow:inset 0 -2px var(--stage-accent)}.arena-stage-choice:disabled{opacity:.65;cursor:default}.arena-stage-choice[aria-pressed=true]:disabled{opacity:1}
.arena-music-panel{align-self:center;min-width:0}.arena-music-line{display:flex;align-items:center;gap:9px;margin-bottom:12px}.arena-music-line button{padding:7px 9px;background:#253c48;color:#bfe8d8;border:1px solid #506c72;border-radius:5px;white-space:nowrap;font-size:10px;font-weight:800}.arena-music-line button[aria-pressed=false]{background:#242c3b;color:#a0adc2;border-color:#47536c}.arena-music-line span{font-size:9px;color:#9aacbc}.arena-music-panel label{display:flex;align-items:center;gap:8px;color:#a8b8ce;font-size:10px;white-space:nowrap}.arena-music-panel input{min-width:40px;width:100%;accent-color:#a6d9ca;height:5px}.arena-music-panel output{font:10px monospace;width:29px;text-align:right}
.arena-scene-label{max-width:48%}.arena-scene-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;letter-spacing:1px}
.arena-dashes{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.arena-dashes .arena-key{flex-direction:row;gap:5px;min-height:27px;padding:4px;background:#2c3f50;border-color:#557c8f}.arena-dashes b{font-size:9px;color:#b9e2e9}.arena-dashes small{font-size:8px}.arena-evasion{border-color:#66898c;background:#2a464e}.arena-evasion small{color:#a3d7d8}
#arena-defence-status{margin-left:auto;color:#9dd9c9;font-size:9px;white-space:nowrap}.arena-input-guide{flex-wrap:wrap;row-gap:5px}
@media(max-width:1150px){.arena-worldbar{grid-template-columns:minmax(0,1fr) 230px;gap:14px;padding:14px}.arena-stage-choice{column-gap:5px;padding:9px 8px}.arena-stage-choice small{font-size:9px}.arena-input-guide>b{display:none}}
@media(max-width:700px){.arena-worldbar{grid-template-columns:1fr;gap:12px;padding:13px}.arena-stage-choice{grid-template-columns:1fr;text-align:center;padding:8px 3px;gap:4px}.arena-stage-choice .arena-country{display:none}.arena-stage-choice b{font-size:11px}.arena-stage-choice small{font-size:8px}.arena-stage-choices{gap:6px}.arena-music-panel{display:flex;align-items:center;gap:14px}.arena-music-line{margin:0;flex-shrink:0}.arena-music-line span{display:none}.arena-music-panel label{flex:1}.arena-section-label span{font-size:9px}.arena-dashes{margin-top:6px}.arena-input-guide{padding:7px 12px}#arena-defence-status{width:100%;margin-left:0;font-size:8px}.arena-scene-label b{font-size:9px}.arena-scene-label span{font-size:6px;letter-spacing:.4px}}
@media(max-height:520px) and (orientation:landscape){.arena-play:fullscreen .arena-dashes .arena-key{background:#243049dd;min-height:24px}.arena-play:fullscreen .arena-input-guide{display:none}}