.monitor-root{position:fixed;inset:0;overflow:hidden;background:#0e1420;color:#f4f2ec;font-family:var(--font-sans,system-ui,sans-serif)}.monitor-neat,.monitor-screen{position:absolute;inset:0}.monitor-neat{width:100%;height:100%;transition:opacity 1.5s ease}.monitor-grid{position:absolute;inset:0;z-index:10;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(12,1fr);gap:18px;padding:24px}.monitor-cell{min-width:0;min-height:0}.monitor-card{height:100%;border-radius:20px;background:rgba(10,16,28,.55);backdrop-filter:blur(10px);padding:20px;overflow:hidden}.monitor-coming-soon{display:grid;place-items:center;font-size:1.4rem;opacity:.5}.monitor-loading,.monitor-pairing{height:100%;display:grid;place-content:center;gap:12px;text-align:center}.monitor-pairing input{font-size:1rem;padding:10px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.08);color:inherit;min-width:340px}.monitor-pairing button{font-size:1rem;padding:10px 14px;border-radius:10px;border:none;cursor:pointer}.monitor-error{color:#ff7d7d}.monitor-reconnecting{position:absolute;right:14px;bottom:14px;z-index:11;width:10px;height:10px;border-radius:50%;background:#e0a53f;animation:monitor-pulse 1.2s ease-in-out infinite}@keyframes monitor-pulse{50%{opacity:.25}}.otter-scene{position:relative;height:100%;border-radius:20px;overflow:hidden}.otter-scene>div{position:absolute;inset:0}.otter-sky{background:linear-gradient(#8ec9e8,#dceef7 70%)}.scene-overcast .otter-sky,.scene-rain .otter-sky{background:linear-gradient(#6d7a8a,#9aa6b2 70%)}.scene-snow .otter-sky{background:linear-gradient(#aebfcd,#e8eff5 70%)}.scene-fog .otter-sky{background:linear-gradient(#9aa3a6,#c9d0d1 70%)}.otter-clouds{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='80'><ellipse cx='60' cy='42' rx='52' ry='18' fill='white' opacity='0.85'/><ellipse cx='190' cy='30' rx='44' ry='14' fill='white' opacity='0.7'/></svg>") repeat-x 0 12%;animation:clouds-drift 90s linear infinite;opacity:.5}.scene-clear .otter-clouds{opacity:.15}.scene-overcast .otter-clouds,.scene-rain .otter-clouds{opacity:.95;filter:brightness(.75)}@keyframes clouds-drift{to{background-position-x:260px}}.otter-far-terrain{background:linear-gradient(transparent 55%,#7fae7f 0,#6a9a6d)}.scene-snow .otter-far-terrain{background:linear-gradient(transparent 55%,#dfe9ef 0,#c9d8e2)}.otter-home{background:url(/monitor/otter/home.png) no-repeat 8% 78%/34% auto}.otter-home.occupied{filter:brightness(1.08)}.otter-scene>.otter-walker{position:absolute;top:88%;right:auto;bottom:auto;left:38%;width:9%;aspect-ratio:395/480;transform:translate(-50%,-100%)}.otter-walker.strolling{animation:otter-stroll 75s linear infinite}.otter-walker.paused{animation-play-state:paused}@keyframes otter-stroll{0%{left:-10%}to{left:104%}}.otter-walker>.otter-sprite{position:absolute;inset:0;background-repeat:no-repeat;animation-name:sprite-run;animation-iteration-count:infinite;image-rendering:pixelated}.otter-sprite.celebrating{animation-duration:.8s!important}.otter-sprite.idle{animation-play-state:paused}@keyframes sprite-run{to{background-position-x:calc(100% * var(--sprite-frames) / (var(--sprite-frames) - 1))}}.otter-foreground{background:linear-gradient(transparent 86%,#4e7a52 0)}.scene-snow .otter-foreground{background:linear-gradient(transparent 86%,#b9cdd9 0)}.otter-effects{pointer-events:none}.scene-rain .otter-effects{background-image:url(/monitor/effects/rain-near.png),url(/monitor/effects/rain-far.png);background-size:96px 96px,64px 64px;animation:rain-fall var(--rain-fall-ms,.6s) linear infinite;opacity:var(--rain-near-opacity,.9)}@keyframes rain-fall{to{background-position:-96px 192px,-64px 128px}}.scene-snow .otter-effects{background-image:radial-gradient(circle,#fff 1.6px,transparent 0);background-size:34px 34px;animation:snow-fall 7s linear infinite;opacity:.8}@keyframes snow-fall{to{background-position:12px 140px}}.scene-fog .otter-effects{background:rgba(220,226,228,.45)}.otter-tint{pointer-events:none}.scene-overcast .otter-tint,.scene-rain .otter-tint{background:rgba(40,52,70,var(--rain-tint-alpha,.18))}.otter-scene>.otter-hud{position:absolute;inset:18px 18px auto auto;width:auto;border-radius:18px;background:rgba(10,16,28,.6);backdrop-filter:blur(10px);padding:16px 20px;font-variant-numeric:tabular-nums}.otter-hud-now{display:flex;align-items:baseline;gap:14px}.otter-hud-current{display:grid;gap:2px}.otter-hud-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.otter-hud-temp{font-size:3rem;font-weight:700;line-height:1}.otter-hud-range{opacity:.75;font-size:1.05rem}.otter-hud-hours{display:flex;gap:16px;margin-top:12px}.otter-hud-hour{display:grid;justify-items:center;gap:3px;font-size:1rem;opacity:.9}.otter-hud-hour-time{font-size:.8rem;opacity:.7}.otter-hud-hour-glyph{font-size:1.25rem}.otter-scene>.otter-toast{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);background:rgba(10,16,28,.75);border-radius:999px;padding:12px 22px;font-size:1.3rem;animation:toast-pop .3s ease}@keyframes toast-pop{0%{transform:translate(-50%,12px);opacity:0}}.announce-card{display:grid;align-content:center;gap:8px;animation:announce-fade .6s ease}.announce-emoji{font-size:2rem}.announce-card h2{font-size:1.4rem;line-height:1.2}.announce-card p{opacity:.85}.announce-empty{opacity:.8}@keyframes announce-fade{0%{opacity:0}}.clock-card{display:grid;align-content:center;justify-items:center;gap:4px}.clock-time{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums}.clock-date{opacity:.8}.otter-scene>.otter-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.otter-scene.has-backdrop{background:#0b0f14}.otter-scene.has-backdrop>.otter-clouds,.otter-scene.has-backdrop>.otter-far-terrain,.otter-scene.has-backdrop>.otter-foreground,.otter-scene.has-backdrop>.otter-home,.otter-scene.has-backdrop>.otter-sky{display:none}.wall-scroller{flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent)}.wall-track{animation:wall-scroll 60s linear infinite}@keyframes wall-scroll{to{transform:translateY(-50%)}}.announce-stack{display:flex;flex-direction:column;gap:12px;overflow:hidden}.announce-item{display:flex;gap:12px;align-items:flex-start;background:hsla(0,0%,100%,.05);border-radius:12px;padding:12px 14px;animation:announce-fade .6s ease}.announce-item h2{font-size:1.15rem;line-height:1.2}.announce-item p{opacity:.85;font-size:.9rem}.announce-warning{box-shadow:inset 3px 0 0 #e0a53f}.announce-danger{box-shadow:inset 3px 0 0 #ff6b6b}.video-card{padding:0;position:relative}.video-el{display:block;width:100%;height:100%;object-fit:cover}.video-cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);max-width:calc(100% - 36px);background:rgba(10,16,28,.75);backdrop-filter:blur(10px);border-radius:10px;padding:6px;font-size:.8rem;line-height:1.4;text-align:center;white-space:pre-line}.video-empty{display:grid;place-items:center;text-align:center;opacity:.5;font-size:.95rem}.trivia-card{display:flex;flex-direction:column;text-align:left;container-type:size}.trivia-head{display:flex;justify-content:space-between;align-items:baseline;min-height:1.3rem}.trivia-eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.phase-fact .trivia-eyebrow,.phase-reveal .trivia-eyebrow{color:#7ed491;opacity:.9}.trivia-clock{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;opacity:.7}.trivia-card.is-warning .trivia-clock{color:#e0a53f;opacity:1;animation:monitor-pulse 1s ease-in-out infinite}.trivia-bar{flex:none;height:4px;border-radius:999px;background:hsla(0,0%,100%,.12);margin:clamp(6px,1.6cqh,10px) 0 clamp(7px,2cqh,12px);overflow:hidden}.trivia-bar-fill{height:100%;border-radius:inherit;background:hsla(45,27%,94%,.75);transform-origin:left;animation-name:trivia-drain;animation-timing-function:linear;animation-fill-mode:forwards;transition:background .4s ease}.trivia-card.is-warning .trivia-bar-fill{background:#e0a53f}.phase-drumroll .trivia-bar-fill,.phase-fact .trivia-bar-fill,.phase-reveal .trivia-bar-fill{animation:none;transform:scaleX(0)}.phase-fact .trivia-bar,.phase-fact .trivia-body{display:none}.trivia-stage{display:flex;gap:18px;flex:1;min-height:0}@keyframes trivia-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.trivia-body{display:flex;flex-direction:column;gap:12px;gap:clamp(6px,2cqh,12px);flex:1;min-width:0;min-height:0}.trivia-question{font-weight:600;font-size:1.2rem;font-size:clamp(.9rem,4cqh,1.2rem);line-height:1.35;animation:trivia-rise .5s ease backwards;transition:opacity .4s ease;margin-top:auto}.phase-drumroll .trivia-question{opacity:.7}.trivia-choices{display:grid;gap:8px;gap:clamp(5px,1.4cqh,8px);align-content:start;font-size:1.05rem;font-size:clamp(.82rem,3.6cqh,1.05rem);margin-bottom:auto}.trivia-choice{display:flex;gap:10px;align-items:baseline;background:hsla(0,0%,100%,.07);border-radius:10px;padding:clamp(5px,1.6cqh,9px) 14px;line-height:1.3;animation:trivia-rise .5s ease backwards;transition:opacity .4s ease,background .4s ease}.trivia-letter{font-size:.85rem;font-weight:700;opacity:.55}.phase-drumroll .trivia-choice{background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 35%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0) 65%);background-size:250% 100%;animation:trivia-shimmer 1.1s linear infinite}@keyframes trivia-shimmer{0%{background-position-x:150%}to{background-position-x:-150%}}.trivia-choice.is-correct{background:linear-gradient(120deg,rgba(126,212,145,.28),rgba(126,212,145,.12));box-shadow:inset 0 0 0 1px rgba(126,212,145,.7);animation:trivia-ignite .7s cubic-bezier(.22,1,.36,1)}.trivia-choice.is-correct .trivia-letter{color:#7ed491;opacity:1}.trivia-choice.is-faded{opacity:.3}@keyframes trivia-ignite{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes trivia-rise{0%{opacity:0;transform:translateY(8px)}}.trivia-fact{flex:1;min-height:0;display:grid;align-content:center;gap:10px;animation:trivia-rise .7s cubic-bezier(.2,.8,.3,1) both}.trivia-fact-answer{font-size:.8rem;letter-spacing:.04em;color:#7ed491;opacity:.9}.trivia-bo{width:84px;width:clamp(56px,14cqh,84px);background-repeat:no-repeat;image-rendering:pixelated;animation-name:sprite-run;animation-iteration-count:infinite;margin-bottom:2px}.trivia-fact p{font-size:1.25rem;font-size:clamp(1rem,4cqh,1.25rem);font-weight:500;line-height:1.45}@container (min-width: 560px){.phase-fact .trivia-bar{display:block}.phase-fact .trivia-body{display:flex}.trivia-fact{flex:0 0 42%;min-width:0;padding-left:18px;border-left:1px solid hsla(0,0%,100%,.09);animation:trivia-slide-in .6s cubic-bezier(.2,.8,.3,1) both}.trivia-fact-answer{display:none}}@keyframes trivia-slide-in{0%{opacity:0;transform:translateX(18px)}}