:root{--text: #4a3a2e;--muted: #8a755e;--accent: #ef835c;--accent-dark: #db6a43;--panel: #fffaf3;--line: #efddc7;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);background:linear-gradient(180deg,#bfe6ff,#e9f8ff 55%,#fff3e0);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}.game{position:fixed;top:0;right:0;bottom:0;left:0}.game canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:16px;left:16px;right:auto;z-index:5;padding:14px 20px;pointer-events:none;background:#fffaf3db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--line);border-radius:20px;box-shadow:0 12px 30px #966e462e;max-width:min(86vw,460px)}.hud h1{margin:0;font-size:clamp(1.3rem,3vw,1.9rem);font-family:var(--font-display);color:var(--accent-dark)}.hud p{margin:4px 0 0;color:var(--muted);font-weight:600}.hud__error{color:var(--accent-dark)!important;font-weight:800}.hud__counter{margin:4px 0 0;font-weight:800;font-size:1.15rem;color:var(--text)}.touch-pad{position:absolute;left:20px;bottom:20px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.touch-pad__mid,.touch-pad__actions{display:flex;gap:8px}.touch-btn{width:64px;height:64px;border-radius:20px;border:2px solid rgba(255,255,255,.7);background:#ef835cd1;color:#fff;font-size:1.7rem;font-weight:800;box-shadow:0 8px 18px #966e4647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;touch-action:none}.touch-btn:active{background:var(--accent-dark);transform:translateY(2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:2px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px #966e4624;transition:transform .14s ease,background .14s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark)}.btn--big{padding:16px 30px;font-size:1.1rem}.victory{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#4a3a2e73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.victory__card{background:var(--panel);color:var(--text);border-radius:28px;padding:38px;text-align:center;max-width:440px;border:2px solid var(--line);box-shadow:0 24px 64px #4a3a2e66;animation:pop-in .4s cubic-bezier(.22,1.3,.5,1) both}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.victory__emoji{font-size:3.8rem}.victory__card h2{margin:8px 0;font-family:var(--font-display);color:var(--accent-dark);font-size:1.9rem}.victory__card p{color:var(--muted);margin:0 0 22px;font-weight:600}.victory__actions{display:flex;flex-direction:column;gap:10px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.hud__controls{margin:6px 0 0;color:var(--muted);font-size:.82rem;font-weight:600}.hud__debug{margin:4px 0 0;font-size:.72rem;font-family:monospace;color:#7a8;opacity:.85}.hud__quest{margin:4px 0 0;font-weight:800;color:var(--accent-dark)}.hud__res{margin:4px 0 0;font-weight:700}.hud__music{margin:4px 0 0;color:var(--muted);font-weight:600}.hud__music-toggle{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;color:inherit;font:inherit;font-weight:700}.hud__music-toggle:hover{color:var(--accent-dark)}.music-float{font-size:1.1rem;background:#fffaf3e6;border:2px solid var(--line);border-radius:999px;padding:1px 6px;pointer-events:none;animation:mfloat 1.6s ease-in-out infinite}@keyframes mfloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.music-float--muted{opacity:.4;filter:grayscale(1);animation:none}.ge-sound__steps{margin:2px 0 0;font-size:.78rem;font-weight:700;color:#5a3da8}.near-card{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:6;background:#fffaf3eb;border:2px solid var(--line);border-radius:16px;padding:10px 18px;box-shadow:0 12px 30px #966e4633;max-width:80vw;text-align:center}.near-card strong{color:var(--accent-dark)}.near-card div{color:var(--muted);font-size:.9rem;font-weight:600}.victory__res{font-weight:800;font-size:1.2rem;margin:6px 0}.victory__roles{color:var(--muted);font-weight:600}.hud__audio{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;pointer-events:auto}.hud__audio-vol{display:flex;gap:6px;align-items:center}.hud__audio-vol input[type=range]{width:110px}.hud__audio-count{font-size:.85rem;opacity:.8}.water-hint{position:fixed;left:50%;bottom:130px;transform:translate(-50%);background:#2b546ed1;color:#eaf6ff;padding:7px 16px;border-radius:999px;font-size:.9rem;pointer-events:none;z-index:6;box-shadow:0 4px 14px #0000002e;animation:water-hint-in .25s ease}@keyframes water-hint-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.float-spark{color:#fff3b0;font-weight:800;font-size:1rem;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.45);pointer-events:none;animation:float-up 1.1s ease-out forwards}@keyframes float-up{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:0;transform:translateY(-34px) scale(1)}}.gate-banner{position:fixed;left:50%;top:84px;transform:translate(-50%);background:linear-gradient(135deg,#7be3a0,#59c4ff);color:#093;font-weight:800;padding:10px 22px;border-radius:999px;z-index:7;box-shadow:0 6px 20px #0003;color:#04432a;animation:gate-pop .4s ease}@keyframes gate-pop{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.onboarding{position:fixed;right:14px;bottom:150px;z-index:6;max-width:260px;display:flex;flex-direction:column;gap:5px;cursor:pointer;background:#fffffff0;color:#3a2f25;padding:12px 14px;border-radius:16px;box-shadow:0 8px 24px #00000029;font-size:.9rem;animation:gate-pop .3s ease}.onboarding strong{font-size:1rem}.onboarding .btn{margin-top:4px;align-self:flex-start}.victory__mood{opacity:.85;font-size:.95rem}@media(max-width:640px){.onboarding{bottom:200px;right:8px;max-width:200px;font-size:.82rem}}.hud__music{display:flex;flex-direction:column;gap:4px;margin:6px 0}.hud__music-title{font-weight:700;font-size:.9rem}.hud__layers{display:flex;flex-wrap:wrap;gap:4px}.layer-chip{font-size:.72rem;padding:2px 7px;border-radius:999px;background:#00000012;color:#6a6a6a;opacity:.55}.layer-chip--on{background:#e7d9ff;color:#5a3da8;opacity:1;font-weight:600}.hud__now{font-size:.8rem;font-weight:600;color:#5a3da8}.hud__missing{font-size:.78rem;opacity:.75}.hud__coach{font-size:.76rem;color:#8a6d00}.hud__goal{font-size:.8rem;font-weight:700;color:#2a6da8}.hud__harmony{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#b06a00}.hud__harmony-bar{flex:1;min-width:70px;height:7px;background:#0000001a;border-radius:999px;overflow:hidden}.hud__harmony-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffcf6b,#ff8fb0,#7c4dff);border-radius:999px;transition:width .4s ease}.hud__creative{margin:4px 0 0;font-size:.82rem;font-weight:800;color:#7c4dff}.hud__daily{margin:4px 0 0;font-size:.82rem;font-weight:600;color:#4a7a3a}.creative-ended{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:13;display:flex;flex-direction:column;gap:6px;max-width:min(92vw,460px);background:#fffaf3f7;border:2px solid #e0c8a0;border-radius:16px;padding:12px 16px;box-shadow:0 12px 30px #00000038;text-align:center}.creative-ended span{font-size:.86rem;color:var(--muted)}.creative-ended__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hud__daily--done{opacity:.7}.reward-toast{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:12;background:linear-gradient(135deg,#ffd76b,#ff9ec0);color:#5a2a3a;font-weight:800;padding:10px 18px;border-radius:999px;box-shadow:0 8px 24px #00000038;animation:reward-pop .3s ease}@keyframes reward-pop{0%{transform:translate(-50%,-8px);opacity:0}to{transform:translate(-50%);opacity:1}}.victory__harmony{display:flex;align-items:center;gap:8px;justify-content:center;margin:4px 0;font-size:.95rem}.victory__harmony .hud__harmony-bar{max-width:160px}.victory__next{font-weight:700;color:#5a3da8;margin:6px 0 0}.near-card__role{font-weight:600}.victory__done{font-weight:700}.victory__rewards{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin:8px 0;font-weight:700}.victory__motivate{opacity:.85;margin-top:4px}.hud__quest-progress{font-size:.82rem;opacity:.8;margin-top:-2px}.ge-owner{position:fixed;right:14px;bottom:18px;z-index:9;display:flex;align-items:center;gap:8px;pointer-events:auto}.ge-owner__create{border:none;cursor:pointer;background:linear-gradient(135deg,#ff8fb0,#ffb36b);color:#5a2a3a;font-weight:800;padding:12px 18px;border-radius:999px;box-shadow:0 6px 18px #00000038;font-size:.98rem}.ge-owner__budget{font-size:.76rem;font-weight:700;background:#ffffffeb;padding:6px 10px;border-radius:999px;box-shadow:0 4px 12px #0000001f;color:#6a5a45}.ge-owner__save{font-size:.82rem;font-weight:700;background:#ffffffeb;padding:6px 10px;border-radius:999px;box-shadow:0 4px 12px #0000001f}.ge-owner__save--saving{color:#8a6d00}.ge-owner__save--saved{color:#2a8a4a}.ge-owner__save--error{color:#c0392b}.ge-fab{position:fixed;right:14px;bottom:18px;z-index:9;border:none;cursor:pointer;background:linear-gradient(135deg,#ff8fb0,#ffb36b);color:#5a2a3a;font-weight:800;padding:10px 16px;border-radius:999px;box-shadow:0 6px 18px #0003;font-size:.95rem}.ge-place-hint{position:fixed;left:50%;top:14px;transform:translate(-50%);z-index:9;background:#2b546ee6;color:#eaf6ff;padding:8px 14px;border-radius:999px;display:flex;gap:10px;align-items:center;font-size:.9rem}.ge-toast{position:fixed;left:50%;bottom:150px;transform:translate(-50%);z-index:9;background:#282828e0;color:#fff;padding:8px 16px;border-radius:999px;font-size:.9rem}.ge-queue{position:fixed;right:12px;top:12px;z-index:9;width:240px;max-width:70vw;background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #00000029;padding:8px;display:flex;flex-direction:column;gap:6px}.ge-queue--min{width:auto;padding:0;background:none;box-shadow:none}.ge-queue__toggle{background:#fff;border:1px solid #eadfce;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}.ge-queue__head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;color:#6a5a45}.ge-queue__min{border:none;background:none;cursor:pointer;font-size:1.1rem;line-height:1}.ge-card{display:flex;gap:8px;align-items:center;background:#faf6ee;border-radius:10px;padding:6px}.ge-card--ready{cursor:pointer;background:#e7f6ec;border:1px solid #b9e3c6}.ge-card__thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#f0e7d8;display:flex;align-items:center;justify-content:center;flex:none}.ge-card__thumb img{width:100%;height:100%;object-fit:cover}.ge-card__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.ge-card__status{font-size:.78rem;opacity:.85}.ge-card__status--ready{color:#2a8a4a;font-weight:700}.ge-card__status--failed{color:#c0392b}.ge-sel{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:9;background:#fffffff5;border-radius:14px;box-shadow:0 8px 24px #0000002e;padding:10px 12px;max-width:96vw}.ge-sel__title{font-weight:700;margin-bottom:6px;text-align:center}.ge-sel__row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ge-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;display:flex;align-items:center;justify-content:center;padding:12px}.ge-modal__card{background:#fffdf8;border-radius:18px;padding:18px;width:440px;max-width:96vw;max-height:92vh;overflow:auto;box-shadow:0 16px 48px #0000004d;display:flex;flex-direction:column;gap:10px}.ge-field{display:flex;flex-direction:column;gap:4px;font-weight:600}.ge-field textarea,.ge-field input{font:inherit;padding:8px 10px;border:1px solid #e0d6c4;border-radius:10px;width:100%;box-sizing:border-box}.ge-preview{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f0e7d8;display:flex;align-items:center;justify-content:center;max-height:46vh}.ge-preview img{width:100%;height:100%;object-fit:contain}.ge-modal__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ge-loading{text-align:center;color:#8a6d3b;font-weight:600}@media(max-width:430px){.ge-queue{width:200px}.ge-fab{font-size:.85rem;padding:8px 12px}.ge-sel__row .btn{font-size:.8rem}}.sound-panel{position:fixed;left:10px;top:64px;z-index:8;width:210px;max-width:70vw;background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000002e;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.sound-panel__head{display:flex;justify-content:space-between;align-items:center}.sound-panel__vol{display:flex;flex-direction:column;font-size:.78rem;gap:2px;opacity:.85}.sound-panel__vol input{width:100%}@media(max-width:430px){.sound-panel{top:58px;width:180px}}.ge-sound{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-width:92vw}.ge-sound__title{font-weight:800;font-size:.92rem}.ge-sound__moods{display:flex;gap:4px;flex-wrap:wrap}.ge-sound__prompt{padding:6px 8px;border:1px solid #e0d6c4;border-radius:8px;font:inherit;width:100%;box-sizing:border-box}.ge-sound__hint{margin:2px 0 0;font-size:.76rem;color:#7a6a52}.ge-chips{display:flex;gap:4px;flex-wrap:wrap}.ge-steps{display:flex;flex-direction:column;gap:6px;background:#faf4e9;border-radius:10px;padding:6px}.ge-steps__count,.ge-steps__presets{display:flex;gap:4px;flex-wrap:wrap}.ge-steps__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.ge-step{aspect-ratio:1;min-width:28px;border:1px solid #d8cbb3;border-radius:8px;background:#fff;font-weight:700;cursor:pointer;color:#8a7a5e}.ge-step--on{background:#7c4dff;color:#fff;border-color:#6a3df0;box-shadow:0 2px 8px #7c4dff59}@media(max-width:430px){.ge-steps__grid{grid-template-columns:repeat(8,1fr)}.ge-step{min-width:0;font-size:.78rem}}