*{box-sizing:border-box}body,h1,p,figure,dl,dd{margin:0}html{color-scheme:light}html.night{color-scheme:dark}
body{background:var(--hero-bg);color:var(--hero-fg);font-family:var(--author);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url(/img/paper.png) center/1600px;opacity:.022;mix-blend-mode:multiply}
html.night body{background:#0F0B2B radial-gradient(ellipse at 50% 65%,#211B40 0%,#0F0B2B 72%)}
html.night body:before{opacity:.025;mix-blend-mode:screen}
.sky{fill:transparent}
a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.live-page{position:relative;min-height:100svh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:20px max(40px,calc((100% - 1280px)/2)) 0;isolation:isolate}
.mast{display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:2}
.mast-title{display:flex;align-items:baseline;gap:28px}.mast a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}.mast img{display:block;object-fit:contain}.mast .house-mark{border-radius:50%}.mast .wordmark{width:110px;height:25px}html.night .mast .wordmark{content:url(/img/qvotvm-w.png)}.mast h1{font:400 31px/1.15 var(--serif)}
.mast>p{font-size:15px;line-height:1.4;color:var(--hero-mut)}
.house-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:0 0 4px}
.facade{display:block;width:100%;height:calc(100% - 26px);overflow:visible;flex:1;min-height:0}
.legend{display:flex;align-items:center;justify-content:center;gap:24px;min-height:26px;color:var(--hero-mut);font:400 14px/1.4 var(--author)}
.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:10px;height:16px;border-radius:8px 8px 0 0;border:1px solid var(--hero-mut)}
.key-lit{background:var(--glass-lit)}.key-dark{background:var(--open-top)}.key-ink{background:linear-gradient(var(--ink),var(--ink)) bottom/100% 50% no-repeat,var(--glass-lit)}
.live-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:100px;border-top:1px solid var(--ink-24);padding:18px 0 max(18px,env(safe-area-inset-bottom))}
html.night .live-bar{border-color:#4C4666}
.metrics{display:flex;gap:48px;align-items:flex-start}.metrics>div{min-width:90px}.metrics dt{font:400 14px/1.4 var(--author);color:var(--hero-mut);white-space:nowrap;margin-bottom:6px}
.metrics dd{font:400 18px/1.4 var(--mono);white-space:nowrap;min-height:26px;font-variant-numeric:tabular-nums}.metrics .clock-metric{min-width:198px}
.metrics .clock-status{font-family:var(--author)}
.live-controls{display:flex;align-items:center;gap:24px}.live-controls p{font:400 14px/1.4 var(--author);max-width:245px;min-width:160px}.live-controls button{background:transparent;border:1px solid currentColor;padding:0 14px;min-height:44px;min-width:100px;white-space:nowrap}
.live-controls button:hover{background:var(--ink-12)}html.night .live-controls button:hover{background:rgba(250,250,247,.08)}
.seat{cursor:pointer;outline:none}.seat .glass{transition:none}.seat .reveal,.seat .men{display:none}.seat .live-ink{fill:var(--ink);opacity:0;transform-box:fill-box;transform-origin:50% 100%}.seat .live-men{stroke:#a59acb;stroke-width:.65;vector-effect:non-scaling-stroke;opacity:0}
.seat.lit .live-ink,.seat.lit .live-men{opacity:1}.seat.unknown .live-ink,.seat.unknown .live-men{opacity:0}.seat .sel{stroke:transparent}.seat:hover .sel,.seat.on .sel,.seat:focus-visible .sel{stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}
.seat.lit:hover .glass{fill:url(#lit-glass)}.seat.dark:hover .glass{fill:var(--seat-recess)}
.halo{opacity:0}.seat.pulse .glass{fill:#F1F4FF;filter:drop-shadow(0 0 3px #C3C4D8)}
.bell-result{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);background:#0F0B2B;color:#F1F4FF;border:1px solid #4C4666;padding:22px 30px 26px;text-align:center;width:min(94%,540px);box-shadow:0 12px 50px rgba(15,6,64,.12);pointer-events:none}
.bell-result p{font:400 24px/1.25 var(--serif)}.bell-result strong{display:block;font:500 clamp(40px,6vw,76px)/1.1 var(--author);letter-spacing:-.035em;margin:9px 0}.bell-result strong:empty{display:none}
.bell-result #burn-unit{font:400 15px/1.5 var(--author)}
#embers circle{fill:var(--ink);stroke:var(--ink);stroke-width:.45}html.night #embers circle{fill:#F1F4FF;stroke:#C3C4D8;stroke-width:.45}
.seat-detail{position:absolute;left:50%;bottom:142px;transform:translateX(-50%);font:400 14px/1.4 var(--author);text-align:left;background:#F1F4FF;color:#0F0B2B;border:1px solid #0F0B2B;box-shadow:3px 6px 18px rgba(15,11,43,.16);padding:12px 14px;width:min(260px,90%);z-index:3;pointer-events:none}
.seat-detail.pinned{pointer-events:auto}.seat-detail.top{top:96px;bottom:auto}.seat-detail h3{margin:0;font:500 20px/1.2 var(--author)}.seat-detail p{margin:8px 0 0}
.seat-detail dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;padding-top:8px;border-top:1px solid #C3C4D8}.seat-detail dd{margin:0;text-align:right;font:400 13px/1.5 var(--mono);font-variant-numeric:tabular-nums}
.seat-detail a{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.3 var(--author)}
.no-script{position:fixed;left:20px;bottom:15px;background:var(--hero-bg);padding:10px;font:400 16px/1.5 var(--author)}
[hidden]{display:none!important}::selection{background:var(--hero-fg);color:var(--hero-bg)}
@media(max-width:1100px){.live-page{padding:24px 24px 0}.metrics{gap:28px}.live-bar{gap:20px}.live-controls{gap:12px}.live-controls p{min-width:0;max-width:170px}}
@media(max-width:800px){.live-page{padding:22px 20px 0}.mast-title{gap:18px}.mast>p{display:none}.live-bar{align-items:stretch;flex-direction:column;gap:16px;padding-top:16px}.metrics{justify-content:space-between;gap:16px}.metrics>div{min-width:0}.metrics dd{font-size:16px}.metrics .clock-metric{min-width:0}.live-controls{justify-content:space-between;gap:16px}.live-controls p{max-width:none}.legend{gap:16px}.house-stage{padding-top:12px}.seat-detail{bottom:197px}}
@media(max-width:540px){.metrics{display:grid;grid-template-columns:1fr 1fr;row-gap:16px}.metrics dd{font-size:18px}.mast h1{font-size:28px}.mast a{gap:7px}.mast .house-mark{width:28px;height:28px}.mast .wordmark{width:90px;height:auto}.mast-title{gap:16px}.live-page{min-height:560px}.legend{display:grid;grid-template-columns:auto auto;gap:6px 18px;font-size:14px}.legend>span:nth-child(2){grid-column:1/-1;grid-row:2;justify-self:center}.house-stage{padding-bottom:14px}.live-bar{min-height:214px}.seat-detail{bottom:252px}.bell-result{padding:18px 10px}.bell-result p{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.seat.pulse .glass{filter:none}}

/* Shared chrome is outside the self-contained house scene. */
body[data-page=live] .live-page{height:calc(100svh - 80px);min-height:700px}
body[data-page=live] .live-footer{max-width:1280px;margin:auto}
html.ch2 body[data-page=live] .live-footer footer.qf{margin-inline:calc(50% - 50vw);padding-inline:max(24px,calc((100vw - 1280px)/2))}
html.live-embedded .qh,html.live-embedded .qsheet,html.live-embedded .live-footer,html.live-embedded .discord-line{display:none!important}
html.live-embedded body[data-page=live] .live-page{height:100svh;min-height:0;padding-inline:16px}
html.live-embedded .mast-title>a{display:none}
html.live-embedded .mast h1{font:500 24px/1.2 Author,sans-serif}
@media(max-width:640px){body[data-page=live] .live-page{min-height:720px}}