:root{--ink: #050510;--sky-deep: #0a0916;--sky-violet: #1c1035;--lantern: #ffd23f;--firefly: #ffd873;--moss: #3f5d4b;--stone: #5c6478;--mist: #d8e4ff;--aurora-teal: #00f0ff;--aurora-violet: #7b5cff;--aurora-pink: #ff2ec4;--aurora-cyan: #00f0ff;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-ui: "Space Grotesk", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--sky-deep);overflow:hidden;font-family:var(--font-ui);color:var(--mist)}canvas{touch-action:none}.app-shell{position:relative;width:100vw;height:100vh}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 30%,var(--aurora-violet) 0%,var(--sky-violet) 35%,var(--sky-deep) 75%);z-index:50}.loader__title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--mist);letter-spacing:.02em}.loader__bar{width:180px;height:2px;background:#cfd3e626;overflow:hidden;border-radius:2px}.loader__fill{height:100%;background:var(--lantern);width:0%;transition:width .2s ease-out}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,48px)}.overlay__top{display:flex;flex-direction:column;gap:4px}.eyebrow{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--aurora-teal);opacity:.9}.title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.8rem,5vw,3.2rem);max-width:12ch;line-height:1.05;background:linear-gradient(100deg,var(--aurora-teal) 0%,var(--aurora-cyan) 30%,var(--aurora-violet) 65%,var(--aurora-pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 20px rgba(161,122,224,.35))}.overlay__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.hint{font-size:.78rem;color:var(--mist);opacity:.75;max-width:26ch;line-height:1.5;transition:opacity .6s ease}.hint.is-hidden{opacity:0}.credit{font-size:.7rem;letter-spacing:.06em;color:var(--mist);opacity:.45;text-align:right}@media (max-width: 640px){.overlay__bottom{flex-direction:column;align-items:flex-start}.credit{text-align:left}}@media (prefers-reduced-motion: reduce){.hint{transition:none}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(62,242,201,.18),transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,110,199,.16),transparent 45%),radial-gradient(ellipse at 50% 55%,var(--aurora-violet) 0%,var(--sky-violet) 40%,var(--sky-deep) 78%);padding:24px}.splash__inner{max-width:440px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;animation:splash-rise .9s ease-out}@keyframes splash-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.splash__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,7vw,4rem);margin:0;background:linear-gradient(100deg,var(--aurora-teal) 0%,var(--aurora-cyan) 30%,var(--aurora-violet) 65%,var(--aurora-pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(161,122,224,.4))}.splash__desc{font-size:.92rem;line-height:1.6;color:var(--mist);opacity:.85;margin:0}.splash__button{margin-top:8px;padding:12px 26px;border-radius:999px;border:1px solid rgba(125,249,255,.5);background:linear-gradient(100deg,#3ef2c929,#a17ae029,#ff6ec729);color:var(--aurora-cyan);font-family:var(--font-ui);font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.splash__button:hover{background:linear-gradient(100deg,#3ef2c94d,#a17ae04d,#ff6ec74d);transform:translateY(-1px);box-shadow:0 0 24px #a17ae059}.controls{position:fixed;right:clamp(16px,3vw,40px);bottom:clamp(76px,12vh,120px);z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.controls__group{display:flex;gap:8px;pointer-events:auto}.controls__btn{padding:8px 14px;border-radius:999px;border:1px solid rgba(207,211,230,.25);background:#0b0f1f73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--mist);font-family:var(--font-ui);font-size:.72rem;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,border-color .2s ease}.controls__btn:hover{background:#7df9ff29;border-color:#7df9ff66}.controls__btn--fly{border-color:#ff6ec773;background:linear-gradient(100deg,#3ef2c924,#ff6ec724);color:var(--aurora-pink)}.controls__btn--fly:hover{background:linear-gradient(100deg,#3ef2c947,#ff6ec747);border-color:#ff6ec7b3}.fly-hint{position:fixed;top:clamp(16px,3vh,32px);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;border:1px solid rgba(125,249,255,.35);background:#0b0f1f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mist);font-size:.76rem;letter-spacing:.02em;text-align:center;max-width:92vw}.fly-hint__exit{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,110,199,.5);background:#ff2ec424;color:var(--aurora-pink);font-family:var(--font-ui);font-size:.72rem;cursor:pointer;white-space:nowrap}.fly-hint__exit:hover{background:#ff2ec447}@media (max-width: 640px){.fly-hint{font-size:.68rem;padding:8px 8px 8px 14px}.fly-hint span{display:none}}.controls__btn--icon{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.95rem}@media (max-width: 640px){.controls{bottom:92px;right:16px}.controls__btn{font-size:.68rem;padding:7px 11px}}.dpad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px clamp(24px,5vh,56px);pointer-events:none}.dpad__cluster{display:grid;pointer-events:auto;gap:6px;user-select:none;-webkit-user-select:none}.dpad__cluster--move{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);grid-template-areas:". up ." "left down right"}.dpad__cluster--vertical{grid-template-columns:repeat(2,60px);grid-template-rows:52px}.dpad__btn{display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(0,240,255,.35);background:#0b0f1f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--aurora-teal);font-size:1.1rem;font-family:var(--font-ui);touch-action:none;cursor:pointer;transition:background .15s ease,transform .1s ease}.dpad__btn:active{background:#00f0ff47;transform:scale(.94)}.dpad__btn--up{grid-area:up}.dpad__btn--left{grid-area:left}.dpad__btn--down{grid-area:down}.dpad__btn--right{grid-area:right}.dpad__btn--tall{font-size:.62rem;letter-spacing:.05em}@media (max-width: 640px){.dpad{padding:0 14px clamp(18px,4vh,40px)}.dpad__cluster--move{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.dpad__cluster--vertical{grid-template-columns:repeat(2,52px);grid-template-rows:46px}}.koi-hud{position:fixed;top:clamp(16px,3vh,32px);right:clamp(16px,3vw,40px);z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid rgba(207,211,230,.2);background:#0b0f1f80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;max-width:220px;animation:splash-rise .9s ease-out}.koi-hud__label{font-size:.66rem;letter-spacing:.02em;color:var(--mist);opacity:.85;text-align:right;line-height:1.3}.koi-hud__dots{display:flex;gap:8px}.koi-hud__dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--dot-color, rgba(230, 225, 255, .5));background:transparent;transition:background .3s ease,box-shadow .3s ease}.koi-hud__dot.is-done{background:var(--dot-color);box-shadow:0 0 10px var(--dot-color)}@media (max-width: 640px){.koi-hud{top:14px;right:14px;padding:8px 12px;max-width:160px}.koi-hud__label{font-size:.6rem}}.ending{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(0,240,255,.16),transparent 55%),#03030aa6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ending-fade 1s ease-out}@keyframes ending-fade{0%{opacity:0}to{opacity:1}}.ending__inner{max-width:460px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:32px;border-radius:18px;border:1px solid rgba(0,240,255,.25);background:#060610b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:splash-rise 1s ease-out}.ending__title{font-family:var(--font-display);font-weight:600;font-style:italic;font-size:clamp(1.7rem,5vw,2.5rem);margin:0;background:linear-gradient(100deg,var(--aurora-teal) 0%,var(--aurora-violet) 55%,var(--aurora-pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ending__desc{font-size:.9rem;line-height:1.6;color:var(--mist);opacity:.85;margin:0}.ending__actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.ending__btn{padding:11px 22px;border-radius:999px;border:1px solid rgba(0,240,255,.5);background:linear-gradient(100deg,#00f0ff29,#7b5cff29,#ff2ec429);color:var(--aurora-teal);font-family:var(--font-ui);font-size:.82rem;letter-spacing:.03em;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.ending__btn:hover{background:linear-gradient(100deg,#00f0ff4d,#7b5cff4d,#ff2ec44d);transform:translateY(-1px);box-shadow:0 0 24px #00f0ff59}.ending__btn--ghost{background:transparent;border-color:#cfd3e64d;color:var(--mist)}.ending__btn--ghost:hover{background:#cfd3e614;box-shadow:none}