.level-stage{position:relative;width:min(100vw,calc(100dvh * 1.780851));aspect-ratio:837 / 470;overflow:hidden;color:#fff;background:#cbeff1;box-shadow:0 0 0 2px #0c393447,0 14px 48px #062b2661;isolation:isolate}.level-canvas{display:block;width:100%;height:100%;outline:none;image-rendering:pixelated}.level-canvas:focus-visible{box-shadow:inset 0 0 0 4px #ffffffd6}.level-loading{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#244a4a;background:#caeff1;font-size:clamp(18px,2vw,30px)}.level-loading--error{color:#8e362f}.level-hud{position:absolute;z-index:8;top:clamp(10px,1.15vw,19px);right:clamp(10px,1.15vw,19px);left:clamp(10px,1.15vw,19px);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.form-ribbon,.health-bar,.fragment-counter,.pause-button,.level-context,.control-hint,.level-toast{border:clamp(2px,.22vw,4px) solid #183e3e;border-radius:clamp(4px,.35vw,6px);background:#faf4cced;box-shadow:clamp(3px,.3vw,5px) clamp(3px,.3vw,5px) 0 #103630b8}.form-ribbon{position:absolute;z-index:8;bottom:clamp(48px,8.5%,78px);left:50%;display:flex;gap:clamp(3px,.28vw,5px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;transform:translate(-50%)}.form-ribbon button{position:relative;display:grid;width:clamp(38px,3.25vw,54px);aspect-ratio:1;place-items:center;overflow:hidden;padding:0;border:clamp(2px,.2vw,3px) solid #18313d;border-radius:3px;color:#173e3c;background:var(--form-color);box-shadow:3px 3px #0c252da8;cursor:pointer;image-rendering:pixelated}.form-ribbon button.is-active{border-color:#fff7c3;box-shadow:0 0 0 3px #18313d,3px 3px #0c252dad,inset 0 -5px #1f423b29}.form-ribbon button:hover,.form-ribbon button:focus-visible,.pause-button:hover,.pause-button:focus-visible,.touch-controls button:hover,.touch-controls button:focus-visible,.level-modal button:hover,.level-modal button:focus-visible{outline:3px solid #fff;outline-offset:2px;filter:brightness(1.08)}.form-ribbon kbd{display:none}.health-bar{display:flex;align-items:center;gap:clamp(3px,.35vw,6px);min-height:clamp(39px,3.3vw,55px);padding:2px clamp(7px,.7vw,12px);border-color:#e5f2e1;color:#ff4b3e;background:#0e2534f0;box-shadow:3px 3px #071822b8;pointer-events:auto}.health-bar span{color:#ef493b;font-family:Arial,sans-serif;font-size:clamp(21px,2vw,33px);line-height:1;text-shadow:2px 0 #fff2d4,-2px 0 #fff2d4,0 2px #7b2827;transition:opacity .15s ease,filter .15s ease}.health-bar span.is-empty{opacity:.24;filter:grayscale(1)}.form-icon{display:block;width:86%;height:78%;background-repeat:no-repeat;image-rendering:pixelated}.form-icon--human{background-image:url(/assets/characters/human-v2/Human_Idle.png);background-position:center;background-size:auto 100%}.form-icon--fox{background-image:url(/assets/characters/fox-v2/Fox_Idle.png);background-position:0 center;background-size:600% auto}.form-icon--rabbit{background-image:url(/assets/characters/rabbit-v2/Rabbit_Idle.png);background-position:0 center;background-size:1000% auto}.form-icon--wolf{background-image:url(/assets/characters/wolf/Wolf_Walk.png);background-position:0 center;background-size:800% auto}.form-icon--polar-bear{background-image:url(/assets/characters/polar_bear/PolarBear_Idle.png);background-position:0 center;background-size:1200% auto}.level-hud-right{display:flex;align-items:stretch;gap:clamp(5px,.55vw,9px);pointer-events:auto}.fragment-counter{display:flex;align-items:center;gap:clamp(4px,.5vw,8px);padding:clamp(5px,.52vw,9px) clamp(8px,.78vw,13px);border-color:#e5f2e1;color:#fff6cf;background:#0e2534f0;box-shadow:3px 3px #071822b8}.fragment-counter img{width:clamp(23px,2.2vw,37px);height:clamp(23px,2.2vw,37px);image-rendering:pixelated}.fragment-counter strong{font-size:clamp(13px,1.25vw,21px);white-space:nowrap}.pause-button{padding:5px clamp(8px,.8vw,13px);border-color:#e5f2e1;color:#fff6cf;background:#0e2534f0;box-shadow:3px 3px #071822b8;cursor:pointer}.level-context{position:absolute;z-index:6;bottom:clamp(13px,1.35vw,23px);left:50%;max-width:min(72%,620px);padding:clamp(6px,.6vw,10px) clamp(11px,1.1vw,18px);color:#193f3c;font-size:clamp(11px,.95vw,16px);text-align:center;transform:translate(-50%)}.control-hint{position:absolute;z-index:9;top:13%;left:50%;padding:8px 14px;color:#193f3c;font-size:clamp(10px,.9vw,15px);white-space:nowrap;transform:translate(-50%);animation:hint-in .22s ease-out both}.level-toast{position:absolute;z-index:10;top:72%;left:50%;max-width:min(80%,620px);padding:clamp(7px,.7vw,12px) clamp(12px,1.2vw,20px);color:#193f3c;font-size:clamp(12px,1vw,17px);text-align:center;transform:translate(-50%);animation:toast-in .18s ease-out both}.touch-controls,.level-rotate-hint{display:none}.qa-panel{position:absolute;z-index:50;right:8px;bottom:8px;display:flex;max-width:70%;flex-wrap:wrap;justify-content:flex-end;gap:3px;opacity:.12}.qa-panel:hover,.qa-panel:focus-within{opacity:1}.qa-panel button{padding:2px 4px;border:1px solid #183e3e;color:#183e3e;background:#fff6cf;font-size:8px}.level-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0c2623b3}.level-modal{display:grid;width:min(88%,430px);gap:10px;justify-items:center;padding:clamp(22px,3vw,40px);border:4px solid #183e3e;border-radius:7px;color:#234745;background:#fff6cf;box-shadow:8px 8px #cb8d36;text-align:center}.level-modal p,.level-modal h2,.level-modal strong{margin:0}.level-modal p{color:#66804b;font-size:clamp(13px,1.1vw,17px)}.level-modal h2{font-size:clamp(27px,3vw,43px)}.level-modal--complete>img{width:58px;height:58px;image-rendering:pixelated}.level-modal button{width:min(100%,270px);padding:10px 16px;border:3px solid #183e3e;border-radius:5px;color:#fff;box-shadow:4px 4px #183e3e9e;cursor:pointer}.level-primary-button{margin-top:8px;background:#e98722}.level-secondary-button{background:#278ba2}.level-text-button{color:#234745!important;background:#e9e2c5}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:900px),(any-pointer:coarse){.health-bar{min-height:34px}.health-bar span{font-size:clamp(18px,4.6vw,27px)}.level-context{bottom:clamp(24px,5dvh,38px);max-width:48%;padding:4px 8px}.control-hint{display:none}}@media(max-width:900px),(any-pointer:coarse){.level-stage--tilemap{overflow:visible}.form-ribbon{display:none}.touch-controls{position:fixed;z-index:18;right:0;bottom:max(clamp(22px,4dvh,36px),env(safe-area-inset-bottom));left:0;display:flex;align-items:flex-end;justify-content:space-between;padding-right:max(clamp(14px,2.2vw,42px),env(safe-area-inset-right));padding-left:max(clamp(14px,2.2vw,42px),env(safe-area-inset-left));pointer-events:none;touch-action:none}.touch-joystick-wrap{margin-bottom:clamp(14px,3dvh,24px);pointer-events:none}.touch-joystick{position:relative;display:grid;width:clamp(68px,19dvh,108px);min-width:0;min-height:0;aspect-ratio:1;place-items:center;overflow:visible;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-joystick-base,.touch-joystick-knob{position:absolute;top:50%;left:50%;display:block;max-width:none;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.touch-joystick-base{z-index:1;width:158%;transform:translate(-50%,-50%)}.touch-joystick-knob{z-index:2;width:193%;transform:translate(calc(-50% + var(--joystick-x)),calc(-50% + var(--joystick-y)))}.touch-right-cluster{display:grid;gap:clamp(6px,1.3dvh,9px);justify-items:end;align-items:flex-end;pointer-events:none}.touch-form-grid{display:grid;grid-template-columns:repeat(2,auto);gap:clamp(4px,.75dvh,6px);pointer-events:none}.touch-form-grid button,.touch-actions button{display:grid;place-items:center;padding:0;border:3px solid #183e3e;border-radius:5px;color:#173e3c;background:#fff6cfeb;box-shadow:3px 3px #183e3ea8;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-form-grid button{width:clamp(34px,8.5dvh,58px);min-width:0;min-height:0;aspect-ratio:1;overflow:hidden;background:var(--form-color);image-rendering:pixelated}.touch-form-grid button.is-active{border-color:#fff7c3;box-shadow:0 0 0 3px #18313d,3px 3px #0c252dad,inset 0 -5px #1f423b29}.touch-actions{display:flex;gap:clamp(6px,1.1dvh,9px);align-items:flex-end}.touch-actions button{font-weight:700;line-height:1}.touch-actions .touch-ability{width:clamp(42px,9.4dvh,64px);min-width:0;height:clamp(40px,8.8dvh,60px);min-height:0;font-size:clamp(12px,2.5dvh,17px)}.touch-actions .touch-jump{width:clamp(56px,12dvh,82px);min-width:0;height:clamp(52px,11.4dvh,78px);min-height:0;font-size:clamp(18px,4dvh,27px)}.touch-form-grid button:active,.touch-actions button:active{transform:translate(2px,2px);box-shadow:1px 1px #183e3ea8}.touch-joystick:active{filter:brightness(1.04)}}@media(max-width:620px){.pause-button{display:none}.level-context{max-width:44%;font-size:9px}.fragment-counter{padding:4px 6px}.fragment-counter img{width:22px;height:22px}}@media(orientation:portrait)and (max-width:760px){.level-rotate-hint{position:absolute;z-index:12;top:6px;left:50%;display:flex;gap:5px;align-items:center;padding:4px 8px;border:2px solid #183e3e;border-radius:4px;color:#234745;background:#fff6cfeb;text-align:center;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.level-rotate-hint strong{font-size:clamp(9px,3vw,13px)}.level-rotate-hint span{display:none}}@media(prefers-reduced-motion:reduce){.level-toast,.control-hint{animation:none}}.level-stage--tilemap{width:min(100vw,177.7778dvh);aspect-ratio:16 / 9;background:#d9f3f2}.level-stage--tilemap .level-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.level-stage--tilemap .level-loading{background:linear-gradient(#d9f3f2eb,#d9f3f2eb),repeating-linear-gradient(90deg,transparent 0 17px,rgba(35,79,76,.08) 17px 18px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(35,79,76,.08) 17px 18px)}.level-stage--tilemap .level-loading--error{padding:24px;color:#8e362f;text-align:center;white-space:pre-wrap}.level-playtest-badge{position:absolute;z-index:10;top:clamp(58px,5.2vw,78px);left:clamp(10px,1.15vw,19px);padding:7px 10px;border:3px solid #183e3e;border-radius:4px;color:#fff7c3;background:#35765bf0;box-shadow:3px 3px #103630b8;font-size:clamp(9px,.85vw,13px);cursor:pointer}.editor-lock-screen{display:grid;width:100%;min-height:100dvh;place-items:center;padding:24px;color:#234745;background:linear-gradient(#caeff1eb,#caeff1eb),repeating-linear-gradient(90deg,transparent 0 17px,rgba(35,79,76,.08) 17px 18px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(35,79,76,.08) 17px 18px)}.editor-lock-card{display:grid;width:min(92vw,430px);gap:12px;padding:30px;border:4px solid #183e3e;border-radius:7px;background:#fff6cf;box-shadow:8px 8px #cb8d36}.editor-lock-card p,.editor-lock-card h1,.editor-lock-card span{margin:0}.editor-lock-card p{color:#66804b}.editor-lock-card input{min-height:44px;padding:8px 10px;border:3px solid #183e3e;border-radius:4px;color:#183e3e;background:#fff;font:inherit}.editor-lock-card strong{color:#b33b33}.editor-lock-card button{min-height:42px;border:3px solid #183e3e;border-radius:4px;color:#fff;background:#2f9568;box-shadow:3px 3px #183e3e8c;cursor:pointer}.editor-lock-card .editor-lock-back{color:#234745;background:#e9e2c5}.level-editor-shell{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) 34px;min-width:1040px;min-height:620px;overflow:hidden;color:#eaf8ef;background:#173b46;image-rendering:pixelated}.editor-topbar{position:relative;z-index:3;display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border-bottom:4px solid #102f38;background:#21515b;box-shadow:0 4px #071e2457}.editor-brand{display:flex;flex:0 0 auto;align-items:center;gap:12px}.editor-brand p,.editor-brand h1{margin:0}.editor-brand p{color:#9fd7c3;font-size:11px;letter-spacing:.08em}.editor-brand h1{color:#fff6c2;font-size:clamp(20px,1.6vw,27px);line-height:1.1}.editor-save-state{padding:5px 8px;border:2px solid #173b46;border-radius:4px;color:#31524c;background:#b9e4bf;font-size:11px;white-space:nowrap}.editor-actions{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.editor-level-select{display:flex;align-items:center;gap:5px;color:#fff6cf;font-size:11px}.editor-level-select select{min-height:34px;padding:4px 7px;border:2px solid #fff6cf;border-radius:3px;color:#183e3e;background:#fff6cf;font:inherit}.editor-button,.editor-eraser,.editor-clear-layer,.editor-size-control button,.editor-zoom-control button,.editor-map-size button{border:2px solid #102f38;border-radius:4px;color:#234047;background:#e8e3bd;box-shadow:2px 3px #081f258f;cursor:pointer}.editor-button{min-height:34px;padding:6px 10px;font-size:12px;white-space:nowrap}.editor-button--back{color:#fff;background:#d46d4c}.editor-button--play{border-color:#123944;color:#fff8c3;background:#4ba75e}.editor-button--publish{border-color:#174b42;color:#fff8c3;background:#218a67}.editor-button--unpublish{color:#fff;background:#9b6544}.editor-button--unpublish.is-confirming{outline:3px solid #ffd86a;outline-offset:1px;background:#c6543f}.editor-button--lock{color:#fff;background:#8a5968}.editor-button--danger{color:#fff;background:#b85a4b}.editor-button--danger.is-confirming{outline:3px solid #ffd86a;outline-offset:1px;background:#d83f32}.editor-button:disabled{opacity:.42;cursor:default;filter:grayscale(.5)}.editor-button:not(:disabled):hover,.editor-button:not(:disabled):focus-visible,.editor-eraser:hover,.editor-eraser:focus-visible,.editor-clear-layer:hover,.editor-clear-layer:focus-visible,.editor-size-control button:hover,.editor-size-control button:focus-visible,.editor-zoom-control button:hover,.editor-zoom-control button:focus-visible,.editor-map-size button:hover,.editor-map-size button:focus-visible,.editor-brush:hover,.editor-brush:focus-visible,.editor-layer-select:hover,.editor-layer-select:focus-visible,.editor-layer-eye:hover,.editor-layer-eye:focus-visible{outline:2px solid #fff7bd;outline-offset:1px;filter:brightness(1.08)}.editor-button:not(:disabled):active,.editor-eraser:active,.editor-clear-layer:active{transform:translate(1px,2px);box-shadow:1px 1px #081f258f}.editor-main{display:grid;min-height:0;grid-template-columns:252px minmax(580px,1fr) 270px;background:#173b46}.editor-panel{min-height:0;overflow:auto;scrollbar-color:#6eb58e #173b46;scrollbar-width:thin;background:#214b53}.editor-palette{border-right:4px solid #102f38;padding:12px 10px 24px}.editor-inspector{border-left:4px solid #102f38;padding:12px 10px 24px}.editor-panel-heading,.editor-validation-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-panel-heading p,.editor-panel-heading h2,.editor-validation-title p,.editor-validation-title h2{margin:0}.editor-panel-heading p,.editor-validation-title p{color:#8bc7b2;font-size:10px}.editor-panel-heading h2,.editor-validation-title h2{color:#fff0ad;font-size:18px}.editor-eraser,.editor-clear-layer{padding:6px 8px;font-size:11px}.editor-eraser.is-active{color:#fff;background:#d45d53}.editor-eraser kbd{margin-left:4px;padding:1px 4px;border:1px solid currentColor;border-radius:2px;background:#ffffff2e}.editor-brush-group{margin-top:15px}.editor-brush-group h3{margin:0 0 7px;padding-bottom:5px;border-bottom:2px solid rgba(157,211,183,.22);color:#a9d9c4;font-size:12px;font-weight:400}.editor-brush-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.editor-brush{display:grid;min-width:0;min-height:72px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px;padding:7px 6px;border:2px solid #13343d;border-radius:5px;color:#dceee4;background:#2b5b61;box-shadow:2px 3px #081f257a;text-align:left;cursor:pointer}.editor-brush.is-active{border-color:#fff0a9;color:#233f44;background:#f0e8b8;box-shadow:0 0 0 2px #173b46,3px 4px #081f2594}.editor-brush-preview{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:2px solid #183e46;border-radius:4px;background:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25% 75%,rgba(255,255,255,.12) 75%),#8ccbc9;background-size:8px 8px}.editor-brush-preview img{display:block;max-width:38px;max-height:38px;object-fit:contain;image-rendering:pixelated}.editor-brush-preview--spawn img{width:auto;height:36px;object-position:left center}.editor-brush>span:last-child{display:grid;min-width:0;gap:3px}.editor-brush strong{overflow:hidden;font-size:11px;line-height:1.22;text-overflow:ellipsis}.editor-brush small{color:#9ec9ba;font-size:9px}.editor-brush.is-active small{color:#65776d}.editor-workspace{display:grid;min-width:0;min-height:0;grid-template-rows:58px minmax(0,1fr) 40px;overflow:hidden;background:#163943}.editor-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:3px solid #102f38;background:#285761}.editor-current-brush{display:flex;min-width:180px;align-items:center;gap:8px}.editor-current-brush>span{display:block;width:13px;height:32px;border:2px solid #15353d;border-radius:3px}.editor-current-brush div{display:grid;gap:1px}.editor-current-brush small,.editor-size-control>span,.editor-zoom-control>span,.editor-map-size>span{color:#9dd0bd;font-size:9px}.editor-current-brush strong{color:#fff4bd;font-size:12px}.editor-size-control,.editor-zoom-control,.editor-map-size{display:flex;align-items:center;gap:4px}.editor-size-control button,.editor-zoom-control button,.editor-map-size button{min-width:43px;padding:5px 6px;font-size:10px}.editor-size-control button.is-active,.editor-zoom-control button.is-active{color:#fff;background:#49965b}.editor-map-size{padding-left:8px;border-left:1px solid rgba(157,208,189,.3)}.editor-map-size label{display:flex;align-items:center;gap:3px;color:#9dd0bd;font-size:9px}.editor-map-size input{width:52px;min-height:27px;padding:3px 4px;border:2px solid #d8ead4;border-radius:3px;color:#183e3e;background:#fff;font:inherit}.editor-canvas-scroller{display:grid;min-width:0;min-height:0;place-items:center;overflow:auto;padding:22px;background:linear-gradient(45deg,rgba(255,255,255,.028) 25%,transparent 25% 75%,rgba(255,255,255,.028) 75%),#102f38;background-size:22px 22px;scrollbar-color:#599878 #102f38;scrollbar-width:thin}.editor-canvas-frame{position:relative;flex:none;overflow:hidden;border:4px solid #071f26;background:#d8f3f2;box-shadow:8px 10px #05181d85,0 0 0 2px #6e9d8c}.editor-canvas{display:block;max-width:none;outline:none;cursor:crosshair;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.editor-canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#25464a;background:#d8f3f2f0;text-align:center}.editor-canvas-loading--error{color:#9d433c}.editor-workspace-help{display:flex;align-items:center;justify-content:center;gap:15px;padding:7px 12px;border-top:3px solid #102f38;color:#acd7c5;background:#25515a;font-size:10px}.editor-workspace-help strong{margin-left:auto;color:#fff0ae;font-size:10px}.editor-layer-list{display:grid;gap:6px;margin-top:12px}.editor-layer-row{display:grid;grid-template-columns:minmax(0,1fr) 39px;gap:4px}.editor-layer-select,.editor-layer-eye{border:2px solid #143740;border-radius:4px;color:#dceddf;background:#2a5a61;cursor:pointer}.editor-layer-select{display:grid;min-width:0;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;text-align:left}.editor-layer-row.is-active .editor-layer-select{border-color:#fff0ad;color:#243f44;background:#eee7b8}.editor-layer-color{width:10px;height:32px;border:1px solid #15343c;border-radius:2px}.editor-layer-select>span:nth-child(2){display:grid;min-width:0;gap:2px}.editor-layer-select strong{font-size:11px}.editor-layer-select small{overflow:hidden;color:#9cc6b7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.editor-layer-row.is-active small{color:#6c7b70}.editor-layer-select em{display:grid;min-width:23px;height:23px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:9px;font-style:normal}.editor-layer-eye{padding:0;color:#738a86;font-size:10px}.editor-layer-eye.is-visible{color:#fff0af;background:#3d7569}.editor-validation{display:grid;gap:6px;margin-top:18px;padding:10px;border:3px solid #2c7557;border-radius:5px;background:#e5e7b9}.editor-validation.has-errors{border-color:#a3443f;background:#f0cab4}.editor-validation-title h2{color:#24444b;font-size:15px}.editor-validation-title p{color:#64816e}.editor-validation-title>strong{color:#286344;font-size:10px}.editor-validation.has-errors .editor-validation-title>strong{color:#9c3734}.editor-validation>p{margin:0;padding:5px 6px;border-left:4px solid currentColor;color:#41544c;background:#fff6;font-size:9px;line-height:1.4}.editor-validation .editor-validation-error{color:#963b37}.editor-validation .editor-validation-warning{color:#8a6b28}.editor-validation .editor-validation-ok{color:#2f6d4b}.editor-publish-summary{display:grid;gap:7px;margin-top:14px;padding:10px;border:3px solid #9a6a3c;border-radius:5px;color:#4d3a2a;background:#f0d4a5}.editor-publish-summary.is-published{border-color:#337b60;color:#31574a;background:#cce6bd}.editor-publish-summary__heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-publish-summary__heading p,.editor-publish-summary__heading h2,.editor-publish-summary>p{margin:0}.editor-publish-summary__heading p{color:#887353;font-size:9px;letter-spacing:.12em}.editor-publish-summary__heading h2{color:#24444b;font-size:15px}.editor-publish-summary__heading>strong{color:#7e4727;font-size:10px}.editor-publish-summary.is-published .editor-publish-summary__heading>strong{color:#286344}.editor-publish-summary>p,.editor-publish-summary>small{font-size:9px;line-height:1.45}.editor-publish-summary>small{color:#655e4c}.editor-version-history{margin-top:10px;border:2px solid #143740;border-radius:4px;color:#d7eee1;background:#28555d}.editor-version-history summary{padding:9px;color:#fff0af;font-size:11px;cursor:pointer}.editor-version-history__empty{margin:0;padding:8px;border-top:1px solid rgba(163,213,190,.16);color:#9bc9b7;font-size:9px}.editor-version-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid rgba(163,213,190,.16)}.editor-version-row>span{display:grid;min-width:0;gap:2px}.editor-version-row strong{color:#f8eeb3;font-size:9px}.editor-version-row small{overflow:hidden;color:#9bc9b7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.editor-version-row button{min-height:27px;padding:4px 6px;border:2px solid #173640;border-radius:3px;color:#24444b;background:#dfe5bd;font:inherit;font-size:8px;cursor:pointer}.editor-version-row button.is-confirming{color:#fff;background:#c6543f}.editor-version-row button:disabled{opacity:.5;cursor:default}.editor-object-summary{margin-top:14px;border:2px solid #143740;border-radius:4px;color:#d7eee1;background:#28555d}.editor-object-summary summary{padding:9px;color:#fff0af;font-size:11px;cursor:pointer}.editor-object-summary p{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;margin:0;padding:5px 8px;border-top:1px solid rgba(163,213,190,.16)}.editor-object-summary p>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #173640;color:#173640;font-size:8px}.editor-object-summary strong{overflow:hidden;font-size:9px;text-overflow:ellipsis}.editor-object-summary small{color:#9bc9b7;font-size:8px}.editor-footer{display:grid;grid-template-columns:1fr minmax(250px,2fr) 1fr;align-items:center;gap:12px;padding:0 14px;border-top:3px solid #102f38;color:#9ecdb9;background:#204b54;font-size:9px}.editor-footer strong{overflow:hidden;color:#fff0ae;text-align:center;text-overflow:ellipsis;white-space:nowrap}.editor-footer span:last-child{text-align:right}@media(max-width:1220px){.editor-main{grid-template-columns:226px minmax(580px,1fr) 238px}.editor-brand h1{font-size:20px}.editor-save-state{display:none}.editor-button{padding-right:7px;padding-left:7px}.editor-brush-grid{grid-template-columns:1fr}}@media(max-height:700px){.level-editor-shell{grid-template-rows:auto minmax(0,1fr) 28px}.editor-topbar{min-height:62px;padding-top:6px;padding-bottom:6px}.editor-workspace{grid-template-rows:50px minmax(0,1fr) 34px}.editor-canvas-scroller{padding:12px}}@media(prefers-reduced-motion:reduce){.level-editor-shell *,.level-editor-shell *:before,.level-editor-shell *:after{transition:none!important}}@font-face{font-family:Fusion Pixel;src:url(/assets/fusion-pixel-zh-hans.ttf) format("truetype");font-display:swap}:root{font-family:Fusion Pixel,Microsoft YaHei,sans-serif;color:#f8fbff;background:#84d6ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#84d6ff;-webkit-font-smoothing:none}button{font:inherit}.app-shell{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;background:#84d6ff}.game-stage{position:relative;width:min(100vw,177.6833dvh);aspect-ratio:1672 / 941;overflow:hidden;background:#65c4f5;box-shadow:0 0 0 2px #174f7829,0 12px 42px #0e3d603d;isolation:isolate}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.menu-hotspot{position:absolute;z-index:2;margin:0;padding:0;border:0;border-radius:12%;outline:0;background:transparent;cursor:pointer;touch-action:manipulation;transition:box-shadow .12s ease,transform 80ms ease,filter .12s ease}.menu-hotspot:hover{box-shadow:0 0 0 clamp(2px,.28vw,5px) #ffffffd1,0 0 clamp(10px,1.4vw,24px) #fff499d9;filter:brightness(1.06)}.menu-hotspot:focus-visible{box-shadow:0 0 0 clamp(3px,.36vw,6px) #fff,0 0 0 clamp(6px,.72vw,12px) #164d7e}.menu-hotspot:active{transform:translateY(1.5%) scale(.985)}.menu-hotspot--start{left:37.15%;top:62.6%;width:25.9%;height:15.3%}.menu-hotspot--animals{left:28.65%;top:80.1%;width:19.6%;height:12.8%}.menu-hotspot--rules{left:50.7%;top:80.2%;width:19.4%;height:12.7%}.menu-hotspot--settings{left:92.1%;top:4.45%;width:6.1%;height:10.8%;border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dialog-backdrop{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,3.2vw,52px);background:#0d1f3d9e;animation:backdrop-in .15s ease-out both}.pixel-dialog{position:relative;width:min(92%,610px);max-height:90%;overflow:auto;padding:clamp(20px,2.2vw,34px);border:clamp(3px,.32vw,5px) solid #263d63;border-radius:12px;color:#26354c;background:#fff8df;box-shadow:0 0 0 clamp(3px,.32vw,5px) #f6c95d,clamp(6px,.75vw,12px) clamp(8px,.92vw,15px) 0 #18264094;animation:dialog-in .18s cubic-bezier(.2,.9,.25,1.15) both}.pixel-dialog--wide{width:min(94%,980px)}.dialog-close{position:absolute;top:clamp(11px,1.2vw,18px);right:clamp(11px,1.2vw,18px);min-width:64px;padding:7px 10px;border:3px solid #263d63;border-radius:5px;color:#263d63;background:#fff3c9;box-shadow:3px 3px #d8a846;cursor:pointer}.dialog-close:hover,.dialog-close:focus-visible,.pixel-button:hover,.pixel-button:focus-visible,.switch-button:hover,.switch-button:focus-visible{outline:3px solid #fff;outline-offset:2px;filter:brightness(1.05)}.dialog-close:active,.pixel-button:active,.switch-button:active{transform:translate(2px,2px);box-shadow:1px 1px #263d63}.dialog-eyebrow{margin:0 80px 7px 0;color:#4e7b3a;font-size:clamp(13px,1.08vw,18px);letter-spacing:.06em}.pixel-dialog h2{margin:0 80px 18px 0;color:#273a61;font-size:clamp(26px,2.35vw,40px);line-height:1.15}.dialog-lead{margin:0 0 20px;color:#4a5361;font-size:clamp(15px,1.18vw,19px);line-height:1.65}.chapter-objective{display:grid;gap:5px;margin-bottom:24px;padding:15px 17px;border:3px solid #7ca64f;color:#31492e;background:#e8f3be;box-shadow:4px 4px #b18c3d}.chapter-objective span{color:#608044;font-size:14px}.chapter-objective strong{font-size:clamp(17px,1.36vw,22px);line-height:1.45}.level-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;width:100%;max-height:min(42dvh,330px);overflow-y:auto;padding:4px}.level-select-button{display:grid;min-height:92px;place-items:center;gap:1px;padding:8px;border:3px solid #183e3e;border-radius:5px;color:#234745;background:#caeff1;box-shadow:4px 4px #cb8d36;cursor:pointer}.level-select-button:hover,.level-select-button:focus-visible{outline:3px solid #fff;outline-offset:2px;filter:brightness(1.05)}.level-select-button span,.level-select-button small{color:#5b786d;font-size:9px}.level-select-button strong{color:#e98722;font-size:28px;line-height:1}.pixel-button{display:block;min-width:min(100%,230px);margin:0 auto;padding:13px 20px;border:4px solid #613a23;border-radius:7px;font-size:clamp(18px,1.45vw,24px);cursor:pointer;box-shadow:5px 6px #2f272d94}.pixel-button--primary{color:#fff;background:#e98722}.pixel-button--secondary{color:#fff;background:#3d9ed8}.chapter-ready{display:grid;justify-items:center;gap:16px;text-align:center}.chapter-ready p{max-width:450px;margin:0;color:#4a5361;font-size:clamp(15px,1.18vw,19px);line-height:1.6}.chapter-hero{width:clamp(86px,9vw,142px);max-height:190px;object-fit:contain;image-rendering:pixelated}.animal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.animal-card{display:grid;grid-template-columns:128px 1fr;align-items:center;min-height:132px;padding:12px;border:3px solid #536a77;border-radius:7px;background:#eef5d9;box-shadow:4px 4px #c49d4b}.sprite-stage{display:grid;width:128px;height:82px;place-items:center;overflow:hidden}.animal-sprite{display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated}.animal-sprite--fox{width:128px;height:72px;background-image:url(/assets/characters/fox-v2/Fox_Idle.png);background-size:768px 72px;animation:fox-idle .9s steps(6) infinite}.animal-sprite--rabbit{width:64px;height:52px;background-image:url(/assets/characters/rabbit-v2/Rabbit_Idle.png);background-size:640px 52px;animation:rabbit-idle 1.1s steps(10) infinite}.animal-sprite--wolf{width:128px;height:80px;background-image:url(/assets/characters/wolf/Wolf_Walk.png);background-size:1024px 80px;animation:wolf-walk .9s steps(8) infinite}.animal-sprite--polar-bear{width:128px;height:66px;background-image:url(/assets/characters/polar_bear/PolarBear_Idle.png);background-size:1536px 66px;animation:bear-idle 1.3s steps(12) infinite}.animal-card p,.animal-card h3{margin:0}.animal-card .animal-name{color:#667585;font-size:14px}.animal-card h3{margin:2px 0 5px;color:#283e61;font-size:clamp(19px,1.45vw,24px)}.animal-card p:last-child{color:#505968;font-size:clamp(13px,.95vw,16px);line-height:1.45}.rules-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.rules-list li{display:grid;grid-template-columns:47px 1fr;gap:14px;align-items:center;padding:12px 14px;border:3px solid #52734a;border-radius:6px;background:#edf3cf}.rules-list li>span{display:grid;width:43px;height:43px;place-items:center;border:3px solid #263d63;border-radius:50%;color:#fff;background:#3d9ed8;font-size:21px}.rules-list strong{color:#2f4261;font-size:19px}.rules-list p{margin:3px 0 0;color:#555e69;font-size:clamp(13px,1vw,16px);line-height:1.45}.settings-list{display:grid;gap:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:3px solid #657a4e;border-radius:6px;background:#eff4d9}.setting-row strong{color:#2e405e;font-size:18px}.setting-row p{margin:4px 0 0;color:#596371;font-size:14px}.switch-button{min-width:92px;padding:10px 14px;border:3px solid #263d63;border-radius:5px;color:#fff;background:#5ca844;box-shadow:4px 4px #bd913e;cursor:pointer}.switch-button[aria-checked=false]{color:#3d4959;background:#cbd0c7}.setting-row--editor{align-items:center;border-color:#4b7182;background:#dcefe8}.editor-launch-button{min-width:128px;padding:10px 13px;border:3px solid #263d63;border-radius:5px;color:#fff8c4;background:#3f9660;box-shadow:4px 4px #bd913e;cursor:pointer}.editor-launch-button:hover,.editor-launch-button:focus-visible{outline:3px solid #fff;outline-offset:2px;filter:brightness(1.08)}.orientation-hint{display:none}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fox-idle{to{background-position:-768px 0}}@keyframes rabbit-idle{to{background-position:-640px 0}}@keyframes wolf-walk{to{background-position:-1024px 0}}@keyframes bear-idle{to{background-position:-1536px 0}}@media(max-width:760px){.pixel-dialog--wide{width:96%}.animal-grid{grid-template-columns:1fr}.animal-card{grid-template-columns:106px 1fr;min-height:105px}.sprite-stage{width:102px;transform:scale(.8)}}@media(orientation:portrait)and (max-width:760px){.app-shell{background:#183858}.game-stage{width:100vw}.orientation-hint{position:fixed;z-index:20;bottom:18px;left:50%;display:block;margin:0;padding:9px 13px;border:2px solid #fff;color:#fff;background:#132f48e0;font-size:13px;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
