:root{color:#f4f7fb;background:#05070a;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%}body{overflow:hidden;background:#05070a}canvas{display:block}.game-shell{position:relative;width:100vw;height:100vh;touch-action:none}.game-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#000;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.game-loading.is-visible{opacity:1;visibility:visible}.game-loading.is-hidden{opacity:0;visibility:hidden}.game-loading-inner{width:min(24rem,calc(100vw - 3rem));display:grid;gap:.7rem;justify-items:center;text-align:center}.game-loading-title{color:#f5f7fb;font-size:clamp(2.2rem,8vw,4.8rem);font-weight:700;letter-spacing:.2em;line-height:.95;text-indent:.2em}.game-loading-subtitle{color:#f5f7fbb8;font-size:.95rem;letter-spacing:.24em;text-transform:uppercase}.game-loading-bar{width:100%;height:.6rem;margin-top:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14}.game-loading-bar-fill{width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#f4f7fb,#86c5ff);transition:transform .18s ease}.game-loading-label{margin-top:.25rem;color:#f5f7fbc7;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase}.game-status{position:absolute;left:1rem;bottom:1rem;z-index:10;max-width:min(32rem,calc(100vw - 2rem));padding:.8rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:.75rem;background:#080c12c7;color:#f4f7fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000059}.touch-controls{position:absolute;inset:0;z-index:20;pointer-events:none}.touch-joystick{position:absolute;left:1rem;bottom:1rem;width:9.5rem;height:9.5rem;border-radius:999px;background:radial-gradient(circle at 50% 50%,#70b3ff29,#070c130a);border:1px solid rgba(185,219,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.touch-actions{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none}.touch-action{min-width:5.75rem;padding:.9rem 1rem;border:1px solid rgba(220,236,255,.18);border-radius:999px;background:#080c12d1;color:#f4f7fb;font:inherit;font-weight:600;letter-spacing:.02em;box-shadow:0 14px 32px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;touch-action:none}.touch-action:active{transform:scale(.97)}