:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-canvas:#08100e;--theme-surface:#111c18;--theme-surface-raised:#15211c;--theme-surface-muted:#16251f;--theme-surface-control:#0b1512;--theme-surface-subtle:#0c1613;--theme-surface-inset:#0a1310;--theme-surface-toolbar:#09120f;--theme-surface-stat:#00000014;--theme-surface-hover:#ffffff09;--theme-surface-interactive:#ffffff05;--theme-text-primary:#f3f7f5;--theme-text-secondary:#a3b7ae;--theme-text-tertiary:#99ada4;--theme-border:#ffffff1f;--theme-border-subtle:#ffffff0e;--theme-border-strong:#ffffff2e;--theme-accent:#58f3a7;--theme-accent-strong:#b5ffda;--theme-accent-contrast:#04110b;--theme-accent-text:#58f3a7;--theme-accent-text-contrast:#04110b;--theme-border-control:#61766c;--theme-selected-surface:#173528;--theme-danger:#ff6b73;--theme-danger-fill:#7d2d36;--theme-danger-text:#ff9da3;--theme-warning:#ffd166;--theme-warning-text:#d8b778;--theme-topbar:#08100ec7;--theme-sticky-top:#08100ef7;--theme-sticky-bottom:#08100eeb;--theme-avatar-start:#1e352b;--theme-avatar-end:#243f34;--theme-avatar-text:#b8d8ca;--theme-shadow-panel:0 14px 40px #0000001a;--theme-shadow-elevated:0 22px 60px #00000042}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-canvas:#e9eeeb;--theme-surface:#fbfcfb;--theme-surface-raised:#f3f6f4;--theme-surface-muted:#e9efec;--theme-surface-control:#fbfcfb;--theme-surface-subtle:#f3f6f4;--theme-surface-inset:#eef4f0;--theme-surface-toolbar:#fbfcfb;--theme-surface-stat:#f1f5f3;--theme-surface-hover:#142e230b;--theme-surface-interactive:#142e2306;--theme-text-primary:#13231c;--theme-text-secondary:#3a4a43;--theme-text-tertiary:#3f5048;--theme-border:#142e2329;--theme-border-subtle:#142e2313;--theme-border-strong:#142e2338;--theme-accent:#22b978;--theme-accent-strong:#085236;--theme-accent-contrast:#06150e;--theme-accent-text:#085236;--theme-accent-text-contrast:#fff;--theme-border-control:#6b7d75;--theme-selected-surface:#dcefe5;--theme-danger:#d84f5a;--theme-danger-fill:#fff0f1;--theme-danger-text:#8c2a33;--theme-warning:#b87b08;--theme-warning-text:#6b4705;--theme-topbar:#f0f4f2eb;--theme-sticky-top:#e9eeebfa;--theme-sticky-bottom:#e9eeebf0;--theme-avatar-start:#e4f3eb;--theme-avatar-end:#d6ebe0;--theme-avatar-text:#1d4a36;--theme-shadow-panel:0 12px 34px #18382a0f;--theme-shadow-elevated:0 20px 55px #18382a1a}:root,html[data-theme=dark],html[data-theme=light]{--bg:var(--theme-canvas);--surface:var(--theme-surface);--surface-2:var(--theme-surface-raised);--surface-3:var(--theme-surface-muted);--border:var(--theme-border);--text:var(--theme-text-primary);--muted:var(--theme-text-secondary);--text-tertiary:var(--theme-text-tertiary);--accent:var(--theme-accent);--accent-2:var(--theme-accent-strong);--accent-text:var(--theme-accent-text);--danger:var(--theme-danger);--warning:var(--theme-warning);--shadow:var(--theme-shadow-elevated);--topbar-bg:var(--theme-topbar);--input-bg:var(--theme-surface-control);--control-bg:var(--theme-surface-raised);--control-subtle-bg:var(--theme-surface-subtle);--inset-bg:var(--theme-surface-inset)}
:root{--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-2xs:.75rem;--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-display:clamp(2rem, 3vw, 2.75rem);--font-size-page-title:var(--font-size-3xl);--font-size-section-title:var(--font-size-2xl);--font-size-dynamic-title:clamp(1.5rem, 1.8vw, 2rem);--font-size-panel-title:var(--font-size-xl);--font-size-eyebrow:var(--font-size-2xs);--font-size-page-description:var(--font-size-sm);--tracking-title:-.035em;--tracking-eyebrow:.12em;--page-title-margin:var(--space-2) 0 var(--space-1);--page-section-gap:var(--space-6);--page-max-width:1500px;--page-form-width:1180px;--control-height:var(--control-md);--control-radius:var(--radius-sm);--control-font:var(--font-size-md);--button-font:var(--font-size-sm);--button-weight:var(--font-semibold);--line-tight:1.15;--line-snug:1.3;--line-normal:1.5;--line-relaxed:1.65;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--control-sm:2.25rem;--control-md:2.75rem;--control-lg:3rem;--target-min:2.5rem;--target-comfortable:2.75rem;--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--content-max:110rem;--content-gutter:clamp(1rem, 2.4vw, 2rem);--teacher-content-max:180rem;--teacher-outer-gutter:clamp(1rem, 1.8vw, 3rem);--focus-width:3px;--focus-offset:3px;--shadow-popover:0 1.5rem 4.5rem #00000073;--ds-text-primary:var(--text);--ds-text-secondary:var(--muted);--ds-accent:var(--accent);--ds-accent-strong:var(--accent-2,var(--accent));--ds-accent-text:var(--accent-text,var(--accent));--ds-accent-contrast:var(--theme-accent-contrast);--ds-accent-text-contrast:var(--theme-accent-text-contrast);--ds-border-control:var(--theme-border-control);--ds-selected-surface:var(--theme-selected-surface);--ds-surface:var(--surface);--ds-surface-raised:var(--surface-2,var(--surface));--ds-border:var(--border);--ds-canvas:var(--theme-canvas);--ds-surface-control:var(--theme-surface-control);--ds-surface-subtle:var(--theme-surface-subtle);--ds-surface-inset:var(--theme-surface-inset);--ds-surface-stat:var(--theme-surface-stat);--ds-surface-hover:var(--theme-surface-hover);--ds-surface-interactive:var(--theme-surface-interactive);--ds-text-tertiary:var(--theme-text-tertiary);--ds-border-subtle:var(--theme-border-subtle);--ds-border-strong:var(--theme-border-strong);--ds-danger:var(--theme-danger);--ds-danger-fill:var(--theme-danger-fill);--ds-danger-text:var(--theme-danger-text);--ds-warning:var(--theme-warning);--ds-warning-text:var(--theme-warning-text);--ds-avatar-start:var(--theme-avatar-start);--ds-avatar-end:var(--theme-avatar-end);--ds-avatar-text:var(--theme-avatar-text);--ds-sticky-top:var(--theme-sticky-top);--ds-sticky-bottom:var(--theme-sticky-bottom);--ds-shadow-panel:var(--theme-shadow-panel);--ds-shadow-elevated:var(--theme-shadow-elevated);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-dropdown:100;--z-modal:200;--z-toast:300}
html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-normal);text-rendering:optimizelegibility}button,input,select,textarea{font:inherit}code,pre,kbd,samp{font-family:var(--font-family-mono)}h1,h2,h3,h4,p{text-wrap:pretty}h1{font-size:var(--font-size-3xl);line-height:var(--line-tight);font-weight:var(--font-bold);letter-spacing:-.035em}h2{font-size:var(--font-size-2xl);line-height:var(--line-tight);font-weight:var(--font-bold);letter-spacing:-.025em}h3{font-size:var(--font-size-xl);line-height:var(--line-snug);font-weight:var(--font-semibold);letter-spacing:-.015em}h4{font-size:var(--font-size-lg);line-height:var(--line-snug);font-weight:var(--font-semibold)}small{font-size:var(--font-size-xs);line-height:var(--line-normal)}.ui-eyebrow{color:var(--ds-accent-text);font-size:var(--font-size-xs);line-height:var(--line-snug);font-weight:var(--font-extrabold);letter-spacing:.08em;text-transform:uppercase}.ui-meta{color:var(--ds-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-normal)}.ui-body{color:var(--ds-text-primary);font-size:var(--font-size-md);line-height:var(--line-normal)}.ui-section-title{font-size:var(--font-size-xl);line-height:var(--line-snug);font-weight:var(--font-bold)}
:where(a,button,input,select,textarea,summary,[role=button],[role=tab],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-width) solid var(--ds-accent-text);outline-offset:var(--focus-offset)}:where(button,[role=button],[role=tab],[role=option]){touch-action:manipulation}:where(button,input,select,textarea):disabled,:where([aria-disabled=true]){cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:var(--z-toast);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ds-accent);color:#06120c;font-size:var(--font-size-sm);font-weight:var(--font-bold);position:fixed;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--focus-width:4px}:where(.button,.arena-tab,.topbar-profile,.icon-action){border-width:2px}}@media (forced-colors:active){:where(a,button,input,select,textarea,[role=button],[role=tab],[role=option]):focus-visible{outline:3px solid canvastext}}#main-content{scroll-margin-top:5rem}#main-content:focus,[role=dialog][tabindex="-1"]:focus{outline:none}@media (max-width:40rem){.skip-link{right:var(--space-3);text-align:center;max-width:calc(100vw - 1.5rem)}}
.arena-session-workspace{--arena-gap:var(--space-5);gap:var(--arena-gap)}.arena-header.compact{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:auto;padding:0 0 var(--space-5);border-bottom:var(--border-width) solid var(--ds-border);display:flex}.arena-header.compact>div:first-child{min-width:0}.arena-header.compact h1,.arena-header.compact h2{margin:var(--space-2) 0 var(--space-1);font-size:clamp(1.5rem,2vw,2rem);line-height:var(--line-tight);letter-spacing:-.035em}.arena-header.compact p{color:var(--ds-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-normal);margin:0}.arena-session-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.arena-tabs-six{z-index:calc(var(--z-sticky) - 1);margin-inline:calc(var(--space-1) * -1);background:linear-gradient(to bottom, var(--ds-sticky-top), var(--ds-sticky-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:4.5rem}.arena-tab-content{min-width:0}.arena-activity-strip{align-items:center;gap:var(--space-5);padding:var(--space-2) 0 var(--space-4);border:0;border-bottom:var(--border-width) solid var(--ds-border);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);display:grid}.arena-activity-strip>div{gap:var(--space-1);min-width:0;display:grid}.arena-activity-strip .eyebrow{font-size:var(--font-size-xs);line-height:var(--line-snug)}.arena-activity-strip strong{color:var(--ds-text-primary);font-size:var(--font-size-md);line-height:var(--line-snug);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-activity-strip small{color:var(--ds-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-normal);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-activity-strip .select{width:100%;min-height:var(--control-md);font-size:var(--font-size-sm)}.arena-grid{align-items:stretch;gap:var(--space-5);grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);display:grid}.arena-main-card,.score-card{border:var(--border-width) solid var(--ds-border);border-radius:var(--radius-lg);background:var(--ds-surface);min-width:0;box-shadow:none}.arena-main-card{padding:var(--space-6);text-align:center;background:var(--ds-surface);grid-template-rows:auto minmax(13rem,1fr) auto auto;align-items:center;display:grid;position:relative;overflow:hidden}.arena-main-card:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.arena-main-card>*{z-index:1;position:relative}.arena-main-card>.eyebrow{justify-self:start}.draw-stage{min-height:13rem;padding-block:var(--space-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.draw-stage h3{margin:var(--space-3) 0 var(--space-1);font-size:clamp(1.4rem,2vw,1.9rem);line-height:var(--line-tight)}.draw-stage p{max-width:32rem;margin:0 0 var(--space-3);color:var(--ds-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-normal)}.target-mark{border-radius:var(--radius-pill);width:4.5rem;height:4.5rem}.arena-main-card .button.huge,.arena-main-card button[class*=primary]{min-width:min(100%,15rem);min-height:var(--control-lg);justify-self:center}.draw-count{margin-top:var(--space-3);color:var(--ds-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-normal)}.score-card{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.score-card .panel-heading{margin:0}.score-card .panel-heading h3{font-size:var(--font-size-xl);line-height:var(--line-snug);margin:0}.score-card .panel-heading p{margin:var(--space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-normal)}.score-presets{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-presets>button{align-items:center;gap:var(--space-3);min-height:4.25rem;padding:var(--space-3);border:var(--border-width) solid var(--ds-border);border-radius:var(--radius-md);background:var(--ds-surface-interactive);color:var(--ds-text-primary);text-align:left;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);grid-template-columns:auto minmax(0,1fr);display:grid}.score-presets>button:hover:not(:disabled){background:#58f3a70e;border-color:#58f3a747;transform:translateY(-1px)}.score-presets>button:disabled{opacity:.5}.score-presets b{min-width:2.75rem;color:var(--ds-accent-strong);font-size:var(--font-size-lg);line-height:1}.score-presets span{color:var(--ds-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-normal)}.custom-score{gap:var(--space-2);grid-template-columns:minmax(5.5rem,.35fr) minmax(0,1fr) auto;align-items:stretch;display:grid}.custom-score .input,.custom-score .button{min-height:var(--control-md)}.custom-score .input.compact{width:100%}.student-select-list{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid var(--ds-border);display:grid}.student-select-list .field-label{color:var(--ds-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-normal);font-weight:var(--font-semibold)}.arena-question-card{gap:var(--space-4);display:grid}.arena-question-card h3{font-size:var(--font-size-xl);line-height:var(--line-snug);margin:0}.question-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.question-meta span{min-height:1.875rem;padding-inline:var(--space-3);border:var(--border-width) solid var(--ds-border);border-radius:var(--radius-pill);color:var(--ds-text-secondary);font-size:var(--font-size-xs);align-items:center;display:inline-flex}.realtime-grid{gap:var(--space-5)}.teacher-buzzer-state,.group-controls,.boss-create{border-radius:var(--radius-lg)}.inline-actions.solid-actions{gap:var(--space-2);flex-wrap:wrap}@media (max-width:72rem){.arena-grid{grid-template-columns:minmax(0,1fr)}.arena-main-card{min-height:25rem}.score-card{max-width:none}}@media (max-width:60rem){.arena-header.compact{flex-direction:column;align-items:flex-start}.arena-session-actions{justify-content:flex-start;width:100%}.arena-activity-strip{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.arena-activity-strip .select{max-width:none}.realtime-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:42rem){.arena-session-workspace{--arena-gap:var(--space-4)}.arena-header.compact{gap:var(--space-4);padding-bottom:var(--space-4)}.arena-header.compact h1,.arena-header.compact h2{font-size:var(--font-size-2xl)}.arena-session-actions{grid-template-columns:minmax(0,1fr);display:grid}.arena-session-actions>*{width:100%}.arena-tabs-six{margin-inline:calc(var(--space-2) * -1);top:0}.arena-activity-strip strong,.arena-activity-strip small{white-space:normal}.arena-main-card,.score-card{padding:var(--space-4);border-radius:var(--radius-md)}.arena-main-card{grid-template-rows:auto minmax(11rem,1fr) auto auto;min-height:22rem}.draw-stage{min-height:11rem;padding-block:var(--space-4)}.score-presets{grid-template-columns:minmax(0,1fr)}.score-presets>button{min-height:var(--target-comfortable)}.custom-score{grid-template-columns:minmax(0,1fr)}.custom-score>*{width:100%}.inline-actions,.inline-actions.solid-actions{align-items:stretch}.inline-actions.solid-actions>.button,.inline-actions.solid-actions>button{min-height:var(--target-comfortable);flex:10rem}}@media (max-width:30rem){.arena-main-card,.score-card{padding-inline:var(--space-3)}.arena-header.compact p{font-size:var(--font-size-xs)}.target-mark{width:4rem;height:4rem}}.arena-session-workspace,.arena-tabs-six [role=tab],.arena-session-actions button,.arena-activity-strip .select,.arena-interaction-switch button{font-size:var(--font-size-md)}.arena-tabs-six [role=tab]{font-weight:var(--font-semibold)}.arena-activity-strip .eyebrow,.arena-main-card>.eyebrow,.arena-session-workspace .ui-eyebrow{font-size:var(--font-size-sm)}.arena-activity-strip strong,.arena-interaction-switch strong{font-size:var(--font-size-md);line-height:var(--line-snug)}.arena-session-workspace small,.arena-session-workspace .ui-meta{font-size:var(--font-size-sm)}.arena-live-shell{box-sizing:border-box;grid-template-columns:14.5rem minmax(0,1fr);gap:1rem;width:100%;min-height:100dvh;padding:0;display:grid}.arena-live-shell>.arena-session-workspace{flex-direction:column;gap:.75rem;width:auto;min-width:0;max-width:none;margin:0;padding:0;display:flex}.arena-cockpit{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 15.5rem;align-items:start;min-width:0;display:grid}.arena-cockpit-nav{gap:var(--space-3);height:100dvh;min-height:0;padding:var(--space-4);border:1px solid var(--border);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 36%), var(--surface);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.arena-nav-scroll{align-content:start;gap:var(--space-4);overscroll-behavior:contain;scrollbar-width:none;min-height:0;display:grid;overflow-y:auto}.arena-nav-scroll::-webkit-scrollbar{width:0;height:0;display:none}.arena-cockpit-nav-group{gap:.4rem;display:grid}.arena-nav-brand{appearance:none;text-align:left;cursor:pointer;align-items:center;gap:.65rem;width:100%;display:grid;border:0!important;border-bottom:1px solid var(--border)!important;min-height:3rem!important;color:var(--text)!important;background:0 0!important;border-radius:0!important;grid-template-columns:2.35rem minmax(0,1fr)!important;padding:0 0 .7rem!important}.arena-nav-brand .topbar-brand-mark{width:2.35rem;height:2.35rem}.arena-nav-brand-copy{gap:.12rem;display:grid}.arena-nav-brand-copy strong{letter-spacing:.04em;font-size:.9rem!important}.arena-nav-brand-copy small{color:var(--muted);font-size:.68rem}.arena-nav-professor{width:100%;padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:auto}.arena-nav-professor>div{width:100%;display:block}.arena-nav-professor .arena-live-profile{grid-template-columns:var(--control-md) minmax(0, 1fr) .75rem;width:100%;min-width:0;color:var(--text);gap:.55rem;padding:.4rem .45rem}.arena-nav-professor .topbar-profile-avatar{width:var(--control-md);height:var(--control-md)}.arena-nav-professor .topbar-profile-copy{min-width:0}.arena-nav-professor .topbar-profile-copy strong{font-size:.78rem;line-height:1.2}.arena-nav-professor .topbar-profile-copy small{margin-top:.15rem;font-size:.68rem;line-height:1.2}.arena-nav-professor .topbar-profile-chevron{justify-self:end}.arena-cockpit-nav-group+.arena-cockpit-nav-group{padding-top:var(--space-4);border-top:1px solid var(--border)}.arena-cockpit-nav-label{color:var(--muted);letter-spacing:.12em;padding:0 .55rem .35rem;font-size:.66rem;font-weight:800}.arena-cockpit-nav-group>button{min-height:2.85rem;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.6rem;padding:.55rem .65rem;transition:background .16s,border-color .16s,color .16s;display:grid}.arena-cockpit-nav-group>button>span{background:var(--surface-2);border-radius:8px;place-items:center;width:1.7rem;height:1.7rem;display:grid}.arena-cockpit-nav-group>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.arena-cockpit-nav-group>button:hover,.arena-cockpit-nav-group>button:focus-visible{color:var(--text);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.arena-cockpit-nav-group>button.active{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 11%, var(--surface));color:var(--ds-accent-text)}@media (max-width:72rem){.arena-live-shell{grid-template-columns:4.75rem minmax(0,1fr)}.arena-cockpit-nav{padding:.55rem}.arena-nav-brand{justify-items:center;grid-template-columns:1fr!important}.arena-nav-brand-copy,.arena-cockpit-nav-label,.arena-cockpit-nav-group>button strong,.arena-nav-professor .topbar-profile-copy,.arena-nav-professor .topbar-profile-chevron{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-cockpit-nav-group>button{grid-template-columns:1fr;justify-items:center;padding-inline:.35rem}.arena-cockpit{grid-template-columns:minmax(0,1fr) 14rem}}@media (max-width:48rem){.arena-live-shell{padding:.5rem;display:block}.arena-cockpit{display:block}.arena-cockpit-nav{width:100%;height:auto;margin-bottom:var(--space-4);gap:.4rem;padding:.5rem;display:flex;position:static;overflow-x:auto}.arena-cockpit-nav-group{flex:none;display:flex}.arena-cockpit-nav-group+.arena-cockpit-nav-group{border-top:0;border-left:1px solid var(--border);padding:0 0 0 .4rem}.arena-cockpit-nav-group>button{width:2.8rem;min-height:2.8rem}}.draw-result-banner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;min-height:5.4rem;padding:.85rem 1rem;display:grid}.draw-result-banner.has-result{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface-2));grid-template-columns:auto minmax(0,1fr) auto}.draw-result-banner h3{margin:.18rem 0 .1rem;font-size:1rem}.draw-result-banner p{color:var(--muted);margin:0;font-size:.7rem}.draw-result-placeholder{border:1px dashed color-mix(in srgb, var(--accent) 32%, var(--border));width:2.8rem;height:2.8rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.draw-result-stats{border-left:1px solid var(--border);grid-template-columns:auto auto;align-items:baseline;gap:.05rem .35rem;padding-left:.9rem;display:grid}.draw-result-stats strong{color:var(--ds-accent-text);font-size:1rem}.draw-result-stats span{color:var(--muted);font-size:.62rem}@keyframes arena-wheel-pulse{0%{filter:brightness(.96);transform:scale(.995)}to{filter:brightness(1.08);transform:scale(1.008)}}@media (max-width:48rem){.draw-result-banner.has-result{grid-template-columns:auto minmax(0,1fr)}.draw-result-stats{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;grid-template-columns:auto auto auto auto;padding:.65rem 0 0}}.arena-live-shell .arena-cockpit{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 15.5rem}.arena-cockpit-main{min-width:0;position:relative}.arena-context-rail{top:var(--space-4);gap:.85rem;min-width:0;display:grid;position:sticky}.smart-draw-workspace{gap:.9rem;display:grid}.smart-draw-hero,.arena-participants-card,.arena-session-code-card{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--surface) 94%, #02100c);box-shadow:0 1.4rem 3.8rem #0000001f}.smart-draw-hero{border-radius:var(--radius-lg);padding:1rem}.smart-draw-titlebar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.2rem .2rem .8rem;display:flex}.smart-draw-titlebar h2{letter-spacing:-.045em;margin:.18rem 0 .16rem;font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1}.smart-draw-titlebar p{color:var(--muted);margin:0;font-size:.78rem}.smart-draw-settings{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--surface-2) 86%, transparent);min-height:2.45rem;color:var(--text);font:inherit;font-size:var(--font-size-2xs);cursor:pointer;border-radius:9px;padding:0 .8rem;font-weight:700}.smart-draw-stage-grid{grid-template-columns:13rem minmax(20rem,1fr) 12.8rem;align-items:center;gap:.8rem;min-height:31rem;display:grid}.draw-mode-panel,.draw-history-card,.draw-coverage-card{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:color-mix(in srgb, var(--surface-2) 78%, transparent);border-radius:12px}.draw-mode-panel{align-content:start;align-self:stretch;gap:.65rem;padding:.85rem;display:grid}.draw-panel-label,.arena-context-label{color:var(--muted);letter-spacing:.1em;font-size:.62rem;font-weight:800}.draw-mode-option,.draw-policy-row{border:1px solid #0000;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.68rem;display:grid}.draw-mode-option.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 9%, transparent)}.draw-mode-option strong,.draw-policy-row strong{font-size:.72rem;display:block}.draw-mode-option small,.draw-policy-row small{color:var(--muted);margin-top:.1rem;font-size:.59rem;line-height:1.35;display:block}.draw-mode-radio{border:.17rem solid var(--accent);width:1.05rem;height:1.05rem;box-shadow:inset 0 0 0 .16rem var(--surface-2);background:var(--accent);border-radius:50%}.draw-policy-row>span{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));width:1.05rem;height:1.05rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-size:.6rem;display:grid}.draw-policy-hint{border-top:1px solid var(--border);grid-template-columns:auto 1fr;gap:.5rem;margin-top:auto;padding:.65rem;display:grid}.draw-policy-hint p{color:var(--muted);margin:0;font-size:.59rem;line-height:1.45}.draw-insight-panel{align-content:center;align-self:stretch;gap:.7rem;display:grid}.draw-history-card{padding:.75rem}.draw-insight-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.draw-insight-head strong{font-size:.72rem}.draw-insight-head>span{background:color-mix(in srgb, var(--accent) 10%, transparent);min-width:1.5rem;color:var(--ds-accent-text);text-align:center;border-radius:999px;padding:.14rem .35rem;font-size:.6rem}.draw-history-list{gap:.35rem;display:grid}.draw-history-row{background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.45rem;display:grid}.draw-history-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;display:block;overflow:hidden}.draw-history-row small,.draw-history-empty{color:var(--muted);font-size:.55rem}.draw-history-dot{background:var(--surface);border-radius:50%;width:1.6rem;height:1.6rem}.draw-coverage-card{grid-template-columns:1fr auto;align-items:center;gap:.6rem;padding:.75rem;display:grid}.draw-coverage-copy{display:grid}.draw-coverage-copy>strong{color:var(--text);font-size:1.45rem;line-height:1}.draw-coverage-copy>span{margin-top:.2rem;font-size:.62rem}.draw-coverage-copy>small{color:var(--muted);font-size:.55rem}.draw-coverage-ring{--coverage:0%;aspect-ratio:1;background:conic-gradient(var(--accent) var(--coverage), color-mix(in srgb, var(--border) 72%, transparent) 0);border-radius:50%;place-items:center;width:3.6rem;display:grid;position:relative}.draw-coverage-ring strong{z-index:1;color:var(--ds-accent-text);font-size:.68rem;position:relative}.selected-student-bar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:5.1rem;margin-top:.8rem;padding:.75rem .9rem;display:grid}.selected-student-bar.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--border))}.selected-student-copy{min-width:0}.selected-student-copy h3{margin:0;font-size:1.05rem}.selected-student-copy p{color:var(--muted);flex-wrap:wrap;gap:.45rem;margin:.2rem 0 0;font-size:.62rem;display:flex}.selected-student-copy em{color:var(--ds-accent-text);font-style:normal}.selected-student-name-row{align-items:center;gap:.5rem;display:flex}.selected-student-name-row>span{color:#e7bd4e;background:#d4a72c26;border-radius:999px;padding:.2rem .42rem;font-size:.55rem;font-weight:750}.selected-student-cta{background:var(--accent);color:#03100b;min-height:2.8rem;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 1rem;font-size:.72rem;font-weight:800}.arena-participants-card,.arena-session-code-card{border-radius:12px}.arena-participants-card{overflow:hidden}.arena-context-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem;display:flex}.arena-context-head>div{align-items:baseline;gap:.3rem;display:flex}.arena-context-head small{color:var(--muted);font-size:.62rem}.arena-context-head button,.arena-context-more{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;font-size:.58rem}.arena-context-head button{min-height:1.9rem;padding:0 .5rem}.arena-participant-search{border:1px solid var(--border);color:var(--muted);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:.35rem;margin:.65rem;padding:.45rem .55rem;display:grid}.arena-participant-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:.65rem}.arena-participant-list{grid-auto-rows:max-content;align-content:start;max-height:34rem;padding:0 .45rem .45rem;display:grid;overflow:auto}.arena-participant-row{border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:2.7rem;padding:.35rem .25rem;display:grid}.arena-participant-row:last-child{border-bottom:0}.arena-participant-row>div{min-width:0;display:grid}.arena-participant-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.arena-participant-row small{color:var(--muted);font-size:.54rem}.arena-status-dot{background:var(--muted);border-radius:50%;width:.46rem;height:.46rem}.arena-status-dot.online{background:var(--accent);box-shadow:0 0 .6rem color-mix(in srgb, var(--accent) 55%, transparent)}.arena-status-dot.present{background:#d6aa3c}.arena-status-dot.offline{background:#67716e}.arena-context-more{width:calc(100% - 1rem);min-height:2.1rem;margin:.1rem .5rem .55rem}.arena-session-code-card{grid-template-columns:minmax(0,1fr) 4.9rem;align-items:center;gap:.65rem;padding:.75rem;display:grid}.arena-session-code-card>div{gap:.25rem;min-width:0;display:grid}.arena-session-code-card>div>strong{letter-spacing:.08em;font-size:1.35rem}.arena-session-code-card>div>small{color:var(--muted);font-size:.54rem;line-height:1.35}.arena-session-code-card img,.arena-qr-placeholder{aspect-ratio:1;background:#fff;border-radius:8px;width:4.9rem}.arena-qr-placeholder{color:#111;place-items:center;font-weight:800;display:grid}@media (max-width:90rem){.arena-cockpit{grid-template-columns:4.8rem minmax(0,1fr) 15.5rem}.smart-draw-stage-grid{grid-template-columns:11.5rem minmax(18rem,1fr) 11.5rem}}@media (max-width:74rem){.arena-cockpit{grid-template-columns:4.6rem minmax(0,1fr)}.arena-context-rail{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 16rem;position:static}.smart-draw-stage-grid{grid-template-columns:11rem minmax(18rem,1fr)}.draw-insight-panel{grid-column:1/-1;grid-template-columns:1fr 12rem}}@media (max-width:54rem){.smart-draw-titlebar{display:grid}.smart-draw-stage-grid{grid-template-columns:1fr}.draw-mode-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-self:auto}.draw-panel-label,.draw-policy-hint{grid-column:1/-1}.draw-insight-panel{grid-column:auto;grid-template-columns:1fr 1fr}.selected-student-bar{grid-template-columns:auto minmax(0,1fr)}.selected-student-cta{grid-column:1/-1}.arena-context-rail{grid-template-columns:1fr}}@media (max-width:42rem){.draw-mode-panel,.draw-insight-panel{grid-template-columns:1fr}}.arena-tool-groups,.arena-tool-attendance,.arena-tool-score{gap:var(--space-4);display:grid}.arena-tool-groups .group-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;display:grid}.arena-tool-groups .group-controls label{color:var(--muted);gap:.35rem;font-size:.68rem;font-weight:700;display:grid}.arena-tool-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-tool-groups-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.arena-tool-group-member{grid-template-columns:minmax(0,1fr) minmax(7rem,.7fr);align-items:center;gap:.5rem;padding:.2rem 0;display:grid}.arena-tool-group-member>span{overflow-wrap:anywhere;min-width:0}.arena-tool-group-member .select{width:100%;min-width:0}.arena-tool-group-empty{font-style:italic;color:var(--muted)!important}.arena-tool-roster{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:12px;display:grid;overflow:hidden}.arena-tool-roster-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .8rem;display:flex}.arena-tool-roster-head strong{font-size:.78rem}.arena-tool-roster-head span{color:var(--muted);font-size:.62rem}.arena-tool-roster-row{border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem;min-height:3.2rem;padding:.45rem .7rem;display:grid}.arena-tool-roster-row:last-child{border-bottom:0}.arena-tool-roster-row>div{min-width:0;display:grid}.arena-tool-roster-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.arena-tool-roster-row small{color:var(--muted);font-size:.56rem}.arena-tool-release{border:1px solid var(--border);width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px}.arena-tool-release:hover,.arena-tool-release:focus-visible{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.arena-tool-score .select{min-height:2.5rem}.arena-tool-score-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-tool-score-presets button{min-height:4.25rem}.arena-tool-score-custom{grid-template-columns:5rem minmax(0,1fr) auto}@media (max-width:36rem){.arena-tool-groups .group-controls,.arena-tool-groups-grid,.arena-tool-score-presets,.arena-tool-score-custom{grid-template-columns:1fr}.arena-tool-roster-row{grid-template-columns:auto minmax(0,1fr) auto}.arena-tool-release{grid-column:3}}.buzzer-workspace{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:.9rem;display:grid}.buzzer-hero,.buzzer-ranking-card{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 95%, #04110d);box-shadow:0 1.4rem 3.8rem #0000001f}.buzzer-hero{padding:1.25rem}.buzzer-titlebar,.buzzer-ranking-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.buzzer-titlebar h2{letter-spacing:-.045em;margin:.18rem 0 .16rem;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.02}.buzzer-titlebar p{color:var(--muted);margin:0;font-size:.76rem}.buzzer-status-badge{border:1px solid var(--border);letter-spacing:.07em;border-radius:999px;padding:.42rem .62rem;font-size:.62rem;font-weight:800}.buzzer-status-badge.open{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ds-accent-text);box-shadow:0 0 1.25rem color-mix(in srgb, var(--accent) 14%, transparent)}.buzzer-status-badge.closed{color:#f0a3a3;border-color:color-mix(in srgb, #e26c6c 35%, var(--border))}.buzzer-status-badge.idle{color:var(--muted)}.buzzer-stage{align-content:center;place-items:center;gap:1rem;min-height:29rem;padding:1rem;display:grid}.buzzer-orb{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, var(--surface-2)) 0 28%, var(--surface) 70%);width:min(18rem,70vw);box-shadow:inset 0 0 0 .7rem color-mix(in srgb, var(--accent) 4%, transparent), 0 0 4rem color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;align-content:center;place-items:center;gap:.35rem;display:grid}.buzzer-orb.open{border-color:color-mix(in srgb, var(--accent) 68%, var(--border));box-shadow:inset 0 0 0 .7rem color-mix(in srgb, var(--accent) 8%, transparent), 0 0 5rem color-mix(in srgb, var(--accent) 28%, transparent);animation:.72s ease-in-out infinite alternate buzzer-pulse}.buzzer-orb-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:4rem;height:4rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-size:2rem;display:grid}.buzzer-orb strong{color:var(--text);letter-spacing:.04em;font-size:1.35rem}.buzzer-orb small{color:var(--muted);text-align:center;font-size:.66rem}.buzzer-stage-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.buzzer-primary-action{min-width:10rem}.buzzer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(28rem,100%);display:grid}.buzzer-metrics>div{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 82%, transparent);border-radius:10px;justify-items:center;gap:.1rem;padding:.6rem;display:grid}.buzzer-metrics strong{font-size:.82rem}.buzzer-metrics span{color:var(--muted);font-size:var(--font-size-2xs)}.buzzer-ranking-card{min-width:0;padding:1.25rem}.buzzer-ranking-head{border-bottom:1px solid var(--border);padding-bottom:.65rem}.buzzer-ranking-head h3{margin:.16rem 0 0;font-size:.95rem}.buzzer-ranking-head>span{color:var(--muted);font-size:.6rem}.buzzer-podium-list{gap:.4rem;margin-top:.65rem;display:grid}.buzzer-podium-row{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 84%, transparent);border-radius:10px;grid-template-columns:2rem auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:3.7rem;padding:.48rem .55rem;display:grid}.buzzer-podium-row.winner{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), color-mix(in srgb, var(--surface-2) 88%, transparent));box-shadow:0 0 1.8rem color-mix(in srgb, var(--accent) 8%, transparent)}.buzzer-position{color:var(--muted);font-size:.72rem;font-weight:800}.buzzer-podium-row.winner .buzzer-position{color:var(--ds-accent-text)}.buzzer-avatar-fallback{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 13%, var(--surface-2));width:2rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-weight:800;display:grid}.buzzer-student-copy{min-width:0;display:grid}.buzzer-student-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.buzzer-student-copy small,.buzzer-order-time{color:var(--muted);font-size:.54rem}.buzzer-winner-actions{gap:.3rem;display:flex}.buzzer-winner-actions button{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);min-height:2rem;color:var(--ds-accent-text);font:inherit;cursor:pointer;border-radius:8px;padding:0 .45rem;font-size:.56rem;font-weight:800}.buzzer-empty-state{text-align:center;align-content:center;place-items:center;gap:.4rem;min-height:18rem;display:grid}.buzzer-empty-state>span{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 9%, transparent);width:3.5rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-size:1.55rem;display:grid}.buzzer-empty-state strong{font-size:.8rem}.buzzer-empty-state p{max-width:16rem;color:var(--muted);margin:0;font-size:.61rem;line-height:1.5}@keyframes buzzer-pulse{0%{filter:brightness(.96);transform:scale(.992)}to{filter:brightness(1.08);transform:scale(1.012)}}@media (max-width:74rem){.buzzer-workspace{grid-template-columns:1fr}.buzzer-ranking-card{order:2}}@media (max-width:42rem){.buzzer-titlebar,.buzzer-ranking-head{display:grid}.buzzer-podium-row{grid-template-columns:1.8rem auto minmax(0,1fr)}.buzzer-winner-actions,.buzzer-order-time{grid-column:2/-1}.buzzer-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.buzzer-orb.open{animation:none}}.boss-workspace{gap:.9rem;display:grid}.boss-hero{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 95%,#06100d);padding:1.25rem;box-shadow:0 1.4rem 3.8rem #00000024}.boss-titlebar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.boss-titlebar h2{letter-spacing:-.045em;margin:.18rem 0 .16rem;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.02}.boss-titlebar p{color:var(--muted);margin:0;font-size:.76rem}.boss-title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.boss-phase-badge{border:1px solid var(--border);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:.4rem .62rem;font-size:.61rem;font-weight:800}.boss-phase-badge.active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ds-accent-text)}.boss-phase-badge.defeated{border-color:color-mix(in srgb,#d8ae43 40%,var(--border));color:#e5bd58;background:#d8ae4314}.boss-live-grid,.boss-setup-grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:stretch;gap:.85rem;display:grid}.boss-stage,.boss-combat-panel,.boss-setup-card,.boss-preview-card{border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));background:color-mix(in srgb,var(--surface-2) 84%,transparent);border-radius:14px}.boss-stage{align-content:center;place-items:center;gap:1rem;min-height:31rem;padding:1rem;display:grid;position:relative;overflow:hidden}.boss-stage:before{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);width:24rem;box-shadow:0 0 0 4rem color-mix(in srgb,var(--accent) 2%,transparent), 0 0 0 8rem color-mix(in srgb,var(--accent) 1%,transparent);pointer-events:none;border-radius:50%;position:absolute}.boss-core{z-index:1;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 20%,var(--surface-2)) 0 18%,var(--surface) 68%);width:min(15rem,58vw);box-shadow:inset 0 0 0 .75rem color-mix(in srgb,var(--accent) 4%,transparent), 0 0 4.5rem color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;align-content:center;place-items:center;gap:.22rem;display:grid;position:relative}.boss-core.critical{border-color:color-mix(in srgb,#e67b6f 65%,var(--border));animation:.72s ease-in-out infinite alternate boss-critical-pulse;box-shadow:inset 0 0 0 .75rem #e67b6f0d,0 0 4.8rem #e67b6f33}.boss-core.defeated{filter:saturate(.55);opacity:.78;transform:scale(.96)}.boss-core.preview{width:min(12rem,52vw)}.boss-core-rune{aspect-ratio:1;background:color-mix(in srgb,var(--accent) 10%,transparent);width:4rem;color:var(--ds-accent-text);border-radius:50%;place-items:center;font-size:1.85rem;display:grid}.boss-core-label{color:var(--muted);letter-spacing:.14em;font-size:.58rem;font-weight:800}.boss-core strong{max-width:80%;color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.22rem;overflow:hidden}.boss-core small{color:var(--ds-accent-text);font-size:.62rem;font-weight:750}.boss-hp-panel{z-index:1;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 91%,transparent);border-radius:11px;gap:.38rem;width:min(34rem,100%);padding:.7rem;display:grid;position:relative}.boss-hp-head,.boss-hp-foot{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.boss-hp-head span{color:var(--muted);letter-spacing:.08em;font-size:.58rem;font-weight:800}.boss-hp-head strong{font-size:.82rem}.boss-hp-track{background:color-mix(in srgb,var(--border) 72%,transparent);border-radius:999px;height:.75rem;overflow:hidden}.boss-hp-track>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#d6b557));height:100%;box-shadow:0 0 .9rem color-mix(in srgb,var(--accent) 34%,transparent);transition:width .3s;display:block}.boss-hp-foot{color:var(--muted);font-size:.55rem}.boss-session-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(34rem,100%);display:grid;position:relative}.boss-session-metrics>div{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:10px;place-items:center;gap:.1rem;padding:.58rem;display:grid}.boss-session-metrics strong{font-size:.77rem}.boss-session-metrics span{color:var(--muted);font-size:var(--font-size-2xs)}.boss-victory-banner{z-index:1;border:1px solid color-mix(in srgb,#d8ae43 42%,var(--border));background:color-mix(in srgb,#d8ae43 8%,var(--surface));border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;width:min(34rem,100%);padding:.72rem;display:grid;position:relative}.boss-victory-banner>span{font-size:1.3rem}.boss-victory-banner strong{color:#e5bd58;font-size:.72rem}.boss-victory-banner p{color:var(--muted);margin:.1rem 0 0;font-size:.57rem}.boss-combat-panel{align-content:start;gap:.75rem;padding:.85rem;display:grid}.boss-combat-head{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.boss-combat-head h3{margin:.15rem 0 0;font-size:1rem}.boss-combat-head>span{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted);border-radius:999px;padding:.24rem .42rem;font-size:.54rem;font-weight:750}.boss-combat-note{border-left:3px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);border-radius:0 9px 9px 0;margin:0;padding:.65rem;font-size:.59rem;line-height:1.45}.boss-attacks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.boss-attacks button{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface) 90%,transparent);min-height:5.2rem;color:var(--text);cursor:pointer;border-radius:10px;align-content:center;place-items:center;gap:.1rem;display:grid}.boss-attacks button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.boss-attacks button:disabled{opacity:.4;cursor:not-allowed}.boss-attacks button>span{color:var(--ds-accent-text);font-size:1.1rem}.boss-attacks button strong{font-size:.72rem}.boss-attacks button small{color:var(--muted);font-size:.52rem}.boss-rule-card,.boss-next-challenge{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:10px;gap:.35rem;padding:.7rem;display:grid}.boss-rule-card strong{font-size:.67rem}.boss-rule-card p{color:var(--muted);margin:0;font-size:.56rem;line-height:1.5}.boss-next-challenge .input{width:100%}.boss-hp-config{grid-template-columns:5.5rem minmax(0,1fr);gap:.4rem;display:grid}.boss-setup-card{align-content:start;gap:.8rem;padding:1rem;display:grid}.boss-setup-card h3{margin:.1rem 0 0;font-size:1.15rem}.boss-setup-card>p{color:var(--muted);margin:0;font-size:.64rem;line-height:1.5}.boss-setup-card label{gap:.35rem;display:grid}.boss-setup-card label>span{color:var(--muted);font-size:.61rem;font-weight:750}.boss-hp-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.boss-hp-presets button{border:1px solid var(--border);min-height:2.35rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:9px;font-size:.6rem;font-weight:750}.boss-hp-presets button.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ds-accent-text)}.boss-start-button{min-height:2.8rem}.boss-preview-card{align-content:center;place-items:center;gap:.8rem;padding:1rem;display:grid}@keyframes boss-critical-pulse{0%{filter:brightness(.95);transform:scale(.992)}to{filter:brightness(1.08);transform:scale(1.012)}}@media (max-width:78rem){.boss-live-grid,.boss-setup-grid{grid-template-columns:1fr}.boss-combat-panel{grid-template-columns:minmax(0,1fr)}}@media (max-width:46rem){.boss-titlebar,.boss-combat-head,.boss-hp-head,.boss-hp-foot{display:grid}.boss-session-metrics,.boss-attacks,.boss-hp-presets,.boss-hp-config{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.boss-core.critical{animation:none}.boss-hp-track>span{transition:none}}.arena-content-full .arena-session-workspace{--arena-gap:.65rem;width:100%;max-width:none}.arena-desktop-session-header{border:1px solid color-mix(in srgb, var(--accent) 13%, var(--border));background:color-mix(in srgb, var(--surface) 95%, transparent);border-radius:12px;min-height:4.35rem;padding:.55rem .7rem}.arena-session-context{align-items:center;gap:.7rem;min-width:0;display:flex}.arena-back-to-class{border:1px solid var(--border);width:2.35rem;height:2.35rem;color:var(--muted);font:inherit;background:0 0;border-radius:9px;flex:none;place-items:center;font-size:.95rem;display:grid}.arena-back-to-class:hover,.arena-back-to-class:focus-visible{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--ds-accent-text);background:color-mix(in srgb, var(--accent) 5%, transparent)}.arena-session-breadcrumb{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.16rem;font-size:.6rem;font-weight:720;display:block;overflow:hidden}.arena-desktop-session-header .arena-session-title-row h2{letter-spacing:-.02em;margin:0;font-size:.98rem}.arena-session-elapsed{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--surface-2) 84%, transparent);border-radius:9px;grid-template-columns:auto auto;align-items:center;gap:.45rem;min-height:2.55rem;padding:.35rem .6rem;display:grid}.arena-session-elapsed>span{color:var(--ds-accent-text);font-size:.95rem}.arena-session-elapsed>div{display:grid}.arena-session-elapsed strong{font-size:.72rem;line-height:1}.arena-session-elapsed small{color:var(--muted);margin-top:.12rem;font-size:.5rem!important}.arena-content-full .arena-cockpit{grid-template-columns:11.75rem minmax(0,1fr) 16.5rem;gap:.65rem}.arena-content-full .arena-cockpit-nav,.arena-content-full .arena-context-rail{top:.65rem}.arena-content-full .arena-cockpit-nav{border-radius:12px;padding:.7rem}.arena-content-full .arena-context-rail{gap:.65rem}.arena-content-full .smart-draw-hero,.arena-content-full .arena-participants-card,.arena-content-full .arena-session-code-card{box-shadow:none}.draw-wheel-hero-stage{min-width:0;display:grid}.draw-context-strip{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.7rem;margin-top:-.15rem;margin-bottom:.65rem;display:grid}.draw-recent-strip,.draw-coverage-inline{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:color-mix(in srgb, var(--surface-2) 78%, transparent);border-radius:11px;min-width:0}.draw-recent-strip{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.55rem .7rem;display:grid}.draw-context-label{border-right:1px solid var(--border);gap:.08rem;padding-right:.7rem;display:grid}.draw-context-label strong{font-size:.62rem}.draw-context-label span{color:var(--muted);font-size:.53rem}.draw-recent-people{align-items:center;gap:.55rem;min-width:0;display:flex;overflow:hidden}.draw-recent-person{align-items:center;gap:.32rem;min-width:0;display:flex}.draw-recent-person>span{max-width:4.8rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;font-weight:700;overflow:hidden}.draw-coverage-inline{grid-template-columns:auto auto;align-items:center;gap:.55rem;padding:.45rem .55rem .45rem .7rem;display:grid}.draw-coverage-inline>div:first-child{display:grid}.draw-coverage-inline>div:first-child strong{font-size:.78rem}.draw-coverage-inline>div:first-child span{color:var(--muted);font-size:.53rem}.draw-coverage-inline .draw-coverage-ring{width:3rem}@media (max-width:90rem){.arena-content-full .arena-cockpit{grid-template-columns:4.65rem minmax(0,1fr) 15rem}}@media (max-width:74rem){.arena-content-full .arena-cockpit{grid-template-columns:4.65rem minmax(0,1fr)}.draw-context-strip{grid-template-columns:1fr}}@media (max-width:54rem){.arena-desktop-session-header{align-items:stretch}.arena-session-actions{width:100%}.draw-recent-strip{grid-template-columns:1fr}.draw-context-label{border-right:0;border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:.35rem;padding-right:0;display:flex}}@media (max-width:42rem){.arena-session-context{align-items:flex-start}.arena-session-elapsed{width:100%}.draw-recent-people{overflow-x:auto}}@media (min-width:90.01rem){.arena-content-full .arena-cockpit{grid-template-columns:13.25rem minmax(0,1fr) 17rem}.arena-cockpit-nav-group>button strong{text-overflow:clip;overflow:visible}}.arena-cockpit-nav-group>button>span{color:currentColor;font-size:.82rem}.arena-cockpit-nav-group>button.active>span{background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.arena-participant-row{padding-inline:.35rem}.arena-participant-row strong{font-size:.68rem}.arena-participant-row small{margin-top:.08rem;font-size:.55rem}.arena-status-dot.present{background:#d6aa3c;box-shadow:0 0 .42rem #d6aa3c5c}.arena-session-code-row{align-items:center;gap:.42rem;display:flex}.arena-session-code-row>strong{letter-spacing:.08em;min-width:0;font-size:1.35rem}.arena-session-code-row>button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 88%, transparent);width:1.9rem;height:1.9rem;color:var(--muted);font:inherit;cursor:pointer;border-radius:7px;flex:none;place-items:center;display:grid}.arena-session-code-row>button:hover:not(:disabled),.arena-session-code-row>button:focus-visible{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));color:var(--ds-accent-text)}.arena-session-code-row>button:disabled{cursor:not-allowed;opacity:.45}.selected-student-bar.active{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 42%), color-mix(in srgb, var(--surface-2) 90%, transparent)}.selected-student-cta:hover,.selected-student-cta:focus-visible{filter:brightness(1.05);box-shadow:0 0 1.2rem color-mix(in srgb, var(--accent) 18%, transparent)}@media (max-width:90rem){.arena-content-full .arena-cockpit{grid-template-columns:10.5rem minmax(0,1fr) 14.5rem}.arena-content-full .arena-cockpit-nav{padding:.6rem}.arena-cockpit-nav-group>button{grid-template-columns:1.55rem minmax(0,1fr);gap:.45rem;padding-inline:.5rem}.arena-cockpit-nav-group>button>span{width:1.55rem;height:1.55rem}.arena-cockpit-nav-group>button strong{font-size:.72rem}.arena-context-head{padding:.7rem}.arena-participant-search{margin:.55rem}.arena-session-code-card{grid-template-columns:minmax(0,1fr) 4.35rem;gap:.5rem;padding:.65rem}.arena-session-code-card img,.arena-qr-placeholder{width:4.35rem}}@media (max-width:74rem){.arena-content-full .arena-cockpit{grid-template-columns:4.65rem minmax(0,1fr)}.arena-cockpit-nav-label,.arena-cockpit-nav-group>button strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-cockpit-nav{padding:.55rem}.arena-cockpit-nav-group>button{grid-template-columns:1fr;justify-items:center;padding-inline:.35rem}.arena-context-rail{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 15rem}}@media (max-width:54rem){.arena-context-rail{grid-template-columns:1fr}.selected-student-bar{grid-template-columns:auto minmax(0,1fr)}.selected-student-cta{grid-column:1/-1;width:100%}}.smart-draw-title-copy{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.72rem;display:grid}.smart-draw-title-icon{border:2px solid color-mix(in srgb, var(--accent) 78%, white 8%);width:2.55rem;height:2.55rem;color:var(--ds-accent-text);box-shadow:0 0 1.2rem color-mix(in srgb, var(--accent) 15%, transparent);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:900;display:grid}@media (max-width:54rem){.smart-draw-title-copy{grid-template-columns:2.2rem minmax(0,1fr)}.smart-draw-title-icon{width:2.2rem;height:2.2rem;font-size:1rem}}.arena-content-full .smart-draw-hero{overflow:hidden}.arena-content-full .draw-wheel-hero-stage{width:calc(100% + 1.8rem);margin-inline:-.9rem}@media (max-width:74rem){.arena-content-full .draw-wheel-hero-stage{width:calc(100% + 1.8rem);margin-inline:-.9rem}}@media (max-width:42rem){.arena-content-full .draw-wheel-hero-stage{width:calc(100% + 1.8rem)}}.topbar.arena-root-topbar-hidden{display:none}.arena-session-workspace{gap:.75rem}.arena-live-topbar{gap:var(--space-5);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:4.75rem;margin:0;padding:.65rem 0}.arena-live-brand{min-width:12.5rem}.arena-live-context{min-width:0;color:var(--muted);font-size:var(--font-size-sm);align-items:center;gap:.55rem;display:flex;overflow:hidden}.arena-live-context>button{min-height:var(--target-min);max-width:17rem;color:var(--muted);font:inherit;font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0 .2rem;overflow:hidden}.arena-live-context>button:hover,.arena-live-context>button:focus-visible{color:var(--text)}.arena-live-context>strong{min-width:0;color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-live-context>span:last-child{white-space:nowrap;flex:none}.arena-live-profile{min-width:9.8rem}.arena-session-actions{flex-wrap:nowrap}.arena-session-elapsed{min-height:var(--target-comfortable);padding:.35rem .65rem}.arena-session-elapsed strong{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.arena-session-elapsed small{font-size:var(--font-size-xs)!important}.arena-nav-context{border-bottom:1px solid var(--border);gap:.55rem;padding-bottom:.8rem;display:grid}.arena-nav-back{min-height:var(--target-min);border-radius:var(--radius-sm);color:var(--muted);text-align:left;background:0 0;border:0;grid-template-columns:1.6rem minmax(0,1fr);align-items:center;gap:.45rem;padding:.25rem .45rem;display:grid}.arena-nav-back:hover,.arena-nav-back:focus-visible{background:color-mix(in srgb, var(--accent) 4%, transparent);color:var(--text)}.arena-nav-back strong{font-size:var(--font-size-xs);font-weight:var(--font-semibold)}.arena-nav-arena-card{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));border-radius:var(--radius-md);background:linear-gradient(110deg, color-mix(in srgb, var(--accent) 11%, transparent), color-mix(in srgb, var(--accent) 3%, var(--surface-2)));grid-template-columns:2.15rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:4.1rem;padding:.65rem;display:grid}.arena-nav-arena-icon{background:color-mix(in srgb, var(--accent) 13%, var(--surface-2));width:2.15rem;height:2.15rem;color:var(--ds-accent-text);border-radius:.65rem;place-items:center;font-size:.85rem;display:grid}.arena-nav-arena-card>div{min-width:0}.arena-nav-arena-card strong,.arena-nav-arena-card small{display:block}.arena-nav-arena-card strong{color:var(--ds-accent-text);font-size:var(--font-size-sm)}.arena-nav-arena-card small{color:var(--muted);font-size:var(--font-size-xs);line-height:var(--line-snug);margin-top:.18rem}.arena-content-full .arena-cockpit-nav{gap:.8rem}.arena-content-full .arena-cockpit-nav-group{gap:.28rem}.arena-content-full .arena-cockpit-nav-label{font-size:var(--font-size-xs)}.arena-content-full .arena-cockpit-nav-group>button{min-height:var(--target-comfortable)}.arena-content-full .arena-cockpit-nav-group>button strong{font-size:var(--font-size-xs)}@media (min-width:90.01rem){.arena-content-full .arena-cockpit{grid-template-columns:minmax(0,1fr) 18rem;gap:.8rem}}@media (max-width:90rem){.arena-content-full .arena-cockpit{grid-template-columns:minmax(0,1fr) 16rem;gap:.7rem}.arena-live-brand{min-width:10.5rem}.arena-live-context>button:first-child,.arena-live-context>span:first-of-type{display:none}}@media (max-width:74rem){.arena-content-full .arena-cockpit{grid-template-columns:minmax(0,1fr)}.arena-content-full .arena-context-rail{grid-column:1;grid-template-columns:minmax(0,1fr) 15rem}.arena-live-topbar{padding-inline:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto}.arena-live-context>button,.arena-live-context>span:not(:last-child){display:none}.arena-live-context>strong{max-width:14rem}.topbar-profile.arena-live-profile{grid-template-columns:var(--control-md) .75rem;gap:var(--space-1);min-width:4.5rem;padding-right:var(--space-2)}.arena-live-profile .topbar-profile-copy{display:none}.arena-nav-back strong,.arena-nav-arena-card>div,.arena-cockpit-nav-label,.arena-cockpit-nav-group>button strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-nav-arena-card{grid-template-columns:1fr;justify-items:center;min-height:3.4rem;padding:.55rem}}.arena-live-topbar{z-index:30;position:sticky;top:0}.arena-content-full .smart-draw-hero{border-radius:var(--radius-lg);padding:1rem 1.05rem .85rem}.arena-content-full .draw-wheel-hero-stage{width:100%;margin-inline:0;padding-inline:clamp(.5rem,2.6vw,2.5rem)}.smart-draw-titlebar{padding:.25rem .25rem .55rem}.smart-draw-titlebar p{font-size:var(--font-size-xs);line-height:var(--line-normal)}.draw-context-strip{margin-top:.15rem}.draw-context-label strong,.draw-context-label span,.draw-recent-person>span,.draw-history-empty,.draw-coverage-inline>div:first-child span{font-size:var(--font-size-xs)}.draw-recent-person .avatar,.arena-participant-row .avatar,.selected-student-bar .avatar{border-radius:50%}.selected-student-bar{gap:.9rem;min-height:5.4rem;padding:.8rem 1rem}.selected-student-bar .avatar.large{width:3.75rem;height:3.75rem;font-size:var(--font-size-lg);border-radius:50%}.selected-student-copy h3{font-size:var(--font-size-lg)}.selected-student-copy p,.selected-student-name-row>span{font-size:var(--font-size-xs)}.selected-student-cta{min-height:var(--target-comfortable);font-size:var(--font-size-sm);padding-inline:1.15rem}.arena-context-head strong{font-size:var(--font-size-sm)}.arena-context-head small,.arena-participant-search input,.arena-participant-row strong,.arena-participant-row small,.arena-context-head button,.arena-context-more{font-size:var(--font-size-xs)}.arena-participant-row{gap:.6rem;min-height:3.25rem;padding:.45rem .35rem}.arena-participant-search{min-height:var(--target-comfortable)}.arena-participant-list{max-height:36rem}.arena-session-code-card{padding:.8rem}.arena-session-code-row>strong{font-size:var(--font-size-xl)}.app-shell-no-sidebar .content.arena-content-full{min-height:100dvh;padding-bottom:.75rem}.arena-content-full .arena-session-workspace{min-height:calc(100dvh - 1.5rem)}.arena-content-full .arena-cockpit{flex:auto;align-items:stretch;min-height:0}.arena-content-full .arena-cockpit-nav,.arena-content-full .arena-context-rail{align-self:stretch}.arena-content-full .arena-cockpit-main{min-height:0}.arena-content-full .arena-context-rail{grid-template-rows:minmax(0,1fr) auto}.arena-content-full .arena-participants-card{flex-direction:column;min-height:0;display:flex}.arena-content-full .arena-participant-list{flex:auto;min-height:0;max-height:none}.arena-content-full .smart-draw-hero{padding:.85rem 1.05rem .7rem}.arena-content-full .draw-context-strip{margin-bottom:.5rem}.arena-content-full .selected-student-bar{min-height:5.1rem;padding:.7rem .9rem}@media (min-width:74.01rem){.arena-content-full .arena-session-workspace{height:calc(100dvh - 1.5rem);min-height:0;overflow:hidden}.arena-content-full .arena-cockpit{overflow:hidden}.arena-content-full .arena-cockpit-nav,.arena-content-full .arena-context-rail{min-height:0;overflow:hidden}.arena-content-full .arena-cockpit-main{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.arena-content-full .arena-cockpit-nav{overflow-y:auto}}@media (max-width:74rem){.arena-content-full .draw-wheel-hero-stage{width:100%;margin-inline:0;padding-inline:.35rem}}@media (max-width:48rem){.arena-live-context,.arena-live-brand>span:last-child{display:none}.arena-live-brand{min-width:0}}.arena-content-full .smart-draw-hero{min-height:0}.arena-content-full .selected-student-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:4.8rem;margin-top:.55rem;padding:.65rem .8rem;display:grid;position:relative}.selected-student-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;display:grid}.draw-history-popover{flex:none;position:relative}.draw-history-popover>summary{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--surface-2) 84%, transparent);width:2.45rem;height:2.45rem;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;list-style:none;display:grid}.draw-history-popover>summary::-webkit-details-marker{display:none}.draw-history-popover>summary:hover,.draw-history-popover>summary:focus-visible,.draw-history-popover[open]>summary{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));color:var(--ds-accent-text);background:color-mix(in srgb, var(--accent) 7%, var(--surface-2))}.draw-history-popover[open]>summary svg{transform:rotate(180deg)}.draw-history-popover>summary svg{transition:transform .16s}.draw-history-menu{z-index:50;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--surface) 96%, #03110c);width:clamp(18rem,32vw,32rem);color:var(--muted);font-size:var(--font-size-xs);line-height:var(--line-normal);border-radius:11px;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.75rem .85rem;display:flex;position:absolute;bottom:calc(100% + .55rem);right:0;box-shadow:0 18px 42px #00000047}.draw-history-menu span{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.draw-history-menu i{color:color-mix(in srgb, var(--muted) 58%, transparent);font-style:normal}.draw-history-menu small{color:var(--muted);font-size:var(--font-size-xs)}@media (min-width:74.01rem){.arena-content-full .arena-cockpit-main{overflow:hidden}.arena-content-full .smart-draw-workspace{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.arena-content-full .smart-draw-hero{min-height:0;overflow:visible}.arena-content-full .draw-wheel-hero-stage{min-height:0}}@media (max-width:90rem){.arena-content-full .selected-student-bar{gap:.55rem}}@media (max-width:74rem){.arena-content-full .selected-student-bar{grid-template-columns:1fr}}@media (min-width:74.01rem){.app-shell-no-sidebar .content.arena-content-full{box-sizing:border-box;height:100dvh;min-height:0;overflow:hidden}.arena-content-full .arena-session-workspace{height:100%;min-height:0;overflow:hidden}.arena-content-full .arena-cockpit{flex:auto;min-height:0;overflow:hidden}.arena-content-full .arena-cockpit-main{min-height:0;overflow:hidden}.arena-content-full .arena-tab-content,.arena-content-full .smart-draw-workspace{height:100%;min-height:0}.arena-content-full .smart-draw-workspace{grid-template-rows:minmax(0,1fr) auto;gap:.6rem;display:grid}.arena-content-full .smart-draw-hero{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:visible}.arena-content-full .draw-wheel-hero-stage{align-items:center;min-height:0;display:flex}}.arena-nav-context{gap:0}.arena-nav-arena-card{min-height:4.7rem}.arena-nav-arena-card strong{font-size:var(--font-size-sm)}.arena-nav-arena-card small{line-height:var(--line-normal)}.arena-content-full .selected-student-bar{grid-template-columns:7.6rem minmax(0,1fr) auto auto;gap:.75rem;min-height:4.55rem;padding:.6rem .72rem}.draw-coverage-summary{border-right:1px solid color-mix(in srgb, var(--border) 84%, transparent);gap:.08rem;min-width:0;padding-right:.75rem;display:grid}.draw-coverage-summary>strong{font-size:var(--font-size-lg);line-height:1}.draw-coverage-summary>span{color:var(--muted);font-size:var(--font-size-xs);white-space:nowrap}.draw-coverage-progress{background:color-mix(in srgb, var(--border) 78%, transparent);border-radius:999px;width:100%;height:.2rem;margin-top:.22rem;overflow:hidden}.draw-coverage-progress:after{content:"";width:var(--coverage);border-radius:inherit;background:var(--accent);height:100%;transition:width .22s;display:block}.selected-student-main{gap:.65rem}.selected-student-main .avatar.large{width:3.2rem;height:3.2rem}.selected-student-copy p{margin-top:.12rem}.draw-history-popover>summary{width:auto;min-width:5.8rem;height:2.45rem;font-size:var(--font-size-xs);grid-auto-columns:max-content;grid-auto-flow:column;gap:.35rem;padding:0 .7rem;font-weight:750}.draw-history-menu{bottom:calc(100% + .45rem);right:0}.selected-student-cta{white-space:nowrap}@media (max-width:90rem) and (min-width:74.01rem){.arena-content-full .selected-student-bar{grid-template-columns:6.75rem minmax(0,1fr) auto auto;gap:.5rem}.selected-student-main .avatar.large{width:2.8rem;height:2.8rem}.selected-student-name-row>span{display:none}}@media (max-width:74rem){.arena-content-full .selected-student-bar{grid-template-columns:6.5rem minmax(0,1fr) auto}.arena-content-full .selected-student-bar>.selected-student-cta{grid-column:2/-1;justify-self:end}}.arena-nav-arena-card{grid-template-columns:2.35rem minmax(0,1fr);gap:.75rem;min-height:4.35rem;padding:.72rem .78rem}.arena-nav-arena-icon{width:2.35rem;height:2.35rem}.arena-nav-arena-card small{white-space:nowrap;margin-top:.14rem}.draw-coverage-summary{grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.6rem;min-width:8.35rem;padding-right:1rem}.draw-coverage-ring{--coverage-angle:0deg;background:conic-gradient(var(--accent) var(--coverage-angle), color-mix(in srgb, var(--border) 82%, transparent) 0);border-radius:50%;place-items:center;width:2.7rem;height:2.7rem;display:grid;position:relative}.draw-coverage-ring:after{content:"";background:color-mix(in srgb, var(--surface-2) 96%, #07110d);border-radius:50%;position:absolute;inset:.24rem}.draw-coverage-ring>span{z-index:1;color:var(--text);font-size:.65rem;font-weight:850;line-height:1;position:relative}.draw-coverage-copy{gap:.14rem;min-width:0;display:grid}.draw-coverage-copy>strong{font-size:var(--font-size-md);line-height:1}.draw-coverage-copy>span{color:var(--muted);font-size:var(--font-size-xs);white-space:nowrap;line-height:1.1}.arena-content-full .arena-cockpit-nav,.arena-content-full .arena-participant-list{scrollbar-width:none}.arena-content-full .arena-cockpit-nav::-webkit-scrollbar{width:0;height:0;display:none}.arena-content-full .arena-participant-list::-webkit-scrollbar{width:0;height:0;display:none}.arena-content-full .arena-participant-list{overscroll-behavior:contain;overflow-y:auto}@media (min-width:74.01rem){.app-shell-no-sidebar.arena-fullscreen-shell{height:100dvh;min-height:100dvh;overflow:hidden}.app-shell-no-sidebar.arena-fullscreen-shell .main-area{height:100%;min-height:0;overflow:hidden}.app-shell-no-sidebar .content.arena-content-full{height:100%;min-height:0;padding-bottom:.5rem;overflow:hidden}.arena-content-full .arena-session-workspace,.arena-content-full .arena-cockpit,.arena-content-full .arena-cockpit-main,.arena-content-full .arena-context-rail,.arena-content-full .arena-participants-card{min-height:0}}.arena-session-qr-trigger{appearance:none;cursor:zoom-in;background:0 0;border:0;border-radius:10px;place-items:center;width:auto;height:auto;margin:0;padding:0;transition:transform .16s,box-shadow .16s;display:grid}.arena-session-qr-trigger:hover,.arena-session-qr-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 38%, transparent);outline:none;transform:translateY(-1px)scale(1.02)}.arena-session-qr-trigger img{display:block}.arena-session-qr-modal{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030806d6;place-items:center;padding:clamp(1rem,3vw,2.5rem);display:grid;position:fixed;inset:0}.arena-session-qr-dialog{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #03100b), color-mix(in srgb, var(--surface-2) 97%, black));text-align:center;border-radius:1.6rem;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:min(58rem,92vw);min-height:min(50rem,88dvh);padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:relative;box-shadow:0 2rem 6rem #00000080}.arena-session-qr-close{position:absolute;top:1rem;right:1rem}.arena-session-qr-eyebrow{color:var(--ds-accent-text);font-size:var(--font-size-xs);letter-spacing:.12em;font-weight:850}.arena-session-qr-dialog h2{margin:0 0 .25rem;font-size:clamp(1.5rem,3vw,2.35rem)}.arena-session-qr-large{aspect-ratio:1;background:#fff;border-radius:1.35rem;place-items:center;width:min(52dvh,32rem);padding:1rem;display:grid}.arena-session-qr-large img{object-fit:contain;width:100%;height:100%;display:block}.arena-session-qr-dialog>strong{color:var(--text);letter-spacing:.12em;margin-top:.2rem;font-size:clamp(1.65rem,3vw,2.45rem)}.arena-session-qr-dialog>p{color:var(--muted);font-size:var(--font-size-sm);margin:0}@media (max-width:48rem){.arena-session-qr-dialog{min-height:auto;padding:3.75rem 1.1rem 1.5rem}.arena-session-qr-large{width:min(72vw,23rem)}}.draw-coverage-summary{grid-template-columns:minmax(0,1fr) 2.85rem;gap:.65rem;min-width:8.7rem;padding-right:.9rem}.draw-coverage-ring{width:2.85rem;height:2.85rem;box-shadow:0 0 0 .18rem color-mix(in srgb, var(--accent) 7%, transparent)}.draw-coverage-ring:after{inset:.27rem}.draw-coverage-copy{align-content:center}.draw-coverage-copy>strong{font-size:var(--font-size-lg)}.arena-content-full .selected-student-bar{grid-template-columns:minmax(0,2fr) minmax(13rem,1fr);gap:.8rem;padding:.58rem .68rem .58rem .78rem}.selected-student-primary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;display:grid}.selected-student-primary .selected-student-main{min-width:0}.selected-student-primary .selected-student-cta{min-width:11.5rem}.draw-coverage-summary{border-right:0;border-left:1px solid color-mix(in srgb, var(--border) 84%, transparent);grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:.3rem;min-width:0;height:100%;padding:.42rem .55rem .42rem .8rem;display:grid}.draw-coverage-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.draw-coverage-topline>strong{font-size:var(--font-size-lg);letter-spacing:-.01em;line-height:1}.draw-coverage-ring{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:conic-gradient(var(--accent) var(--coverage-angle), color-mix(in srgb, var(--border) 78%, transparent) 0);width:2.65rem;height:2.65rem;box-shadow:none}.draw-coverage-ring:after{background:color-mix(in srgb, var(--surface-2) 97%, #07110d);inset:.25rem}.draw-coverage-ring>span{color:var(--ds-accent-text);font-size:.64rem}.draw-history-inline{width:100%}.draw-history-inline>summary{width:100%;min-width:0;height:auto;min-height:1.45rem;color:var(--muted);font-size:var(--font-size-xs);background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:.35rem;padding:0;font-weight:650;display:flex}.draw-history-inline>summary:hover,.draw-history-inline>summary:focus-visible,.draw-history-inline[open]>summary{color:var(--ds-accent-text);background:0 0;border:0}.draw-history-inline .draw-history-menu{bottom:calc(100% + .65rem);right:0}@media (max-width:90rem) and (min-width:74.01rem){.arena-content-full .selected-student-bar{grid-template-columns:minmax(0,1.7fr) minmax(11.5rem,.9fr);gap:.55rem}.selected-student-primary{gap:.55rem}.selected-student-primary .selected-student-cta{min-width:10.5rem}.draw-coverage-summary{padding-left:.65rem}}@media (max-width:74rem){.arena-content-full .selected-student-bar{grid-template-columns:1fr}.draw-coverage-summary{border-left:0;border-top:1px solid color-mix(in srgb, var(--border) 84%, transparent);grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.5rem 0 0}.draw-history-inline{width:auto}}.arena-content-full .selected-student-bar{padding-block:.44rem}.draw-coverage-summary{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.8rem;min-width:0;height:100%;min-height:3.65rem;padding:0 .35rem 0 .85rem;display:grid}.draw-coverage-count{grid-template-rows:auto 1fr;align-content:center;justify-items:start;gap:.28rem;min-width:0;padding-block:.22rem;display:grid}.draw-coverage-badge{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));min-height:1.15rem;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:.1rem .42rem;font-size:.64rem;font-weight:760;line-height:1;display:inline-flex}.draw-history-inline{align-self:end;width:auto}.draw-history-inline>summary{width:auto;min-width:0;min-height:1.65rem;color:var(--text);justify-content:flex-start;align-items:center;gap:.28rem;padding:0;display:inline-flex}.draw-history-inline>summary strong{font-size:var(--font-size-lg);letter-spacing:-.01em;line-height:1}.draw-history-inline>summary svg{color:var(--muted);flex:none}.draw-history-inline[open]>summary svg{transform:rotate(180deg)}.draw-history-inline .draw-history-menu{bottom:calc(100% + .62rem);left:0;right:auto}.draw-coverage-summary>.draw-coverage-ring{aspect-ratio:1;place-self:stretch end;width:auto;min-width:3.55rem;height:100%;min-height:3.55rem}.draw-coverage-summary>.draw-coverage-ring:after{inset:.31rem}.draw-coverage-summary>.draw-coverage-ring>span{font-size:.72rem;font-weight:850}@media (max-width:90rem) and (min-width:74.01rem){.draw-coverage-summary{gap:.55rem;padding-left:.6rem}.draw-coverage-summary>.draw-coverage-ring{min-width:3.25rem;min-height:3.25rem}}.arena-participant-filter{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--surface-2) 68%, transparent);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:.45rem .1rem .15rem;padding:.2rem;display:grid}.arena-participant-filter button{min-width:0;min-height:2rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:.28rem;font-size:.68rem;font-weight:760;display:inline-flex}.arena-participant-filter button span{color:inherit;opacity:.72}.arena-participant-filter button.active{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--ds-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.arena-nav-arena-card{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent) 3%, var(--surface));box-shadow:none}.arena-cockpit-nav-group>button.active{border-color:color-mix(in srgb, var(--accent) 62%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));box-shadow:inset 3px 0 0 var(--accent)}.arena-content-full .smart-draw-titlebar{padding-bottom:.18rem}.arena-content-full .draw-wheel-hero-stage{margin-top:-.7rem;padding-inline:clamp(.25rem,1.5vw,1.5rem)}.smart-draw-settings{min-height:2.15rem;font-size:var(--font-size-2xs);padding:.42rem .72rem}.arena-quiz-workspace,.arena-quiz-workspace>section{height:100%;min-height:0}@media (min-width:74.01rem){.arena-quiz-workspace{overflow:hidden}.arena-quiz-workspace>section{overflow:auto}}@media (max-width:74rem){.arena-quiz-workspace,.arena-quiz-workspace>section{height:auto;min-height:0}}html[data-theme=dark] .arena-session-workspace select,html[data-theme=dark] [role=dialog] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background-color:color-mix(in srgb, var(--surface-2) 94%, #07110d);color:var(--text)}html[data-theme=dark] .arena-session-workspace select option,html[data-theme=dark] [role=dialog] select option{color:#edf7f1;background:#0d1915}html[data-theme=dark] .arena-session-workspace select:focus,html[data-theme=dark] [role=dialog] select:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.arena-tool-roster-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.arena-tool-roster-badges>span{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--surface) 72%, transparent);min-height:1.35rem;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:.18rem .42rem;font-size:.56rem;font-weight:760;display:inline-flex}.arena-tool-roster-badges>span.online{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--ds-accent-text)}.arena-dynamic-workspace,.arena-dynamic-workspace>div{width:100%;height:100%;min-height:0}.arena-dynamic-workspace>div>section{min-height:100%}.buzzer-workspace,.boss-workspace{height:100%;min-height:0}.buzzer-hero,.buzzer-ranking-card,.boss-hero{min-height:100%}@media (min-width:74.01rem){.arena-dynamic-workspace{overflow:hidden}.arena-dynamic-workspace>div,.buzzer-workspace,.boss-workspace{overflow:auto}}@media (max-width:74rem){.arena-dynamic-workspace,.arena-dynamic-workspace>div,.arena-dynamic-workspace>div>section,.buzzer-workspace,.boss-workspace,.buzzer-hero,.buzzer-ranking-card,.boss-hero{height:auto;min-height:0}}.arena-participant-empty{text-align:center;min-height:7rem;color:var(--muted);place-content:center;gap:.28rem;padding:1rem;display:grid}.arena-participant-empty strong{color:var(--text);font-size:var(--font-size-sm)}.arena-participant-empty span{max-width:18rem;font-size:var(--font-size-xs);line-height:1.45}@media (max-width:48rem){.arena-cockpit-nav{min-width:0;max-width:100%;overflow:hidden}.arena-nav-brand{flex:0 0 3rem;width:3rem}.arena-nav-scroll{overscroll-behavior-inline:contain;scrollbar-width:none;flex:auto;align-items:center;gap:.4rem;min-width:0;display:flex;overflow:auto hidden}.arena-nav-scroll::-webkit-scrollbar{display:none}.arena-nav-professor{border-top:0;flex:0 0 3rem;width:3rem;margin-top:0;padding-top:0}}@media (max-width:72rem){.arena-nav-brand-copy,.arena-cockpit-nav-label,.arena-cockpit-nav-group>button strong,.arena-nav-professor .topbar-profile-copy,.arena-nav-professor .topbar-profile-chevron{clip:auto;white-space:normal;width:auto;height:auto;display:none;position:static;overflow:visible}}.arena-legacy-draw-warning{border:1px solid var(--ds-border);border-radius:var(--radius-md);background:var(--ds-surface-raised);max-width:45rem;color:var(--ds-text-primary);gap:.75rem;padding:1.2rem;display:grid}.arena-legacy-draw-warning h2{margin:0;font-size:1.25rem}.arena-legacy-draw-warning p{color:var(--ds-text-secondary);margin:0;line-height:1.5}.arena-legacy-draw-warning button{justify-self:start}.buzzer-hero,.boss-hero,.smart-draw-hero{min-width:0}.buzzer-hero>header:first-child,.boss-hero>header:first-child,.smart-draw-hero>header:first-child{margin-bottom:.95rem}.buzzer-hero>header:first-child,.boss-hero>header:first-child{background:var(--ds-surface-raised,var(--surface))}.buzzer-workspace,.boss-workspace{align-content:start}.buzzer-workspace>header:first-child,.boss-workspace>header:first-child{width:100%;min-width:0}.buzzer-workspace>header:first-child{grid-column:1/-1}.buzzer-workspace .buzzer-hero,.buzzer-workspace .buzzer-ranking-card,.boss-workspace .boss-hero{min-height:0}.buzzer-workspace .buzzer-hero,.boss-workspace .boss-hero{padding:1.05rem}@media (max-width:74rem){.buzzer-workspace>header:first-child{grid-column:1}}.arena-projector-toggle{border:1px solid var(--ds-border-strong,var(--border));background:var(--ds-surface-subtle,var(--surface-2));min-height:2.75rem;color:var(--ds-text-primary,var(--text));font:inherit;white-space:nowrap;cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;padding:.48rem .85rem;font-size:.82rem;font-weight:750;display:inline-flex}.arena-projector-toggle-indicator{background:var(--ds-text-tertiary,var(--muted));border-radius:50%;flex:0 0 .5rem;width:.5rem;height:.5rem}.arena-projector-toggle[data-active=true]{border-color:var(--ds-accent,var(--accent));color:var(--ds-accent-text);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.arena-projector-toggle[data-active=true] .arena-projector-toggle-indicator{background:currentColor}.arena-projector-toggle:focus-visible{outline:3px solid var(--ds-accent,var(--accent));outline-offset:2px}.arena-projector-toggle:disabled{opacity:.55;cursor:not-allowed}
.public-live-reconnect{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border:1px solid color-mix(in srgb, var(--warning) 36%, transparent);border-radius:var(--radius-md,.75rem);background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--text);font-size:var(--font-size-sm,.875rem);margin:0;display:flex}.public-live-reconnect:before{content:"";background:var(--warning);border-radius:999px;flex:none;width:.55rem;height:.55rem}.public-live-boss{gap:var(--space-4,1rem);width:min(42rem,100%);display:grid}.public-live-boss__meta{justify-content:space-between;gap:var(--space-3,.75rem);align-items:baseline;display:flex}.public-live-boss__meta strong{font-size:clamp(1.05rem,2.5vw,1.5rem)}.public-live-boss__meta span{color:var(--muted);font-weight:800}.public-live-boss__track{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-3) 86%, black);border-radius:999px;height:.9rem;overflow:hidden}.public-live-boss__track>span{height:100%;width:var(--boss-progress,0%);background:linear-gradient(90deg, var(--accent), var(--accent-2));transition:width .25s;display:block}.public-live-boss__defeated{padding:var(--space-3,.75rem);border-radius:var(--radius-md,.75rem);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-2);text-align:center;font-weight:850}@media (prefers-reduced-motion:reduce){.public-live-boss__track>span{transition:none}}
