:root{color:#fff;font-synthesis:none;--blue:#1877e8;--deep:#213e83;--cyan:#20d7d0;--yellow:#f5e84b;--orange:#ff7a18;--red:#d6253f;--pink:#e84aa8;--green:#55d65b;--purple:#8e3bd1;--silver:#d4d7dc;background:#1c2f65;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:radial-gradient(circle at 50% 15%,#557fd4,#1d3268 76%);width:100%;min-height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.game-shell{-webkit-user-select:none;user-select:none;background:linear-gradient(#527fdd 0%,#4b77cf 47%,#213b79 100%);width:min(100vw,432px);height:100dvh;min-height:640px;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 48px #0c183d}.screen{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.screen-active{opacity:1;visibility:visible;pointer-events:auto}.splash{z-index:12;background:linear-gradient(#5481df,#4e79d0);place-items:center;display:grid;overflow:hidden}.splash:before,.home:before{content:"";opacity:.45;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.8px);background-size:94px 117px;position:absolute;inset:0}.age-tag{left:14px;top:calc(env(safe-area-inset-top) + 18px);color:#43a23c;z-index:2;background:#fff;border:2px solid #78bd4a;place-items:center;width:34px;height:42px;font-weight:900;display:grid;position:absolute;box-shadow:0 2px #42672d}.cloud{filter:blur(.3px);background:#9fc0f547;border-radius:50px;width:132px;height:45px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:58px;height:58px;top:-24px;left:26px}.cloud:after{width:70px;height:65px;top:-30px;right:16px}.cloud-a{top:24%;left:25px}.cloud-b{bottom:17%;right:-35px;transform:scale(.75)}.brand-lockup{z-index:2;text-align:center;filter:drop-shadow(0 7px #20396f)drop-shadow(0 2px 3px #00000059);position:relative;transform:translateY(-8%)}.brand-lockup h1{letter-spacing:-5px;margin:7px 0 3px;font-size:clamp(46px,13vw,62px);line-height:.92;transform:rotate(-2deg)}.brand-lockup h1 span{color:#ff9c21;-webkit-text-stroke:3px #642d28;display:block}.brand-lockup h1 strong{color:#fff;-webkit-text-stroke:3px #31538b;display:block}.brand-small{color:#fff8cf;letter-spacing:3px;background:#e75953;border-radius:20px;padding:4px 13px;font-size:13px;font-weight:900;display:inline-block}.brand-sub{letter-spacing:4px;color:#cfe5ff;font-size:10px;font-weight:900}.loading-wrap{bottom:max(9%, env(safe-area-inset-bottom));text-align:center;z-index:2;width:80%;position:absolute}.loading-track{background:#273a54;border-radius:20px;height:17px;padding:3px;box-shadow:inset 0 2px 4px #111c36,0 2px #ffffff40}.loading-fill{background:linear-gradient(90deg,#b5ec4d,#ecff65);border-radius:16px;width:0;height:100%;transition:width .18s linear;box-shadow:0 0 10px #e5ff57}.loading-wrap p{text-shadow:0 2px 2px #2c4d8b;margin:9px 0;font-size:12px;font-weight:700}.home{z-index:10;padding:max(18px, env(safe-area-inset-top)) 20px 28px;background:linear-gradient(#5481df,#4b75ce);flex-direction:column;align-items:center;display:flex}.home>*{z-index:1;position:relative}.home-currency{align-self:flex-start}.top-currency{background:#2944817a;border-radius:20px;align-items:center;gap:6px;min-width:94px;padding:5px 12px;font-size:14px;display:flex}.coin-mark,.star-mark{flex:none;width:20px;height:20px;display:inline-block}.coin-mark{background:radial-gradient(circle at 35% 28%,#fff099 0 12%,#f4be25 13% 52%,#d28115 53% 66%,#ffdc51 67%);border-radius:50%;box-shadow:0 2px 2px #735020}.star-mark{clip-path:polygon(50% 0,62% 34%,98% 38%,70% 60%,79% 96%,50% 76%,20% 96%,29% 60%,2% 38%,38% 34%);filter:drop-shadow(0 2px 1px #976a15);background:linear-gradient(#fff36d,#f6af1e)}.home-title{letter-spacing:3px;text-shadow:0 3px #294f9c;margin-top:16px;font-size:22px;font-weight:1000}.mascot-card{aspect-ratio:1/.92;place-items:center;width:75%;max-width:300px;margin-top:4px;display:grid}.mask-fan{aspect-ratio:1;background:repeating-conic-gradient(from 0deg,#ffbd35 0 9deg,#f5e5a6 9deg 18deg);clip-path:polygon(50% 0,100% 45%,83% 82%,50% 70%,17% 82%,0 45%);filter:drop-shadow(0 7px 3px #1b336e80);border-radius:50%;width:68%;position:absolute}.mascot-mask{z-index:2;aspect-ratio:.78;background:radial-gradient(circle at 50% 35%,#fff 0 46%,#f5d6ba 47% 100%);border:7px solid #f0b01e;border-radius:48% 48% 42% 42%;width:39%;position:relative;box-shadow:inset 0 -12px #df4339,0 8px #824444}.mascot-mask:before,.mascot-mask:after{content:"";background:#222;border-radius:52% 20% 50% 30%;width:44%;height:55%;position:absolute;top:18%}.mascot-mask:before{left:4%;transform:rotate(22deg)}.mascot-mask:after{right:4%;transform:rotate(-22deg)}.mascot-mask i{z-index:3;background:#e83d3d;border-radius:50%;width:12%;height:78%;position:absolute;top:8%;left:44%}.stage-rings{filter:drop-shadow(0 9px 7px #182b5b73);background:radial-gradient(#ffe8f1 0 20%,#b87399 22% 39%,#ffe0f0 41% 56%,#a05384 58% 66%,#0000 67%);border-radius:50%;width:86%;height:28%;position:absolute;bottom:3%}.home-note{color:#566780;background:#ffffffbf;border-radius:16px;margin-top:-4px;padding:7px 13px;font-size:11px;font-weight:800}.primary-btn{color:#7b4813;text-shadow:0 2px #fff4a8;background:linear-gradient(#fff86a 0 14%,#ffd62c 15% 72%,#e79c16 73%);border-radius:15px;min-width:220px;margin-top:14px;padding:12px 24px;font-size:23px;font-weight:1000;box-shadow:inset 0 0 0 3px #fff6ad,0 5px #b26a19,0 8px 15px #27397073}.primary-btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 3px #fff6ad,0 2px #b26a19}.level-chip{color:#846551;background:#f8e5cc;border-radius:7px;margin-top:13px;padding:7px 24px;font-weight:900;box-shadow:0 3px #b99878}.home-actions{justify-content:space-around;width:100%;margin-top:auto;display:flex}.home-actions button{color:#4970a3;background:linear-gradient(#fff,#cfe7ff);border-radius:18px;width:74px;min-height:54px;font-size:12px;font-weight:900;box-shadow:0 4px #7697bd}.play{z-index:5;background:linear-gradient(#466fc5 0%,#365baf 52%,#1f3979 100%);overflow:hidden}.play:before{content:"";opacity:.28;pointer-events:none;background-image:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.8px);background-size:87px 109px;position:absolute;inset:0}.play-header{z-index:6;height:76px;padding:max(10px,env(safe-area-inset-top)) 12px 4px;grid-template-columns:43px 1fr 43px;align-items:start;display:grid;position:relative}.round-btn{background:linear-gradient(#c9f5ff,#5fc5e9);border:3px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 3px #2f78a5,0 3px 8px #1c3e83}.gear-icon{border:5px dotted #fff;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 3px #40a6cf}.mini-pause{justify-self:end;gap:4px;display:flex}.mini-pause i{background:#fff;border-radius:2px;width:4px;height:14px}.level-info{text-align:center}.level-info h2{text-shadow:0 2px 2px #1e3a78;margin:2px 0 5px;font-size:16px}.stats{justify-content:center;align-items:center;gap:6px;height:23px;font-size:13px;display:flex}.stats .coin-mark,.stats .star-mark{width:17px;height:17px}.stats b{color:#fff3a1;margin-right:11px}.storage-panel{z-index:7;height:94px;padding:0 12px;position:relative}.boxes{grid-template-columns:repeat(4,1fr);gap:7px;height:62px;display:grid}.color-box,.locked-box{border-radius:15px;justify-content:center;align-items:center;gap:4px;height:58px;display:flex;position:relative;box-shadow:inset 0 -6px #0000002b,0 4px 4px #12275859}.color-box{background:var(--box-color);border:3px solid #ffffffa6}.color-box:after{content:"";background:#ffffffe0;border-radius:9px;position:absolute;inset:7px;box-shadow:inset 0 3px 6px #44445040}.box-hole{z-index:1;background:#8b8790;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 2px 3px #514f57}.box-hole.filled{background:var(--box-color);border:2px solid #0003;animation:.25s pop}.locked-box{color:#fff;text-shadow:0 1px #687383;background:linear-gradient(#eef1f2,#aeb8c6);flex-direction:column;gap:0;font-size:11px;font-weight:900}.locked-box:before{content:"";border:3px solid #fff;border-bottom:0;border-radius:9px 9px 0 0;width:15px;height:12px}.buffer{justify-content:center;align-items:center;gap:10px;height:25px;display:flex}.buffer-slot{background:#8193b5;border:2px solid #d6def0;border-radius:50%;width:13px;height:13px;transition:all .2s;box-shadow:inset 0 2px 3px #516186}.buffer-slot.occupied{background:var(--slot-color);box-shadow:0 0 8px var(--slot-color),inset 0 2px 2px #00000059;transform:scale(1.12)}.buffer-slot.extra{outline:2px solid #fff34c}.progress-row{z-index:5;justify-content:space-between;align-items:center;height:46px;padding:0 15px;display:flex;position:relative}.combo{color:#ffad31;text-shadow:0 2px #7f3a1b;opacity:0;font-size:17px;font-style:italic;font-weight:1000;transition:all .25s;transform:translateY(8px)}.combo.show{opacity:1;transform:none}.combo b{font-size:30px}.progress-block{align-items:center;gap:7px;font-size:11px;display:flex}.mini-diorama{filter:drop-shadow(0 2px 2px #14295f);background:radial-gradient(circle at 50% 34%,#f1d6b1 0 11%,#e35a49 12% 21%,#0000 22%),linear-gradient(145deg,#6f7782 0 25%,#bd5d47 26% 54%,#e7bd5d 55% 68%,#6a4b46 69%);border-bottom:5px solid #3b2e36;border-radius:50% 50% 5px 5px;width:46px;height:25px}.board-viewport{z-index:3;touch-action:none;perspective:900px;position:absolute;inset:204px 0 90px;overflow:hidden}.board{aspect-ratio:432/760;width:min(118vw,510px);transform:translate(-50%,-50%) rotateZ(var(--rotation,0deg));transform-origin:50% 58%;will-change:transform;transition:filter .2s;position:absolute;top:48%;left:50%}.board.dragging{filter:brightness(1.04);transition:none}.board img{object-fit:cover;pointer-events:none;filter:saturate(.98)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.screws{position:absolute;inset:0}.screw{--screw-color:#e84c54;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:29px;height:29px;transform:translate(-50%,-50%) rotate(calc(var(--rotation,0deg)*-1));background:radial-gradient(circle at 37% 30%,#fff 0 7%,var(--screw-color) 9% 50%,color-mix(in srgb,var(--screw-color),#341918 35%) 52% 66%,#e9ebed 68% 77%,#7e8993 79% 100%);z-index:calc(20 + var(--layer));border-radius:50%;transition:filter .18s,opacity .2s;position:absolute;box-shadow:0 3px 3px #0d19359e,inset 0 0 0 2px #ffffff80}.screw:before,.screw:after{content:"";background:#422e2eb8;border-radius:3px;width:12px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screw:after{transform:translate(-50%,-50%)rotate(90deg)}.screw.blocked{filter:grayscale(.7);animation:.28s shake}.screw.unscrewing{pointer-events:none;z-index:50;animation:.55s cubic-bezier(.2,.8,.3,1) forwards unscrew}.drag-hint{color:#dbe9ff;background:#0f2352ab;border-radius:20px;width:max-content;padding:7px 13px;font-size:11px;animation:4s 1.5s forwards hintFade;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.three-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.three-canvas:active{cursor:grabbing}.screws-accessibility{pointer-events:none;width:4px;height:4px;position:absolute;top:2px;left:2px;overflow:hidden}.screw-accessible{opacity:.001!important;pointer-events:none!important;width:2px!important;min-width:0!important;height:2px!important;min-height:0!important;box-shadow:none!important;clip-path:none!important;background:0 0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.reset-view{z-index:8;text-shadow:0 2px #1e326d;background:0 0;justify-items:center;gap:1px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:102px;left:15px}.reset-icon{border:4px solid #fff;border-right-color:#0000;border-radius:50%;width:24px;height:24px;position:relative}.reset-icon:after{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:-4px;right:-6px;transform:rotate(30deg)}.boosters{z-index:9;left:50%;bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:repeat(3,88px);gap:8px;display:grid;position:absolute;transform:translate(-50%)}.boosters button{background:linear-gradient(#79e8ff 0 13%,#2fb7ec 14% 68%,#1477c4 69%);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;height:72px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #b9f5ff,0 5px #155394,0 7px 9px #152b63}.boosters b{text-shadow:0 2px #24559a;font-size:11px}.boosters small{color:#277cb5;background:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-weight:1000;display:grid;position:absolute;top:4px;right:5px}.tool-icon{width:30px;height:28px;display:block;position:relative}.magnet-icon{border:8px solid #e94c4c;border-top:0;border-radius:0 0 15px 15px}.magnet-icon:before,.magnet-icon:after{content:"";background:#eff6ff;width:8px;height:10px;position:absolute;top:-5px}.magnet-icon:before{left:-8px}.magnet-icon:after{right:-8px}.clear-icon{background:linear-gradient(90deg,#5647c7 0 25%,#f083be 25% 50%,#55d8ff 50% 75%,#ffd53e 75%);border:3px solid #fff;border-radius:50% 50% 8px 8px}.slot-icon{background:radial-gradient(circle,#fff 0 3px,#0000 4px) 0 0/12px 12px,#54cee5;border:3px solid #fff;border-radius:7px}.overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;background:#0a173aad;place-items:center;padding:25px;transition:all .25s;display:grid;position:absolute;inset:0}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.result-card{text-align:center;color:#52607a;background:linear-gradient(#fff,#e5efff);border:5px solid #fff;border-radius:25px;width:min(100%,340px);padding:26px 22px 20px;box-shadow:0 12px #7794c3,0 18px 40px #111d44}.result-card h2{color:#4868ad;margin:4px 0 8px;font-size:29px}.result-card p{min-height:42px;margin:8px 0;font-size:14px;line-height:1.55}.result-badge{background:radial-gradient(circle,#fff898 0 34%,#ffc32a 35% 57%,#df7420 58% 68%,#fff 69%);border-radius:50%;width:92px;height:92px;margin:-70px auto 5px;box-shadow:0 5px 13px #556f9a}.result-badge.fail{background:radial-gradient(circle,#cad5e6 0 34%,#8d9bae 35% 57%,#56667c 58% 68%,#fff 69%)}.reward-row{color:#b16d18;justify-content:center;gap:25px;font-weight:1000;display:flex}.reward-row span{align-items:center;gap:7px;display:flex}.result-card .primary-btn{min-width:190px;font-size:19px}.text-btn{color:#667694;background:0 0;margin:13px auto 0;padding:7px 18px;font-weight:800;display:block}.compact{padding-top:28px}.compact h2{margin-bottom:17px}.toast{z-index:50;color:#fff;opacity:0;pointer-events:none;background:#122249e6;border-radius:18px;width:max-content;max-width:84%;padding:9px 15px;font-size:12px;transition:all .25s;position:absolute;bottom:122px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes pop{50%{transform:scale(1.45)}}.drag-hint{pointer-events:none}@keyframes shake{25%{margin-left:-5px}50%{margin-left:5px}75%{margin-left:-3px}}@keyframes unscrew{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}55%{transform:translate(-50%,-95%)rotate(420deg)scale(1.18)}to{opacity:0;transform:translate(-50%,-180%)rotate(760deg)scale(.25)}}@keyframes hintFade{to{opacity:0}}.board{--pitch:0deg;--yaw-visual:0deg;--under-blend:0;--orbit-scale:1;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--pitch)) rotateY(var(--yaw-visual)) scale(var(--orbit-scale));transform-origin:50% 59%;transition:transform .16s,filter .2s}.board.dragging{transition:none}.scene-view{transition:opacity .2s,filter .2s}.scene-front{opacity:calc(1 - var(--under-blend))}.scene-under{opacity:var(--under-blend)}.scene-fx{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:visible}.screws{z-index:10}.screw{--hue:0deg;filter:hue-rotate(var(--hue)) saturate(1.08);background:0 0;transform:translate(-50%,-50%);box-shadow:0 4px 5px #0d19357a}.screw:before,.screw:after{display:none}.screw:hover{filter:hue-rotate(var(--hue)) saturate(1.08) brightness(1.18)}.screw:active{transform:translate(-50%,-50%)scale(.91)}.screw.blocked{filter:hue-rotate(var(--hue)) grayscale(.8) brightness(.85)}.screw.unscrewing{animation:.43s cubic-bezier(.2,.8,.3,1) forwards unscrewArt}.flying-screw{z-index:80;pointer-events:none;object-fit:contain;width:30px;height:30px;filter:hue-rotate(var(--hue)) saturate(1.08) drop-shadow(0 3px 3px #121f3e8c);position:fixed}.flight-spark{z-index:79;pointer-events:none;background:#fffbe3;border-radius:50%;width:6px;height:6px;position:fixed;box-shadow:0 0 10px 3px #fff8a5}.scene-fragment{z-index:44;background-image:var(--scene-image);pointer-events:none;background-size:430px 960px;border-radius:7px;width:58px;height:40px;animation:.8s cubic-bezier(.35,.1,.8,.35) forwards fragmentFall;position:absolute;box-shadow:0 5px 5px #141f3a61}.board.drop-pulse .scene-view{filter:saturate(1.12)brightness(1.08)}.save-chip{color:#d8ecff;font-size:10px}@keyframes unscrewArt{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}60%{transform:translate(-50%,-92%)rotate(390deg)scale(1.18)}to{opacity:.15;transform:translate(-50%,-125%)rotate(620deg)scale(.82)}}@keyframes fragmentFall{0%{opacity:.95;transform:translate(0)rotate(0)}to{transform:translate(var(--fall-x),240px) rotate(var(--fall-r));opacity:0}}@media (max-height:720px){.play-header{height:66px}.storage-panel{height:88px}.board-viewport{top:190px}.boosters{grid-template-columns:repeat(3,80px)}.home-title{margin-top:4px}.mascot-card{width:58%}.home-actions{display:none}}