*{box-sizing:border-box}:root{--cream: #fff1cf;--ink: #1a1622;--indigo: #241b3a;--cyan: #28e0e6;--magenta: #e84fc4;--orange: #e8732b;--glass: rgba(255, 241, 207, .76);--hud-logo: none}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Avenir Next,Trebuchet MS,ui-rounded,sans-serif;background:radial-gradient(circle at 50% 58%,rgba(255,211,142,.5),transparent 38%),linear-gradient(180deg,#252b68,#7c547f 58%,#ef8a4a);color:var(--ink)}body:after{position:fixed;inset:0;z-index:5;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(26,22,34,.025) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:soft-light;opacity:.38}#scene{display:block;width:100vw;height:100vh;touch-action:none}#hud{position:fixed;top:18px;left:18px;z-index:10;display:grid;width:min(292px,calc(100vw - 36px));gap:9px;padding:12px;border:2px solid rgba(26,22,34,.22);border-radius:8px;background:var(--glass);box-shadow:0 18px 44px #241b3a38,inset 0 0 0 1px #ffffff5c;-webkit-backdrop-filter:blur(12px) saturate(1.35);backdrop-filter:blur(12px) saturate(1.35)}.brand-lockup{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px}.brand-logo{display:block;width:66px;height:44px;background-image:var(--hud-logo);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 4px 0 rgba(26,22,34,.22))}#hud strong{display:block;font-size:21px;line-height:.9;letter-spacing:0;text-transform:uppercase}#hud small{display:block;margin-top:4px;color:#1a1622b8;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hud-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;color:var(--cream);font-size:12px;font-weight:900;text-transform:uppercase}.hud-row span{min-width:0;overflow:hidden;padding:7px 9px;border:1px solid rgba(40,224,230,.35);border-radius:7px;background:#241b3ae0;box-shadow:0 0 16px #28e0e62e;text-overflow:ellipsis;white-space:nowrap}#presale{padding:8px 10px;border:1px solid rgba(232,79,196,.46);border-radius:7px;background:linear-gradient(90deg,#e84fc4e0,#e8732be0);color:#fff8e9;font-size:12px;font-weight:900;text-align:center;text-transform:uppercase;box-shadow:0 0 22px #e84fc447}#marquee{position:fixed;right:0;bottom:18px;left:0;z-index:8;overflow:hidden;height:34px;border-block:1px solid rgba(255,241,207,.3);background:#1a162275;color:var(--cream);font-size:13px;font-weight:900;line-height:34px;text-transform:uppercase;text-shadow:0 0 10px rgba(40,224,230,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#marquee-track{display:inline-block;min-width:max-content;padding-left:100%;animation:ticker 28s linear infinite;white-space:pre}#joystick{position:fixed;right:22px;bottom:66px;z-index:10;width:118px;height:118px;border:2px solid rgba(255,241,207,.42);border-radius:50%;background:radial-gradient(circle,#fff1cf38,#241b3a47),#241b3a2e;box-shadow:inset 0 0 24px #28e0e62e,0 14px 36px #1a16223d;touch-action:none;-webkit-user-select:none;user-select:none}#stick{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border:2px solid rgba(26,22,34,.28);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#fff1cf 45%,#e8732b);box-shadow:0 8px 20px #18311f38,0 0 22px #e84fc447}@keyframes ticker{to{transform:translate(-100%)}}@media(hover:hover)and (pointer:fine){#joystick{opacity:.62}}@media(max-width:520px){#hud{top:12px;left:12px;width:min(286px,calc(100vw - 24px));padding:10px}.brand-lockup{grid-template-columns:58px minmax(0,1fr)}.brand-logo{width:58px;height:38px}#hud strong{font-size:18px}#hud small,.hud-row{font-size:11px}#presale{font-size:12px}#joystick{right:18px;bottom:62px;width:104px;height:104px}#stick{width:46px;height:46px;margin:-23px}}