*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:1920px;height:1080px;font-size:16px;overflow:hidden}body{color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;background-color:#0f0f10;width:1920px;height:1080px;font-family:-apple-system,SF Pro Display,Helvetica Neue,Arial,sans-serif;overflow:hidden}#root{width:1920px;height:1080px;position:relative;overflow:hidden}:root{--tb-bg:#0f0f10;--tb-card:#1a1a1f;--tb-card-hover:#22222a;--tb-purple-dark:#1e1040;--tb-primary:#7c3aed;--tb-primary-light:#9d5cf6;--tb-primary-dark:#5b21b6;--tb-primary-glow:#7c3aed4d;--tb-text-primary:#f9fafb;--tb-text-secondary:#d1d5db;--tb-text-muted:#6b7280;--tb-text-disabled:#374151;--tb-border:#2d2d35;--tb-border-focus:#7c3aed;--tb-success:#10b981;--tb-warning:#f59e0b;--tb-danger:#ef4444;--tb-info:#3b82f6;--tb-font-hero:72px;--tb-font-display:56px;--tb-font-h1:48px;--tb-font-h2:36px;--tb-font-h3:28px;--tb-font-body-lg:32px;--tb-font-body:24px;--tb-font-body-sm:20px;--tb-font-label:18px;--tb-font-xs:14px;--tb-space-xs:8px;--tb-space-sm:16px;--tb-space-md:24px;--tb-space-lg:40px;--tb-space-xl:64px;--tb-space-2xl:96px;--tb-radius-sm:8px;--tb-radius-md:12px;--tb-radius-lg:20px;--tb-radius-xl:32px;--tb-radius-full:9999px;--tb-shadow-card:0 4px 24px #00000080;--tb-shadow-glow:0 0 40px #7c3aed40}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emergencyFlash{0%,to{background-color:#ef444414}50%{background-color:#ef444426}}.screen{background-color:var(--tb-bg);width:1920px;height:1080px;animation:.4s ease-out forwards fadeIn;position:absolute;top:0;bottom:0;left:0;right:0}.digit-box{background:var(--tb-card);border:2px solid var(--tb-border);border-radius:var(--tb-radius-md);width:96px;height:112px;color:var(--tb-text-primary);letter-spacing:-1px;justify-content:center;align-items:center;font-size:56px;font-weight:700;transition:border-color .3s,opacity .3s;display:flex}.digit-box--active{border-color:var(--tb-primary);box-shadow:0 0 0 3px var(--tb-primary-glow)}.spinner{border:3px solid var(--tb-border);border-top-color:var(--tb-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.status-pill{border-radius:var(--tb-radius-full);font-size:var(--tb-font-label);align-items:center;gap:8px;padding:6px 16px;font-weight:500;display:inline-flex}.status-pill--online{color:var(--tb-success);background:#10b98126}.status-pill--offline{color:var(--tb-danger);background:#ef444426}.tb-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);padding:var(--tb-space-lg)}@keyframes tickerScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ticker-track{white-space:nowrap;animation:30s linear infinite tickerScroll}