.app-container{min-height:100vh}.main-content-inner,.spectator-arena{width:min(100%,1200px);margin:0 auto}.spectator-container{min-height:100vh;padding:1.5rem}.spectator-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;width:min(100%,1200px);margin:0 auto 1.5rem;padding-bottom:1rem;display:flex}.spectator-header h2{margin:.15rem 0 0}.sidebar-toggle,.auth-modal-close{min-width:44px;min-height:44px}.sidebar-logout{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.75rem 1rem;display:flex}.sidebar-nav-item:focus{color:var(--text-muted);background:0 0;border-left-color:#0000;outline:none}.sidebar-nav-item:focus-visible{box-shadow:inset 0 0 0 1px #ffffff1f}.sidebar-nav-item.active,.sidebar-nav-item.active:focus,.sidebar-nav-item.active:focus-visible{color:var(--role-color);border-left-color:var(--role-color);background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff0a}.auth-role-option{min-height:44px}@media (width<=768px){.spectator-container{padding:1rem}.spectator-header,.arena-page-header,.operation-card{flex-direction:column;align-items:stretch}.spectator-header{gap:.6rem;margin-bottom:.9rem;padding-bottom:.75rem}.spectator-header h2{font-size:1.2rem}.spectator-header .arena-eyebrow{font-size:.62rem}.arena-page-header{gap:.45rem;margin-bottom:.9rem}.arena-page-header h1{letter-spacing:0;font-size:1.55rem;line-height:1.08}.arena-page-header p{margin-top:.3rem;font-size:.88rem;line-height:1.35}.arena-eyebrow{font-size:.68rem}.spectator-actions,.spectator-actions .form-select,.spectator-actions .btn{width:100%}.main-content-inner{padding:1rem}.sidebar.open{width:min(280px,86vw)}}