:root{--bg-0: #08111f;--bg-1: #0f2239;--ink: #f4f8ff;--accent: #00e8ff;--hot: #ff6b2d;--good: #76ff91}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 700px at 10% -20%,#355e92 0%,transparent 62%),radial-gradient(1000px 700px at 85% 120%,#4a2d5e 0%,transparent 60%),linear-gradient(140deg,var(--bg-0),var(--bg-1));overflow:hidden}.hud{position:fixed;inset:0;pointer-events:none}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;align-items:flex-start}.logo{font-weight:900;letter-spacing:.09em;color:#7ce6ff;text-shadow:0 0 18px rgba(124,230,255,.38)}.muted{opacity:.82;font-size:.92rem}.score{font-size:1.15rem;font-weight:700}.list{margin:.5rem 0 0;padding:0;list-style:none}.list li{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;line-height:1.45}.chip{pointer-events:auto;position:fixed;bottom:1rem;right:1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;background:#0b1a2b99;color:#dcf7ff;cursor:pointer}.feed{position:absolute;left:1rem;bottom:1rem;max-width:min(80vw,420px)}.feed p{margin:0;font-size:.85rem;opacity:.75}canvas{width:100%;height:100%;display:block}@media(max-width:900px){.topbar{flex-direction:column}}