*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#03020c;--bg-mid:#070a24;--bg-top:#0d1347;--orange:#ff5a1f;--orange2:#ff9200;--gold:gold;--arm1:#2a8035;--arm2:#52c060;--arm3:#90dd98;--font-head:"Bungee", cursive;--font-body:"Nunito", sans-serif;--font-display:"Fredoka One", cursive}html,body{height:100%;font-family:var(--font-body);color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(#0d1347 0%,#070a24 40%,#03020c 100%) fixed;overflow:hidden}#app{background:0 0;width:100%;max-width:430px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;z-index:1;flex-direction:column;align-items:center;padding-bottom:50px;transition:opacity .32s;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen.active{opacity:1;pointer-events:all}#starfield{pointer-events:none;z-index:0;max-width:430px;margin:0 auto;position:fixed;inset:0;overflow:hidden}.nebula{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.n0{filter:blur(42px);background:radial-gradient(at 50% 30%,#3c64ff6b 0%,#6432dc2e 55%,#0000 75%);width:420px;height:180px;animation:65s ease-in-out infinite alternate neb-top;top:-4%;left:50%;transform:translate(-50%)}.n1{filter:blur(32px);background:radial-gradient(#325af0a6 0%,#0000 65%);width:260px;height:200px;animation:55s ease-in-out infinite alternate neb-drift;top:3%;left:0%}.n2{filter:blur(32px);background:radial-gradient(#7828d28c 0%,#0000 65%);width:230px;height:190px;animation:70s ease-in-out infinite alternate-reverse neb-drift;top:5%;right:0%}.n3{filter:blur(30px);background:radial-gradient(#1e64e680 0%,#0000 65%);width:210px;height:260px;animation:85s ease-in-out infinite alternate neb-drift;top:38%;left:5%}.n4{filter:blur(30px);background:radial-gradient(#46a0ff6b 0%,#0000 65%);width:320px;height:160px;animation:45s ease-in-out infinite alternate-reverse neb-drift;bottom:14%;right:2%}@keyframes neb-top{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}@keyframes neb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(8px,65px)scale(1.06)}}.bg-planet{background:radial-gradient(circle at 34% 34%,#3a4fa0,#1a1f5a 58%,#0d1030);border-radius:50%;width:88px;height:88px;animation:65s linear -32s infinite planet-drift;position:absolute;top:17%;right:9%;box-shadow:inset -9px -9px 22px #000000a6,0 0 32px #234bc859}@keyframes planet-drift{0%{transform:translateY(-120vh)rotate(0)}to{transform:translateY(120vh)rotate(5deg)}}.slayer{position:absolute;inset:0}@keyframes star-fall{0%{transform:translateY(-120vh)}to{transform:translateY(120vh)}}.sdot{animation:twinkle var(--tw,2.5s) var(--td,0s) infinite alternate, star-fall var(--fd,22s) var(--fdd,0s) linear infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 4px 1px #c8e6ffb3}.scross{color:#c8e6ffe0;animation:twinkle var(--tw,2.5s) var(--td,0s) infinite alternate, star-fall var(--fd,11s) var(--fdd,0s) linear infinite;line-height:1;position:absolute}.scross.bright{color:#fff;text-shadow:0 0 8px #aadcff,0 0 18px #64b4ffb3}@keyframes twinkle{0%{opacity:.22}to{opacity:1}}.meteor{width:var(--len,180px);opacity:0;height:3px;animation-name:meteor-fly;animation-duration:35s;animation-timing-function:linear;animation-delay:var(--del,0s);background:linear-gradient(90deg,#0000,#8cd7ffe6 50%,#fff);border-radius:3px;animation-iteration-count:infinite;position:absolute}.meteor:after{content:"";background:radial-gradient(circle,#fff 28%,#8cd7ffbf 55%,#0000);border-radius:50%;width:18px;height:18px;position:absolute;top:-7px;right:-2px;box-shadow:0 0 16px 8px #78c8ffa6}@keyframes meteor-fly{0%{opacity:0;transform:translate(-40px,-30px)rotate(24deg)}.8%{opacity:1}2.8%{opacity:1}3.5%{opacity:0;transform:translate(620px,225px)rotate(24deg)}3.6%{opacity:0;transform:translate(-40px,-30px)rotate(24deg)}to{opacity:0;transform:translate(-40px,-30px)rotate(24deg)}}.milk-footer{pointer-events:none;z-index:2;width:100%;max-width:430px;position:fixed;bottom:-85px;left:50%;transform:translate(-50%)}.hdr{z-index:10;flex-shrink:0;justify-content:center;width:100%;padding:20px 0 4px;display:flex;position:relative}.hdr-logo{filter:drop-shadow(0 4px 14px #0000008c);width:auto;height:56px}.btn-back{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:28px;font-weight:300;line-height:1;transition:color .15s}.btn-back:hover{color:#fff}.s-title{font-family:var(--font-head);text-align:center;z-index:10;background:linear-gradient(175deg,#ff9040 0%,#ff3c08 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ff410a66);-webkit-background-clip:text;background-clip:text;flex-shrink:0;padding:10px 22px 0;font-size:clamp(24px,7.5vw,34px);line-height:1.1;position:relative}.s-title.gold{background:linear-gradient(175deg,#ffe566 0%,#fa0 100%);filter:drop-shadow(0 2px 10px #ffc80073);-webkit-background-clip:text;background-clip:text}#scr-welcome{justify-content:flex-start;padding-bottom:36px}.ufo-wrap{z-index:20;isolation:isolate;flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 20px;display:flex;position:relative}.ufo-img{z-index:20;filter:drop-shadow(0 0 36px #64c8ff80)drop-shadow(0 8px 20px #0009);width:min(270px,70vw);height:auto;animation:3.8s ease-in-out infinite ufo-bob;position:relative}@keyframes ufo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.welcome-bottom{z-index:10;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:0 26px;display:flex;position:relative}.btn-play{width:100%;font-family:var(--font-body);color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#ff4500 0%,#ff9200 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:20px;font-weight:900;transition:transform .14s;display:flex;box-shadow:0 0 32px #ff550073,0 8px 22px #0000004d}.btn-play:active{transform:scale(.97)}.form-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:60px;display:flex;overflow-y:auto}.form-card{-webkit-backdrop-filter:blur(14px);z-index:10;background:#0c0626cc;border:1px solid #ffffff1f;border-radius:20px;width:calc(100% - 32px);margin:14px 16px 0;padding:22px 18px 20px;position:relative}.inp-group{margin-bottom:13px}.inp-group input{width:100%;font-family:var(--font-body);color:#fff;background:#ffffff12;border:1.5px solid #ffffff26;border-radius:12px;outline:none;padding:13px 15px;font-size:15px;font-weight:600;transition:border-color .2s}.inp-group input::placeholder{color:#ffffff61}.inp-group input:focus{border-color:#ff8228b3}.inp-error{border-color:#ff5050a6!important}.tc-row{align-items:flex-start;gap:10px;margin:6px 0 18px;display:flex}.tc-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange);flex-shrink:0;margin-top:3px}.tc-row label{color:#fff9;font-size:12px;line-height:1.55}.tc-row a{color:var(--orange2);text-decoration:none}.btn-primary{width:100%;font-family:var(--font-body);color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#ff4500,#ff9200);border:none;border-radius:14px;padding:14px;font-size:17px;font-weight:900;transition:transform .14s,opacity .2s;box-shadow:0 4px 20px #ff500059}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card-heading{font-family:var(--font-display);text-align:center;margin-bottom:6px;font-size:21px}.card-sub{color:#ffffff8c;text-align:center;margin-bottom:2px;font-size:13px;line-height:1.55}.card-sub b{color:#ffaa46e6}.otp-row{justify-content:center;gap:10px;margin:20px 0 22px;display:flex}.otp-box{width:54px;height:62px;font-family:var(--font-display);color:#fff;text-align:center;caret-color:var(--orange);background:#ffffff12;border:1.5px solid #fff3;border-radius:12px;outline:none;font-size:30px;transition:border-color .2s}.otp-box:focus{border-color:#ff8228b3}.resend-row{text-align:center;color:#ffffff6b;margin-top:12px;font-size:13px}.resend-row span{color:var(--orange2);cursor:pointer;font-weight:700}#scr-trait{justify-content:flex-start;padding-bottom:40px}.trait-title-wrap{text-align:center;z-index:10;flex-shrink:0;padding:10px 20px 4px;position:relative}.trait-title-line1{font-family:var(--font-head);background:linear-gradient(175deg,#ff9040 0%,#ff3c08 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #ff410a73);letter-spacing:3px;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,9vw,42px);line-height:1}.trait-title-line2{font-family:var(--font-head);background:linear-gradient(175deg,#ffcc40 0%,#ff6000 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 18px #ff64008c);letter-spacing:5px;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,13vw,62px);line-height:1}.trait-list{z-index:10;flex-direction:column;flex:1;gap:14px;width:100%;padding:20px 16px 0;display:flex;position:relative}.trait-card{cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#08041cd1;border:1.5px solid #c8641461;border-radius:22px;align-items:center;gap:16px;width:100%;height:86px;padding:0 20px 0 14px;transition:border-color .22s,box-shadow .22s,transform .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 22px #00000059,inset 0 1px #ffb43c0f}.trait-card:hover{border-color:#ff8c1e8c;box-shadow:0 6px 28px #0006,0 0 20px #ff78001f}.trait-card:active{transform:scale(.98)}.trait-card.sel{background:#0e072ae6;border-color:#ff9400bf;box-shadow:0 0 0 1px #ff94004d,0 0 28px #ff820038,0 6px 24px #0006}.trait-card:disabled{cursor:default}.tc-glow-strip{pointer-events:none;background:radial-gradient(at 20%,#ff8c1424 0%,#0000 70%);width:90px;position:absolute;top:0;bottom:0;left:0}.tc-icon-wrap{background:0 0;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:box-shadow .22s;display:flex;overflow:hidden}.trait-card.sel .tc-icon-wrap{box-shadow:0 0 20px #ff820059}.tc-label{font-family:var(--font-head);color:#ffffffe6;letter-spacing:2px;text-align:left;flex:1;font-size:clamp(16px,4.5vw,20px);transition:color .2s}.trait-card.sel .tc-label{color:#fff}.tc-right{flex-shrink:0}.tc-sparkle{color:#ffb4328c;font-size:18px;transition:color .2s;display:block}.trait-card:hover .tc-sparkle{color:#ffb432d9}.tc-check{color:#50d080;font-size:22px;animation:.25s cubic-bezier(.34,1.56,.64,1) check-pop;display:block}@keyframes check-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}#scr-game{justify-content:flex-start;padding-bottom:0}.game-hdr{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:12px 14px 4px;display:flex;position:relative}.game-hdr-logo{width:auto;height:44px}.timer-pill{font-family:var(--font-display);color:var(--gold);letter-spacing:.3px;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;padding:6px 13px;font-size:15px}.btn-clear{color:#ff963ce6;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:800;transition:background .18s}.btn-clear:hover{background:#ff963c1f}.board-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:2px 14px 4px;display:flex}.board-wrap{width:100%;max-width:340px;position:relative;overflow:visible}.char-assembly{pointer-events:none;z-index:6;flex-direction:row;align-items:flex-start;display:flex;position:absolute;top:-100px;left:-144px}.char-img{object-fit:contain;flex-shrink:0;width:155px;height:200px}.arm-img{object-fit:contain;flex-shrink:0;width:35px;height:200px}.hand-img{object-fit:contain;flex-shrink:0;width:70px;height:200px}.game-controls{flex-shrink:0;gap:12px;width:100%;max-width:430px;padding:4px 14px 0;display:flex}.btn-ctrl{font-family:var(--font-body);color:#ffffffd1;cursor:pointer;background:#ffffff12;border:1.5px solid #ffffff21;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:15px;font-weight:800;transition:background .18s,transform .12s;display:flex}.btn-ctrl:hover{background:#ffffff21}.btn-ctrl:active{transform:scale(.96)}.how-wrap{flex-shrink:0;width:100%;max-width:430px;padding:7px 14px 16px}.how-toggle{width:100%;font-family:var(--font-body);color:#ffffff9e;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:14px;font-weight:800;display:flex}.how-body{max-height:0;transition:max-height .38s;overflow:hidden}.how-body.open{max-height:380px}.how-inner{background:#080418b8;border:none;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:11px 12px;display:flex}.htp-step{color:#ffffff8c;text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.htp-step span{font-size:22px}.htp-arr{color:var(--orange2);padding-bottom:10px;font-size:16px}.htp-levels{background:#080418b8;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 12px 12px;gap:7px;padding:10px 10px 14px;display:flex}.htp-lv-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 4px 8px;display:flex}.htp-lv-badge{color:#fff;width:26px;height:26px;font-size:13px;font-weight:900;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.htp-lv-name{color:#ffffffd9;font-size:10px;font-weight:800;font-family:var(--font-head);letter-spacing:.5px}.htp-lv-path{background:#00000059;border-radius:8px;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.htp-lv-dots{color:#ffffff80;font-size:10px;font-weight:700}.htp-lv-bars{gap:3px;display:flex}.htp-lv-bar{border-radius:2px;width:19px;height:4px}.htp-lv-desc{color:#ffffff61;text-align:center;padding:0 2px;font-size:9px;font-weight:600;line-height:1.3}#scr-victory{justify-content:flex-start;padding-bottom:36px;overflow-y:auto}.v-body{z-index:10;flex-direction:column;align-items:center;width:100%;padding:0 20px;display:flex;position:relative}.time-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0528d9;border:1.5px solid #ffffff21;border-radius:20px;width:100%;margin-top:10px;padding:22px 20px 18px}.time-val{font-family:var(--font-head);color:#fff;letter-spacing:4px;font-size:54px;line-height:1}.time-unit{letter-spacing:4px;text-transform:uppercase;color:#ffffff6b;margin-top:4px;margin-bottom:14px;font-size:11px}.rank-badge{background:#ffc8001a;border:1px solid #ffc80047;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.rank-text{color:var(--gold);font-size:15px;font-weight:800}.congrats-p{color:#ffffff9e;text-align:center;margin:16px 0 18px;padding:0 6px;font-size:14px;line-height:1.6}.congrats-p b{color:#ffa03ce6}.v-btns{gap:12px;width:100%;display:flex}.btn-again{font-family:var(--font-body);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4500,#ff9200);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:15px;font-weight:900;transition:transform .14s;display:flex}.btn-again:active{transform:scale(.97)}.btn-share-v{font-family:var(--font-body);color:#ffffffd1;cursor:pointer;background:0 0;border:1.5px solid #ffffff38;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:15px;font-weight:900;transition:background .18s;display:flex}.btn-share-v:hover{background:#ffffff12}.streak-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:12px 14px;display:flex}.streak-label{color:#ffffff80;font-size:12px;font-weight:700}.streak-days{gap:6px;display:flex}.day-dot{color:#ffffff59;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:flex}.day-dot.active{color:#fff;background:linear-gradient(135deg,#ff4500,#ff9200)}.lco-overlay{z-index:50;-webkit-backdrop-filter:blur(18px);background:#03020feb;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.35s cubic-bezier(.34,1.56,.64,1) lco-in;display:flex;position:absolute;inset:0}@keyframes lco-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lco-check{color:#fff;background:linear-gradient(135deg,#50d080,#20a058);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:36px;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both lco-pop;display:flex;box-shadow:0 0 40px #50d0808c}@keyframes lco-pop{0%{transform:scale(0)}to{transform:scale(1)}}.lco-title{font-family:var(--font-head);color:#fff;letter-spacing:1px;font-size:clamp(26px,7.5vw,34px)}.lco-time{font-family:var(--font-head);color:var(--gold);letter-spacing:4px;font-size:50px;line-height:1}.lco-steps{align-items:center;gap:0;margin-top:4px;display:flex}.lco-step{width:36px;height:36px;font-family:var(--font-head);color:#ffffff59;background:#ffffff12;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.lco-step.done{color:#50d080;background:#50d08038;border-color:#50d080}.lco-step.current{border-color:var(--gold);color:var(--gold);background:#ffc8002e;box-shadow:0 0 14px #ffc80066}.lco-line{background:#ffffff1f;border-radius:1px;width:32px;height:2px}.lco-line.done{background:#50d080}.lco-sub{letter-spacing:.5px;color:#ffffff7a;font-size:14px;font-weight:700}.level-strip{z-index:10;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:4px 24px 2px;display:flex;position:relative}.ls-step{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.ls-dot{width:28px;height:28px;font-family:var(--font-head);color:#ffffff52;background:#ffffff12;border:2px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .35s;display:flex}.ls-step.active .ls-dot{background:var(--lc);border-color:var(--lc);color:#fff;box-shadow:0 0 14px var(--lc)}.ls-step.done .ls-dot{color:#50d080;background:#50d08033;border-color:#50d080}.ls-name{letter-spacing:.5px;text-transform:uppercase;color:#ffffff40;font-size:9px;font-weight:800;transition:color .35s}.ls-step.active .ls-name{color:var(--lc)}.ls-step.done .ls-name{color:#50d0808c}.ls-line{background:#ffffff1a;border-radius:1px;flex:1;max-width:60px;height:2px;margin:0 4px 10px;transition:background .35s}.ls-line.done{background:#50d080}.confetti-piece{pointer-events:none;z-index:300;animation:linear forwards fall;position:fixed}@keyframes fall{to{opacity:0;transform:translateY(110vh)rotate(720deg)}}