*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080017;font-family:Arial,Helvetica,sans-serif;color:#fff}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.logo{font-size:clamp(38px,7vw,92px);font-weight:900;letter-spacing:-3px;background:linear-gradient(90deg,#fff,#a855f7,#22d3ee,#f0abfc);-webkit-background-clip:text;color:transparent;text-shadow:0 0 40px #a855f7}.sub{font-weight:700;color:#ddd;margin:10px 0 24px}#loader{position:fixed;z-index:20;inset:0;background:radial-gradient(circle at center,#471391 0,#07000d 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}button{border:0;border-radius:14px;padding:14px 22px;font-weight:900;cursor:pointer;color:#080017;background:linear-gradient(135deg,#fff,#a855f7,#22d3ee);box-shadow:0 0 24px rgba(168,85,247,.45)}#hud{position:fixed;z-index:5;left:18px;top:14px;text-shadow:0 2px 15px #000}.brand{font-size:28px;font-weight:900;letter-spacing:-1px}.controls{font-size:13px;opacity:.85}#musicToggle{position:fixed;z-index:6;right:18px;top:16px}#mediaPanel{position:fixed;z-index:10;right:0;top:0;height:100%;width:min(420px,94vw);padding:22px;background:rgba(6,0,18,.92);backdrop-filter:blur(18px);border-left:1px solid rgba(255,255,255,.15);box-shadow:-20px 0 60px rgba(0,0,0,.45);transition:.35s;overflow:auto}#mediaPanel.closed{transform:translateX(105%)}#closeMedia{float:right;border-radius:999px;padding:8px 13px}.biglink{display:block;text-align:center;margin:18px 0;padding:14px;border-radius:14px;background:#9146ff;color:#fff;text-decoration:none;font-weight:900}#mobileControls{display:none;position:fixed;z-index:7;bottom:18px;left:16px;right:16px;justify-content:space-between;align-items:flex-end;pointer-events:none}#mobileControls button{pointer-events:auto;margin:3px;padding:13px 16px;background:rgba(255,255,255,.9)}#sprintBtn{height:64px}@media(max-width:800px){#mobileControls{display:flex}.controls{display:none}.brand{font-size:22px}}