:root{--bg:#0b0d10;--fg:#f2f4f7;--muted:#9aa4b2;--accent:#5cc8ff;--warn:#ffb547;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);cursor:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2vh;height:100vh;padding:6vh 6vw;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(18px,2.6vh,40px)}.code{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--accent);margin:0;font-size:clamp(64px,16vh,280px);font-weight:700}.name{margin:0;font-size:clamp(36px,7vh,120px);font-weight:650}.time{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,5vh,90px)}.hint{max-width:60ch;color:var(--fg);margin:0;font-size:clamp(20px,3vh,48px);line-height:1.35}.meta{color:var(--muted);margin:0;font-size:clamp(16px,2.2vh,34px)}.status{margin:0;font-size:clamp(14px,1.8vh,28px);position:fixed;bottom:2vh;right:2vw}.status.offline{color:var(--warn)}.player{z-index:5;position:fixed;inset:0;overflow:hidden}.layer{will-change:opacity, transform;background:#000;position:absolute;inset:0}.layer .media{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.layer[data-phase=preparing]{opacity:0;z-index:1;pointer-events:none}.layer[data-phase=leaving]{z-index:1}.layer[data-phase=shown]{opacity:1;z-index:2;transform:none}.layer[data-t=fade][data-phase=shown]{transition:opacity .7s ease-in-out}.layer[data-t=slide][data-phase=preparing]{opacity:1;transform:translate(100%)}.layer[data-t=slide][data-phase=shown]{transition:transform .7s cubic-bezier(.22,.8,.2,1)}.player:has(.layer[data-t=slide][data-phase=shown]) .layer[data-phase=leaving]{transition:transform .7s cubic-bezier(.22,.8,.2,1);transform:translate(-100%)}.report-page{animation:.5s ease-out report-page-in;position:absolute;inset:0}@keyframes report-page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.layer{transition:none!important}.report-page{animation:none}}.identify-overlay{z-index:10000;color:#fff;text-align:center;background:#00142deb;border:2vw solid #fc3;place-items:center;padding:4vw;font:700 7vw/1.25 Segoe UI,sans-serif;display:grid;position:fixed;inset:0}.broadcast{z-index:9000;background:#000;position:fixed;inset:0}.stale-notice{z-index:8000;color:#fde68a;background:#000000a6;border-radius:.4em;margin:0;padding:.4em .8em;font-size:clamp(12px,1.1vw,22px);position:fixed;bottom:1.5vh;right:1.5vw}