.app-main{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding:clamp(8px,2vw,24px) clamp(16px,4vw,40px) 32px;display:flex}.tagline{color:var(--muted);text-align:center;margin:4px 0 0;font-size:15px}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:20px;font-size:13px}.site-footer p{margin:0}.footer-meta{margin-top:6px}.gh-link{color:var(--muted);align-items:center;gap:5px;margin-top:6px;text-decoration:none;transition:color .15s;display:inline-flex}.gh-link:hover{color:var(--accent)}.gh-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.gh-icon{display:block}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand .logo{filter:drop-shadow(0 2px 6px #0006);font-size:28px}.brand h1{letter-spacing:-.01em;margin:0;font-size:clamp(18px,2.4vw,24px);font-weight:700}.status{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.live{border:1px solid var(--border);background:var(--panel);letter-spacing:.08em;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.live .dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.live.on{color:var(--text);border-color:#ff4d4d80}.live.on .dot{background:var(--live);animation:1.6s infinite pulse;box-shadow:0 0 #ff4d4db3}@keyframes pulse{0%{box-shadow:0 0 #ff4d4d99}70%{box-shadow:0 0 0 10px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.viewers{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.viewers .eye{opacity:.85;font-size:13px}.viewers-count{color:var(--text);font-variant-numeric:tabular-nums}.viewers-label{letter-spacing:.02em;font-weight:500}@media (prefers-reduced-motion:reduce){.live.on .dot{animation:none}}.lightbox{width:100%;max-width:100%;height:100%;max-height:100%;color:var(--text);background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0;overflow:visible}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060709db}.lightbox-inner{flex-direction:column;gap:10px;max-width:min(1100px,100%);margin:0;display:flex}.lightbox-img{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:#000;max-width:100%;max-height:80vh}.lightbox-cap{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.lightbox-time{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.lightbox-close{border:1px solid var(--border);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex;position:fixed;top:16px;right:20px}.lightbox-close:hover{border-color:var(--border-hover)}.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sighting{width:100%;font:inherit;color:inherit;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;margin:0;padding:0;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.sighting:hover{border-color:var(--border-hover);transform:translateY(-2px)}.sighting:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sighting img{aspect-ratio:4/3;object-fit:cover;background:#000;flex:auto;width:100%;min-height:0;display:block}.sighting-caption{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.sighting-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.sighting-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12px}@media (prefers-reduced-motion:reduce){.sighting{transition:none}.sighting:hover{transform:none}}.sightings{width:100%;margin-top:20px}.sightings-title{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:700}.sightings-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.player{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#000;position:relative;overflow:hidden}.player video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.overlay{pointer-events:none;color:var(--muted);background:linear-gradient(#0e0f1299,#0e0f12d9);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.overlay p{margin:0}.overlay.hidden{opacity:0;visibility:hidden}.spinner{border:3px solid #f6a82133;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}:root{--bg:#0e0f12;--bg-2:#16181d;--panel:#1c1f26;--border:#2a2e37;--border-hover:#3a3f4b;--text:#eef0f4;--muted:#9aa1ad;--accent:#f6a821;--live:#ff4d4d;--radius:16px;--radius-sm:12px;--shadow:0 20px 60px #00000073}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background-color:var(--bg)}body{background:radial-gradient(1200px 800px at 50% -10%, #20242c 0%, var(--bg) 55%);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}