:root{--bg-color: #050608;--star-gold: #ffeaa7;--star-white: #ffffff;--star-red: #ff7675;--text-color: #dfe6e9;--ui-glass: rgba(20, 20, 30, .4);--mythic-blue: #81ecec;--key-star: #74b9ff}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);font-family:Lato,sans-serif;overflow:hidden;color:var(--text-color)}#game-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{width:100%;height:100%;display:block}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(12px,3vmin,40px);z-index:10}.header{text-align:center;margin-top:clamp(4px,1vmin,10px);text-shadow:0 2px 10px rgba(0,0,0,.8);transition:opacity .5s;opacity:0}h1{font-family:Cinzel,serif;font-size:clamp(18px,4vmin,32px);margin:0;font-weight:700;color:var(--star-gold);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,234,167,.4)}.level-indicator{font-size:clamp(9px,1.8vmin,12px);color:#b2bec3;margin-top:clamp(3px,.8vmin,8px);letter-spacing:3px;text-transform:uppercase;opacity:.7}.controls{pointer-events:auto;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(8px,2vmin,32px);transition:opacity .5s;opacity:0}#action-bar{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;pointer-events:none}#action-bar .btn-icon{pointer-events:auto}#btn-atlas{position:fixed;left:24px;top:24px;z-index:20;pointer-events:auto;opacity:0;transition:opacity .5s}#btn-sound{pointer-events:auto;opacity:1;transition:opacity .5s}#btn-tutorial{position:fixed;left:24px;top:90px;z-index:20;pointer-events:auto;opacity:0;transition:opacity .5s}#tutorial-overlay{display:none}.tut-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#14141e99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px 40px;z-index:200;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;cursor:pointer;text-align:center;width:500px;max-width:90%;overflow:hidden}.tut-card:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(115deg,transparent 20%,rgba(255,234,167,.05) 40%,rgba(255,234,167,.1) 50%,rgba(255,234,167,.05) 60%,transparent 80%);transform:skew(-20deg);pointer-events:none;transition:left .5s;animation:shimmer 6s infinite linear}.tut-card.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}@media (max-width: 600px),(max-height: 600px){.tut-card{width:500px;max-width:none;transform:translate(-50%,-50%) scale(min(.9,calc(85vw / 500 * .9),.1275vh))}.tut-card.visible{transform:translate(-50%,-50%) scale(min(1,.17vw,calc(85vh / 600)))}}#tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;opacity:0;pointer-events:none;transition:opacity .6s ease}#tutorial-backdrop.visible{opacity:1;pointer-events:auto}.tut-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.tut-title{font-family:Cinzel,serif;font-size:32px;font-weight:700;background:linear-gradient(135deg,#ffeaa7,#fff,#ffeaa7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,234,167,.4);letter-spacing:4px;text-transform:uppercase;margin:0}.tut-subtitle{font-family:Lato,sans-serif;font-size:14px;color:#b2bec3;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;opacity:.8}.tut-sparkle{color:var(--mythic-blue);font-size:16px;animation:twinkle 3s ease-in-out infinite;text-shadow:0 0 10px rgba(129,236,236,.6)}.tut-hologram-container{margin:10px 0 20px;display:flex;justify-content:center}#tut-hologram{max-width:100%;height:auto}.tut-body{display:flex;flex-direction:column;align-items:center}.tut-instruction{font-family:Lato,sans-serif;color:var(--text-color);font-size:16px;line-height:1.5;letter-spacing:1px}.tut-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(129,236,236,.5),transparent);margin:16px 0}.tut-action{font-family:Lato,sans-serif;color:var(--mythic-blue);font-size:13px;text-transform:uppercase;letter-spacing:2px;opacity:.9}.pulse-anim{animation:text-pulse 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes text-pulse{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 10px rgba(129,236,236,.4)}}.btn{background:var(--ui-glass);border:1px solid rgba(255,255,255,.15);color:var(--text-color);padding:12px 30px;border-radius:4px;font-family:Cinzel,serif;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-icon{width:clamp(38px,6vmin,50px);height:clamp(38px,6vmin,50px);padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.btn:hover{background:#b4bed21f;border-color:#c8d2e699;color:#dfe6e9;box-shadow:0 0 18px #b4bedc40}.btn:active{transform:scale(.96)}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;background:radial-gradient(circle at center,#05060826,#050608a6);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);pointer-events:auto;overflow:hidden}#start-screen.hidden{opacity:0;transform:scale(1.05);pointer-events:none}.game-astrolabe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.astro-ring{position:absolute;border-radius:50%;border:1px solid rgba(116,185,255,.12);box-shadow:0 0 50px #74b9ff0a}.astro-ring-1{width:clamp(380px,65vmin,750px);height:clamp(380px,65vmin,750px);border-style:dashed;border-color:#ffeaa726;animation:spin 100s linear infinite}.astro-ring-2{width:clamp(260px,45vmin,520px);height:clamp(260px,45vmin,520px);border:1px dotted rgba(129,236,236,.2);animation:spin 70s linear infinite reverse}.astro-ring-3{width:clamp(160px,28vmin,320px);height:clamp(160px,28vmin,320px);border:1px solid rgba(116,185,255,.1);animation:spin 45s linear infinite}.astro-compass-star{font-size:clamp(20px,4vmin,36px);color:#ffeaa740;animation:spin 30s linear infinite reverse}.game-title-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:clamp(40px,8vh,80px);pointer-events:none}.constellation-crown{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:clamp(12px,2vh,20px);opacity:.8}.c-node{color:var(--star-gold);font-size:14px;text-shadow:0 0 12px rgba(255,234,167,.8);animation:c-twinkle 3s ease-in-out infinite alternate}.c-node-main{font-size:20px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.9),0 0 30px rgba(116,185,255,.6);animation:c-twinkle 2.5s ease-in-out infinite alternate-reverse}.c-line{width:clamp(30px,6vw,60px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,234,167,.5),transparent);box-shadow:0 0 8px #ffeaa766}@keyframes c-twinkle{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.title-large.game-title-glow{font-family:Cinzel,serif;font-size:clamp(44px,11vw,92px);font-weight:800;margin:0;letter-spacing:clamp(8px,2.5vw,20px);text-align:center;line-height:1.1;color:#fff;background:linear-gradient(180deg,#fff,#ffeaa7 60%,#74b9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,234,167,.5)) drop-shadow(0 0 50px rgba(116,185,255,.3));animation:title-breathe 5s ease-in-out infinite}@keyframes title-breathe{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 20px rgba(255,234,167,.5)) drop-shadow(0 0 50px rgba(116,185,255,.3))}50%{transform:translateY(-6px) scale(1.02);filter:drop-shadow(0 0 35px rgba(255,234,167,.8)) drop-shadow(0 0 70px rgba(116,185,255,.5))}}.subtitle.game-subtitle{font-family:Outfit,Lato,sans-serif;font-size:clamp(12px,2.2vw,18px);font-weight:300;color:#dfe6e9;letter-spacing:clamp(6px,1.8vw,14px);margin:clamp(16px,3vh,24px) 0 0 0;opacity:.85;text-transform:uppercase;text-align:center;text-shadow:0 2px 15px rgba(0,0,0,.9),0 0 20px rgba(116,185,255,.3)}.game-start-area{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.home-badge{position:relative;z-index:20;width:min(300px,78vw);margin:0 auto 26px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,234,167,.22);background:#0d101a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 24px #00000059;text-align:left}.home-badge[hidden]{display:none}.home-badge-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.home-badge-rank{font-family:Cinzel,serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffeaa7}.home-badge-count{font-family:Lato,sans-serif;font-size:11px;letter-spacing:.5px;color:#fff9}.home-badge-track{position:relative;height:7px;border-radius:999px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.home-badge-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#81ecec,#ffeaa7);box-shadow:0 0 8px #81ecec80;transition:width .8s cubic-bezier(.22,1,.36,1)}.home-badge-label{margin-top:8px;font-family:Lato,sans-serif;font-size:11.5px;letter-spacing:.5px;color:#ffffffb3}.game-start-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:clamp(16px,3vh,22px) clamp(40px,6vw,64px)!important;border-radius:100px!important;border:2px solid rgba(255,234,167,.7)!important;background:#0d101aa6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;font-family:Outfit,Cinzel,sans-serif!important;font-size:clamp(16px,3vw,22px)!important;font-weight:700!important;letter-spacing:clamp(3px,1vw,6px)!important;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px #0009,0 0 30px #ffeaa759,0 0 60px #74b9ff33,inset 0 0 20px #ffeaa733!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;animation:btn-pulse-glow 3s ease-in-out infinite alternate}@keyframes btn-pulse-glow{0%{box-shadow:0 10px 30px #0009,0 0 30px #ffeaa759,0 0 60px #74b9ff33,inset 0 0 20px #ffeaa733;border-color:#ffeaa7b3}to{box-shadow:0 15px 40px #000c,0 0 45px #ffeaa7a6,0 0 90px #74b9ff66,inset 0 0 30px #ffeaa766;border-color:#fff}}.btn-glow-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffeaa733,#74b9ff33);z-index:1;transition:opacity .4s ease}.btn-shimmer-sweep{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);z-index:2;animation:btn-shimmer 3.5s infinite linear}@keyframes btn-shimmer{0%{left:-100%}30%,to{left:100%}}.btn-content-wrap{position:relative;z-index:3;display:flex;align-items:center;gap:14px}.btn-star-icon{color:var(--star-gold);font-size:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-play-icon{color:var(--star-gold);filter:drop-shadow(0 0 8px rgba(255,234,167,.8));transition:transform .4s cubic-bezier(.16,1,.3,1),color .4s ease}.game-start-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.04)!important;border-color:#fff!important;background:#141928d9!important;box-shadow:0 20px 50px #000c,0 0 60px #ffeaa7cc,0 0 100px #74b9ff80,inset 0 0 35px #ffeaa780!important}.game-start-btn:hover:not(:disabled) .btn-star-icon{transform:rotate(180deg) scale(1.25);color:#fff}.game-start-btn:hover:not(:disabled) .btn-play-icon{transform:translate(6px) scale(1.15);color:#fff}.game-start-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)!important}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:300;background:radial-gradient(circle at center,rgba(15,15,25,1) 0%,var(--bg-color) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s cubic-bezier(.25,1,.5,1);pointer-events:auto}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-ring{width:80px;height:80px;border-radius:50%;border:3px solid rgba(116,185,255,.1);border-top-color:var(--key-star);border-right-color:#ffeaa780;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #74b9ff33,inset 0 0 10px #74b9ff1a;margin-bottom:30px}.loading-text{font-family:Lato,sans-serif;font-size:14px;color:var(--key-star);letter-spacing:6px;text-transform:uppercase;animation:text-pulse-loading 2s ease-in-out infinite;text-shadow:0 0 10px rgba(116,185,255,.4)}@keyframes spin{0%{transform:rotate(0) scale(.9)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(.9)}}@keyframes text-pulse-loading{0%,to{opacity:.5;text-shadow:0 0 5px rgba(116,185,255,.2)}50%{opacity:1;text-shadow:0 0 15px rgba(116,185,255,.6)}}.title-large{font-family:Cinzel,serif;font-size:clamp(40px,9vw,76px);font-weight:800;margin:0 0 clamp(8px,1.5vh,14px) 0;letter-spacing:clamp(6px,2vw,14px);text-align:center;line-height:1.1;background:linear-gradient(135deg,#fff,#ffeaa7,#74b9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(255,234,167,.4)) drop-shadow(0 0 50px rgba(116,185,255,.2))}.subtitle{font-family:Outfit,Lato,sans-serif;font-size:clamp(13px,2.5vw,18px);font-weight:400;color:#dfe6e9;letter-spacing:clamp(3px,1.2vw,7px);margin-bottom:clamp(24px,5vh,40px);opacity:.9;text-transform:uppercase;text-align:center;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.8)}.atlas-title{position:absolute;top:40px;width:100%;text-align:center;font-family:Cinzel,serif;font-size:24px;color:var(--star-gold);letter-spacing:6px;opacity:0;pointer-events:none;transition:opacity .5s;text-shadow:0 0 20px rgba(255,234,167,.4)}.atlas-mode .atlas-title{opacity:1}.atlas-mode #ui-header,.atlas-mode #level-complete-overlay,.atlas-mode #action-bar{display:none!important}#btn-atlas.atlas-active{border-color:var(--star-gold);color:var(--star-gold);box-shadow:0 0 15px #ffeaa74d}.btn-hint,.btn-skip{background:linear-gradient(135deg,#ffeaa72e,#ffd26414);border:1px solid rgba(255,234,167,.45);color:var(--star-gold)}.btn-hint{animation:pulse-hint 2s ease-in-out infinite}.btn-hint:hover{background:linear-gradient(135deg,#ffeaa752,#ffd2642e);border-color:var(--star-gold);box-shadow:0 0 28px #ffeaa773;color:var(--star-gold)}.btn-skip{opacity:.85}.btn-skip:hover{background:linear-gradient(135deg,#ffeaa747,#ffd26424);border-color:var(--star-gold);box-shadow:0 0 20px #ffeaa74d;color:var(--star-gold);opacity:1}@keyframes pulse-hint{0%,to{box-shadow:0 0 6px #ffeaa740}50%{box-shadow:0 0 18px #ffeaa780}}.btn-hint-visible{display:flex!important;animation:fadeInScale .4s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.text-free-count{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;font-family:Lato,sans-serif;color:var(--star-gold);text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px rgba(255,234,167,.6);pointer-events:none;white-space:nowrap}.badge-ad{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--bg-color);border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ffeaa766;color:var(--star-gold);pointer-events:none;z-index:2}#modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#050608d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity 1s ease}#modal.active{opacity:1;pointer-events:auto}.modal-content{text-align:center;border:1px solid rgba(255,255,255,.15);padding:60px;background:radial-gradient(circle,#28283ce6,#0a0a0ff2);box-shadow:0 0 80px #000c,inset 0 0 30px #ffffff0d;transform:translateY(30px);transition:transform 1s cubic-bezier(.19,1,.22,1);max-width:90%;border-radius:4px}.modal-content.fail{border-color:#ff76754d;background:radial-gradient(circle,#3c1414e6,#0f0505f2)}.modal-content.fail .modal-title{color:var(--star-red);text-shadow:0 0 30px rgba(255,118,117,.5)}#modal.active .modal-content{transform:translateY(0)}.modal-title{font-family:Cinzel,serif;font-size:42px;margin-bottom:10px;color:var(--star-gold);text-shadow:0 0 30px rgba(255,234,167,.5)}.modal-subtitle{font-family:Lato,sans-serif;color:#a4b0be;margin-bottom:25px;font-size:14px;letter-spacing:3px;text-transform:uppercase}.modal-myth{font-family:Lato,sans-serif;font-style:italic;color:var(--mythic-blue);margin-bottom:40px;font-size:18px;line-height:1.6;max-width:450px;opacity:.9;text-shadow:0 0 15px rgba(129,236,236,.3)}#btn-next-level,#btn-retry-level{display:inline-block;margin:5px}.atlas-mode #modal{display:none!important}body.mobile .tut-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0c0c16f2}body.mobile .btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:#14141eeb}body.mobile #start-screen{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(circle at center,#05060833,#050608d9)}body.mobile #modal{backdrop-filter:none;-webkit-backdrop-filter:none;background:#050608f2}#landscape-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:999999;flex-direction:column;align-items:center;justify-content:center;color:var(--star-gold);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landscape-content{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.phone-rotate-icon{width:120px;height:120px;color:var(--star-gold);filter:drop-shadow(0 0 10px rgba(255,234,167,.4))}.spin-animation{animation:rotatePhoneAnim 2.5s ease-in-out infinite;transform-origin:0 0}@keyframes rotatePhoneAnim{0%{transform:rotate(-90deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}to{transform:rotate(-90deg)}}.landscape-text{font-family:Cinzel,serif;font-size:20px;letter-spacing:2px;line-height:1.5;text-transform:uppercase;text-shadow:0 0 10px rgba(255,234,167,.4)}@media screen and (orientation: landscape) and (max-height: 600px){body.mobile #landscape-overlay{display:flex}}#level-complete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1000;opacity:0;transition:opacity .5s ease,backdrop-filter .5s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}#level-complete-overlay.active{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lc-card{position:relative;width:500px;max-width:90%;padding:40px;border-radius:12px;background:#14141e99;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transform:scale(calc(var(--lc-fit, 1) * .9)) translateY(20px);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.lc-card:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(115deg,transparent 20%,rgba(255,234,167,.05) 40%,rgba(255,234,167,.1) 50%,rgba(255,234,167,.05) 60%,transparent 80%);transform:skew(-20deg);pointer-events:none;transition:left .5s;animation:shimmer 6s infinite linear}@keyframes shimmer{0%{transform:translate(-150%) skew(-20deg)}10%{transform:translate(150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}#level-complete-overlay.active .lc-card{transform:scale(var(--lc-fit, 1)) translateY(0);opacity:1}.lc-title{font-family:Cinzel,serif;font-size:48px;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#ffeaa7,#fff,#ffeaa7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,234,167,.4);letter-spacing:4px;text-transform:uppercase;transform:translateY(-20px);opacity:0;transition:all .6s ease .2s}#level-complete-overlay.active .lc-title{transform:translateY(0);opacity:1}.lc-subtitle{font-family:Lato,sans-serif;font-size:14px;color:#b2bec3;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;opacity:0;transform:translateY(10px);transition:all .6s ease .3s}#level-complete-overlay.active .lc-subtitle{opacity:.8;transform:translateY(0)}.lc-stars{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px}.lc-star{width:40px;height:40px;opacity:0;transform:scale(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.lc-star--center{width:64px;height:64px}.lc-star svg{width:100%;height:100%;fill:#2d3436;stroke:#636e72;stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.lc-star.filled svg{fill:#ffeaa7;stroke:#fdcb6e;filter:drop-shadow(0 0 15px rgba(255,234,167,.6));animation:starPulse 2s infinite ease-in-out}@keyframes starPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,234,167,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(255,234,167,.8))}}#level-complete-overlay.active .lc-star:nth-child(1){transition-delay:.5s;opacity:1;transform:scale(1)}#level-complete-overlay.active .lc-star:nth-child(2){transition-delay:.7s;opacity:1;transform:scale(1)}#level-complete-overlay.active .lc-star:nth-child(3){transition-delay:.9s;opacity:1;transform:scale(1)}.lc-myth{font-family:Lato,sans-serif;font-style:italic;font-size:18px;line-height:1.6;color:#81ecec;margin-bottom:30px;opacity:0;transform:translateY(10px);transition:all .8s ease 1.1s;text-shadow:0 0 20px rgba(129,236,236,.2)}#level-complete-overlay.active .lc-myth{opacity:.9;transform:translateY(0)}.lc-btn{background:transparent;border:1px solid rgba(255,234,167,.3);color:#ffeaa7;padding:16px 48px;font-family:Cinzel,serif;font-size:16px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border-radius:4px;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .6s ease 1.4s,transform .6s ease 1.4s,background .3s,box-shadow .3s}.lc-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.lc-btn:hover:before{left:100%}.lc-btn:hover{background:#ffeaa71a;box-shadow:0 0 30px #ffeaa733;border-color:#ffeaa7;color:#fff}#level-complete-overlay.active .lc-btn{opacity:1;transform:translateY(0)}#lc-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.lc-hologram-container{margin-bottom:15px}#lc-hologram{max-width:100%;height:auto}.lc-skill-delta{font-family:Lato,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-bottom:20px;color:#81ecec}.lc-skill-delta.positive{color:#55efc4}.lc-skill-delta.negative{color:#ff7675}.lc-skill-delta.neutral{color:#81ecec}.lc-progress{width:100%;max-width:320px;margin:4px auto 22px;text-align:left}.lc-progress-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px}.lc-progress-rank{font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffeaa7}.lc-progress-count{font-family:Lato,sans-serif;font-size:11px;letter-spacing:.5px;color:#ffffff8c}.lc-progress-track{position:relative;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.lc-progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#81ecec,#ffeaa7);box-shadow:0 0 10px #81ecec99;transition:width .9s cubic-bezier(.22,1,.36,1)}.lc-progress-label{margin-top:8px;font-family:Lato,sans-serif;font-size:12px;letter-spacing:.5px;color:#ffffffbf}.lc-progress-label .lc-progress-next-name{color:#81ecec;font-weight:700}@media (max-width: 600px){.lc-card{padding:40px 20px;width:90%;margin:0 5%}.lc-title{font-size:32px;margin-bottom:5px}.lc-subtitle{font-size:12px;margin-bottom:20px}.lc-stars{gap:10px;margin-bottom:20px}.lc-star{width:28px;height:28px}.lc-star--center{width:44px;height:44px}.lc-myth{font-size:14px;margin-bottom:30px;padding:0 10px;line-height:1.4}.lc-btn{padding:12px 32px;font-size:14px;width:100%}}@media (min-width: 601px){.lc-card{overflow:hidden;padding:10px 40px}.lc-title{font-size:24px;margin-bottom:2px}.lc-subtitle{font-size:14px;margin-bottom:8px}.lc-hologram-container{margin-bottom:5px;display:flex;justify-content:center}#lc-hologram{width:280px;height:auto}.lc-stars{margin-bottom:8px}.lc-myth{font-size:16px;margin-bottom:12px}.lc-btn{padding:10px 24px;font-size:12px}}@media (min-width: 1200px){.lc-card{padding:40px 50px}.lc-title{font-size:56px}.lc-subtitle{font-size:16px;margin-bottom:25px}.lc-hologram-container{margin-bottom:20px}#lc-hologram{width:320px;height:auto}.lc-star{width:50px;height:50px}.lc-star--center{width:80px;height:80px}.lc-stars{margin-bottom:30px;align-items:center}.lc-myth{font-size:20px;margin-bottom:40px}.lc-btn{padding:18px 56px;font-size:18px}}body.mobile #level-complete-overlay,body.mobile #level-complete-overlay.active{backdrop-filter:none;-webkit-backdrop-filter:none}body.mobile .lc-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0c0c16f7}.top-right-controls{position:fixed;top:24px;right:24px;z-index:20;display:flex;align-items:center;gap:12px;opacity:1}.top-right-controls .btn-icon{pointer-events:auto}#btn-customize{position:fixed;left:24px;top:156px;z-index:20;pointer-events:auto;opacity:0;transition:opacity .5s;background:linear-gradient(135deg,#ffeaa72e,#ffd26414);border:1px solid rgba(255,234,167,.45);color:var(--star-gold)}#btn-customize:hover{background:linear-gradient(135deg,#ffeaa752,#ffd2642e);border-color:var(--star-gold);box-shadow:0 0 20px #ffeaa766;color:var(--star-gold)}#btn-customize:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}#btn-customize.cz-open{border-color:var(--star-gold);box-shadow:0 0 16px #ffeaa759}#btn-customize.has-new-unlocks:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border:2px solid #171520;border-radius:50%;background:#ff3b4f;box-shadow:0 0 8px #ff3b4fd9;pointer-events:none}.cz-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:500;opacity:0;pointer-events:none;transition:opacity .3s ease}.cz-backdrop.cz-visible{opacity:1;pointer-events:auto}.cz-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.94);width:420px;max-width:92vw;max-height:84vh;z-index:501;background:#0f0f18e0;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;min-height:0}.cz-panel.cz-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.cz-panel-inner{display:flex;flex-direction:column;min-height:0;padding:20px 22px calc(20px + env(safe-area-inset-bottom,0px));padding-top:calc(20px + env(safe-area-inset-top,0px))}.cz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-shrink:0}.cz-title{font-family:Cinzel,serif;font-size:18px;letter-spacing:2px;text-transform:uppercase;color:var(--star-gold);text-shadow:0 0 16px rgba(255,234,167,.35)}.cz-close{width:34px;height:34px}.cz-preview{position:relative;height:122px;border-radius:12px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 24px #0006;flex-shrink:0;background:radial-gradient(circle at 32% 30%,indigo,#2e004f 35%,#10002b 75%,#050205)}.cz-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cz-preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cz-preview-orb{position:relative;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff,#ffa03c8c 70%,#ffa03c26);box-shadow:0 0 20px 5px #ffffff73;animation:cz-orb-float 3.6s ease-in-out infinite}.cz-preview-orb:before{content:"";position:absolute;right:55%;top:50%;width:78px;height:5px;transform:translateY(-50%);background:linear-gradient(to left,rgba(255,255,255,.7),transparent);border-radius:5px;filter:blur(1px)}@keyframes cz-orb-float{0%,to{transform:translate(0)}50%{transform:translate(7px,-7px)}}.cz-preview-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(to top,rgba(4,5,9,.9) 15%,transparent);display:flex;flex-direction:column;gap:2px;pointer-events:none}.cz-preview-name{font-family:Cinzel,serif;font-size:13px;letter-spacing:1px;color:var(--star-gold);text-shadow:0 1px 6px rgba(0,0,0,.7)}.cz-preview-sub{font-family:Lato,sans-serif;font-size:11px;letter-spacing:.5px;color:#cdd3d8;text-shadow:0 1px 4px rgba(0,0,0,.7)}.cz-scroll{overflow-y:auto;min-height:0;padding-right:4px;-webkit-overflow-scrolling:touch}.cz-section+.cz-section{margin-top:14px}.cz-section-title{font-family:Lato,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#b2bec3;opacity:.8;margin:0 0 8px}.cz-strip-wrap{position:relative}.cz-strip-wrap:before,.cz-strip-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:40px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.cz-strip-wrap:before{left:0;background:linear-gradient(to right,rgba(15,15,24,.95),transparent)}.cz-strip-wrap:after{right:0;background:linear-gradient(to left,rgba(15,15,24,.95),transparent)}.cz-strip-wrap.cz-fade-left:before{opacity:1}.cz-strip-wrap.cz-fade-right:after{opacity:1}body.mobile .cz-strip-wrap:before{background:linear-gradient(to right,rgba(12,12,22,.97),transparent)}body.mobile .cz-strip-wrap:after{background:linear-gradient(to left,rgba(12,12,22,.97),transparent)}.cz-strip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.cz-strip::-webkit-scrollbar{display:none}.cz-strip.cz-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.cz-arrow{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#12121eeb;border:1px solid rgba(255,234,167,.4);color:var(--star-gold);cursor:pointer;z-index:3;opacity:0;pointer-events:none;box-shadow:0 2px 10px #00000080;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.cz-arrow.is-visible{opacity:1;pointer-events:auto}.cz-arrow--left{left:2px}.cz-arrow--right{right:2px}.cz-arrow:hover{background:#ffeaa72e;box-shadow:0 0 14px #ffeaa773}.cz-arrow:active{transform:translateY(-50%) scale(.9)}.cz-arrow:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.cz-item{flex:0 0 auto;width:78px;scroll-snap-align:start;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--ui-glass);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 6px;cursor:pointer;color:var(--text-color);font-family:Lato,sans-serif;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .15s ease}.cz-item:hover{border-color:#ffeaa780;background:#ffeaa714}.cz-item:active{transform:scale(.96)}.cz-item:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.cz-item.is-active{border-color:var(--star-gold);background:#ffeaa724;box-shadow:0 0 16px #ffeaa74d}.cz-item-label{font-size:11px;text-align:center;line-height:1.25;letter-spacing:.3px}.cz-item.is-active .cz-item-label{color:var(--star-gold)}.cz-swatch{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 6px #0006;position:relative;flex-shrink:0}.cz-item.is-active .cz-swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--star-gold)}.cz-swatch--bg-default{background:radial-gradient(circle at 32% 30%,indigo,#2e004f 35%,#10002b 75%,#050205)}.cz-swatch--bg-deepspace{background:radial-gradient(circle at 32% 30%,#ffe0a3,#ffc832 30%,#7a3d00,#1a0d00)}.cz-swatch--bg-spiral{background:radial-gradient(circle at 32% 30%,#c8f0ff,#64c8ff 30%,#5064ff,#2d1466 80%,#0a0a1e)}.cz-swatch--trail-default{background:radial-gradient(circle,#fff,#ffa03c8c 70%,#ffa03c26)}.cz-swatch--trail-solarFlare{background:radial-gradient(circle,#fff7ed,#fdba74 55%,#fb923c66)}.cz-swatch--trail-auroraGreen{background:radial-gradient(circle,#ecfdf5,#6ee7b7 55%,#34d39959)}.cz-swatch--trail-nebulaViolet{background:radial-gradient(circle,#f5f3ff,#c4b5fd 55%,#8b5cf666)}.cz-swatch--trail-cosmicPurple{background:radial-gradient(circle,#fff,#d8b4fe 55%,#c084fc80)}.cz-swatch--trail-rainbowTrail{background:conic-gradient(from 90deg,#ff6b6b,#feca57,#48dbfb,#1dd1a1,#a29bfe,#ff6b6b)}.cz-swatch--trail-supernovaGold{background:radial-gradient(circle,#fff,#fef3c7 55%,#fbbf2480)}.cz-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#d7dde3;transition:color .2s ease,filter .2s ease}.cz-item:hover .cz-icon{color:var(--star-gold)}.cz-item.is-active .cz-icon{color:var(--star-gold);filter:drop-shadow(0 0 6px rgba(255,234,167,.55))}.cz-strip--instrument .cz-item{width:88px}@media (max-width: 600px),(max-height: 600px){.cz-panel{top:auto;bottom:0;left:0;right:0;transform:translateY(100%);width:100%;max-width:none;max-height:78vh;border-radius:20px 20px 0 0}.cz-panel.cz-visible{transform:translateY(0)}}body.mobile .cz-panel,body.mobile .cz-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}body.mobile .cz-panel{background:#0c0c16f7}body.mobile .cz-backdrop{background:#050608d9}@media (prefers-reduced-motion: reduce){.cz-backdrop,.cz-panel,#btn-customize{transition-duration:.01ms!important}.cz-panel,.cz-panel.cz-visible{transform:translate(-50%,-50%)!important}.cz-preview-orb{animation:none!important}}@media (prefers-reduced-motion: reduce) and (max-width: 600px){.cz-panel,.cz-panel.cz-visible{transform:translateY(0)!important}}@media (prefers-reduced-motion: reduce) and (max-height: 600px){.cz-panel,.cz-panel.cz-visible{transform:translateY(0)!important}}.cz-item.cz-locked{cursor:pointer;opacity:.6;position:relative}.cz-item.cz-locked .cz-swatch,.cz-item.cz-locked .cz-icon{filter:grayscale(.55) brightness(.72)}.cz-item.cz-locked:hover{border-color:#ffffff1f;background:var(--ui-glass)}.cz-item.cz-locked:hover .cz-icon{color:#d7dde3}.cz-item.cz-locked:active{transform:none}.cz-item.cz-locked:after{content:"🔒";position:absolute;top:4px;right:6px;font-size:11px;line-height:1;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.cz-lock-hint{display:inline-block;margin-top:2px;font-family:Lato,sans-serif;font-size:10px;letter-spacing:.3px;color:var(--star-gold);background:#ffeaa71f;border:1px solid rgba(255,234,167,.3);border-radius:999px;padding:1px 6px;white-space:nowrap}.cz-item.cz-locked.cz-previewing{opacity:.95;border-color:#81c7ffa6;background:#81c7ff1f;box-shadow:0 0 14px #81c7ff4d}.cz-item.cz-locked.cz-previewing .cz-swatch,.cz-item.cz-locked.cz-previewing .cz-icon{filter:none}.unlock-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s ease}.unlock-reveal.is-in{opacity:1;pointer-events:auto}.unlock-reveal.is-out{opacity:0}.unlock-reveal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(255,234,167,.14),transparent 55%),radial-gradient(circle at 50% 50%,#080810db,#04040af5 80%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.unlock-reveal__stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;max-width:92vw}.unlock-reveal__aura{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}.unlock-reveal__rays{position:absolute;top:-44px;right:-44px;bottom:-44px;left:-44px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,234,167,.5) 0deg 3deg,transparent 3deg 24deg);filter:blur(1px);opacity:0;-webkit-mask-image:radial-gradient(circle,#000 26%,transparent 68%);mask-image:radial-gradient(circle,#000 26%,transparent 68%)}.unlock-reveal.is-in .unlock-reveal__rays{animation:unlock-rays-spin 16s linear infinite,unlock-rays-in 1s ease forwards}.unlock-reveal__halo{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,234,167,.55),rgba(129,236,236,.12) 45%,transparent 70%);filter:blur(6px);opacity:0;transform:scale(.6)}.unlock-reveal.is-in .unlock-reveal__halo{animation:unlock-halo-in .8s ease .1s forwards,unlock-halo-pulse 3s ease-in-out 1s infinite}.unlock-reveal__medallion{position:relative;width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#1e1e2ef2,#0c0c16fa);border:2px solid rgba(255,234,167,.7);box-shadow:0 0 40px #ffeaa759,inset 0 0 24px #ffeaa726;opacity:0;transform:scale(.4) translateY(10px)}.unlock-reveal.is-in .unlock-reveal__medallion{animation:unlock-medallion-in .7s cubic-bezier(.34,1.56,.64,1) .15s forwards}.unlock-reveal__icon{font-size:60px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,234,167,.6))}.unlock-reveal__eyebrow,.unlock-reveal__name,.unlock-reveal__cat,.unlock-reveal__hint{opacity:0;transform:translateY(12px)}.unlock-reveal.is-in .unlock-reveal__eyebrow{animation:unlock-text-up .6s ease .5s forwards}.unlock-reveal.is-in .unlock-reveal__name{animation:unlock-text-up .6s ease .66s forwards}.unlock-reveal.is-in .unlock-reveal__cat{animation:unlock-text-up .6s ease .82s forwards}.unlock-reveal.is-in .unlock-reveal__hint{animation:unlock-text-up .6s ease 1.15s forwards,unlock-hint-pulse 2.2s ease-in-out 1.8s infinite}.unlock-reveal__eyebrow{font-family:Lato,sans-serif;font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--star-gold, #ffeaa7);margin-bottom:10px}.unlock-reveal__name{font-family:Cinzel,serif;font-size:34px;font-weight:700;color:#fff;text-shadow:0 0 22px rgba(255,234,167,.5);line-height:1.1}.unlock-reveal__cat{font-family:Lato,sans-serif;font-size:13px;letter-spacing:.5px;color:#b2bec3;margin-top:12px}.unlock-reveal__hint{font-family:Lato,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin-top:34px}@keyframes unlock-rays-spin{to{transform:rotate(360deg)}}@keyframes unlock-rays-in{to{opacity:.8}}@keyframes unlock-halo-in{to{opacity:1;transform:scale(1)}}@keyframes unlock-halo-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes unlock-medallion-in{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes unlock-text-up{to{opacity:1;transform:translateY(0)}}@keyframes unlock-hint-pulse{0%,to{opacity:.4}50%{opacity:.75}}body.mobile .unlock-reveal__backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(circle at 50% 42%,rgba(255,234,167,.16),transparent 55%),#05050cf5}body.mobile .unlock-reveal__aura{width:190px;height:190px}body.mobile .unlock-reveal__name{font-size:28px}@media (prefers-reduced-motion: reduce){.unlock-reveal *,.unlock-reveal.is-in *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.unlock-reveal__rays,.unlock-reveal__halo,.unlock-reveal__medallion,.unlock-reveal__eyebrow,.unlock-reveal__name,.unlock-reveal__cat,.unlock-reveal__hint{opacity:1;transform:none}}