:root{--rows: 0}html,body{margin:0;height:100%;overflow:hidden;background:#0e1a36;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none;font-size:15px;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.7)}#popup{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#0e1a3626,#0e1a36b3 42% 68%,#0e1a3626);z-index:30}#popup.hidden{display:none}#popup h1{margin:0;font-size:26px;letter-spacing:.08em;font-weight:700}#popup.over{background:#0e1a36c7}#popup.over h1{color:#ffe000}#popup p{margin:0;white-space:pre-line;text-align:center;line-height:1.6;font-size:16px;max-width:86vw}#popup button{font:inherit;font-size:16px;padding:12px 26px;border-radius:999px;border:0;background:#8fbf7f;color:#0e1a36;font-weight:700;cursor:pointer}#popup button#sharebtn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);font-weight:400;padding:8px 20px}#popup button[hidden],#pad[hidden]{display:none}#pad{position:fixed;left:24px;bottom:calc(16px + var(--rows, 0) * 36px + env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff0f;z-index:20;transition:bottom .2s}#pad.live{transition:none}#knob{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#ffffff8c}#ticker{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:25;pointer-events:none}.row{display:flex;height:36px;align-items:stretch;font-size:16px;background:#00000059}.row.red .tag{background:#e61e2d}.row.yellow .tag{background:#d8b400;color:#241f00}.tag{flex:0 0 auto;padding:0 10px;line-height:36px;font-size:12px;font-weight:700;letter-spacing:.06em}.track{flex:1;position:relative;overflow:hidden}.ttext{position:absolute;top:0;left:100%;height:36px;line-height:36px;white-space:nowrap;animation:tk 30s linear forwards}@keyframes tk{0%{transform:translate(0)}to{transform:translate(var(--dist))}}#menubtn{position:fixed;top:max(8px,env(safe-area-inset-top));right:10px;z-index:40;width:38px;height:38px;border-radius:10px;border:0;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}#menu{position:fixed;inset:0;z-index:50;background:#0e1a36;padding:24px 20px;overflow:auto;display:none;font-size:14px;line-height:1.7}#menu.open{display:block}#menu h3{margin-top:0}#menu pre{white-space:pre-wrap;font-size:11px;opacity:.75;line-height:1.5}#menuclose{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:60;background:#0e1a36;font-size:15px;letter-spacing:.08em}#loading[hidden]{display:none}@media(pointer:fine){#pad{opacity:.35}}