@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-devanagari-wght-normal-B4j4n2PV.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-vietnamese-wght-normal-C4ZonJY6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#16a6b6;--color-primary-dark:#087c8c;--color-ink:#193363;--color-background:#faf3e2;--color-panel:#fffdf5;--color-grass:#8ac77f;--color-path:#f2e5bf;--color-peach:#ffa278;--color-start:#ffa515;--color-repeat:#a38ae2;--radius-panel:24px;--radius-button:18px;--color-grass-2:#7fbf74;--color-grass-dark:#5e9c55;--color-path-dark:#d9c99a;--color-ink-soft:#4a5f8a;--color-muted:#8a93a8;--color-line:#1933631a;--color-success:#4caf50;--color-warn:#e67e22;--color-danger:#e05a4e;--color-star:#ffc93c;--color-star-off:#e3ddcb;--color-repeat-dark:#7d63c9;--color-start-dark:#e08a00;--color-wood:#b8874f;--color-wood-dark:#8a5f33;--shadow-panel:0 10px 30px #1933631f, 0 2px 6px #1933630f;--shadow-block:0 3px 0 #0000002e;--shadow-button:0 4px 0 #00000029;--font-display:"Baloo 2 Variable", "Nunito Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Variable", "Segoe UI", system-ui, sans-serif;--touch:48px;--step-ms:.42s;--move-ms:.32s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-background);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:16px;line-height:1.4}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-primary-dark)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:800;line-height:1.15}:focus-visible{outline:4px solid var(--color-start);outline-offset:3px;border-radius:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-bg{z-index:-1;background:url(/assets/ada-arka-plan.jpg) 50%/cover no-repeat;position:fixed;inset:0}.app-bg:after{content:"";background:linear-gradient(#faf3e21f 0%,#faf3e273 100%);position:absolute;inset:0}@supports (background-image:url('/assets/ada-arka-plan.webp')){.app-bg{background-image:url(/assets/ada-arka-plan.webp)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.panel{background:var(--color-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);border:2px solid #19336312;overflow:hidden}.panel-title{font-family:var(--font-display);color:var(--color-ink);border-bottom:2px solid var(--color-line);background:linear-gradient(#fffdf5,#f7f0dc);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:12px 20px;font-size:1.3rem;font-weight:800;display:flex}.panel-title small{font-family:var(--font-body);color:var(--color-ink-soft);font-size:.85rem;font-weight:700}.btn{min-height:var(--touch);min-width:var(--touch);border-radius:var(--radius-button);font-family:var(--font-display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000029}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex:none;width:26px;height:26px}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){background:#1ab2c3}.btn--secondary{background:var(--color-panel);color:var(--color-ink);box-shadow:var(--shadow-button);border-color:#dfd8c5}.btn--secondary:hover:not(:disabled){background:#fff}.btn--start{background:var(--color-start);color:#fff;border-color:var(--color-start-dark);box-shadow:var(--shadow-button)}.btn--ghost{color:var(--color-ink-soft);box-shadow:none;background:0 0;border-color:#0000;padding:0 12px}.btn--ghost:hover:not(:disabled){background:#1933630f}.btn--danger{color:var(--color-danger);background:#fff;border-color:#f2c7c2}.btn--lg{min-height:58px;padding:0 28px;font-size:1.3rem}.btn--icon{width:var(--touch);padding:0}.btn--icon.btn--lg{width:58px}.chip{background:#f4eedb;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.avatar{width:34px;height:34px;font-family:var(--font-display);color:#fff;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.avatar--lg{width:64px;height:64px;font-size:1.6rem}.avatar--teal{background:var(--color-primary)}.avatar--navy{background:var(--color-ink)}.avatar--green{background:#6cb463}.avatar--peach{background:var(--color-peach)}.avatar--purple{background:var(--color-repeat)}.stars{gap:2px;display:inline-flex}.stars svg{width:22px;height:22px}.stars--lg svg{width:56px;height:56px}.star--on{fill:var(--color-star);stroke:#e0a800}.star--off{fill:var(--color-star-off);stroke:#d3ccb8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.block{--block-bg:var(--color-primary);--block-edge:var(--color-primary-dark);background:var(--block-bg);color:#fff;min-width:170px;min-height:54px;font-family:var(--font-display);text-align:left;box-shadow:0 3px 0 var(--block-edge), inset 0 1px 0 #ffffff47;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 14px 0 12px;font-size:1.15rem;font-weight:800;display:inline-flex;position:relative}.block:before{content:"";background:var(--block-bg);border-radius:7px 7px 0 0;width:30px;height:10px;position:absolute;top:-7px;left:16px}.block--hat:before{display:none}.block__icon{flex:none;place-items:center;width:30px;height:30px;display:grid}.block__icon svg{width:28px;height:28px}.block__label{white-space:nowrap;flex:1}.block--workspace.is-dragging{visibility:hidden;pointer-events:none;position:absolute}.block--palette.is-dragging{opacity:.45}.block.is-selected{box-shadow:0 3px 0 var(--block-edge), 0 0 0 4px var(--color-start)}.block.is-active{box-shadow:0 3px 0 var(--block-edge), 0 0 0 5px #ffc93cf2, 0 0 18px #ffc93cb3;animation:.5s ease-in-out infinite alternate block-pulse}@keyframes block-pulse{0%{filter:brightness()}to{filter:brightness(1.15)}}.block--palette,.block--workspace{touch-action:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body.is-dragging-block{overscroll-behavior:contain;cursor:grabbing;-webkit-user-select:none;user-select:none}.block--palette{cursor:grab;width:100%}.block--palette:active{cursor:grabbing}.block--palette:disabled,.block--palette[aria-disabled=true]{opacity:.45;cursor:not-allowed}.block--workspace{cursor:grab}.block--ghost{box-shadow:0 10px 24px #19336359, 0 3px 0 var(--block-edge);cursor:grabbing;transform:rotate(-2deg)scale(1.03)}.block--hat{--block-bg:var(--color-start);--block-edge:var(--color-start-dark);cursor:default;border-radius:26px 26px 12px 12px;min-width:190px;padding-top:6px}.block--hat .block__icon svg{width:26px;height:26px}.block__remove{color:#fff;opacity:.85;background:#ffffff38;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-right:-6px;transition:background-color .15s,opacity .15s;display:grid}.block__remove svg{width:18px;height:18px}.block__remove:hover{opacity:1;background:#fff6}.block--repeat{--block-bg:var(--color-repeat);--block-edge:var(--color-repeat-dark);min-width:210px;box-shadow:none;background:0 0;border-radius:14px;padding:0;display:block}.block--repeat:before{background:var(--color-repeat)}.block--repeat.is-selected{box-shadow:0 0 0 4px var(--color-start)}.block--repeat.is-active{box-shadow:0 0 0 5px #ffc93cf2,0 0 18px #ffc93cb3}.repeat__head{background:var(--color-repeat);border-radius:14px 14px 0 0;align-items:center;gap:8px;min-height:54px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff47}.repeat__body{border-left:24px solid var(--color-repeat);background:#a38ae224;flex-direction:column;min-height:40px;margin-left:0;padding:6px 8px 6px 10px;display:flex;position:relative}.repeat__foot{background:var(--color-repeat);height:20px;box-shadow:0 3px 0 var(--color-repeat-dark);border-radius:0 0 14px 14px}.repeat__foot--tappable{cursor:pointer;height:26px}.repeat__foot--tappable:hover{filter:brightness(1.08)}.repeat__count{background:#ffffff2e;border-radius:12px;align-items:center;gap:2px;padding:2px;display:inline-flex}.repeat__count-btn{width:38px;height:38px;color:var(--color-repeat-dark);background:#ffffffeb;border:0;border-radius:10px;place-items:center;font-weight:800;display:grid}.repeat__count-btn:hover:not(:disabled){background:#fff}.repeat__count-btn:disabled{opacity:.45;cursor:not-allowed}.repeat__count-btn svg{width:20px;height:20px}.repeat__count-value{text-align:center;min-width:34px;font-size:1.35rem;line-height:1}.repeat__iter{color:var(--color-repeat-dark);background:#fff;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.85rem}.repeat__label{white-space:nowrap}.block--repeat.block--palette .repeat__body{min-height:30px}.slot{box-sizing:border-box;border:3px dashed #0000;border-radius:12px;align-self:stretch;min-width:200px;min-height:14px;margin:0;transition:background-color .12s,border-color .12s;position:relative}.slot.is-dragging{background:#1933630f}.slot.is-over{border-color:var(--color-primary-dark);background:#16a6b62e;box-shadow:0 0 0 4px #16a6b62e}.slot--ghost-repeat.is-over{border-color:var(--color-repeat-dark);background:#a38ae238;box-shadow:0 0 0 4px #a38ae238}.slot.is-over .slot__label{visibility:hidden}.repeat__body.is-drop-inside{box-shadow:inset 0 0 0 3px var(--color-repeat-dark);background:#a38ae257}.block--hat.is-selected{box-shadow:0 3px 0 var(--block-edge), 0 0 0 4px var(--color-primary)}.slot--placeholder{height:auto;min-height:52px;color:var(--color-ink-soft);text-align:center;cursor:pointer;background:#ffffff80;border-color:#19336338;border-radius:14px;justify-content:center;align-items:center;padding:8px 14px;font-size:.95rem;font-weight:700;display:flex}.slot--placeholder.is-over{border-color:var(--color-start);color:var(--color-start-dark);background:#ffa5152e}.slot--placeholder.is-target{border-color:var(--color-start);color:var(--color-start-dark)}.slot--inner{min-height:44px;font-size:.9rem}.slot.is-target:after{content:"";background:var(--color-start);border-radius:2px;height:4px;position:absolute;top:2px;left:6px;right:6px;box-shadow:0 0 8px #ffa515b3}.slot:not(.slot--placeholder){cursor:pointer}.slot:not(.slot--placeholder):hover{background:#ffa5152e}.slot--placeholder.is-target:after{display:none}.block-list{flex-direction:column;align-items:flex-start;display:flex}.block-list>.block{display:inline-flex}.block-list>.block--repeat{display:block}.block-list--root{min-width:220px}.board-wrap{grid-template-rows:22px minmax(0,1fr);grid-template-columns:22px minmax(0,1fr);gap:4px;width:min(100%,540px);margin:10px auto 0;display:grid}.coords{font-family:var(--font-display);color:var(--color-ink-soft);text-align:center;font-size:.85rem;font-weight:800;display:grid}.coords--cols{grid-area:1/2;grid-template-columns:repeat(7,1fr);align-items:end;padding:0 6px}.coords--rows{grid-area:2/1;grid-template-rows:repeat(7,1fr);align-items:center;padding:6px 0}.board{aspect-ratio:1;background:var(--color-grass-dark);border-radius:16px;grid-area:2/2;position:relative;box-shadow:inset 0 0 0 3px #0000001a,0 8px 18px #1933632e}.board-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:3px;display:grid;position:absolute;inset:6px}.board-grid--actors{pointer-events:none}.cell{background:var(--color-grass);border-radius:8px;position:relative;box-shadow:inset 0 -3px #00000014}.cell--alt{background:var(--color-grass-2)}.cell--path{background:var(--color-path);box-shadow:inset 0 -3px #00000012,inset 0 0 0 2px #fff6}.cell--path.cell--alt{background:#eedeb5}.cell--goal{box-shadow:inset 0 0 0 3px #ffc93cbf,inset 0 -3px #00000012}.cell__obstacle{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #00000040);width:98%;height:106%;position:absolute;top:-10%;left:1%}.cell__deco{pointer-events:none;opacity:.9;width:34%;height:34%;position:absolute;bottom:6%;right:6%}.cell__deco--tuft{width:30%;height:26%;left:8%;right:auto}.cell__footprint{background:#19336329;border-radius:50%;width:24%;height:24%;position:absolute;top:38%;left:38%;box-shadow:inset 0 0 0 2px #ffffff59}.actor{transform:translate(calc(var(--dx) * (100% + 3px)), calc(var(--dy) * (100% + 3px)));transition:transform var(--move-ms) cubic-bezier(.4, 0, .2, 1);grid-area:1/1;position:relative}.actor--goal{z-index:1}.actor--goal img{object-fit:contain;filter:drop-shadow(0 3px 3px #00000040);width:116%;height:118%;position:absolute;top:-18%;left:-8%}.actor--goal.is-success img{animation:.7s ease-in-out infinite alternate goal-glow}@keyframes goal-glow{0%{filter:drop-shadow(0 3px 3px #00000040)brightness()}to{filter:drop-shadow(0 0 14px #ffdc5af2)brightness(1.2)}}.actor--mino{z-index:2}.actor__sprite{width:94%;height:118%;position:absolute;top:-22%;left:3%}.actor__sprite img{object-fit:contain;filter:drop-shadow(0 4px 3px #0000004d);width:100%;height:100%;transition:transform .15s}.facing-left .actor__sprite img{transform:scaleX(-1)}.is-walking .actor__sprite{animation:bob var(--move-ms) ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9%)}}.is-success .actor__sprite{animation:.55s ease-in-out 3 hop}@keyframes hop{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-26%)rotate(-6deg)}70%{transform:translateY(-8%)rotate(4deg)}}.bump-up .actor__sprite{animation:.45s ease-out bump-up}.bump-down .actor__sprite{animation:.45s ease-out bump-down}.bump-left .actor__sprite{animation:.45s ease-out bump-left}.bump-right .actor__sprite{animation:.45s ease-out bump-right}@keyframes bump-up{0%{transform:translateY(0)}35%{transform:translateY(-28%)rotate(-4deg)}60%{transform:translateY(6%)rotate(3deg)}to{transform:translateY(0)}}@keyframes bump-down{0%{transform:translateY(0)}35%{transform:translateY(28%)rotate(4deg)}60%{transform:translateY(-6%)rotate(-3deg)}to{transform:translateY(0)}}@keyframes bump-left{0%{transform:translate(0)}35%{transform:translate(-28%)rotate(-6deg)}60%{transform:translate(6%)rotate(3deg)}to{transform:translate(0)}}@keyframes bump-right{0%{transform:translate(0)}35%{transform:translate(28%)rotate(6deg)}60%{transform:translate(-6%)rotate(-3deg)}to{transform:translate(0)}}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.controls .btn--run{min-width:170px}.banner{color:var(--color-ink);background:#f4eedb;border:2px solid #19336314;border-radius:16px;align-items:flex-start;gap:10px;min-height:52px;margin-top:14px;padding:12px 16px;font-size:1.02rem;font-weight:700;line-height:1.35;display:flex}.banner svg{flex:none;width:26px;height:26px;margin-top:1px}.banner--warn{color:#9a4a00;background:#fff1e3;border-color:#ffd2a8}.banner--success{color:#1f6b1a;background:#e8f7e5;border-color:#bde6b5}.banner--info{color:var(--color-primary-dark);background:#e6f6f8;border-color:#bfe6ea}.app-header{background:var(--color-panel);box-shadow:var(--shadow-panel);border:2px solid #19336312;border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:12px 12px 0;padding:10px 18px;display:flex}.brand{color:var(--color-ink);min-height:var(--touch);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:46px;height:46px}.brand__text{flex-direction:column;line-height:1.05;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:.4px;font-size:1.55rem;font-weight:800}.brand__name em{color:var(--color-primary);font-style:normal}.brand__tagline{color:var(--color-ink-soft);font-size:.78rem;font-weight:700}.header__center{flex:320px;justify-content:center;min-width:0;display:flex}.header__right{align-items:center;gap:8px;margin-left:auto;display:flex}.profile-chip{min-height:var(--touch);color:var(--color-ink);background:#f4eedb;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:800;text-decoration:none;display:inline-flex}.profile-chip:hover{border-color:var(--color-primary)}.profile-chip small{color:var(--color-ink-soft);font-weight:600}.stepper{align-items:center;max-width:100%;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto}.stepper li{flex:none;align-items:center;display:flex}.stepper li+li:before{content:"";background:#ddd6c3;width:9px;height:4px}.step{width:32px;height:32px;font-family:var(--font-display);color:var(--color-ink);background:#f1ecdd;border:2px solid #e2dbc8;border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .1s;display:grid}a.step:hover{transform:scale(1.1)}.step--done{background:var(--color-grass);color:#fff;border-color:#6fb265}.step--current{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff;box-shadow:0 0 0 4px #16a6b640}.step--locked{color:#b9b3a4;background:#f6f2e7}.step svg{width:18px;height:18px}.stepper-compact{font-family:var(--font-display);color:var(--color-ink);font-weight:800;display:none}@media (width<=900px){.stepper{display:none}.stepper-compact{display:block}}.level-main{grid-template-columns:minmax(0,1.2fr) 220px minmax(320px,1fr);align-items:start;gap:16px;width:100%;max-width:1480px;margin:0 auto;padding:14px 12px 28px;display:grid}.code-area{display:contents}.board-panel{padding:16px 20px 20px}.level-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.task-title{color:var(--color-ink);font-size:clamp(1.25rem,2.3vw,1.65rem)}.task-title:before,.task-title:after{content:"⋮";color:var(--color-primary);opacity:.6;margin:0 8px}.level-name{font-family:var(--font-display);color:var(--color-ink-soft);font-size:1rem;font-weight:800}.palette-panel{flex-direction:column;align-self:stretch;display:flex;position:relative}.palette{flex-direction:column;flex:1;align-items:stretch;gap:16px;min-height:200px;padding:18px 16px 20px;display:flex}.palette__trash{border-radius:var(--radius-panel);border:3px dashed var(--color-danger);color:var(--color-danger);font-family:var(--font-display);pointer-events:none;opacity:0;background:#e05a4e1f;justify-content:center;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;transition:opacity .15s;display:flex;position:absolute;inset:0}.palette__trash.is-visible{opacity:1}.palette__trash.is-over{background:#e05a4e40}.palette__trash svg{width:26px;height:26px}.palette__limit{color:var(--color-ink-soft);text-align:center;padding:0 4px;font-size:.88rem;font-weight:700}.workspace-panel{flex-direction:column;align-self:stretch;min-height:420px;display:flex}.workspace{background-color:#fffdf5;background-image:radial-gradient(#19336324 1.4px,#0000 1.6px);background-size:18px 18px;flex:1;padding:18px 18px 40px;overflow:auto}.workspace.is-locked{opacity:.85}.workspace__hat{margin-bottom:0}.block-count{font-family:var(--font-display);color:var(--color-primary-dark);background:#e6f6f8;border-radius:999px;padding:2px 10px;font-size:.95rem;font-weight:800}.block-count.is-limit{color:#9a4a00;background:#fff1e3}.workspace__tools{align-items:center;gap:8px;display:flex}@media (width<=1120px){.level-main{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.code-area{flex-direction:column;gap:16px;min-width:0;display:flex}.palette{flex-flow:wrap;flex:none;align-items:flex-start}.palette .block--palette{width:auto;min-width:150px}.palette__limit{flex-basis:100%}}@media (width<=760px){.level-main{grid-template-columns:minmax(0,1fr)}.app-header{margin:8px 8px 0;padding:8px 12px}.brand__tagline{display:none}.level-main{padding:10px 8px 24px}.board-panel{padding:14px 12px 16px}.palette{flex-wrap:wrap;gap:12px;padding:14px 12px 16px}.palette .block--palette{flex:150px;min-width:150px}}.signs{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 4px;display:flex}.sign{font-family:var(--font-display);color:#fff8ea;background:linear-gradient(#c8955b, var(--color-wood));border:2px solid var(--color-wood-dark);box-shadow:0 3px 0 var(--color-wood-dark);text-shadow:0 1px #00000040;transform:rotate(var(--tilt,0deg));border-radius:8px;padding:4px 12px;font-size:.95rem;font-weight:800}.map-page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:14px 12px 40px}.map-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.map-hero h1{font-size:clamp(1.6rem,3.5vw,2.2rem)}.map-hero p{color:var(--color-ink-soft);margin:4px 0 0;font-weight:700}.map-hero__stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.units{margin-top:14px;padding:8px 18px 18px}.unit{padding:14px 0 4px}.unit+.unit{border-top:2px solid var(--color-line)}.unit__head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.unit__head h2{color:var(--color-ink);font-size:1.15rem}.bubble-row{flex-wrap:wrap;gap:10px 8px;margin:0;padding:0;list-style:none;display:flex}.bubble-item{flex-direction:column;align-items:center;gap:3px;width:88px;display:flex}.bubble{background:var(--color-primary);border:3px solid var(--color-primary-dark);color:#fff;width:56px;height:56px;font-family:var(--font-display);border-radius:50%;place-items:center;gap:1px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:grid}a.bubble:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 16px #19336340}.bubble--done{background:var(--color-grass);border-color:#5e9c55}.bubble--locked{color:#a19a8a;background:#eee9da;border-color:#ddd6c3}.bubble__num{place-items:center;line-height:1;display:grid}.bubble__num svg{width:22px;height:22px}.bubble__stars{gap:1px;margin-top:-2px;display:flex}.bubble__stars svg{width:11px;height:11px}.bubble--locked .bubble__stars{visibility:hidden}.bubble-item__title{color:var(--color-ink-soft);text-align:center;font-size:.72rem;font-weight:700;line-height:1.15}.map-footer{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.dialog{background:var(--color-panel);width:min(92vw,480px);color:var(--color-ink);border:0;border-radius:28px;padding:0;box-shadow:0 30px 60px #19336359}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#19336373}.dialog__body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 26px 28px;display:flex}.dialog__body img{object-fit:contain;width:120px;height:128px;animation:.6s ease-in-out 2 hop}.dialog__title{color:var(--color-primary-dark);font-size:2.2rem;line-height:1}.dialog__text{margin:0;font-size:1.05rem;font-weight:700}.dialog__hint{color:var(--color-ink-soft);margin:0;font-size:.95rem;font-weight:600}.dialog__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.stars--pop svg{animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop}.stars--pop svg:nth-child(2){animation-delay:.15s}.stars--pop svg:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hint-box{color:#6b4d00;background:#fff8e1;border:2px solid #ffe08a;border-radius:16px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 16px;font-weight:700;display:flex}.hint-box svg{flex:none;width:26px;height:26px}.simple-page{flex:1;place-items:center;padding:24px 12px;display:grid}.simple-page .panel{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:520px;padding:32px;display:flex}.simple-page img{width:120px}.sound-toggle{border-radius:50%}.sound-toggle svg{width:24px;height:24px}.login{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 12px 32px;display:flex}.login__card{text-align:center;flex-direction:column;gap:14px;width:min(100%,640px);padding:22px 24px 24px;animation:.25s ease-out card-in;display:flex}.login__card--narrow{width:min(100%,420px)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.login__hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.login__hero img{object-fit:contain;filter:drop-shadow(0 5px 5px #19336340);width:92px;height:98px}.login__title{color:var(--color-ink);font-size:clamp(1.7rem,5vw,2.4rem);line-height:1}.login__title--small{font-size:clamp(1.4rem,4vw,1.8rem)}.login__title em{color:var(--color-primary);font-style:normal}.login__tagline{color:var(--color-ink-soft);margin:5px 0 0;font-size:.95rem;font-weight:700}.login__step{flex-direction:column;align-items:center;gap:12px;display:flex}.login__step h2{font-size:1.35rem}.login__hint{color:var(--color-ink-soft);margin:0;font-weight:700}.login__hint--small{font-size:.85rem;font-weight:600}.login__empty{color:var(--color-ink-soft);background:#f4eedb;border-radius:16px;margin:0;padding:16px;font-weight:700}.login__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.login__error{color:#a3342a;background:#ffeceb;border:2px solid #f2c7c2;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 14px;font-weight:800;display:flex}.login__error svg{flex:none;width:20px;height:20px}.login__footer{color:var(--color-ink-soft);align-items:center;gap:10px;font-weight:700;display:flex}.login__link{min-height:40px;color:var(--color-primary-dark);background:#fffdf5d9;border:2px solid #19336314;border-radius:12px;align-items:center;padding:0 12px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.login__link:hover{background:#fff}.login__link--admin{color:var(--color-ink-soft);font-size:.82rem}.code-input{justify-content:center;gap:8px;display:flex}.code-input__box{width:56px;height:68px;font-family:var(--font-display);text-align:center;text-transform:uppercase;color:var(--color-ink);background:#fff;border:3px solid #dfd8c5;border-radius:16px;padding:0;font-size:2rem;font-weight:800}.code-input__box:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #16a6b640}.code-input.is-error .code-input__box{border-color:var(--color-danger);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (width<=520px){.code-input__box{width:44px;height:56px;font-size:1.5rem}}.student-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.student-card-wrap{position:relative}.student-card{min-width:116px;min-height:116px;font-family:var(--font-display);color:var(--color-ink);background:#f4eedb;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;font-size:1.02rem;font-weight:800;transition:transform .1s,border-color .12s;display:flex}.student-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.student-card__delete{width:30px;height:30px;color:var(--color-danger);background:#fff;border:2px solid #f2c7c2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.student-card__delete svg{width:16px;height:16px}.secret-progress{justify-content:center;gap:10px;display:flex}.secret-progress__slot{width:58px;height:58px;font-family:var(--font-display);color:#bdb6a4;background:#fffdf5;border:3px dashed #dfd8c5;border-radius:16px;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.secret-progress__slot.is-filled{border-style:solid;border-color:var(--color-primary);background:#e6f6f8;animation:.2s ease-out pop}.secret-progress__icon{width:38px;height:38px}@keyframes pop{0%{transform:scale(.7)}}.secret-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.secret-tile{min-height:96px;color:var(--color-ink-soft);background:#fffdf5;border:3px solid #e6e0cf;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:.8rem;font-weight:800;transition:transform .1s,border-color .12s,background-color .12s;display:flex}.secret-tile svg{width:52px;height:52px}.secret-tile:hover:not(:disabled){border-color:var(--color-primary);background:#fff;transform:translateY(-2px)}.secret-tile:active:not(:disabled){transform:translateY(1px)scale(.97)}@media (width<=560px){.secret-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.secret-tile{min-height:88px}.secret-tile svg{width:44px;height:44px}}.field--plain{border:0;margin:0;padding:0}.field{flex-direction:column;align-items:center;gap:6px;font-weight:800;display:flex}.field input{width:min(100%,320px);min-height:52px;font-size:1.2rem;font-family:var(--font-display);text-align:center;color:var(--color-ink);background:#fff;border:3px solid #dfd8c5;border-radius:16px;padding:0 16px;font-weight:700}.field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #16a6b640}.color-picker{justify-content:center;gap:10px;display:flex}.color-picker label{width:var(--touch);height:var(--touch);cursor:pointer;place-items:center;display:grid;position:relative}.color-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.color-picker__swatch{border:3px solid #fff;border-radius:50%;width:38px;height:38px;transition:transform .1s;box-shadow:0 0 0 2px #dfd8c5}.color-picker input:checked+.color-picker__swatch{box-shadow:0 0 0 4px var(--color-start);transform:scale(1.15)}.color-picker input:focus-visible+.color-picker__swatch{box-shadow:0 0 0 4px var(--color-start)}.admin-bar{background:var(--color-panel);box-shadow:var(--shadow-panel);border:2px solid #19336312;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:10px 12px 0;padding:8px 16px;display:flex;position:relative}.brand--small .brand__name{font-size:1.15rem}.admin-bar__title{color:var(--color-ink-soft);font-size:1.1rem}.admin-bar__right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.admin{flex:1;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:14px;width:100%;max-width:1280px;margin:0 auto;padding:12px;display:grid}.admin__side-body{flex-direction:column;gap:14px;padding:12px;display:flex}.class-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.class-item{width:100%;min-height:48px;font-family:var(--font-display);color:var(--color-ink);text-align:left;background:#f4eedb;border:2px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:flex}.class-item:hover{border-color:var(--color-primary)}.class-item.is-active{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.class-item__code{letter-spacing:1px;opacity:.8;font-size:.78rem}.new-class{border-top:2px solid var(--color-line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.new-class h3{color:var(--color-ink-soft);font-size:1rem}.new-class__row{gap:8px;display:flex}.new-class__row select{flex:1}.admin input[type=text],.admin input[type=password],.admin select,.pin-popover input{min-height:44px;color:var(--color-ink);background:#fff;border:2px solid #dfd8c5;border-radius:12px;width:100%;padding:0 12px;font-weight:700}.admin input:focus,.admin select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a6b633}.admin__main{flex-direction:column;min-height:420px;display:flex}.admin__main--empty{color:var(--color-ink-soft);justify-content:center;align-items:center;padding:40px;font-weight:700}.admin__empty,.admin__help{color:var(--color-ink-soft);margin:0;font-size:.9rem;font-weight:700}.admin__note{text-align:center;color:var(--color-ink-soft);background:#fffdf5cc;border-radius:999px;margin:0 auto 14px;padding:6px 14px;font-size:.82rem;font-weight:700}.class-header{border-bottom:2px solid var(--color-line);background:linear-gradient(#fffdf5,#f7f0dc);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.class-header__name{flex:240px;align-items:center;gap:8px;display:flex}.class-header__name input{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.class-header__code{align-items:center;gap:8px;display:flex}.class-header__code-label{color:var(--color-ink-soft);font-size:.8rem;font-weight:800}.code-badge{border:3px dashed var(--color-primary);min-height:44px;font-family:var(--font-display);letter-spacing:3px;color:var(--color-primary-dark);background:#e6f6f8;border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-size:1.5rem;font-weight:800;display:inline-flex}.code-badge svg{width:20px;height:20px}.class-header__copied{color:var(--color-success);font-size:.8rem;font-weight:800}.admin__tabs{border-bottom:2px solid var(--color-line);gap:4px;padding:10px 16px 0;display:flex}.admin__tab{min-height:42px;font-family:var(--font-display);color:var(--color-ink-soft);background:0 0;border:0;border-radius:12px 12px 0 0;padding:0 16px;font-weight:800}.admin__tab.is-active{color:var(--color-primary-dark);background:#e6f6f8}.admin__tab-body{flex-direction:column;gap:14px;padding:16px;display:flex}.new-student{border-bottom:2px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:12px;display:flex}.new-student input{flex:200px}.color-picker--small label{width:34px;height:34px}.color-picker--small .color-picker__swatch{border-width:2px;width:26px;height:26px}.student-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.student-row{background:#f7f3e8;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.student-row__name{font-family:var(--font-display);flex:140px;font-weight:800}.student-row__secret{background:#fff;border:2px solid #e6e0cf;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.student-row__pic{width:30px;height:30px}.assignments__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip--muted{color:var(--color-ink-soft);background:#eee9da}.chip--info{color:var(--color-primary-dark);background:#e6f6f8}.assign-unit header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.assign-unit h3{font-size:1.02rem}.assign-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.assign-chip{cursor:pointer;background:#fffdf5;border:2px solid #e6e0cf;border-radius:14px;align-items:center;gap:8px;min-height:46px;padding:6px 12px;font-weight:700;display:flex}.assign-chip.is-on{border-color:var(--color-primary);background:#e6f6f8}.assign-chip input{width:22px;height:22px;accent-color:var(--color-primary)}.assign-chip__num{font-family:var(--font-display);color:var(--color-ink-soft);min-width:20px;font-weight:800}.assign-chip__title{font-size:.9rem}.progress-table-wrap{overflow-x:auto}.progress-table{border-collapse:collapse;width:100%;font-weight:700}.progress-table th,.progress-table td{text-align:left;border-bottom:2px solid var(--color-line);white-space:nowrap;padding:10px 12px}.progress-table thead th{font-family:var(--font-display);color:var(--color-ink-soft);font-size:.85rem}.progress-table tbody th{font-family:var(--font-display);align-items:center;gap:8px;display:flex}.progress-dots{gap:3px;display:inline-flex}.progress-dot{color:#a19a8a;width:24px;height:24px;font-size:.75rem;font-family:var(--font-display);background:#eee9da;border-radius:8px;place-items:center;font-weight:800;display:grid}.progress-dot.is-done{background:var(--color-grass);color:#fff}.pin-popover{z-index:5;background:var(--color-panel);width:260px;box-shadow:var(--shadow-panel);border:2px solid #1933631a;border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:16px}.field--tight{align-items:stretch;gap:4px;font-size:.85rem}.field--tight input{text-align:left;font-size:1rem}.pin-popover__msg{color:var(--color-primary-dark);margin:0;font-size:.85rem;font-weight:800}@media (width<=860px){.admin{grid-template-columns:minmax(0,1fr)}.class-list{flex-flow:wrap}.class-item{width:auto}}