*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1a3040;--cream:#fff8e8;--amber:#ff9040;--dusk:#2ecf6a;--sky:#4eb8ff;--glow:#4eb8ff59;--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px)}html,body,#app{width:100%;height:100%;color:var(--cream);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#3a90c8;font-family:Nunito,sans-serif;font-weight:600;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.splash{z-index:20;cursor:pointer;place-items:center;transition:opacity 1.2s,visibility 1.2s;display:grid;position:fixed;inset:0}.splash--gone{opacity:0;visibility:hidden;pointer-events:none}.splash__atmosphere{background:radial-gradient(80% 60% at 50% 75%,#2ecf6a59,#0000 55%),radial-gradient(90% 70% at 70% 20%,#ff904047,#0000 50%),linear-gradient(165deg,#4eb8ff 0%,#7ad0ff 40%,#ffe8b0 100%);animation:8s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.splash__content{text-align:center;padding:2rem;animation:1.4s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.splash__tagline{display:none}.splash__title{letter-spacing:-.02em;color:var(--cream);text-shadow:0 4px 0 #1a304033, 0 0 40px var(--glow);margin-bottom:1.75rem;font-family:Fredoka,sans-serif;font-size:clamp(1.85rem,5.5vw,3.4rem);font-weight:600;line-height:1.15}.splash__title em{color:#fff060;font-style:normal;display:inline-block}.splash__prompt{letter-spacing:.04em;color:var(--ink);font-size:clamp(.85rem,1.6vw,1rem);animation:2.8s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:.95}}.hud{z-index:10;pointer-events:none;transition:opacity .8s;position:fixed;inset:0}.hud--hidden{opacity:0}.hud__world{top:calc(1.25rem + var(--safe-t));left:calc(1.25rem + var(--safe-l));color:#fff8e8e6;letter-spacing:.02em;text-shadow:0 2px #1a304059,0 1px 12px #00000059;font-family:Fredoka,sans-serif;font-size:clamp(1rem,3vw,1.2rem);font-weight:600;position:absolute}.hud__hint{bottom:calc(1.2rem + var(--safe-b));letter-spacing:.06em;text-transform:uppercase;color:#f2e6d459;text-align:center;max-width:92vw;font-size:.7rem;transition:opacity 4s;position:absolute;left:50%;transform:translate(-50%)}.hud__hint--mobile{display:none}.hud__hint--fade{opacity:0}.hud__snag{color:var(--amber);text-shadow:0 2px 20px #00000080;text-align:center;padding:0 1rem;font-family:Fredoka,sans-serif;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:600;animation:.6s ease-in-out infinite alternate snag-pulse;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes snag-pulse{0%{opacity:.7;letter-spacing:0}to{opacity:1;letter-spacing:.06em}}.touch-ui{z-index:15;pointer-events:none;position:fixed;inset:0}.touch-ui--hidden{display:none}.touch-stick{pointer-events:auto;left:calc(1.25rem + var(--safe-l));bottom:calc(1.5rem + var(--safe-b));-webkit-backdrop-filter:blur(10px);touch-action:none;background:#0e0b0859;border:1px solid #f2e6d438;border-radius:50%;width:132px;height:132px;position:absolute}.touch-stick__knob{background:#f2e6d48c;border:1px solid #f2e6d459;border-radius:50%;width:54px;height:54px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000059}.touch-actions{pointer-events:auto;right:calc(1.1rem + var(--safe-r));bottom:calc(1.5rem + var(--safe-b));flex-direction:column;gap:.75rem;display:flex;position:absolute}.touch-btn{appearance:none;-webkit-backdrop-filter:blur(10px);width:76px;height:76px;color:var(--cream);touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#0e0b0866;border:1px solid #f2e6d440;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex}.touch-btn span{font-size:1.35rem;font-weight:500;line-height:1}.touch-btn small{letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:.62rem}.touch-btn.is-active,.touch-btn:active{background:#d4894a73;border-color:#d4894ab3;transform:scale(.96)}.touch-btn--fill.is-active{background:#78aadc66}.touch-utils{pointer-events:auto;top:calc(1.1rem + var(--safe-t));right:calc(1.1rem + var(--safe-r));gap:.45rem;display:flex;position:absolute}.touch-util{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f2e6d4b3;letter-spacing:.06em;text-transform:uppercase;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0e0b0866;border:1px solid #f2e6d433;border-radius:999px;padding:.55rem .75rem;font-family:inherit;font-size:.68rem}.touch-wiggle{pointer-events:none;color:var(--amber);text-shadow:0 2px 16px #00000080;text-align:center;padding:0 1rem;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.touch-ui--snagged .touch-stick{border-color:#d4894ab3;box-shadow:0 0 24px #d4894a40}@media (pointer:coarse),(width<=900px){.hud__hint--desktop{display:none}.hud__hint--mobile{bottom:calc(11.5rem + var(--safe-b));display:block}.hud__hint--mobile.hud__hint--fade{opacity:0}}