@import"https://fonts.googleapis.com/css2?family=Antonio:wght@400;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg-top: #17111b;--bg-bottom: #28170f;--panel: rgba(18, 11, 10, .56);--panel-strong: rgba(26, 15, 12, .92);--line: rgba(255, 209, 133, .28);--gold: #f3d08c;--gold-hot: #fff1c9;--ember: #ff8f4e;--warning: #ffd99d;--text: #fff4df;--muted: rgba(255, 239, 211, .78)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(245,176,77,.12),transparent 36%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--text);font-family:Sora,Avenir Next,sans-serif}body{touch-action:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);pointer-events:none}.hud:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 15%,rgba(255,224,153,.16),transparent 22%),radial-gradient(circle at 82% 18%,rgba(255,150,83,.14),transparent 20%),linear-gradient(180deg,#08080c0a,#08080c61)}.hud:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 48%,rgba(5,4,5,.16) 100%),linear-gradient(180deg,rgba(12,9,12,.08),transparent 24%,transparent 76%,rgba(12,9,12,.18))}.hud__top{position:absolute;inset:0 0 auto;display:flex;justify-content:flex-end;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem .75rem}.hud__panel,.hud__metrics,.hud__banner{position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);background:linear-gradient(180deg,#2a18139e,#0d0a0bb8),var(--panel);box-shadow:0 18px 60px #00000047,inset 0 1px #ffebbe14}.hud__panel{max-width:min(28rem,calc(100vw - 2rem));padding:1rem 1.15rem 1.15rem;border-radius:1.5rem}.hud__eyebrow{font-size:.68rem;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--warning)}.hud__title{margin:.35rem 0 .5rem;font-family:Antonio,Impact,sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:.88;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(180deg,#fff6dd,#f2d191 45%,#c77c43);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 10px 28px rgba(255,156,84,.16)}.hud__description{margin:0;max-width:30ch;font-size:.92rem;line-height:1.45;color:var(--muted)}.hud__metrics{align-self:flex-start;min-width:min(20rem,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:1.35rem}.hud__metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.hud__metric-label{display:block;margin-bottom:.3rem;font-size:.68rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#ffeecc9e}.hud__metric-value{display:block;font-family:Antonio,Impact,sans-serif;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1;text-shadow:0 6px 18px rgba(255,173,103,.12)}.hud__bottom{position:absolute;inset:auto 0 0;display:flex;justify-content:center;padding:0 1rem max(1rem,env(safe-area-inset-bottom));opacity:0;transform:translateY(.8rem);transition:opacity .18s ease,transform .18s ease}.hud__bottom.is-visible{opacity:1;transform:translateY(0)}.hud__banner{width:min(42rem,100%);padding:.9rem 1.05rem;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-size:.86rem;line-height:1.4;color:#fff0cde0;background:linear-gradient(180deg,#382117b8,#110c0ccc),var(--panel)}.hud__banner strong{color:var(--gold-hot)}.hud__center{position:absolute;inset:0;display:grid;place-items:center;padding:1rem}.hud__card{width:min(30rem,100%);padding:1.4rem 1.3rem 1.2rem;border-radius:1.7rem;text-align:center;background:linear-gradient(180deg,#241512f0,#0a080adb);border:1px solid rgba(255,220,160,.22);box-shadow:0 22px 80px #0000006b,inset 0 1px #ffefc914;opacity:0;transform:translateY(1rem) scale(.96);transition:opacity .18s ease,transform .18s ease}.hud__card.is-visible{opacity:1;transform:translateY(0) scale(1)}.hud__card h2{margin:0 0 .45rem;font-family:Antonio,Impact,sans-serif;font-size:clamp(2.1rem,7vw,4rem);line-height:.92;letter-spacing:.04em;text-transform:uppercase}.hud__card p{margin:0;line-height:1.5;color:var(--muted)}.hud__card strong{color:var(--gold-hot)}.hud__controls{margin-top:.9rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#ffd693db}@media(max-width:720px){.hud__top{flex-direction:column}.hud__panel,.hud__metrics{max-width:none;min-width:0}.hud__metric-grid{gap:.75rem .45rem}.hud__banner{border-radius:1.25rem}}