.game-page.svelte-1mwtwh6{position:relative;min-height:100vh;padding:2rem 1.5rem;font-family:Segoe UI,Roboto,sans-serif;overflow-x:hidden}.bg-gradient.svelte-1mwtwh6{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#0f172a,#1e1b4b,#312e81,#4f46e5);background-size:400% 400%;animation:svelte-1mwtwh6-gradientShift 15s ease infinite;z-index:-1}@keyframes svelte-1mwtwh6-gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container.svelte-1mwtwh6{max-width:950px;margin:0 auto}.back-link.svelte-1mwtwh6{display:inline-flex;align-items:center;color:#e0e7ff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:2rem;transition:all .3s ease}.back-link.svelte-1mwtwh6:hover{background:#fff3;transform:translate(-4px)}.page-header.svelte-1mwtwh6{text-align:center;margin-bottom:3rem;animation:svelte-1mwtwh6-fadeSlideDown .8s ease-out}@keyframes svelte-1mwtwh6-fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.glow-title.svelte-1mwtwh6{font-size:clamp(2rem,5vw,2.8rem);font-weight:900;color:#fff;text-shadow:0 0 10px #818cf8,0 0 20px #6366f1,0 0 30px #4f46e5;animation:svelte-1mwtwh6-titleGlow 3s ease-in-out infinite alternate;margin:0 0 1rem}@keyframes svelte-1mwtwh6-titleGlow{0%{text-shadow:0 0 10px #818cf8,0 0 20px #6366f1}to{text-shadow:0 0 15px #a5b4fc,0 0 30px #818cf8,0 0 45px #4f46e5}}.subtitle.svelte-1mwtwh6{font-size:1.15rem;color:#e0e7ff;opacity:.9;max-width:650px;margin:0 auto}.card-wrapper.svelte-1mwtwh6{position:relative;margin-bottom:2.5rem;border-radius:18px;overflow:hidden;animation:svelte-1mwtwh6-cardAppear .7s ease forwards;opacity:0}@keyframes svelte-1mwtwh6-cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in.svelte-1mwtwh6{animation:svelte-1mwtwh6-fadeIn .6s ease forwards}@keyframes svelte-1mwtwh6-fadeIn{0%{opacity:0}to{opacity:1}}.card-glow.svelte-1mwtwh6{position:absolute;inset:0;padding:3px;background:linear-gradient(45deg,#60a5fa,#a78bfa,#f472b6,#fb923c);background-size:300% 300%;animation:svelte-1mwtwh6-borderFlow 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes svelte-1mwtwh6-borderFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.info-box.svelte-1mwtwh6,.prompt-box.svelte-1mwtwh6,.editor-box.svelte-1mwtwh6,.feedback-box.svelte-1mwtwh6{position:relative;z-index:2;padding:2rem;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;color:#f1f5f9}.info-box.svelte-1mwtwh6 h4:where(.svelte-1mwtwh6),.prompt-box.svelte-1mwtwh6 h4:where(.svelte-1mwtwh6),.editor-box.svelte-1mwtwh6 h4:where(.svelte-1mwtwh6),.feedback-box.svelte-1mwtwh6 h4:where(.svelte-1mwtwh6){margin-top:0;color:#a5b4fc}.feature-list.svelte-1mwtwh6{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.feature-list.svelte-1mwtwh6 li:where(.svelte-1mwtwh6){display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:.6rem 1rem;border-radius:8px}.genre-tags.svelte-1mwtwh6{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.8rem 0}.genre-tag.svelte-1mwtwh6{padding:.7rem 1.4rem;font-size:1.1rem;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e54d;animation:svelte-1mwtwh6-tagPop .5s ease forwards;opacity:0;transform:scale(.8)}.genre-tag.svelte-1mwtwh6:nth-child(1){animation-delay:.1s}.genre-tag.svelte-1mwtwh6:nth-child(2){animation-delay:.25s}.genre-tag.svelte-1mwtwh6:nth-child(3){animation-delay:.4s}@keyframes svelte-1mwtwh6-tagPop{to{opacity:1;transform:scale(1)}}.instructions.svelte-1mwtwh6{background:#10b9811f;padding:1.2rem;border-radius:12px;border:1px solid rgba(16,185,129,.25);line-height:1.7;color:#ecfccb}.loading-state.svelte-1mwtwh6{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;color:#a5b4fc}.spinner.svelte-1mwtwh6{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#60a5fa;border-radius:50%;animation:svelte-1mwtwh6-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-1mwtwh6-spin{to{transform:rotate(360deg)}}textarea.svelte-1mwtwh6{width:100%;min-height:260px;padding:1.3rem;background:#fffffff2;border:2px solid rgba(99,102,241,.3);border-radius:12px;font-size:1.05rem;line-height:1.7;color:#1e293b;resize:vertical;margin-bottom:1.5rem;transition:all .3s ease}textarea.svelte-1mwtwh6:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.word-count.svelte-1mwtwh6{font-size:1.1rem;font-weight:500;padding:.4rem 1rem;border-radius:8px;display:inline-block;margin-bottom:1.5rem}.word-count.empty.svelte-1mwtwh6{color:#cbd5e1;background:#ffffff0d}.word-count.short.svelte-1mwtwh6{color:#fcd34d;background:#fbbf2426}.word-count.good.svelte-1mwtwh6{color:#86efac;background:#10b98126}.button-row.svelte-1mwtwh6{display:flex;flex-wrap:wrap;gap:.8rem}.btn.svelte-1mwtwh6{padding:.9rem 1.2rem;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000040;flex:1;min-width:110px}.btn.svelte-1mwtwh6:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-small.svelte-1mwtwh6{padding:.3rem .7rem;font-size:.85rem;border-radius:6px;border:none;background:#6366f133;color:#a5b4fc;cursor:pointer}.btn-primary.svelte-1mwtwh6{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-primary.svelte-1mwtwh6:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #4f46e566}.btn-secondary.svelte-1mwtwh6{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.btn-secondary.svelte-1mwtwh6:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #06b6d466}.stop-voice.svelte-1mwtwh6{margin-top:1rem}.feedback-box.svelte-1mwtwh6{background:#fbbf241a;border:1px solid rgba(251,191,36,.25)}pre.svelte-1mwtwh6{white-space:pre-wrap;font-family:inherit;font-size:1rem;line-height:1.7;color:#fcd34d;margin:0}@media(max-width:768px){.glow-title.svelte-1mwtwh6{font-size:2rem}.genre-tag.svelte-1mwtwh6{width:100%;text-align:center}.feature-list.svelte-1mwtwh6 li:where(.svelte-1mwtwh6){flex-direction:column;align-items:flex-start;gap:.5rem}}