@font-face{font-family:Sora;src:url(../fonts/Sora-VF.subset.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/NotoSansSC-VF.subset.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ink:#3b2a23;--ink-soft:#6b5448;--paper:#fff6e3;--paper-2:#f5e3c3;--paper-3:#ead3a8;--wood:#c98c56;--wood-2:#a96d3d;--wood-3:#7c4b2a;--sea:#4fb4c9;--sea-2:#2f8ea8;--moss:#80b561;--moss-2:#5a9142;--coral:#ff8a5b;--coral-2:#e8663b;--sun:#ffd46b;--sun-2:#f5b52e;--berry:#e8607a;--night:#2c3868;--display:"Figtree", "Noto Sans SC", system-ui, sans-serif;--body:"Figtree", "Noto Sans SC", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--hard:0 5px 0 var(--ink);--hard-sm:0 3px 0 var(--ink);--r:16px;--edge:16px}:lang(zh-CN){--display:"Noto Sans SC", "Figtree", system-ui, sans-serif;--body:"Noto Sans SC", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#9fd7e0;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}svg{width:100%;height:100%;display:block}kbd{font-family:var(--body);background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:6px;padding:3px 5px 2px;font-size:10px;font-weight:800;line-height:1}body[data-input=touch] kbd,body.touch kbd,body[data-input=gamepad] .rbtn kbd,body[data-input=gamepad] .tab kbd{display:none}.screen{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.screen.is-active{opacity:1;visibility:visible;transition:opacity .35s}.screen.is-active :is(button,input,.joystick,.goal-card){pointer-events:auto}.outlined,.logo-main,.modal-title,.banner-title,.boot-logo{font-family:var(--display);paint-order:stroke fill;-webkit-text-stroke:.16em var(--ink);letter-spacing:.01em;font-weight:900}.btn{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0 0%, var(--paper) 55%, var(--paper-2) 100%);min-height:52px;box-shadow:var(--hard), inset 0 -4px 0 #a96d3d2e;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:18px;font-weight:800;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s,filter .12s;display:inline-flex;position:relative}.btn svg{flex:none;width:22px;height:22px}.btn:hover{box-shadow:0 7px 0 var(--ink), inset 0 -4px 0 #a96d3d2e;transform:translateY(-2px)rotate(-.6deg)}.btn:active{box-shadow:0 1px 0 var(--ink), inset 0 -2px 0 #a96d3d2e;transform:translateY(4px)}.btn:disabled{filter:grayscale(.6)opacity(.7);pointer-events:none}.btn-primary{background:linear-gradient(180deg, #ffb07f 0%, var(--coral) 55%, var(--coral-2) 100%);color:#fff;text-shadow:0 2px #3b2a2373}.btn-warn{background:linear-gradient(180deg, #ff9aa8 0%, var(--berry) 100%);color:#fff;text-shadow:0 2px #3b2a2373}.btn-soft{background:linear-gradient(#e8f6f5 0%,#cfe9e9 100%)}.btn-big{flex-direction:column;gap:2px;min-height:64px;font-size:22px}.btn-big small{opacity:.92;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;font-weight:700;overflow:hidden}.btn-small{min-height:38px;box-shadow:var(--hard-sm);border-radius:11px;padding:6px 12px;font-size:14px}.btn-small svg{width:18px;height:18px}.rbtn{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper-2));width:54px;height:54px;box-shadow:var(--hard);border-radius:16px;place-items:center;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s,background .2s,opacity .2s;display:grid;position:relative}.rbtn>svg,.rbtn>i{width:26px;height:26px;display:block}.rbtn kbd{position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.rbtn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.rbtn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.rbtn.is-on{background:linear-gradient(180deg, #ffb07f, var(--coral));color:#fff}.rbtn.is-dim{opacity:.5}.screen-boot{background:radial-gradient(circle at 50% 40%,#bfe8ea,#7cc6d3 70%,#5aaec2);place-items:center;display:grid}.boot-card{text-align:center}.boot-logo{color:var(--paper);text-shadow:0 6px 0 var(--ink);font-size:clamp(44px,8vw,80px)}.boot-bar{border:3px solid var(--ink);background:var(--paper-2);width:min(320px,70vw);height:18px;box-shadow:var(--hard-sm);border-radius:12px;margin:26px auto 10px;overflow:hidden}.boot-bar i{background:repeating-linear-gradient(-45deg, var(--moss) 0 10px, var(--moss-2) 10px 20px);width:0;height:100%;transition:width .25s;display:block}.boot-text{color:var(--ink);font-weight:800}.screen-title:before{content:"";background:linear-gradient(90deg,#fff4deb8 0%,#fff4de59 34%,#fff4de00 58%),radial-gradient(at 50% 120%,#3b2a2340,#0000 60%);position:absolute;inset:0}.title-col{left:calc(var(--safe-l) + clamp(24px, 7vw, 110px));flex-direction:column;align-items:flex-start;width:min(460px,86vw);display:flex;position:absolute;top:50%;transform:translateY(-52%)}.logo{flex-direction:column;align-items:flex-start;margin:0;line-height:.95;display:flex}.logo-main{white-space:nowrap;color:var(--paper);-webkit-text-stroke:.14em var(--ink);text-shadow:0 .09em 0 var(--ink), 0 .14em 0 #3b2a2340;background:0 0;font-size:clamp(52px,7.2vw,100px);animation:.9s cubic-bezier(.2,1.6,.4,1) both logo-in,5s ease-in-out 1s infinite bob;position:relative}:lang(en) .logo-main{letter-spacing:-.01em;font-size:clamp(50px,7vw,100px)}.logo-sub{border:3px solid var(--ink);background:var(--sea);color:#fff;letter-spacing:.08em;box-shadow:var(--hard-sm);text-shadow:0 2px #3b2a2366;border-radius:999px;margin-top:16px;padding:6px 16px 7px;font-size:clamp(16px,1.8vw,22px);font-weight:900;animation:.9s cubic-bezier(.2,1.6,.4,1) .15s both logo-in;transform:rotate(-2deg)}.tagline{color:var(--ink);text-shadow:0 1px #ffffffb3;max-width:420px;margin:18px 0 22px;font-size:18px;font-weight:700}.menu{flex-direction:column;gap:14px;width:100%;max-width:340px;display:flex}.menu>.btn{width:100%}.menu-row{gap:12px;width:100%;display:flex}.menu-row>.btn{flex:1;min-width:0;padding:10px 12px;font-size:16px}.screen-title .menu>*{animation:.5s cubic-bezier(.2,1.4,.4,1) both slide-in}.screen-title .menu>:nth-child(2){animation-delay:60ms}.screen-title .menu>:nth-child(3){animation-delay:.12s}.screen-title .menu>:nth-child(4){animation-delay:.18s}.lang-switch{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--hard-sm);pointer-events:auto;border-radius:999px;align-items:center;gap:4px;margin-top:22px;padding:4px 6px 4px 10px;display:inline-flex}.lang-switch>svg{width:18px;height:18px;margin-right:4px}.lang-switch button{background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:800}.lang-switch button.is-on{background:var(--ink);color:var(--paper)}.title-footer{right:calc(var(--safe-r) + 24px);bottom:calc(var(--safe-b) + 18px);border:3px solid var(--ink);box-shadow:var(--hard-sm);background:#fff6e3eb;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;transform:rotate(1deg)}.hud-tl{top:calc(var(--safe-t) + var(--edge));left:calc(var(--safe-l) + var(--edge));flex-direction:column;align-items:flex-start;gap:10px;width:300px;display:flex;position:absolute}.plate{border:3px solid var(--ink);background:repeating-linear-gradient(180deg, var(--wood) 0 13px, #bf8350 13px 15px);color:var(--paper);box-shadow:var(--hard);border-radius:12px;min-width:210px;padding:9px 20px 10px;position:relative}.plate:before,.plate:after{content:"";background:var(--wood-3);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;box-shadow:inset 0 1px #ffffff59}.plate:before{left:7px}.plate:after{right:7px}.plate-name{font-family:var(--display);paint-order:stroke fill;-webkit-text-stroke:5px var(--ink);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:20px;font-weight:900;overflow:hidden}.plate-clock{align-items:center;gap:8px;margin-top:4px;font-weight:800;display:flex}.clock-icon{width:22px;height:22px;color:var(--sun);filter:drop-shadow(0 2px 0 var(--ink))}.plate.is-night .clock-icon{color:#dfe6ff}.clock-time{font-variant-numeric:tabular-nums;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);font-size:18px}.clock-day{background:#3b2a2373;border-radius:999px;padding:2px 8px;font-size:13px}.chips{gap:8px;display:flex}.chip{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--hard-sm);border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 7px;font-size:17px;font-weight:900;display:flex}.chip>i{background:var(--sea);color:#fff;border-radius:50%;width:26px;height:26px;padding:4px}.chip-charm>i{background:var(--berry)}.chip b{font-variant-numeric:tabular-nums;min-width:1.4em}.chip b.bump{animation:.4s cubic-bezier(.3,2,.5,1) bump}.stars{gap:1px;display:flex}.stars i{color:#3b2a2333;width:17px;height:17px}.stars i.on{color:var(--sun-2);filter:drop-shadow(0 1.5px 0 var(--ink))}.goal-card{border:3px solid var(--ink);border-radius:var(--r);background:var(--paper) linear-gradient(transparent 27px, #4fb4c91f 28px) 0 0 / 100% 28px;width:100%;box-shadow:var(--hard);overflow:hidden}.goal-head{border:0;border-bottom:3px solid var(--ink);background:var(--moss);color:#fff;text-shadow:0 2px #3b2a2366;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:15px;font-weight:900;display:flex}.goal-head>i{width:20px;height:20px}.goal-caret{margin-left:auto;font-style:normal;transition:transform .2s}.goal-card.is-open .goal-caret{transform:rotate(180deg)}.goal-focus{padding:10px 14px 12px}.goal-focus b{font-size:17px;font-weight:900}.goal-focus p{color:var(--ink-soft);margin:3px 0 8px;font-size:13.5px;font-weight:600;line-height:1.35}.goal-done{color:var(--moss-2);margin:0;font-weight:800}.bar{border:3px solid var(--ink);background:var(--paper-2);border-radius:999px;height:18px;position:relative;overflow:hidden}.bar i{background:repeating-linear-gradient(-45deg, var(--sun) 0 8px, var(--sun-2) 8px 16px);border-right:3px solid var(--ink);transition:width .5s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0 auto 0 0}.bar span{text-align:center;font-size:11px;font-weight:900;line-height:12px;display:block;position:relative}.goal-list{max-height:0;margin:0;padding:0 12px;list-style:none;transition:max-height .3s,padding .3s;overflow:hidden}.goal-card.is-open .goal-list{max-height:260px;padding:0 12px 10px}.goal-list li{border-top:2px dashed var(--paper-3);align-items:center;gap:8px;padding:5px 0;font-size:14px;font-weight:700;display:flex}.goal-list li i{border:2.5px solid var(--ink);color:#fff;background:#fff;border-radius:6px;flex:none;width:20px;height:20px;padding:1px}.goal-list li.is-done i{background:var(--moss)}.goal-list li.is-done span{color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:2px}.goal-list em{color:var(--ink-soft);margin-left:auto;font-size:12px;font-style:normal;font-weight:800}.hud-tr{top:calc(var(--safe-t) + var(--edge));right:calc(var(--safe-r) + var(--edge));gap:12px;display:flex;position:absolute}.coach{top:calc(var(--safe-t) + var(--edge));border:3px solid var(--ink);border-radius:var(--r);width:min(440px,44vw);box-shadow:var(--hard);background:#fffdf5;padding:10px 16px 12px;position:absolute;left:50%;transform:translate(-50%)}.coach:after{content:"";background:#ffd46bbf;border:2px solid #3b2a2340;width:70px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.coach.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) pop-in}.coach[hidden]{display:none}.coach-head{color:var(--coral-2);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.coach-skip{color:var(--ink-soft);pointer-events:auto;background:0 0;border:0;font-size:12px;font-weight:800;text-decoration:underline}.coach-text{margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.4}.build{bottom:calc(var(--safe-b) + var(--edge));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.info-card{border:3px solid var(--ink);max-width:min(620px,70vw);box-shadow:var(--hard-sm);background:#fff6e3f2;border-radius:12px;align-items:baseline;gap:10px;padding:6px 14px;font-size:13.5px;display:flex}.info-card b{white-space:nowrap;font-size:15px;font-weight:900}.info-card span{color:var(--ink-soft);font-weight:600}.info-card.is-demolish{background:#ffe1d6}.build-bar{border:3px solid var(--ink);background:repeating-linear-gradient(90deg, var(--wood) 0 38px, #c2854f 38px 40px);box-shadow:var(--hard), inset 0 3px 0 #fff3;border-radius:20px;padding:0 12px 12px}.tabs{justify-content:center;gap:6px;margin-bottom:-10px;display:flex;transform:translateY(-50%)}.tab{border:3px solid var(--ink);background:var(--paper-2);box-shadow:var(--hard-sm);border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:14px;font-weight:900;transition:transform .12s cubic-bezier(.3,1.6,.5,1),background .15s;display:flex}.tab i{width:20px;height:20px}.tab kbd{padding:2px 4px;font-size:9px}.tab:hover{transform:translateY(-2px)}.tab.is-on{background:var(--sun);transform:translateY(-3px)scale(1.05)}.items{justify-content:center;gap:10px;display:flex}.item{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper-2));width:92px;box-shadow:var(--hard-sm);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 7px;font-size:12.5px;font-weight:800;transition:transform .14s cubic-bezier(.3,1.8,.5,1),box-shadow .14s,background .15s;animation:.35s cubic-bezier(.2,1.6,.4,1) both item-in;display:flex;position:relative}.item:nth-child(2){animation-delay:40ms}.item:nth-child(3){animation-delay:80ms}.item:nth-child(4){animation-delay:.12s}.item img{object-fit:contain;filter:drop-shadow(0 3px #3b2a2340);width:62px;height:62px;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.item:hover{transform:translateY(-4px)}.item:hover img{transform:scale(1.08)rotate(-4deg)}.item.is-on{background:linear-gradient(180deg, #fff3c4, var(--sun));box-shadow:0 6px 0 var(--ink);transform:translateY(-6px)}.item.is-on:after{content:"";pointer-events:none;opacity:.9;border:3px dashed #fff;border-radius:18px;animation:8s linear infinite spin-dash;position:absolute;inset:-8px}.item.is-locked{background:#d9ccb8}.item.is-locked img{filter:grayscale()brightness(.55)opacity(.55)}.item .lock{border:2.5px solid var(--ink);background:var(--paper);width:30px;height:30px;color:var(--ink);border-radius:50%;padding:5px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.dock{right:calc(var(--safe-r) + var(--edge));bottom:calc(var(--safe-b) + var(--edge));grid-template-columns:repeat(2,54px);gap:16px 12px;display:grid;position:absolute}.demolish-btn.is-on{color:#fff;background:linear-gradient(#ff9d88,#f0674d)}.cursor-tip{border:3px solid var(--ink);white-space:nowrap;box-shadow:var(--hard-sm);pointer-events:none;background:#ffe1d6;border-radius:10px;margin:-54px 0 0 -50%;padding:5px 12px;font-size:13px;font-weight:800;position:absolute;top:0;left:0;translate:-50%}.cursor-tip[hidden]{display:none}.btn-tip{z-index:20;background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;position:fixed;transform:translate(-50%,-100%)}.btn-tip[hidden]{display:none}.banner{text-align:center;pointer-events:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner[hidden]{display:none}.banner.show{animation:3.6s cubic-bezier(.2,1.4,.4,1) both banner}.banner-ribbon{border:3px solid var(--ink);background:var(--moss);color:#fff;letter-spacing:.06em;box-shadow:var(--hard-sm);text-shadow:0 2px #3b2a2366;border-radius:10px;padding:6px 26px 8px;font-size:18px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.banner-title{color:var(--sun);text-shadow:0 6px 0 var(--ink);white-space:nowrap;margin-top:6px;font-size:clamp(36px,5vw,62px)}.banner-unlocks{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--hard-sm);border-radius:16px;align-items:center;gap:12px;margin-top:10px;padding:8px 16px;display:inline-flex}.banner-unlocks>span{color:var(--coral-2);font-size:14px;font-weight:900}.banner-unlocks figure{text-align:center;margin:0;font-size:12px;font-weight:800}.banner-unlocks img{width:54px;height:54px;margin:0 auto;animation:.6s cubic-bezier(.3,2,.5,1) .4s both bump;display:block}.toasts{top:calc(var(--safe-t) + 130px);pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--hard-sm);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;transition:opacity .35s,transform .35s;animation:.3s cubic-bezier(.2,1.6,.4,1) toast-in}.toast-warn{background:#ffe1d6}.toast-good{background:#e3f4d2}.toast.out{opacity:0;transform:translateY(-8px)}.pad-cursor{border:3px solid var(--ink);pointer-events:none;z-index:30;background:#ffd46bd9;border-radius:50%;width:28px;height:28px;position:fixed;top:-14px;left:-14px;box-shadow:0 0 0 3px #fffc}.pad-cursor:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:8px}.pad-cursor[hidden]{display:none}.joystick{left:calc(var(--safe-l) + 26px);bottom:calc(var(--safe-b) + 26px);border:3px solid var(--ink);width:128px;height:128px;box-shadow:var(--hard-sm);touch-action:none;background:radial-gradient(circle,#fff6e38c,#fff6e34d);border-radius:50%;position:absolute}.joystick i{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper-2));width:56px;height:56px;box-shadow:var(--hard-sm);border-radius:50%;margin:-28px 0 0 -28px;transition:transform 80ms;position:absolute;top:50%;left:50%}.joystick.is-on i{background:var(--sun);transition:none}.joystick[hidden],.zoom-btns[hidden]{display:none}.zoom-btns{left:calc(var(--safe-l) + 170px);bottom:calc(var(--safe-b) + 26px);flex-direction:column;gap:12px;display:flex;position:absolute}.zoom-btns .rbtn{width:46px;height:46px}.modal-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:10;padding:calc(var(--safe-t) + 12px) 12px calc(var(--safe-b) + 12px);background:radial-gradient(circle at 50% 45%,#2c386840,#2c24288c);place-items:center;display:grid;position:fixed;inset:0}.modal-layer[hidden]{display:none}.modal{border:4px solid var(--ink);background:var(--paper) radial-gradient(circle at 20% 0%, #fffc, transparent 50%);width:min(560px,94vw);max-height:100%;box-shadow:0 8px 0 var(--ink), 0 24px 60px #1e141459;text-align:center;scrollbar-width:thin;border-radius:24px;padding:30px 30px 26px;position:relative;overflow:auto}.modal.pop{animation:.42s cubic-bezier(.2,1.5,.4,1) pop-in}.modal :is(button,input){pointer-events:auto}.modal-title{color:var(--sun);text-shadow:0 5px 0 var(--ink);margin:0 0 18px;font-size:38px}.modal-title.big{font-size:clamp(36px,5vw,52px)}.modal-x{border:3px solid var(--ink);background:var(--paper-2);width:40px;height:40px;box-shadow:var(--hard-sm);border-radius:12px;padding:7px;position:absolute;top:14px;right:14px}.modal-x:active{box-shadow:none;transform:translateY(2px)}.modal .menu{margin:0 auto}.modal .menu-row{justify-content:center;margin-top:18px}.modal .body{color:var(--ink-soft);max-width:420px;margin:0 auto 6px;font-size:16px;font-weight:600;line-height:1.5}.note{color:var(--ink-soft);margin:14px 0 0;font-size:13px;font-weight:700}.note.good{color:var(--moss-2)}.modal-settings,.modal-controls,.modal-album{width:min(860px,96vw)}.settings-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.settings-grid section,.controls-grid section{border:3px solid var(--ink);box-shadow:var(--hard-sm);background:#fffdf6;border-radius:16px;padding:14px 16px}.settings-grid h3,.controls-grid h3,.album-side h3{color:var(--coral-2);letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:900;display:flex}.controls-grid h3 i{width:22px;height:22px;color:var(--ink)}.slider{grid-template-columns:1fr auto;gap:4px 8px;margin-bottom:12px;font-size:14px;font-weight:700;display:grid}.slider output{font-variant-numeric:tabular-nums;font-weight:900}.slider input{width:100%;accent-color:var(--coral);grid-column:1/-1;height:22px}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{border:3px solid var(--ink);background:var(--paper-2);border-radius:999px;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);background:var(--coral);width:24px;height:24px;box-shadow:0 2px 0 var(--ink);border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-track{border:3px solid var(--ink);background:var(--paper-2);border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{border:3px solid var(--ink);background:var(--coral);border-radius:50%;width:20px;height:20px}.toggle-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.toggle-row.col{flex-direction:column;align-items:stretch}.switch{border:3px solid var(--ink);background:var(--paper-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12px;font-weight:900;display:inline-flex}.switch i{border:2.5px solid var(--ink);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s}.switch.is-on{background:var(--moss);color:#fff}.switch.is-on i{background:var(--sun)}.segs{border:3px solid var(--ink);box-shadow:var(--hard-sm);border-radius:12px;display:flex;overflow:hidden}.seg{background:var(--paper);border:0;flex:1;padding:7px 6px;font-size:14px;font-weight:800}.seg+.seg{border-left:3px solid var(--ink)}.seg.is-on{background:var(--sun)}.credits{opacity:.8;font-size:11px}.controls-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.controls-grid ul{margin:0;padding:0 0 0 16px}.controls-grid li{margin-bottom:5px;font-size:13.5px;font-weight:600;line-height:1.45}.album{text-align:left;grid-template-columns:1.15fr 1fr;align-items:start;gap:22px;display:grid}.polaroid{border:3px solid var(--ink);box-shadow:var(--hard);background:#fff;border-radius:6px;padding:12px 12px 10px;transform:rotate(-2deg)}.album-img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);background:#bfe3ea;width:100%;display:block}.name-input{border:0;border-bottom:3px dashed var(--paper-3);width:100%;font-family:var(--display);text-align:center;color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;outline:none;margin-top:8px;padding:4px;font-size:22px;font-weight:900}.name-input:focus{border-bottom-color:var(--coral)}.album-stars{justify-content:center;gap:8px;margin:18px 0 4px;display:flex}.album-stars i{color:#3b2a232e;width:46px;height:46px;animation:bump .6s var(--d) cubic-bezier(.3, 2, .5, 1) both}.album-stars i.on{color:var(--sun-2);filter:drop-shadow(0 3px 0 var(--ink))}.album-next{text-align:center;color:var(--ink-soft);margin:0;font-size:13px;font-weight:800}.album-stats{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;display:grid}.album-stats div{border:2.5px solid var(--ink);background:#fffdf6;border-radius:10px;padding:6px 10px}.album-stats div:last-child{background:#ffe7ee;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.album-stats dt{color:var(--ink-soft);font-size:11.5px;font-weight:800}.album-stats dd{margin:0;font-size:19px;font-weight:900}.charm-big{color:var(--berry);paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);font-size:26px}.album-goals{grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;padding:0;list-style:none;display:grid}.album-goals li{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.album-goals li i{border:2.5px solid var(--ink);color:#fff;background:#fff;border-radius:5px;flex:none;width:18px;height:18px}.album-goals li.is-done i{background:var(--moss)}.album-goals li:not(.is-done){color:var(--ink-soft)}.modal-records{width:min(620px,94vw)}.records{text-align:left;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.records li{border:3px solid var(--ink);box-shadow:var(--hard-sm);background:#fffdf6;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.records li.gold{background:#fff3c4}.records .rank{min-width:48px;color:var(--coral-2);font-size:16px;font-weight:900}.records img,.records .nophoto{object-fit:cover;border:2.5px solid var(--ink);background:#bfe3ea;border-radius:6px;flex:none;width:96px;height:54px}.records div{flex:1;min-width:0}.records strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;display:block;overflow:hidden}.records small{color:var(--ink-soft);font-size:12px;font-weight:700}.records em{color:var(--berry);align-items:center;gap:4px;font-size:18px;font-style:normal;font-weight:900;display:flex}.records em svg{width:18px;height:18px}.empty{color:var(--ink-soft);border:3px dashed var(--paper-3);border-radius:16px;padding:24px 10px;font-weight:700}.modal-celebrate{background:#fffdf3;overflow:visible}.celebrate-stars{justify-content:center;gap:12px;margin:16px 0 6px;display:flex}.celebrate-stars i{width:64px;height:64px;color:var(--sun-2);filter:drop-shadow(0 4px 0 var(--ink));animation:bump .7s var(--d) cubic-bezier(.3, 2, .5, 1) both}.celebrate-burst{background:repeating-conic-gradient(#ffd46b59 0 10deg, transparent 10deg 20deg);z-index:-1;pointer-events:none;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:-40px}#ui.flash:after{content:"";pointer-events:none;z-index:40;background:#fff;animation:.4s ease-out forwards flash;position:fixed;inset:0}.fatal{color:var(--ink);place-items:center;font-weight:800;display:grid;position:fixed;inset:0}@keyframes logo-in{0%{opacity:0;transform:translateY(24px)scale(.8)rotate(-4deg)}}@keyframes bob{50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes slide-in{0%{opacity:0;transform:translate(-28px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes item-in{0%{opacity:0;transform:translateY(12px)scale(.85)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.9)}}@keyframes bump{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-dash{to{filter:hue-rotate()}}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.7)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}18%{transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1180px){.coach{width:min(400px,40vw)}.item{width:82px}.item img{width:54px;height:54px}}@media (max-width:980px){.hud-tl{width:250px}.coach{left:auto;right:calc(var(--safe-r) + var(--edge));top:calc(var(--safe-t) + 86px);width:280px;transform:none}.tab span,.info-card span{display:none}.settings-grid,.controls-grid{grid-template-columns:1fr 1fr}}@media (max-height:540px){:root{--edge:10px}.title-col{transform:translateY(-50%)}.logo-main{font-size:clamp(40px,10vh,64px)}:lang(en) .logo-main{font-size:clamp(36px,9vh,56px)}.logo-sub{margin-top:8px;font-size:14px}.tagline{margin:10px 0 12px;font-size:14px}.menu{gap:9px;max-width:300px}.btn{min-height:42px;padding:6px 14px;font-size:15px}.btn-big{min-height:48px;font-size:17px}.lang-switch{margin-top:10px}.title-footer{display:none}.hud-tl{gap:6px;width:220px}.plate{min-width:0;padding:5px 14px 6px}.plate-name{-webkit-text-stroke:4px var(--ink);font-size:15px}.clock-time{font-size:14px}.chip{padding:3px 9px 3px 4px;font-size:14px}.chip>i{width:22px;height:22px}.goal-head{padding:5px 10px;font-size:13px}.goal-focus{padding:6px 10px 8px}.goal-focus b{font-size:14px}.goal-focus p{display:none}.goal-focus .bar{margin-top:5px}.rbtn{border-radius:13px;width:44px;height:44px}.rbtn>svg,.rbtn>i{width:22px;height:22px}.hud-tr{gap:8px}.dock{grid-template-columns:repeat(2,44px);gap:10px 8px}.build{gap:4px}.info-card{display:none}.build-bar{border-radius:16px;padding:0 8px 8px}.tabs{margin-bottom:-12px}.tab{padding:3px 8px 3px 5px}.tab i{width:18px;height:18px}.items{gap:6px}.item{border-radius:11px;width:64px;padding:4px 2px;font-size:10.5px}.item img{width:40px;height:40px}.item .lock{width:24px;height:24px;top:12px}.coach{top:calc(var(--safe-t) + var(--edge));width:min(360px,42vw);padding:6px 12px 8px;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.coach:after{display:none}.coach-head{font-size:10.5px}.coach-text{font-size:12.5px}.toasts{top:calc(var(--safe-t) + 60px)}.modal{border-radius:18px;padding:18px 18px 16px}.modal-title{margin-bottom:10px;font-size:28px}.settings-grid,.controls-grid{grid-template-columns:repeat(3,1fr);gap:8px}.settings-grid section,.controls-grid section{padding:8px 10px}.controls-grid li{font-size:11.5px}.album{gap:12px}.album-stars i{width:32px;height:32px}.album-stats dd{font-size:15px}.banner{top:16%}.banner-title{font-size:34px}.joystick{width:104px;height:104px;left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 14px)}.joystick i{width:46px;height:46px;margin:-23px 0 0 -23px}.zoom-btns{left:calc(var(--safe-l) + 128px);bottom:calc(var(--safe-b) + 14px);gap:8px}.zoom-btns .rbtn{width:40px;height:40px}}body.touch .build{left:calc(50% + 40px)}@media (max-width:720px){body.touch .build{left:auto;right:calc(var(--safe-r) + 112px);transform:none}}