:root{color:#5f587d;font-synthesis:none;text-rendering:optimizelegibility;background:#6f78d4;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fffffff2}.screen{--board-zoom:1;background-color:#aeb5f2;background-image:linear-gradient(#7e87e114, #7e87e129), var(--game-background);isolation:isolate;background-position:50%;background-size:cover;width:min(100vw,55.67vh);height:100dvh;min-height:560px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 50px #2a2c5e6b}.ui-icon{fill:currentColor;vertical-align:middle;width:1.35em;height:1.35em;display:inline-block;overflow:visible}.plain-icon-button{color:#9289b7;background:linear-gradient(145deg,#fff,#f0eef8);border:2px solid #8077a738;border-radius:15px;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 5px #665f9033,0 8px 16px #49487c29}.plain-icon-button:active{transform:translateY(3px);box-shadow:0 2px #665f9033}.home-screen{background-color:#818be6;background-image:linear-gradient(#5d68d31f, #707ae042), var(--game-background)}.home-hud{z-index:5;top:max(18px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:absolute;left:4.5%;right:4.5%}.mascot-avatar{object-fit:cover;border-radius:50%;width:66px;height:66px;box-shadow:0 5px #2a749a4d,0 8px 18px #3f498e3d}.resource-pill{color:#8e85b2;white-space:nowrap;background:#fffffff5;border-radius:22px;align-items:center;gap:6px;height:39px;padding:0 13px 0 7px;display:flex;box-shadow:0 4px 8px #4c4c8921}.resource-pill .ui-icon{width:32px;height:32px;margin-left:-3px}.resource-pill strong{letter-spacing:.2px;min-width:33px;font-size:17px;font-weight:900}.coin-pill .ui-icon{color:#ffc632;filter:drop-shadow(0 2px #dd8d22)}.energy-pill{padding-right:4px}.energy-pill .ui-icon{color:#f34f46;filter:drop-shadow(0 2px #c83132)}.energy-pill span{font-size:13px;font-weight:800}.energy-pill i{color:#fff;text-shadow:0 2px #428c13;background:linear-gradient(#a8eb42,#65bc1f);border:2px solid #52a918;border-radius:50%;place-items:center;width:31px;height:31px;font-size:25px;font-style:normal;font-weight:900;display:grid}.home-settings{position:absolute;top:78px;left:0}.home-stars i{z-index:1;background:#fff;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite alternate twinkle;position:absolute;box-shadow:0 0 12px #fff}.home-stars i:first-child{top:22%;left:12%}.home-stars i:nth-child(2){animation-delay:-.6s;top:48%;right:7%}.home-stars i:nth-child(3){animation-delay:-1.1s;top:67%;left:8%}.home-stars i:nth-child(4){animation-delay:-.2s;top:77%;right:17%}.home-main{z-index:2;width:68%;position:absolute;top:22.5%;left:50%;transform:translate(-50%)}.level-chip{color:#fff;text-shadow:0 2px #3d3d7947;background:#5b62a89e;border-radius:24px;width:-moz-fit-content;width:fit-content;margin:0 auto 18px;padding:7px 30px;font-size:clamp(22px,5.6vw,30px);font-weight:900}.preview-machine{aspect-ratio:1/1.05;background:linear-gradient(145deg,#fffef4 0%,#f4f1e6 68%,#ded8c5 100%);border:4px solid #8f8c89;border-radius:20% 20% 15% 15%;width:100%;padding:16%;position:relative;box-shadow:inset 12px 10px #ffffffb8,inset -8px -9px #b5ae9938,0 13px 22px #46457547}.preview-canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#cecdca;display:block;box-shadow:inset 0 0 0 3px #4a4a4c59,0 4px #5d5a5438}.machine-handle{background:linear-gradient(90deg,#91a6c9,#d8e5f3 45%,#8ca2c1);border-radius:18px;width:7.5%;height:22%;position:absolute;top:40%;left:8%;box-shadow:inset 2px 1px 3px #fff,0 2px 2px #31415c59}.home-shortcuts{z-index:3;justify-content:space-between;display:flex;position:absolute;bottom:20%;left:5%;right:5%}.home-shortcuts button{color:#fff;text-shadow:0 3px #5f559b,0 0 3px #5f559b;background:0 0;place-items:center;gap:4px;width:28%;padding:0;display:grid}.home-shortcuts strong{white-space:nowrap;font-size:clamp(13px,3.6vw,18px)}.shortcut-art{background:linear-gradient(145deg,#fff,#e7e5f6);border:4px solid #ffffffe6;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 4px #524c8a47}.calendar-art:before{content:"";background:linear-gradient(#6bbbea 0 26%,#fff8dc 26%);border:2px solid #4c8fbf;border-radius:6px;width:30px;height:34px}.calendar-art b{color:#5f7fbf;text-shadow:none;font-size:17px;position:absolute;top:19px}.cup-art:before{content:"";background:linear-gradient(#ffe36c,#eaa72c);border:2px solid #c98521;border-radius:4px 4px 13px 13px;width:31px;height:26px;box-shadow:0 11px 0 -7px #d18e25}.book-art:before{content:"";background:linear-gradient(135deg,#db89ea,#9a62db);border:2px solid #8150c4;border-radius:6px;width:31px;height:37px;box-shadow:inset 5px 0 #ffffff3b}.home-actions{z-index:4;left:10%;right:10%;bottom:max(22px, env(safe-area-inset-bottom));gap:10px;display:grid;position:absolute}.daily-button,.start-button{border-radius:22px;width:100%;font-weight:900;position:relative;overflow:hidden}.daily-button{color:#efedf4;background:linear-gradient(#a7a8ae,#7f8189);border:3px solid #f4f4f6d1;min-height:58px;box-shadow:0 6px #65666d,0 9px 15px #3a3a6933}.daily-button span{text-shadow:0 2px #65666d;font-size:22px;display:block}.daily-button small{opacity:.82;font-size:10px;display:block}.start-button{color:#925825;text-shadow:0 2px #fff;background:linear-gradient(#fff17a 0%,#ffd95d 65%,#f1b13a 100%);border:4px solid #f6e46b;min-height:77px;box-shadow:0 7px #c9812c,0 11px 18px #41376f47,inset 0 3px #ffffffb8}.start-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:22%;animation:2.8s ease-in-out infinite shine;position:absolute;top:-30%;bottom:-30%;transform:skew(-18deg)}.start-button span{font-size:clamp(28px,7vw,38px);line-height:1.1;display:block}.start-button small{color:#4a9e3d;text-shadow:none;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:16px;display:flex}.start-button small .ui-icon{color:#f54d43}.loading-screen{color:#fff;text-shadow:0 2px #42418459;place-content:center;justify-items:center;gap:10px;display:grid}.loading-screen strong{font-size:26px}.loading-screen small{opacity:.85;font-size:13px}.loading-beads{align-items:flex-end;gap:7px;height:30px;display:flex}.loading-beads i{background:#f35b4c;border:2px solid #6c402261;border-radius:5px;width:18px;height:18px;animation:.65s ease-in-out infinite alternate beadBounce}.loading-beads i:nth-child(2){background:#f3b13d;animation-delay:-.12s}.loading-beads i:nth-child(3){background:#f6db5b;animation-delay:-.24s}.loading-beads i:nth-child(4){background:#64b5f5;animation-delay:-.36s}.loading-beads i:nth-child(5){background:#b47ee8;animation-delay:-.48s}.game-screen{background-color:#d4d5f1;background-image:linear-gradient(#e2e3fa85, #d1d2f1b8), var(--game-background)}.game-hud{z-index:10;top:max(16px, env(safe-area-inset-top));grid-template-columns:54px 1fr 54px;align-items:start;min-height:70px;display:grid;position:absolute;left:5%;right:5%}.game-settings{width:50px;height:50px}.level-heading{justify-items:center;gap:5px;margin-top:-2px;display:grid}.level-heading>strong{color:#9890b6;text-shadow:0 2px #ffffffad;font-size:clamp(23px,6.3vw,34px);font-weight:900;line-height:1}.timer-pill{color:#8d85ad;background:#fff;border:2px solid #80769f52;border-radius:19px;align-items:center;gap:5px;min-width:112px;height:36px;padding:0 15px 0 4px;font-size:17px;font-weight:900;display:flex;box-shadow:0 3px #685e9129}.timer-pill .ui-icon{color:#f5b92f;filter:drop-shadow(0 2px #ce7e22);width:31px;height:31px}.hud-balance{color:#8178a6;background:#ffffffad;border:2px solid #877dac33;border-radius:14px;justify-items:center;padding:6px 5px;display:grid}.hud-balance span{font-size:10px;font-weight:800}.hud-balance strong{font-size:14px}.play-zone{position:absolute;inset:0}.board-viewport{z-index:3;aspect-ratio:1;pointer-events:none;width:91%;position:absolute;top:11.7%;left:50%;transform:translate(-50%)}.board-canvas{touch-action:none;width:100%;height:100%;transform:scale(var(--board-zoom));transform-origin:50%;pointer-events:auto;transition:transform .18s ease-out;display:block}.is-intro .board-canvas{animation:1.35s cubic-bezier(.2,.75,.22,1) both boardIntro}.zoom-control{z-index:4;pointer-events:auto;grid-template-rows:28px 1fr 28px;place-items:center;gap:3px;height:47%;display:grid;position:absolute;top:43%;left:-1%}.zoom-control button{color:#fff;background:#9493c4ba;border:2px solid #ffffff73;border-radius:8px;width:27px;height:27px;padding:0;font-size:20px;font-weight:900;line-height:1}.zoom-control input{appearance:slider-vertical;writing-mode:vertical-lr;accent-color:#8f89bf;direction:rtl;width:25px;height:100%;margin:0}.tray-panel{z-index:5;width:92%;height:15.4%;position:absolute;top:65.2%;left:50%;transform:translate(-50%)}.tray-panel>img{object-fit:fill;filter:drop-shadow(0 8px 8px #56538533);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tray-grid{z-index:2;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(var(--tray-rows,3), 1fr);gap:4px;width:89.6%;height:71%;display:grid;position:absolute;top:14%;left:5.2%}.tray-slot{background:#ffffff8c;border-radius:7px;min-width:0;min-height:0;position:relative;box-shadow:inset 0 2px 4px #7876942e,inset 0 -1px #fffc}.tray-bead,.flight-bead{background:linear-gradient(145deg, var(--bead-top), var(--bead-bottom) 62%, var(--bead-edge));border:1.5px solid var(--bead-edge);box-shadow:inset 2px 2px 2px #ffffff61, 0 2px 0 var(--bead-shadow);border-radius:27%;display:block}.tray-bead{animation:.22s cubic-bezier(.2,1.7,.4,1) both seatBead;position:absolute;inset:10%}.tray-bead:after,.flight-bead:after{content:"";clip-path:polygon(0 0,100% 0,35% 100%);background:#fff3;width:52%;height:28%;position:absolute;top:13%;left:15%}.expand-tray{z-index:3;color:#8e86ac;opacity:.82;background:#fff;border:2px solid #a39bbb;border-radius:17px;min-width:122px;height:32px;font-size:13px;font-weight:900;position:absolute;bottom:-16px;left:50%;transform:translate(-50%);box-shadow:0 3px #5b547f33}.expand-tray:not(:disabled){color:#7567a3;opacity:1;background:linear-gradient(#fff,#f4efff);border-color:#9385bd}.expand-tray:disabled{cursor:default}.tray-panel.is-expanded{height:22.2%;top:59.2%}.tray-panel.is-expanded .tray-grid{height:79%;top:9%}.tray-panel.is-full>img,.tray-panel.is-capacity-warning>img{filter:drop-shadow(0 0 9px #ee5b5dcc)drop-shadow(0 8px 8px #56538533);animation:.48s ease-in-out 2 alternate trayAttention}.tool-row{z-index:5;left:13%;right:13%;bottom:max(2.4%, env(safe-area-inset-bottom));justify-content:space-between;display:flex;position:absolute}.tool-row button{aspect-ratio:1;color:#6e5f9e;background:linear-gradient(145deg,#ead8ff,#bea4f1);border:4px solid #9b70d8;border-radius:50%;align-content:center;place-items:center;gap:1px;width:clamp(61px,17vw,84px);display:grid;position:relative;box-shadow:0 5px #7754b6,0 9px 14px #433d7040,inset 0 3px #ffffffb3}.tool-row button:nth-child(2){filter:grayscale(.75)}.tool-row .ui-icon{color:#eb5a58;filter:drop-shadow(0 2px #fff);width:38%;height:38%}.tool-row button:nth-child(2) .ui-icon{color:#84858b}.tool-row button:nth-child(3) .ui-icon{color:#e78e2d}.tool-row span{font-size:clamp(10px,2.7vw,13px);font-weight:900}.tool-row i{color:#fff;text-shadow:0 2px #3c8b17;background:linear-gradient(#9be943,#55b91e);border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:18px;font-style:normal;font-weight:900;line-height:1;display:grid;position:absolute;top:-7px;right:-4px}.tutorial-callout{z-index:7;color:#746b9b;text-align:center;pointer-events:none;background:#fffffff0;border:2px solid #8d83b140;border-radius:16px;min-width:62%;padding:9px 16px;transition:opacity .25s,transform .25s;position:absolute;top:9.5%;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #4e4b8024}.tutorial-callout:after{content:"";border:8px solid #0000;border-top-color:#fffffff0;position:absolute;top:100%;left:50%}.tutorial-callout strong,.tutorial-callout span{display:block}.tutorial-callout strong{font-size:14px}.tutorial-callout span{opacity:.78;margin-top:2px;font-size:11px}.tutorial-callout.is-hidden{opacity:0;transform:translate(-50%,-8px)}.flight-layer{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.flight-bead{will-change:transform;width:clamp(18px,5.2vw,27px);height:clamp(18px,5.2vw,27px);position:absolute}.toast{z-index:40;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#454068de;border:1px solid #ffffff38;border-radius:18px;max-width:82%;padding:10px 16px;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:14%;left:50%;transform:translate(-50%,10px);box-shadow:0 5px 14px #2f2b4f3d}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-layer{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#39365b7a;place-items:center;padding:9%;display:none;position:absolute;inset:0}.modal-layer.is-visible{display:grid}.settings-card,.result-card{text-align:center;background:linear-gradient(#fffef8,#eeebdf);border:4px solid #fff;border-radius:27px;width:min(100%,380px);padding:25px 24px 22px;animation:.18s cubic-bezier(.2,1.2,.35,1) both modalPop;box-shadow:0 10px #675d825c,0 18px 40px #2c284947,inset 0 -4px #d7d2c5}.settings-card h2,.result-card h2{color:#766c9b;margin:0 0 12px;font-size:28px}.settings-card p,.result-card p{color:#938ca7;margin:0 0 17px;font-size:13px;line-height:1.55}.setting-toggles{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 20px;display:grid}.setting-toggles button{color:#8e86a6;background:#dedbe3;border:2px solid #c4bfcd;border-radius:13px;padding:11px 5px;font-size:12px;font-weight:900}.setting-toggles button span{color:#a8a4ae;margin-top:3px;display:block}.setting-toggles button.is-on{color:#fff;background:#7acb3d;border-color:#57a728}.setting-toggles button.is-on span{color:#f5ffe9}.settings-card>button,.result-card>button{color:#756b91;background:#e0dce4;border:2px solid #c6c0cf;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:45px;margin-top:9px;font-size:15px;font-weight:900;display:flex;box-shadow:0 3px #b5afbd}.settings-card .primary-modal-button,.result-card>button:first-of-type{color:#83551f;background:linear-gradient(#ffe975,#f8c64f);border-color:#efb63e;box-shadow:0 3px #c98931}.result-mark{color:#fff;background:linear-gradient(145deg,#ffd95b,#eb982f);border:5px solid #fff;border-radius:50%;place-items:center;width:82px;height:82px;margin:-64px auto 15px;font-size:19px;font-weight:900;display:grid;box-shadow:0 5px #b66b27,0 9px 18px #4f3a4c40}.result-card.failed .result-mark{background:linear-gradient(145deg,#aaa8b7,#797785);box-shadow:0 5px #5d5b67}@keyframes twinkle{to{opacity:.25;transform:scale(.35)rotate(45deg)}}@keyframes shine{0%,58%{left:-35%}to{left:125%}}@keyframes beadBounce{to{transform:translateY(-13px)rotate(5deg)}}@keyframes boardIntro{0%{opacity:.4;transform:scale(1.42)}to{opacity:1;transform:scale(var(--board-zoom))}}@keyframes seatBead{0%{transform:translateY(-7px)scale(1.18)}70%{transform:translateY(2px)scale(.92)}to{transform:none}}@keyframes modalPop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes trayAttention{to{transform:scale(1.015)}}@media (max-height:700px){.game-hud{top:8px}.board-viewport{width:86%;top:11%}.tray-panel{height:17%;top:63.5%}.tray-panel.is-expanded{height:24%;top:57%}.tool-row{bottom:1.2%}.tutorial-callout{top:8.7%}.home-main{width:58%;top:19%}.home-shortcuts{bottom:19%}.home-actions{gap:7px}.daily-button{min-height:48px}.start-button{min-height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}