@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#ff77e9 #0f0a1e;scrollbar-color:var(--gradient-pink) var(--dark-bg);scrollbar-width:thin}body{background-color:#0f0a1e;background-color:var(--dark-bg);color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}button{font:inherit}.container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.header{margin-bottom:3rem;text-align:center}.logo{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 1rem;position:relative;width:100px}.logo-image{height:auto;max-width:200px;width:100%}.title{animation:shine 3s linear infinite;background:linear-gradient(90deg,#dab619,#ff77e9,#dab619);background:linear-gradient(to right,var(--gradient-yellow),var(--gradient-pink),var(--gradient-yellow));-webkit-background-clip:text;background-clip:text;background-position:0;background-size:200% auto;color:#0000;font-family:Play,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:1rem}@keyframes shine{0%{background-position:0}to{background-position:-200%}}.subtitle{color:#a299bc;font-family:Winky Sans,sans-serif;font-size:1.2rem;margin-bottom:1.5rem}.subtitle strong{color:#ff77e9;color:var(--gradient-pink)}.vibe-button{animation:borderShine 3s linear infinite;background-color:initial;background:linear-gradient(#0f0a1e,#0f0a1e) padding-box,linear-gradient(270deg,#ff77e9,#dab619,#ff77e9) border-box;background:linear-gradient(var(--dark-bg),var(--dark-bg)) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-origin:border-box;background-position:0;background-size:200% auto;border:2px solid #0000;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .2s ease}@keyframes borderShine{0%{background-position:0}to{background-position:200%}}.vibe-button:hover{box-shadow:0 5px 15px #ff77e94d;transform:translateY(-2px)}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.card{align-items:center;animation:cardShine 4s linear infinite;aspect-ratio:1;background-color:#19142bb3;background-color:var(--card-bg);background:linear-gradient(#0f0a1e,#0f0a1e) padding-box,linear-gradient(270deg,#ff77e9,#dab619,#ff77e9) border-box;background:linear-gradient(var(--dark-bg),var(--dark-bg)) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-clip:padding-box,border-box;background-origin:border-box;background-position:0;background-size:200% auto;border:2px solid #0000;border-radius:.5rem;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.card-button{color:inherit;cursor:pointer;width:100%}.card-button:focus-visible{outline:3px solid #dab619;outline:3px solid var(--gradient-yellow);outline-offset:4px}@keyframes cardShine{0%{background-position:0}to{background-position:200%}}.card:hover{box-shadow:0 10px 20px #5a46b44d;transform:translateY(-5px)}.card-number{font-size:2.5rem;margin-bottom:.5rem}.card-number,.card-title{animation:shine 3s linear infinite;background:linear-gradient(90deg,#dab619,#ff77e9,#dab619);background:linear-gradient(to right,var(--gradient-yellow),var(--gradient-pink),var(--gradient-yellow));-webkit-background-clip:text;background-clip:text;background-position:0;background-size:200% auto;color:#0000;font-weight:700}.card-title{font-family:Play,sans-serif;font-size:1rem;letter-spacing:.02em;line-height:1.15;margin:.35rem 0 .85rem;text-align:center}.card-subtitle{color:#a299bc;font-size:.9rem}.gradient-bg{background:linear-gradient(135deg,#ff77e9,#dab619);background:linear-gradient(135deg,var(--gradient-pink),var(--gradient-yellow));filter:blur(100px);height:50%;opacity:.15;position:absolute;right:0;top:0;width:50%;z-index:-1}.side-modal{background-color:#1e1633;background-color:var(--modal-bg);box-shadow:-5px 0 25px #00000080;height:100vh;overflow-y:auto;padding:2rem;position:fixed;right:-450px;top:0;transition:right .3s ease-in-out;width:400px;z-index:1000}.side-modal.open{right:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.modal-close:hover{background-color:#ffffff1a}.modal-title{-webkit-text-fill-color:#0000;animation:modalShine 3s linear infinite;background:linear-gradient(90deg,#ff77e9,#dab619,#ff77e9);-webkit-background-clip:text;background-clip:text;background-position:0;background-size:200% auto;font-size:28px;font-weight:700;margin:0 0 6px}@keyframes modalShine{0%{background-position:0}to{background-position:200%}}.modal-subtitle{color:#a299bc;font-size:1rem}.modal-section,.modal-subtitle{margin-bottom:2rem}.modal-section p{line-height:1.6;margin-bottom:1rem}.modal-coding{align-items:flex-start;background:#ffffff0f;border-radius:8px;display:flex;margin-bottom:20px;padding:20px}.modal-button{align-items:center;background-color:#3a2f5b;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.modal-button:hover{background-color:#483a70}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay.open{display:flex}.footer{padding:1rem;text-align:center}.footer-content{color:#777;font-size:.9rem}.footer-link{color:#ff77e9;text-decoration:none}.footer-link:hover{color:#dab619;text-decoration:underline}.section-icon-1{color:#e03694;margin-right:15px}.section-icon-2{color:#dab619;margin-right:15px}.section-icon-3{color:#0dec05;margin-right:15px}.section-icon-4{color:#14edf5;margin-right:15px}.section-content h3{font-size:18px;font-weight:600;margin:0 0 8px}.section-content p{color:#fffc;font-size:14px;line-height:1.5;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0a1e;background:var(--dark-bg)}::-webkit-scrollbar-thumb{border-radius:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:#ff77e9;background-color:var(--gradient-pink)}:root{--gradient-pink:#ff77e9;--gradient-yellow:#dab619;--dark-bg:#0f0a1e;--card-bg:#19142bb3;--modal-bg:#1e1633;--muted:#a299bc}.sky-page{--glow-x:50%;--glow-y:46%;align-items:center;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ff77e924,#0000 20rem),radial-gradient(circle at 15% 10%,#dab6191a,#0000 22rem),linear-gradient(140deg,#080415 0,#17113e 48%,#060615 100%);color:#fbfbff;gap:.75rem;inset:0;isolation:isolate;justify-content:center;min-height:100vh;min-height:100svh;overflow-y:auto;padding:1.25rem;position:fixed;z-index:10}.sky-outer-header,.sky-page{display:flex;flex-direction:column}.sky-outer-header{flex-shrink:0;gap:.4rem;width:min(1180px,100%)}.sky-page:before{animation:studio-aura 18s ease-in-out infinite alternate;background:radial-gradient(ellipse at 24% 28%,#ff77e93d,#0000 34%),radial-gradient(ellipse at 80% 18%,#dab61929,#0000 30%),radial-gradient(ellipse at 56% 85%,#ff77e91a,#0000 34%);content:"";filter:blur(44px);inset:-18%;opacity:.7;position:absolute;z-index:-2}.sky-page:after{background:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.016) 1px,#0000 0);background-size:88px 88px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at center,#0009,#0000 72%);mask-image:radial-gradient(circle at center,#0009,#0000 72%);pointer-events:none;position:absolute;z-index:-1}@keyframes border-shine{0%{background-position:0}to{background-position:200%}}.sky-studio-topbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.sky-back{align-items:center;animation:border-shine 3s linear infinite;background:linear-gradient(#0f0a1e,#0f0a1e) padding-box,linear-gradient(270deg,#ff77e9,#dab619,#ff77e9) border-box;background:linear-gradient(var(--dark-bg),var(--dark-bg)) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-origin:border-box;background-size:200% auto;border:2px solid #0000;border-radius:999px;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.45rem;margin-bottom:2.5rem;min-height:2.4rem;padding:.55rem 1rem;transition:transform .16s ease,box-shadow .16s ease}.sky-back:hover{box-shadow:0 4px 14px #ff77e947;transform:translateY(-2px)}.sky-actions{display:flex;gap:.55rem}.sky-action-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;color:#fffc;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.4rem;min-height:2.4rem;padding:.55rem 1rem;transition:transform .16s ease,border-color .16s ease,background .16s ease}.sky-action-button:hover{background:#ff77e914;border-color:#ff77e966;transform:translateY(-1px)}.sky-action-fill{background:linear-gradient(135deg,#ff77e9,#dab619) padding-box,linear-gradient(135deg,#ff77e9,#dab619) border-box;background:linear-gradient(135deg,var(--gradient-pink),var(--gradient-yellow)) padding-box,linear-gradient(135deg,var(--gradient-pink),var(--gradient-yellow)) border-box;border:2px solid #0000;box-shadow:0 0 18px #ff77e947;color:#fff;font-weight:600}.sky-action-fill:hover{box-shadow:0 0 28px #ff77e970;transform:translateY(-2px)}.sky-studio-topbar{margin-bottom:0}.sky-studio-header{padding:0 .1rem}.sky-studio-header h1{animation:border-shine 3s linear infinite;background:linear-gradient(90deg,#dab619,#ff77e9,#dab619);background:linear-gradient(to right,var(--gradient-yellow),var(--gradient-pink),var(--gradient-yellow));-webkit-background-clip:text;background-clip:text;background-position:0;background-size:200% auto;color:#0000;filter:drop-shadow(0 0 16px rgba(255,119,233,.2));font-family:Play,Inter,system-ui,sans-serif;font-size:2.4rem;font-weight:700;line-height:1.1;margin:0}.sky-subtitle{color:#a299bc;color:var(--muted);font-size:.9rem;line-height:1.6;margin:.3rem 0 0}.sky-studio-grid{grid-gap:1rem;align-items:stretch;display:grid;flex:0 0 auto;gap:1rem;grid-template-columns:minmax(260px,.85fr) minmax(0,1.85fr);min-height:0;width:min(1180px,100%)}.sky-controls{animation:border-shine 4s linear infinite;background:linear-gradient(#0f0a1e,#0f0a1e) padding-box,linear-gradient(270deg,#ff77e9,#dab619,#ff77e9) border-box;background:linear-gradient(var(--dark-bg),var(--dark-bg)) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-origin:border-box;background-size:200% auto;border:2px solid #0000;border-radius:10px;display:flex;flex-direction:column;gap:1.2rem;overflow-y:visible;padding:1.1rem}.control-group{grid-gap:.6rem;display:grid;gap:.6rem}.control-section-label{color:#ff77e9;color:var(--gradient-pink);font-size:.84rem;font-weight:700;margin:0}.control-group select{background:#0f0a1ee6;border:1px solid #ff77e940;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.88rem;min-height:2.65rem;outline:none;padding:0 .85rem;transition:border-color .16s ease;width:100%}.control-group select:focus{border-color:#ff77e98c}.toggle-list{grid-gap:.48rem;display:grid;gap:.48rem}.toggle-row{align-items:center;background:#19142bb3;background:var(--card-bg);border:1px solid #ffffff14;border-radius:8px;color:#ffffffc7;cursor:pointer;display:flex;font-size:.88rem;gap:.75rem;justify-content:space-between;min-height:2.5rem;padding:0 .8rem;transition:background .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.toggle-row:hover{background:#ff77e914;border-color:#ff77e938}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:42px}.toggle-switch input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.toggle-track{background:#ffffff24;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .2s ease}.toggle-track:after{background:#ffffffb3;border-radius:50%;box-shadow:0 1px 4px #0000004d;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.toggle-switch input:checked+.toggle-track{background:linear-gradient(135deg,#ff77e9,#dab619);background:linear-gradient(135deg,var(--gradient-pink),var(--gradient-yellow));box-shadow:0 0 10px #ff77e95c}.toggle-switch input:checked+.toggle-track:after{background:#fff;transform:translateX(18px)}.audio-player{background:#19142bb3;background:var(--card-bg);border:1px solid #ffffff14;border-radius:8px;gap:.65rem;padding:.6rem .85rem}.audio-play-btn,.audio-player{align-items:center;display:flex}.audio-play-btn{background:#ff77e914;border:1px solid #ff77e94d;border-radius:50%;color:#ffffffd9;cursor:pointer;flex-shrink:0;height:30px;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease;width:30px}.audio-play-btn:hover{background:#ff77e92e;border-color:#ff77e999;transform:scale(1.1)}.audio-track-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.audio-track-name{color:#ffffffd9;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-status{color:#a299bc;color:var(--muted);font-size:.72rem}.audio-volume{appearance:none;background:#ffffff1f;border-radius:999px;cursor:pointer;flex-shrink:0;height:4px;outline:none;width:64px}.audio-volume::-webkit-slider-thumb{-webkit-appearance:none;background:#ff77e9;background:var(--gradient-pink);border-radius:50%;box-shadow:0 0 6px #ff77e980;cursor:pointer;height:12px;width:12px}.audio-volume::-moz-range-thumb{background:#ff77e9;background:var(--gradient-pink);border:none;border-radius:50%;box-shadow:0 0 6px #ff77e980;cursor:pointer;height:12px;width:12px}.info-card{animation:fade-in .4s ease both;background:#ff77e90a;border:1px solid #ff77e933;border-radius:10px;display:flex;flex-direction:column;gap:.85rem;padding:1rem}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.info-card-header{display:flex;flex-direction:column;gap:.3rem}.info-name{background:linear-gradient(90deg,#dab619,#ff77e9);background:linear-gradient(to right,var(--gradient-yellow),var(--gradient-pink));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Play,Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:700;margin:0}.info-pronunciation{color:#a299bc;color:var(--muted);font-size:.82rem;font-style:italic;margin:0}.info-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.info-badge{background:#ff77e914;border:1px solid #ff77e94d;border-radius:999px;color:#ff77e9;color:var(--gradient-pink);font-size:.74rem;font-weight:600;padding:.2rem .6rem}.info-myth{color:#ffffffb8;font-size:.84rem;line-height:1.7;margin:0}.info-stars-section{grid-gap:.45rem;display:grid;gap:.45rem}.info-stars-label{color:#dab619;color:var(--gradient-yellow);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.info-stars-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.info-stars-list li{background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffd1;font-size:.78rem;padding:.2rem .55rem}.sky-scene-card{animation:border-shine 4s linear infinite;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ff77e91a,#0000 18rem) padding-box,radial-gradient(circle at 22% 18%,#ff77e929,#0000 18rem) padding-box,radial-gradient(circle at 76% 82%,#dab6191f,#0000 20rem) padding-box,linear-gradient(180deg,#0d1035 0,#1f1248 54%,#060614 100%) padding-box,linear-gradient(270deg,#ff77e9,#dab619,#ff77e9) border-box;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ff77e91a,#0000 18rem) padding-box,radial-gradient(circle at 22% 18%,#ff77e929,#0000 18rem) padding-box,radial-gradient(circle at 76% 82%,#dab6191f,#0000 20rem) padding-box,linear-gradient(180deg,#0d1035 0,#1f1248 54%,#060614 100%) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-size:auto,auto,auto,auto,200% auto;border:2px solid #0000;border-radius:10px;min-height:0;overflow:hidden;position:relative}.sky-scene-card:before{background:radial-gradient(circle at 50% 115%,#dab61929,#0000 32rem),linear-gradient(180deg,#0000 65%,#02010c47);content:"";z-index:1}.bg-star-field,.sky-scene-card:before{inset:0;pointer-events:none;position:absolute}.bg-star-field{z-index:0}.bg-star{animation:twinkle var(--duration) ease-in-out var(--delay) infinite;background:#fff;border-radius:50%;display:block;height:var(--size);left:var(--x);opacity:var(--opacity);position:absolute;top:var(--y);transform:translate(-50%,-50%);width:var(--size)}.bg-star:nth-child(5n){background:#ffe97a;box-shadow:0 0 6px #dab61999}.bg-star:nth-child(7n){background:#ffcff8;box-shadow:0 0 6px #ff77e980}.soft-particles{inset:0;pointer-events:none;position:absolute;z-index:0}.particle{animation:particle-drift var(--duration) ease-in-out var(--delay) infinite;background:#ff77e980;border-radius:50%;display:block;filter:blur(1px);height:var(--size);left:var(--x);opacity:.14;position:absolute;top:var(--y);transform:translate(-50%,-50%);width:var(--size)}.aurora-layer{animation:aurora-breathe 16s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 28%,#dab6191f,#0000 34%),radial-gradient(ellipse at 64% 36%,#ff77e924,#0000 38%),radial-gradient(ellipse at 46% 74%,#dab6191a,#0000 42%);filter:blur(36px);inset:-20%;opacity:.5;position:absolute;z-index:0}.moon-glow{aspect-ratio:1;background:radial-gradient(circle,#ffffffd9 0 8%,#dab61947 24%,#0000 68%);border-radius:50%;filter:blur(8px);opacity:.24;right:7%;top:8%;width:130px}.horizon-glow,.moon-glow{position:absolute;z-index:1}.horizon-glow{background:radial-gradient(ellipse at center,#dab6192e,#0000 57%),radial-gradient(ellipse at 24% 60%,#ff77e924,#0000 46%);bottom:-20%;filter:blur(24px);height:36%;left:-8%;opacity:.7;right:-8%}.mythic-figure-layer{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.mythic-figure-layer:before{background:radial-gradient(ellipse at 50% 44%,#ffe79c2e,#0000 42%),radial-gradient(ellipse at 52% 55%,#ff77e92e,#0000 54%),radial-gradient(ellipse at 48% 70%,#a2d8ff24,#0000 60%);border-radius:50%;content:"";filter:blur(28px);inset:7% 10% 3%;opacity:.58;position:absolute}.mythic-figure-layer:after{background:linear-gradient(180deg,#0000 0 12%,#ffffff14 36%,#0000 76%),radial-gradient(ellipse at 50% 60%,#ffffff1f,#0000 58%);content:"";filter:blur(18px);inset:9% 18% 2%;mix-blend-mode:screen;opacity:.5;position:absolute}.mythic-figure-image{display:block;filter:drop-shadow(0 0 22px rgba(255,119,233,.3)) drop-shadow(0 0 42px rgba(218,182,25,.15)) saturate(.86) brightness(1.05);height:auto;max-width:85%;mix-blend-mode:screen;object-fit:contain;opacity:.24;pointer-events:none;position:relative;transform:translate(-1%,3%);-webkit-user-select:none;user-select:none;width:100%;z-index:1}.constellation-lines-svg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:3}.c-line{stroke:#ff77e98c;stroke-width:.3;stroke-linecap:round;animation:line-appear .6s ease both;filter:drop-shadow(0 0 1.5px rgba(255,119,233,.8))}@keyframes line-appear{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:0}to{stroke-dasharray:200;stroke-dashoffset:0;opacity:1}}.constellation-stars{inset:0;position:absolute;z-index:4}.c-star{animation:star-pulse 3s ease-in-out infinite;background:#fff;background:var(--color,#fff);border-radius:50%;box-shadow:0 0 calc(var(--size)*1.2) #ffffffe6,0 0 calc(var(--size)*3) #ffffff4d;cursor:pointer;height:var(--size);left:var(--x);position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:var(--size)}.c-star--hovered,.c-star:hover{box-shadow:0 0 calc(var(--size)*2) #ff77e9,0 0 calc(var(--size)*5) #ff77e980;box-shadow:0 0 calc(var(--size)*2) var(--gradient-pink,#ff77e9),0 0 calc(var(--size)*5) #ff77e980;transform:translate(-50%,-50%) scale(1.8);z-index:5}@keyframes star-pulse{0%,to{opacity:.88}50%{opacity:1}}.c-star-label{color:#ffffffb3;font-size:.7rem;font-weight:500;letter-spacing:.02em;text-shadow:0 0 6px #000c,0 0 12px #ff77e94d;transform:translate(8px,-18px);z-index:5}.c-star-label,.star-tooltip{pointer-events:none;position:absolute;white-space:nowrap}.star-tooltip{animation:tooltip-pop .18s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a1eeb;border:1px solid #ff77e966;border-radius:8px;box-shadow:0 4px 20px #00000080,0 0 14px #ff77e924;display:flex;flex-direction:column;gap:.2rem;left:var(--tx);padding:.5rem .75rem;top:var(--ty);transform:translate(-50%,-130%);z-index:10}.star-tooltip:after{background:#0f0a1eeb;bottom:-6px;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:10px}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%,-120%)}to{opacity:1;transform:translate(-50%,-130%)}}.star-tooltip strong{color:#fff;font-size:.88rem}.star-tooltip span{color:#a299bc;color:var(--muted);font-size:.76rem;line-height:1.4;max-width:200px;white-space:normal}@keyframes twinkle{0%,to{opacity:calc(var(--opacity)*.5);transform:translate(-50%,-50%) scale(.75)}45%{opacity:var(--opacity);transform:translate(-50%,-50%) scale(1.3)}62%{opacity:calc(var(--opacity)*.38);transform:translate(-50%,-50%) scale(.88)}}@keyframes particle-drift{0%,to{transform:translate(-50%,-50%) translateZ(0)}50%{transform:translate(-50%,-50%) translate3d(18px,-22px,0)}}@keyframes aurora-breathe{0%{opacity:.38;transform:scale(1)}to{opacity:.62;transform:scale(1.07)}}@keyframes studio-aura{0%{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1%,1%,0) scale(1.05)}}@media (max-width:900px){.sky-page{justify-content:flex-start;overflow-y:auto;padding:.75rem}.sky-studio-grid{flex:none;grid-template-columns:1fr}.sky-scene-card{min-height:400px}.mythic-figure-image{height:96%;max-width:76%;transform:translate(-4%,-2%)}.sky-studio-header h1{font-size:2rem}}@media (max-width:520px){.sky-studio{padding:.8rem}.sky-studio-topbar{align-items:stretch;flex-direction:column}.sky-back{justify-content:center}.sky-actions{justify-content:stretch}.sky-action-button{flex:1 1;justify-content:center}.sky-studio-header h1{font-size:1.7rem}.sky-scene-card{min-height:320px}.mythic-figure-image{height:88%;max-width:84%;transform:translate(-3%)}}@media (prefers-reduced-motion:reduce){.sky-page *,.sky-page :after,.sky-page :before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.b-page{align-items:center;background:linear-gradient(140deg,#02040a,#080c1e 50%,#02040a);color:#f5f0e8;gap:.75rem;inset:0;min-height:100vh;overflow:hidden;padding:1.25rem;position:fixed;z-index:10}.b-outer-header,.b-page{display:flex;flex-direction:column}.b-outer-header{flex-shrink:0;gap:.4rem;max-width:1180px;width:100%}.b-studio-topbar{align-items:center;display:flex}.b-back{align-items:center;background:#030510cc;border:1px solid #c9a84c4d;border-radius:999px;color:#c9a84cb3;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:.8rem;gap:.4rem;letter-spacing:.05em;padding:.45rem 1rem;transition:color .2s,border-color .2s}.b-back:hover{border-color:#c9a84c99;color:#c9a84c}.b-studio-header h1{color:#c9a84c;font-family:Cinzel Decorative,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin:0;text-shadow:0 0 30px #c9a84c66}.b-subtitle{color:#f5f0e873;font-family:Cinzel,serif;font-size:.82rem;letter-spacing:.02em;margin:.2rem 0 0}.b-game-container,.b-page-shell .sky-outer-header{width:min(1020px,100%)}.b-game-container{align-items:center;animation:b-border-shine 4s linear infinite;aspect-ratio:1935/1080;background:linear-gradient(#02040a,#02040a) padding-box,linear-gradient(270deg,var(--gradient-pink),var(--gradient-yellow),var(--gradient-pink)) border-box;background-origin:border-box;background-size:auto,200% auto;border:2px solid #0000;border-radius:10px;box-sizing:border-box;display:flex;flex:0 0 auto;justify-content:center;min-height:0;overflow:hidden;position:relative}.b-game-container:fullscreen{background:#02040a;border-radius:0;height:100vh;width:100vw}.b-frame-background{height:100%;inset:0;object-fit:cover;object-position:center;pointer-events:none;position:absolute;width:100%;z-index:0}.b-fullscreen-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03051094;border:1px solid #c9a84c61;border-radius:8px;color:#f5f0e8c7;cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:color .2s ease,border-color .2s ease,background .2s ease;width:38px;z-index:40}.b-fullscreen-button:hover{background:#030510d1;border-color:#c9a84cb8;color:#f5f0e8}@keyframes b-border-shine{0%{background-position:0}to{background-position:200%}}.b-start-button{position:relative;transform:translateY(0);transition:transform .24s ease}.b-start-button-image{display:block;height:100%;object-fit:contain;object-position:center;transition:filter .24s ease;width:100%}.b-start-button:focus-visible,.b-start-button:hover{transform:translateY(-4px)}.b-start-button:focus-visible .b-start-button-image,.b-start-button:hover .b-start-button-image{filter:brightness(1.5) saturate(1.12)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGold{0%,to{text-shadow:0 0 20px #c9a84c66}50%{text-shadow:0 0 50px #c9a84c,0 0 90px #c9a84c59}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(9px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes noteHit{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes introFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes particleRise{0%{opacity:.85;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-55px) scale(.3)}}@keyframes glowRing{0%,to{box-shadow:0 0 0 0 #c9a84c73}50%{box-shadow:0 0 0 7px #c9a84c00}}@keyframes targetBlink{0%,to{box-shadow:0 0 8px #11f7cc59;filter:brightness(.9);opacity:.42}50%{box-shadow:0 0 18px #11f7ccd9,0 0 30px #ffffff73;filter:brightness(1.45);opacity:1}}@keyframes spaceIdle{0%,to{box-shadow:0 0 18px #c9a84c4d,inset 0 0 12px #c9a84c14}50%{box-shadow:0 0 32px #c9a84c8c,inset 0 0 20px #c9a84c26}}@keyframes spaceActive{0%,to{box-shadow:0 0 24px gold,0 0 48px #ffd70066,inset 0 0 16px #ffd70033}50%{box-shadow:0 0 48px gold,0 0 80px #ffd70080,inset 0 0 28px #ffd7004d}}
/*# sourceMappingURL=main.27790519.css.map*/