:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#283c3a;background:#dce9e8;font-synthesis:none;--orange:#e79337;--ink:#283c3a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:3px solid #d78f36;outline-offset:4px}#game{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}header{position:fixed;top:0;left:0;right:0;height:100px;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:500;margin-top:0}.brand-icon{width:43px;height:45px;border-radius:16px 16px 13px 13px;background:#e9b04e;font:800 37px/37px Georgia;text-align:center;letter-spacing:-7px;padding-right:7px;transform:rotate(-7deg);color:#425d48;box-shadow:inset -4px -4px 0 #00000009}.brand-icon span{color:#f9eac9}nav{display:flex;gap:5px;background:#ffffff66;padding:5px;border:1px solid #ffffff75;border-radius:28px;backdrop-filter:blur(20px)}nav button{padding:10px 20px;border-radius:24px;font-size:12px;color:#627470}nav button.active{background:var(--ink);color:#f4f2dc;box-shadow:0 3px 10px #223c3720}nav span{margin-left:9px;font-size:9px;opacity:.5}.header-right{display:flex;align-items:center;gap:12px}.live{font:10px/1 system-ui;letter-spacing:1.7px;margin-right:15px}.live i,.telemetry i,.tag-dot{display:inline-block;width:6px;height:6px;background:#6a9781;border-radius:50%;margin-right:7px}.icon-button{width:34px;height:34px;background:#ffffff66;border:1px solid #fff9;border-radius:50%;font-size:18px}.overlay{position:fixed;inset:0;pointer-events:none}.mission{position:absolute;left:40px;top:140px;width:258px}.eyebrow{font:500 9px/1.6 system-ui,sans-serif;letter-spacing:2.4px;color:#708780}h1{font-size:42px;letter-spacing:1px;line-height:1.33;font-weight:800;margin:18px 0 16px}p{font-size:12px;line-height:1.9;color:#6d8079}.progress{display:flex;align-items:center;gap:9px;margin:23px 0}.candy{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border:1px solid #7f958b55;border-radius:50%;color:#7f958b80;font-size:20px}.candy.got{background:#edaf48;color:#fff9e4;border-color:#edaf48;box-shadow:0 3px 12px #d6973425}#collected{font:600 19px system-ui;margin-left:5px}#collected em{font:400 12px system-ui;color:#8b9b96}.mission-footer{display:flex;gap:18px;font-size:10px;color:#71867b;padding-top:12px;border-top:1px solid #78968b30;width:205px}#checkpoint i{display:inline-block;background:#86a58c;width:5px;height:5px;border-radius:50%;margin-right:6px}#timer{font-variant-numeric:tabular-nums}.tuning{position:absolute;right:32px;top:140px;width:246px;border:1px solid #ffffffc0;border-radius:20px;background:#fafbf3bd;backdrop-filter:blur(18px);box-shadow:0 10px 40px #3352490a;pointer-events:auto;overflow:hidden}.tuning-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 19px;font-size:12px;font-weight:600}.sliders{font-style:normal;font-size:19px;margin-right:7px;vertical-align:middle}.tuning-body{padding:0 19px 18px}.collapsed .tuning-body{display:none}.preset-row{display:flex;gap:3px;padding:4px;border-radius:9px;background:#d8e0d64d;margin-bottom:21px}.preset-row button{flex:1;padding:7px 0;font-size:10px;border-radius:7px;white-space:nowrap}.preset-row button.selected{background:#fffdf5;box-shadow:0 2px 5px #30463c0b;color:#b17c32}.tuning label{font-size:11px;display:block}.tuning output{float:right;color:#93a196;font:11px system-ui}.tuning input[type=range]{width:100%;accent-color:#d49b49;height:4px;margin:16px 0 9px;cursor:pointer}.range-hints{display:flex;justify-content:space-between;font-size:9px;color:#a4aea3;margin-bottom:19px}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin:19px 0}.toggle-row small{color:#a0ac9f;margin-left:4px}.toggle-row input{appearance:none;width:27px;height:16px;background:#d6ded2;border-radius:10px;position:relative;cursor:pointer}.toggle-row input:after{content:'';position:absolute;background:#fffdf5;width:12px;height:12px;border-radius:50%;top:2px;left:2px;transition:transform .15s}.toggle-row input:checked{background:#d4a257}.toggle-row input:checked:after{transform:translateX(11px)}.drop-button{font-size:10px;width:100%;padding:11px 0;border:1px solid #c1cdbb77;border-radius:8px;transition:background .15s}.drop-button:hover{background:#eee7d6}.telemetry{display:flex;justify-content:space-between;border-top:1px solid #bccbb649;margin-top:18px;padding-top:15px;font:8px system-ui;letter-spacing:1px;color:#8e9e8b}.telemetry i{width:4px;height:4px}.stats{display:flex;justify-content:space-between;margin-top:13px}.stats strong{font:500 19px system-ui;display:block}.stats strong small{font-size:9px;color:#8d9e8b;margin-left:2px}.stats div>span{display:block;color:#96a58f;font-size:8px;margin-top:4px}.character-tag{position:absolute;bottom:147px;left:50%;transform:translateX(-50%);background:#fbfff0a8;border:1px solid #fff9;border-radius:30px;padding:8px 14px;font-size:10px;white-space:nowrap;color:#5d7866;backdrop-filter:blur(8px)}footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,#e7eee8f5,#e7eee8b3 75%,transparent);padding:28px 38px 21px;color:#6a8176}.controls{display:flex;justify-content:center;gap:25px;align-items:center;font-size:10px}.controls span{white-space:nowrap}.controls kbd{font:500 9px system-ui;padding:5px 7px;margin-right:6px;border:1px solid #bbcbb9;background:#fafcf375;border-radius:5px;box-shadow:0 2px 0 #91ab9017}.mouse-help{color:#8b9e92}.footer-detail{display:flex;gap:24px;align-items:center;border-top:1px solid #aec2af55;padding-top:17px;margin-top:22px;font-size:9px;letter-spacing:1px}.footer-detail>span{margin-right:auto;color:#879c8b}.footer-detail button{font-size:10px}.toast{position:absolute;top:108px;left:50%;transform:translate(-50%,-20px);opacity:0;background:#344b3eed;color:#fffce9;padding:12px 23px;border-radius:30px;font-size:12px;transition:.2s;white-space:nowrap;max-width:90vw;box-shadow:0 6px 18px #23342918}.toast.show{transform:translate(-50%,0);opacity:1}.screen{position:fixed;inset:0;background:#eaf0e5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .5s}.screen.done{opacity:0;pointer-events:none}h2{font-size:25px;font-weight:700;line-height:1.6;margin:15px 0}.screen p{font-size:11px}.loader-character{width:65px;height:80px;background:#e7ae48;border-radius:44% 44% 35% 35%;position:relative;margin-bottom:42px;animation:bob 1s ease-in-out infinite alternate}.loader-character i{position:absolute;top:25px;left:15px;width:7px;height:10px;background:#527450;border-radius:50%}.loader-character i+i{left:auto;right:15px}.loader-character b{position:absolute;bottom:13px;left:13px;width:39px;height:28px;background:#f0d7a1;border-radius:50%}.loading-bar{width:180px;height:3px;background:#cedac5;border-radius:4px;margin-top:16px;overflow:hidden}.loading-bar span{display:block;background:#d8a24a;width:40%;height:100%;animation:load 1.5s ease-in-out infinite alternate}@keyframes load{to{transform:translateX(150%)}}@keyframes bob{to{transform:translateY(8px) scale(1.08,.9)}}dialog{border:1px solid #fff;border-radius:24px;padding:38px;width:min(520px,90vw);background:#f3f6eb;color:var(--ink);box-shadow:0 20px 100px #20352a30}dialog::backdrop{background:#2d44384d;backdrop-filter:blur(7px)}.close{position:absolute;right:16px;top:11px;font-size:26px;color:#82937f}dialog dl{font-size:12px;margin:24px 0}dialog dt{font-weight:600;margin-top:17px}dialog dd{font-size:11px;color:#75836c;margin:5px 0;line-height:1.8}.help-note{font-size:10px!important;border-top:1px solid #d6dfca;padding-top:15px}.primary{display:block;background:#314b3c;color:#faf9e6;border-radius:10px;padding:13px 20px;font-size:12px;margin-top:20px;width:100%}.win-star{font-size:70px;color:#d7a044;text-align:center}#winDialog{text-align:center}#goLab{font-size:11px;margin-top:18px}#mobileControls{display:none}@media(max-width:1100px){header{padding:20px 24px}.mission{left:26px;width:210px}.mission h1{font-size:34px}.tuning{right:20px;width:222px}.controls{gap:12px;font-size:9px}.mouse-help{display:none}}@media(max-width:760px){header{height:78px;padding:15px}.brand{font-size:17px;gap:8px}.brand-icon{width:34px;height:35px;font-size:28px;line-height:28px}.brand small{font-size:7px}.live{display:none}nav button{padding:9px 12px;font-size:10px}nav span{display:none}.header-right{gap:5px}.icon-button{width:28px;height:28px;font-size:14px}.mission{top:92px;left:18px;width:170px}.eyebrow{font-size:7px;letter-spacing:1.3px}.mission h1{font-size:27px;margin:10px 0}.mission p{display:none}.progress{margin:13px 0;gap:5px}.candy{width:23px;height:23px;font-size:15px}.mission-footer{width:150px;font-size:8px}.tuning{top:95px;right:12px;width:175px;border-radius:13px}.tuning-head{padding:12px;font-size:11px}.tuning-body{padding:0 12px 13px}.stats strong{font-size:16px}.tuning-body label{font-size:10px}.preset-row button{font-size:9px}.telemetry{font-size:7px}.character-tag{bottom:151px;font-size:9px}footer{padding:18px 16px 15px}.controls{display:none}.footer-detail{margin:0;padding-top:12px;gap:12px}.footer-detail>span{font-size:8px;letter-spacing:0}#mobileControls{display:flex;position:fixed;left:20px;right:22px;bottom:72px;justify-content:space-between;pointer-events:none;align-items:flex-end}.dpad{width:120px;display:grid;grid-template-columns:repeat(3,38px);gap:3px}.dpad button,.jump-mobile{pointer-events:auto;background:#f7fbe8aa;backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:10px;height:38px;touch-action:none;user-select:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.jump-mobile{width:62px;height:62px;border-radius:50%;font-weight:600}.toast{top:80px;font-size:10px}.tuning.collapsed{width:145px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:760px){header{gap:8px}nav button{white-space:nowrap;padding:9px 10px;font-size:9px}.brand{letter-spacing:1px}.brand small{letter-spacing:2px}}

