:root{color-scheme:dark;--bg-top: #050b16;--bg-bottom: #182b46;--text: #f5efe1;--muted: rgba(245, 239, 225, .75);--panel: rgba(8, 13, 24, .46);--border: rgba(255, 238, 198, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(255,214,143,.12),transparent 28%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}canvas{display:block}.hud{position:fixed;top:1.25rem;left:1.25rem;z-index:10;max-width:min(26rem,calc(100vw - 2.5rem));padding:1rem 1.1rem;border:1px solid var(--border);border-radius:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(11,17,29,.7),var(--panel));box-shadow:0 1rem 2.5rem #00000042}.eyebrow,.description,.hud h1{margin:0}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:#ffd27c;margin-bottom:.55rem}.hud h1{font-size:clamp(1.7rem,2vw + 1rem,2.8rem);line-height:.95;color:var(--text)}.description{margin-top:.75rem;color:var(--muted);line-height:1.4}.scene-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.95rem}.scene-link{display:inline-flex;align-items:center;min-height:2.35rem;padding:.55rem .9rem;border:1px solid rgba(255,238,198,.18);border-radius:999px;background:#1c263f8c;color:var(--text);text-decoration:none;font-size:.8rem;letter-spacing:.04em;transition:transform .16s ease,border-color .16s ease,background .16s ease}.scene-link:hover{transform:translateY(-1px);border-color:#ffeec657;background:#303d61ad}@media(max-width:640px){.hud{top:auto;left:.85rem;right:.85rem;bottom:.85rem;max-width:none}}