: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}.game-audio-toggle{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1rem);left:1rem;z-index:25;min-width:5.8rem;padding:.72rem 1rem;border:1px solid rgba(220,236,255,.16);border-radius:999px;background:#080c1294;color:#f4f7fb;font:inherit;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 32px #0000003d;cursor:pointer}.game-audio-toggle:active{transform:scale(.98)}.game-audio-toggle[aria-pressed=true]{background:#1a0e0ea3;border-color:#ffb6b638}.touch-controls{position:absolute;inset:0;z-index:20;pointer-events:none}.touch-joystick{position:absolute;left:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 3.5rem);width:9.5rem;height:9.5rem;border-radius:999px;background:radial-gradient(circle at 50% 50%,#7cbcff2e,#080d1433);border:1px solid rgba(212,233,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 36px #00000042;pointer-events:auto}.touch-actions{position:absolute;right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 3rem);display:flex;flex-direction:column;align-items:flex-end;gap:.85rem;pointer-events:none}.touch-action{min-width:6.25rem;padding:.95rem 1.1rem;border:1px solid rgba(220,236,255,.14);border-radius:1.35rem;background:#0c111875;color:#f4f7fb;font:inherit;font-weight:600;letter-spacing:.02em;box-shadow:0 16px 34px #0000003d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;touch-action:none}.touch-action:active{transform:scale(.97)}