[hidden]{display:none!important}.panel-tabs{margin-bottom:18px}.anim-clip{font-size:14px;font-weight:650;display:flex;justify-content:space-between}.anim-clip small{color:#8b9b8f}.anim-meta,.anim-note{font-size:11px;line-height:1.7;color:#78877c;margin:8px 0 14px}.tuning select{width:100%;border:1px solid #d7ddd0;background:#f8f9f2;border-radius:8px;padding:8px;color:#405649;margin:8px 0 12px;font:inherit;font-size:12px}.anim-buttons{display:flex;gap:7px;margin:4px 0 18px}.anim-buttons button{background:#e4eadb;border-radius:8px;padding:9px;font-size:12px}.anim-buttons button:first-child{flex:1}#animationPanel .toggle-row{margin:10px 0}#animFrame{font-size:11px}.tuning-body{max-height:calc(100vh - 245px);overflow-y:auto}

.hands-hud{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:320px;pointer-events:none}.hands-hud span{background:#faf9edf0;border:1px solid #b9cbbb;border-radius:18px;padding:9px 15px;font-size:12px}.hands-hud span[data-state="grabbed"]{background:#367451;color:white}.hands-hud small{flex-basis:100%;text-align:center;color:#294e3b;background:#f7f6eacb;border-radius:12px;padding:5px}.touch-hands{display:flex;gap:5px;flex-wrap:wrap;max-width:190px}.touch-hands button{min-width:50px;min-height:44px;touch-action:none}@media(max-width:760px){.hands-hud{bottom:175px}header nav button{padding:8px;font-size:11px}header nav button span{display:none}}