.club-preview #screen-arena {background:#08080b;color:#f7f7f7;}
.club-preview #screen-arena.active {position:fixed;inset:0;margin:0;width:100%;height:var(--tg-viewport-stable-height,100dvh);max-width:none;min-height:0;border:0;padding:10px 10px calc(28px + env(safe-area-inset-bottom,0px));grid-template-rows:46px minmax(0,1fr) 140px;}
.club-preview #screen-arena .court-shell {border-radius:0;background:#9d426b;margin:0 -10px;width:calc(100% + 20px);}
.club-preview #screen-arena .arena-hud {background:#141418;color:white;margin:0;box-shadow:none;border:1px solid #303037;}
.club-preview #screen-arena .scoreboard span,.club-preview #screen-arena #arena-mode-label {color:white;}
.club-preview #screen-arena .scoreboard span:first-child {color:#ff2e93;}
.club-preview #screen-arena .arena-hud button {background:#222228;color:white;border-color:#42424a;}
.club-preview-label {position:absolute;bottom:7px;left:0;right:0;z-index:2;text-align:center;font:9px Arial,sans-serif;letter-spacing:1px;color:#9999a5;pointer-events:none;}
.club-preview #screen-arena .game-controls {background:linear-gradient(#15151b,#08080b);}
.club-preview #screen-arena .joystick {background:#1d1d25;border:2px solid #6f6f7a;box-shadow:inset 0 0 0 8px #ffffff06;}
.club-preview #screen-arena .joystick i {background:linear-gradient(#fff,#aaaab8);box-shadow:0 3px 9px #0008;}
.club-preview #screen-arena .strike.hit {border-radius:50%;background:linear-gradient(145deg,#ff66b0,#e60070);color:white;box-shadow:0 5px 0 #790039,inset 0 0 0 2px #ffffff55;}
.club-preview #screen-arena .strike.hit small {color:#ffe4f1;}
.club-preview #screen-arena .special-shots .strike {background:#222229;color:white;border:1px solid #747480;border-radius:22px;box-shadow:none;}
.club-preview #screen-arena .special-shots .strike.smash {border-color:#ff2e93;color:#ff78b9;}
.club-preview #screen-arena .special-shots .strike.smash {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
.club-preview #screen-arena .special-shots .strike.smash small {font-size:7px;line-height:1.1;letter-spacing:0;color:#f4c9dd;white-space:nowrap;}
.club-preview #screen-arena .special-shots .strike.smash-ready:not(:disabled) {background:#ff2e93;color:#fff;border-color:#fff;box-shadow:0 0 14px #ff2e9355;}
.club-preview #screen-arena .special-shots .strike.smash-queued:not(:disabled) {background:#421b34;color:#fff;border:2px dashed #ff78b9;}
.club-preview #screen-arena .special-shots .strike.smash-ready small,.club-preview #screen-arena .special-shots .strike.smash-queued small {color:#fff;}
.club-preview #screen-arena .controlled-badge {display:none;}
.club-characters {margin:16px 0;padding:12px;border:1px solid #36363e;display:flex;gap:10px;border-radius:12px;}
.club-characters legend {font-size:12px;color:#bbb;padding:0 6px;}
.club-characters button {flex:1;padding:14px 8px;border-radius:8px;background:#202026;border:1px solid #565660;color:white;font-weight:800;}
.club-characters button[aria-pressed="true"] {border-color:#ff2e93;background:#601137;box-shadow:inset 0 -3px #ff2e93;}
@media (max-width:360px) {
 .club-preview #screen-arena .arena-hud {grid-template-columns:40px 98px minmax(0,1fr);gap:6px;padding:0 6px;}
 .club-preview #screen-arena .scoreboard {font-size:26px;gap:5px;letter-spacing:0;}
}
/* Short/wide displays keep the whole court, with thumb controls beside it. */
@media (min-aspect-ratio: 1/1) {
 .club-preview #screen-arena.active {grid-template-rows:44px minmax(0,1fr);padding-bottom:10px;}
 .club-preview #screen-arena .court-shell {width:min(calc(100% - 280px),calc((100dvh - 74px)*.92));height:100%;margin:0;justify-self:center;}
 .club-preview #screen-arena .game-controls {position:absolute;left:10px;right:10px;bottom:28px;height:140px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;pointer-events:none;}
 .club-preview #screen-arena .joystick,.club-preview #screen-arena .strike-controls {pointer-events:auto;}
 .club-preview #screen-arena .strike-controls {flex:0;flex-direction:column;gap:8px;}
 .club-preview #screen-arena .special-shots {display:flex;gap:6px;}
 .club-preview #screen-arena .special-shots .strike {width:60px;}
 .club-preview-label {display:none;}
}