*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0f1a;color:#e2e8f0}#app{position:fixed;inset:0}#app canvas{display:block}#loading{position:fixed;inset:0;background:#0a0f1a;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.loader-content{text-align:center}.loader-title{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#34d399,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.loader-sub{color:#94a3b8;font-size:.9rem}#top-bar{position:fixed;top:0;left:0;right:0;padding:.75rem 1.5rem;background:#0f172ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;align-items:center;z-index:100}.brand{display:flex;align-items:center;gap:.5rem}.logo{font-size:1.25rem}.name{font-size:1.1rem;font-weight:600;background:linear-gradient(90deg,#34d399,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8}.dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hint{font-size:.75rem;color:#64748b}#bottom-hud{position:fixed;bottom:1rem;left:1rem;padding:.75rem 1rem;background:#0f172ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:8px;z-index:100}.hud-title{font-size:.95rem;font-weight:600;color:#fbbf24;margin-bottom:.25rem}.hud-meta{font-size:.75rem;color:#94a3b8}@media (max-width: 768px){.hint{display:none}}