html:has(body.arena-3d-open){height:100dvh!important;overflow:hidden!important}
body.arena-3d-open{position:fixed!important;inset:0!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:#080b10!important}
body.arena-3d-open :is(.approved-header,.approved-ui.screen,#hostWrenchBtn,#hostControlsWidget,#helpBtn,.activity-widget,.active-users-widget){display:none!important}
#cardArena.arena-real-3d{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;z-index:100050;background:#080b10!important;isolation:isolate}
#cardArena.arena-real-3d[hidden]{display:none!important}
#cardArena.arena-real-3d::before,#cardArena.arena-real-3d::after{display:none!important}
#cardArena.arena-real-3d canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}
.arena-real-3d .arena-accessible{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;opacity:.01;left:0;top:0}
.arena-safe-probe{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);visibility:hidden}
.arena-real-3d .arena-accessible:focus-within:not(input){clip-path:none!important;opacity:1;left:env(safe-area-inset-left,8px);top:env(safe-area-inset-top,8px);width:auto!important;max-width:85vw;max-height:50dvh;height:auto!important;overflow:auto!important;background:#17261f;color:#fff;z-index:3;padding:10px;white-space:normal!important}
.arena-real-3d .arena-accessible button{display:block;background:#e7d5ab;color:#1c3025;padding:8px;margin:5px;border:0;font-size:16px}
#cardArena.arena-graphics-error{display:grid!important;place-content:center;padding:24px!important;color:#203126!important;font:20px Arial;text-align:center}
#cardArena.arena-graphics-error canvas{display:none}
.arena-graphics-fallback{max-width:620px;margin:auto;line-height:1.5}
.arena-graphics-fallback button{border:1px solid #52604a;background:#263d30;color:#fff8e5;font:600 17px Arial;padding:14px 20px;margin:8px;border-radius:8px;cursor:pointer}

/* Arena keeps the same corner widgets as Home; these are not props on the board. */
body.arena-3d-open .approved-footer{display:block!important;position:fixed!important;inset:auto 0 14px!important;height:0!important;min-height:0!important;padding:0!important;z-index:100080!important;background:none!important;box-shadow:none!important;border:0!important;pointer-events:none!important}
body.arena-3d-open .approved-footer .hub-footer-left{position:absolute!important;left:max(14px,env(safe-area-inset-left))!important;bottom:0!important;pointer-events:auto!important;background:var(--hub-surface)!important;color:var(--hub-text)!important}
body.arena-3d-open .approved-footer .bottom-radio{position:absolute!important;right:max(14px,env(safe-area-inset-right))!important;bottom:0!important;pointer-events:auto!important;background:var(--hub-surface)!important;color:var(--hub-text)!important}
body.arena-3d-open #chatWidget:not(.minimized){display:flex!important;z-index:100090!important;bottom:68px!important;max-height:calc(100dvh - 90px)!important}
body.arena-3d-open #chatWidget.minimized,body.arena-3d-open #mainRadioWidget{display:none!important}
body.arena-3d-open.arena-mobile .approved-footer .bottom-radio{display:none!important}
body.arena-3d-open .approved-footer .bottom-radio :is(select,button,small,.speaker){color:var(--hub-text)!important}

body.approved-site.arena-open.arena-3d-open .approved-footer{display:block!important}
body.approved-site.arena-open.arena-3d-open:not(.arena-mobile) .approved-footer .bottom-radio{display:flex!important}
body.approved-site.arena-open.arena-3d-open.arena-mobile .approved-footer{display:block!important}
body.approved-site.arena-open.arena-3d-open.arena-mobile .hub-footer-left{display:flex!important;transform:scale(.75);transform-origin:bottom left}
body.approved-site.arena-open.arena-3d-open.arena-mobile .bottom-radio{display:none!important}

/* Quiet, compact corner controls share the pit-console palette. */
body.arena-3d-open .approved-footer{--hub-surface:#17212b;--hub-text:#dce5ed;--hub-muted:#a8b6c4}
body.arena-3d-open .approved-footer :is(.hub-footer-left,.bottom-radio){border:1px solid #64707b88!important;border-radius:9px!important;box-shadow:0 4px 16px #0008!important}
body.arena-3d-open .approved-footer .bottom-radio{max-width:300px!important}
body.arena-3d-open .approved-footer .hub-chat-open{color:#dce5ed!important;background:#17212b!important}