@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Nunito Variable,Nunito,system-ui,sans-serif;color:#234441;background:#edf3ec;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:600;--ink:#234441;--muted:#7d9990;--line:#dce9df;--paper:#fffefa;--mint:#69cba8;--deep:#198e7d;--yellow:#ffd969;--coral:#f18d70;--shadow:0 14px 34px #315d3e12}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#e0f7e8 0,transparent 50%),#edf3ec}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #42b8a0;outline-offset:3px}.app-shell{max-width:1560px;min-height:100vh;margin:0 auto;padding:20px 34px 28px}.topbar{height:72px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fffffff0;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 26px #315d3e0c}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:#55776d;box-shadow:0 3px #e5eee7}.icon-button:hover{background:#f1faf5}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#d8f4e9;color:#188d7d;font-size:23px}.brand{display:grid;line-height:1}.brand strong{font-size:21px;letter-spacing:-.04em}.brand small{margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.14em;font-weight:900}.top-spacer{flex:1}.chapter-pill{padding:11px 16px;border:1px solid #e6eee5;border-radius:99px;background:#fafcf8;color:#69867d;font-size:12px;font-weight:900;letter-spacing:.07em}.chapter-pill span{padding-inline:4px;color:#eab94e}.sound-on{color:#119b88}.map-screen{padding-top:28px}.map-intro{margin:0 0 22px 8px}.kicker{display:inline-flex;align-items:center;gap:6px;color:#7ca095;font-size:11px;line-height:1;font-weight:1000;letter-spacing:.15em}.map-intro h1,.mission-heading h1{margin:7px 0 0;font-size:clamp(26px,3vw,37px);line-height:1.1;letter-spacing:-.04em}.map-intro p,.mission-heading p{margin:6px 0 0;color:#78938a;font-size:15px;font-weight:700}.map-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:20px}.story-map,.side-panel{position:relative;overflow:hidden;min-height:590px;border:1px solid var(--line);border-radius:28px;background:#fffefb;box-shadow:var(--shadow)}.story-map{background:linear-gradient(#d8f2ec,#e9f5d9 48%,#acd89c 49%,#bce2ab)}.map-sun{position:absolute;right:12%;top:9%;width:68px;height:68px;border-radius:50%;background:#ffdb79;box-shadow:0 0 0 15px #fff8c854}.map-hill{position:absolute;left:-12%;width:125%;height:48%;bottom:5%;border-radius:50% 50% 0 0}.hill-back{background:#a0d89e;transform:rotate(-7deg);bottom:0}.hill-front{background:#85ca8e;transform:rotate(8deg);bottom:-17%;opacity:.7}.trail{position:absolute;inset:10% 4% 7%;width:92%;height:83%;overflow:visible}.trail path{fill:none;stroke:#fbf6df;stroke-width:13;stroke-linecap:round;stroke-dasharray:2 22}.map-stop{position:absolute;z-index:3;width:62px;height:62px;display:grid;place-items:center;border:5px solid #fff;border-radius:22px;background:#fff4d3;color:#c09435;box-shadow:0 7px #d8c89a,0 12px 24px #4c714025;transform:rotate(-4deg);transition:transform .18s,box-shadow .18s}.map-stop:hover,.map-stop.active{transform:translateY(-5px) rotate(0);box-shadow:0 9px #d8c89a,0 15px 26px #4c71402c}.stop-1{left:11%;bottom:17%}.stop-2{left:43%;top:41%;background:#fff}.stop-3{right:14%;top:15%;background:#e9e1ff;color:#9274c3}.stop-label{position:absolute;top:68px;left:50%;width:155px;transform:translate(-50%);color:#416b53;font-size:12px;font-weight:1000;text-shadow:0 1px #eaf8d9}.map-tree{position:absolute;z-index:2;color:#4f9b67;font-size:46px;text-shadow:0 5px #347b50}.tree-one{left:8%;top:21%}.tree-two{right:9%;bottom:20%;font-size:40px}.tree-three{left:47%;bottom:9%;font-size:34px}.map-camp{position:absolute;z-index:2;right:12%;bottom:13%;display:grid;justify-items:center;gap:3px;color:#52755b;font-size:11px}.map-camp span{display:grid;place-items:center;width:54px;height:44px;border-radius:50% 50% 14px 14px;background:#ffce87;color:#9c6a43;font-size:32px}.map-pond{position:absolute;left:38%;bottom:10%;width:95px;height:37px;border:5px solid #b7e5df;border-radius:50%;background:#82d3ce}.side-panel{padding:26px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.035em}.avatar-stack{display:flex;padding-left:9px}.avatar-stack .friend{margin-left:-9px;border:3px solid white}.panel-copy{max-width:400px;margin:11px 0 18px;color:#819a91;font-size:13px;line-height:1.5}.cast-list{display:grid;gap:9px}.cast-card{height:64px;display:flex;align-items:center;gap:12px;padding:6px 12px;border:1px solid #e6eee7;border-radius:17px;background:#fff;transition:.15s;text-align:left}.cast-card:hover{transform:translate(3px);background:#fbfdf9}.cast-card.selected{border-color:#74cfad;background:#f2fff7;box-shadow:0 0 0 2px #bcebd5}.cast-info{display:grid;gap:1px}.cast-info strong{font-size:14px}.cast-info small{color:#8aa098;font-size:11px;font-weight:800}.cast-check{margin-left:auto;color:#239d80}.primary-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:0;border-radius:16px;background:#20ad92;color:#fff;font-size:14px;font-weight:1000;box-shadow:0 4px #128a7a;transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.continue-button{margin-top:auto;width:100%}.map-footer{display:flex;justify-content:space-between;margin:15px 10px 0;color:#90a69d;font-size:12px;font-weight:800}.online-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#57c89a;box-shadow:0 0 0 4px #daf4e6}.mission-screen{padding-top:20px}.mission-heading{display:grid;grid-template-columns:110px 1fr 140px;align-items:center;gap:15px;margin:0 8px 18px}.back-link{display:flex;align-items:center;gap:6px;padding:8px;border:0;background:transparent;color:#6b8b80;font-size:13px;font-weight:900}.mission-progress{display:grid;justify-items:end;gap:7px;color:#7e988d;font-size:12px;font-weight:900}.mission-progress div{width:125px;height:7px;border-radius:10px;background:#dcebe1}.mission-progress i{display:block;width:20%;height:100%;border-radius:10px;background:#65cba4}.mission-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.9fr);gap:18px}.playfield,.code-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fffefb;box-shadow:var(--shadow)}.scene-sky{position:relative;min-height:570px;overflow:hidden;background:linear-gradient(180deg,#c9eced,#e6f7e6 48%,#b4deaa 49%,#a7d798)}.scene-label{position:absolute;z-index:5;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;color:#589284;font-size:10px;font-weight:1000;letter-spacing:.14em}.cloud{position:absolute;z-index:1;width:98px;height:26px;border-radius:99px;background:#f7fffa;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;bottom:6px;width:38px;height:36px;border-radius:50%;background:inherit}.cloud:before{left:17px}.cloud:after{right:17px;width:28px;height:28px}.cloud-a{top:17%;left:12%}.cloud-b{top:26%;right:12%;transform:scale(.7)}.sun{position:absolute;right:13%;top:10%;width:50px;height:50px;border-radius:50%;background:#ffda76;box-shadow:0 0 0 11px #fff1a66b}.landscape{position:absolute;left:-8%;width:115%;height:34%;border-radius:50%}.landscape-back{top:37%;background:#a1d698;transform:rotate(-5deg)}.landscape-front{bottom:-23%;background:#86c985;transform:rotate(5deg)}.game-grid{position:absolute;z-index:3;top:35%;left:50%;width:min(68%,530px);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;padding:12px;border-radius:24px;background:#cae0b6b8;box-shadow:0 14px 28px #42735526;transform:translate(-50%) perspective(850px) rotateX(12deg)}.tile{position:relative;aspect-ratio:1.05;border:1px solid #d0dfbd;border-radius:14px;background:linear-gradient(145deg,#fffdf0,#eff2cd);box-shadow:0 4px #b5ccaa;display:grid;place-items:center}.tile:nth-child(odd):not(.rock){background:linear-gradient(145deg,#fffefa,#e7f1d5)}.tile.rock{background:linear-gradient(145deg,#aac39b,#8da982);box-shadow:0 4px #76946f}.bush{font-size:28px;color:#447d57}.tile.flower{background:#ffeab0}.flower-mark{color:#e6a843;font-size:28px}.goal-mark{position:absolute;top:7px;right:8px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#ffe083;color:#d69431;box-shadow:0 3px #e7c365}.side-friend{position:absolute;bottom:-6px;right:-8px;transform:scale(.78)}.friend{position:relative;width:56px;height:59px;flex:none;display:grid;place-items:end center;filter:drop-shadow(0 3px 2px #2b514a20);--fur:#ff9c59}.head{position:absolute;z-index:2;top:8px;width:42px;height:38px;border-radius:48% 48% 45% 45%;background:var(--fur);border:2px solid #c97850;box-shadow:inset -4px -4px #00000012}.ears{position:absolute;z-index:1;top:0;display:flex;gap:20px}.ears i{display:block;width:15px;height:21px;border-radius:80% 80% 20% 20%;background:var(--fur);border:2px solid #bd704c;transform:rotate(-18deg)}.ears i+i{transform:rotate(18deg)}.ears-kedi i{height:24px;clip-path:polygon(50% 0,100% 100%,0 100%);border:0}.ears-kus i{height:9px;width:14px;border:0}.ears-tavsan i{height:26px;border-radius:50%;transform:rotate(-12deg)}.eye{position:absolute;top:13px;width:4px;height:6px;border-radius:50%;background:#324546}.eye-a{left:10px}.eye-b{right:10px}.muzzle{position:absolute;left:50%;top:20px;width:8px;height:5px;border-radius:50%;background:#754a45;transform:translate(-50%)}.smile{position:absolute;left:50%;top:24px;width:11px;height:5px;border-bottom:1.5px solid #794e47;border-radius:50%;transform:translate(-50%)}.body{position:absolute;bottom:2px;width:31px;height:26px;border-radius:45% 45% 35% 35%;background:var(--fur);border:1.5px solid #bf7850}.body i{position:absolute;top:5px;left:10px;width:11px;height:14px;border-radius:50%;background:#fff0d8}.feet{position:absolute;bottom:0;width:43px;display:flex;justify-content:space-between}.feet i{width:17px;height:8px;border-radius:50%;background:#875647}.friend-small{width:34px;height:36px;transform:scale(.72);transform-origin:center}.friend-small .head{top:6px;width:27px;height:25px;border-width:1px}.friend-small .ears{gap:12px}.friend-small .ears i{width:10px;height:14px}.friend-small .body{width:22px;height:18px;border-width:1px}.friend-small .body i{top:4px;left:7px;width:8px;height:9px}.friend-small .feet{width:30px}.friend-small .feet i{width:12px;height:6px}.friend-small .eye{top:9px;width:3px;height:4px}.friend-small .eye-a{left:6px}.friend-small .eye-b{right:6px}.friend-small .muzzle{top:14px;width:6px;height:4px}.friend-small .smile{top:17px;width:8px}.story-bubble{position:absolute;z-index:6;left:50%;top:17%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:18px;background:#fff;color:#557970;font-size:12px;font-weight:1000;box-shadow:0 7px 20px #37614d21;transform:translate(-50%);white-space:nowrap}.story-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;width:14px;height:14px;background:#fff;transform:translate(-50%) rotate(45deg)}.scene-caption{height:49px;display:flex;align-items:center;gap:8px;padding-inline:17px;color:#819990;font-size:12px;font-weight:900}.friend-dot{width:10px;height:10px;border-radius:50%;background:var(--fur)}.code-panel{padding:20px;display:flex;flex-direction:column;gap:12px}.code-title,.command-heading{display:flex;align-items:center;justify-content:space-between}.step-count,.command-heading>span+span{color:#9aaca4;font-size:11px;font-weight:900}.program-tray{min-height:152px;max-height:210px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:9px;padding:14px;border:2px dashed #b7ddd0;border-radius:19px;background:#eff8f1}.empty-program{width:100%;min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#72a795;font-weight:1000}.empty-arrow{font-size:24px}.empty-program small{margin-top:4px;color:#a0b4aa;font-size:11px;font-weight:800}.program-command,.command-card{position:relative;width:56px;height:58px;border:1px solid #a5ddc5;border-radius:16px;background:#daf5e7;color:#248a69;box-shadow:0 4px #c6e6d7}.program-command{cursor:grab}.program-command>span,.command-card>span{font-size:31px;line-height:1;font-weight:1000}.program-command small{position:absolute;left:6px;top:4px;color:#88a699;font-size:8px}.program-command>i{position:absolute;right:3px;top:3px;display:grid;place-items:center;color:#bb816e;opacity:0}.program-command:hover>i{opacity:1}.command-deck{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.command-card{width:72px;height:76px;display:grid;align-content:center;justify-items:center;gap:4px;border-radius:19px}.command-card small{font-size:9px;font-weight:1000}.command-card:hover{transform:translateY(-3px)}.command-right,.command-left{background:#e6f0ff;border-color:#bfd4ed;color:#5585b4;box-shadow:0 4px #d0deee}.command-down{background:#fff0d6;border-color:#f2d49a;color:#bf9250;box-shadow:0 4px #ead8b2}.command-erase{background:#fff0ea;border-color:#efc9bc;color:#bd7f71;box-shadow:0 4px #ead3c9}.run-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.reset-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#738f84;font-size:12px;font-weight:1000}.run-button{min-height:50px}.feedback{min-height:35px;display:flex;align-items:center;justify-content:center;gap:7px;color:#91a99d;font-size:12px;font-weight:900;text-align:center}.feedback-hint{color:#d78e50}.feedback-win{color:#209d79}.feedback-star{font-size:20px}.success-overlay{position:absolute;z-index:9;inset:0;display:grid;place-items:center;background:#274b3a40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.success-card{width:min(320px,90%);padding:27px;border:1px solid white;border-radius:25px;background:#fffef9;text-align:center;box-shadow:0 18px 50px #233b3240;animation:pop .35s ease-out}.success-stars{display:flex;justify-content:center;gap:7px;color:#ffc44f}.success-card h2{margin:9px 0 3px;font-size:27px}.success-card p{margin:0 0 19px;color:#7f968c}.success-card .primary-button{width:100%}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.app-shell{padding-inline:20px}.map-layout,.mission-content{grid-template-columns:1fr}.story-map{min-height:440px}.side-panel{min-height:0}.continue-button{margin-top:18px}.mission-content{max-width:760px;margin-inline:auto}.scene-sky{min-height:500px}}@media(max-width:600px){.app-shell{padding:9px 10px 18px}.topbar{height:58px;padding:0 9px;gap:7px;border-radius:18px}.icon-button{width:36px;height:36px;border-radius:12px}.brand-mark{width:32px;height:32px}.brand strong{font-size:18px}.chapter-pill{padding:9px 10px;font-size:9px}.help-button{display:none}.map-screen{padding-top:21px}.map-intro{margin-left:4px}.map-intro h1{font-size:28px}.map-layout{gap:12px}.story-map{min-height:375px;border-radius:23px}.map-stop{width:50px;height:50px;border-radius:17px;border-width:4px}.stop-label{top:55px;font-size:10px}.tree-one{font-size:35px}.tree-two{font-size:31px}.side-panel{padding:18px;border-radius:22px}.avatar-stack{display:none}.map-footer{font-size:10px}.mission-screen{padding-top:12px}.mission-heading{grid-template-columns:64px 1fr;margin:0 2px 13px;gap:5px}.mission-heading h1{font-size:23px}.mission-heading p{font-size:12px}.mission-progress{grid-column:2;display:flex;align-items:center;justify-items:initial;gap:9px}.mission-progress div{width:88px}.mission-content{gap:10px}.playfield,.code-panel{border-radius:21px}.scene-sky{min-height:370px}.game-grid{top:37%;width:min(85%,430px);gap:5px;padding:8px;border-radius:18px}.tile{border-radius:10px}.friend{transform:scale(.8)}.scene-caption{height:39px}.code-panel{padding:15px}.program-tray{min-height:112px;max-height:164px;padding:10px;gap:7px}.empty-program{min-height:84px}.command-deck{gap:8px}.command-card{width:58px;height:63px;border-radius:16px}.command-card>span{font-size:27px}.command-card small{font-size:8px}.run-actions{grid-template-columns:.8fr 1.4fr}.map-camp{right:9%;bottom:9%;font-size:9px}.map-camp span{width:41px;height:35px;font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.stop-4{left:19%;top:37%;background:#e5f3ff;color:#5a94bf}.stop-5{right:33%;bottom:12%;background:#ffe8e6;color:#c87970}:root{color:#282b44;background:#fff4dc;--ink:#282b44;--muted:#85849a;--line:#35364e;--paper:#fffaf0;--mint:#f1a15a;--deep:#3758a4;--yellow:#ffd46a;--coral:#e87e69;--shadow:5px 6px 0 #34364c}body{color:#282b44;background-color:#fff4dc;background-image:radial-gradient(#d9cbaa .7px,transparent .7px);background-size:18px 18px}.app-shell{max-width:1500px}.topbar{height:68px;border:2px solid #30324a;border-radius:15px;background:#fffaf0;box-shadow:5px 5px #30324a}.icon-button{border:2px solid #30324a;border-radius:12px;background:#ffdc82;color:#30324a;box-shadow:2px 3px #30324a}.brand-mark{border:2px solid #30324a;border-radius:10px;background:#ee856b;color:#fff9e9;box-shadow:2px 3px #30324a}.brand small{color:#686984}.top-link{padding:9px 12px;border:2px solid transparent;border-radius:9px;background:none;color:#74748b;font-size:12px;font-weight:1000}.top-link-active{border-color:#30324a;background:#f4c65c;color:#30324a;box-shadow:2px 3px #30324a}.chapter-pill{border:2px solid #30324a;border-radius:9px;background:#ece6ff;color:#4e4c70}.map-intro h1,.mission-heading h1,.projects-intro h1{font-family:Trebuchet MS,Nunito,sans-serif;font-weight:1000;letter-spacing:-.055em}.kicker{color:#666785}.map-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.82fr);gap:21px}.story-map,.side-panel,.playfield,.code-panel{border:2px solid #34364e;border-radius:16px;box-shadow:5px 6px #34364e}.story-map{background:linear-gradient(#c8e9f5,#e2f1ec 47%,#a9cf83 48%,#c0d997)}.story-map:after{content:"FIELD NOTES  /  01";position:absolute;z-index:1;top:17px;right:19px;padding:7px 10px;border:2px solid #34364e;border-radius:6px;background:#fff9e7;color:#51526d;font-size:9px;font-weight:1000;letter-spacing:.11em;transform:rotate(2deg)}.map-stop{width:57px;height:57px;border:3px solid #34364e;border-radius:50%;background:#ffdb73;color:#34364e;box-shadow:3px 4px #34364e,0 9px 17px #35455220;transform:none}.map-stop:hover,.map-stop.active{transform:translateY(-3px) rotate(-5deg);box-shadow:3px 7px #34364e,0 12px 18px #35455224}.stop-label{top:63px;padding:4px 7px;border:1px solid #45445c;border-radius:5px;background:#fff8e8;color:#38394f;font-size:10px;text-shadow:none}.map-tree{color:#497d58;text-shadow:1px 2px #fff6db}.side-panel{border-radius:16px;background:#fffaf0}.panel-head h2{font-family:Trebuchet MS,Nunito,sans-serif}.cast-card{height:59px;border:2px solid #d7d2c3;border-radius:10px;background:#fffdf7;box-shadow:2px 2px #d7d2c3}.cast-card.selected{border-color:#30324a;background:#fff2c5;box-shadow:3px 3px #30324a}.primary-button{border:2px solid #30324a;border-radius:10px;background:#f18a68;color:#282b44;box-shadow:3px 4px #30324a}.primary-button:hover{transform:translate(-1px,-2px);box-shadow:4px 6px #30324a}.workshop-link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:8px;border:0;background:none;color:#475b9c;font-weight:1000}.world-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 18px}.world-tab{min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 11px;border:2px solid #36364e;border-radius:10px;background:#fffaf0;text-align:left;font-size:12px;font-weight:1000;box-shadow:3px 3px #36364e}.world-tab>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#f5d46e;color:#36364e;font-size:10px}.world-tab-2>span{background:#8ed3d6}.world-tab-3>span{background:#eb9a78}.world-tab-4>span{background:#aabce9}.world-tab-5>span{background:#b8a5d9}.world-tab.selected{transform:translate(2px,2px);background:#f5d46e;box-shadow:1px 1px #36364e}.mission-picker{margin-top:24px;padding:18px;border:2px solid #36364e;border-radius:14px;background:#fffaf0;box-shadow:4px 4px #36364e}.picker-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.picker-heading h2{margin:5px 0 0;font-size:21px}.picker-heading>span{color:#77778a;font-size:11px;font-weight:1000}.mission-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mission-card{min-height:57px;display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #dcd5c3;border-radius:8px;background:#fffdf8;text-align:left;transition:transform .12s,background .12s}.mission-card:hover{transform:translateY(-2px);background:#fff2c9}.mission-card.active{border:2px solid #34364e;background:#fff0bd;box-shadow:2px 2px #34364e}.mission-card-number{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#e8e5f3;color:#4c4c72;font-size:10px;font-weight:1000}.mission-card>span:nth-child(2){display:grid;min-width:0;gap:2px}.mission-card strong{overflow:hidden;color:#30324a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mission-card small{overflow:hidden;color:#858297;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mission-card>svg{flex:none;margin-left:auto;color:#858297}.scene-sky{border-bottom:2px solid #34364e;background:linear-gradient(180deg,#c8e9f5,#edf1d6 52%,#bbd991 53%,#a4c97b)}.game-grid{border:2px solid #383a50;border-radius:13px;background:#f4edcf;box-shadow:5px 6px #383a50}.tile{border:1px solid #b5b58f;border-radius:6px;background:#fff8da;box-shadow:0 3px #c8c398}.tile:nth-child(odd):not(.rock){background:#f8edc8}.tile.rock{background:#849a79;box-shadow:0 3px #566d54}.goal-mark{border:2px solid #34364e;border-radius:10px;background:#f4c85f;color:#34364e;box-shadow:2px 3px #34364e}.code-panel{border-radius:15px;background:#fffaf0}.program-tray{border:2px dashed #6677ae;border-radius:11px;background:#f0eff8}.program-tray.has-code{border-style:solid}.program-command,.command-card{border:2px solid #34364e;border-radius:9px;background:#cce8d3;color:#235f51;box-shadow:3px 3px #34364e}.command-right,.command-left{background:#dce6ff;border-color:#34364e;color:#405c9a;box-shadow:3px 3px #34364e}.command-down{background:#ffe6ab;border-color:#34364e;color:#9b6534;box-shadow:3px 3px #34364e}.command-erase{background:#f9d6ca;border-color:#34364e;color:#9a5548;box-shadow:3px 3px #34364e}.reset-button{border:2px solid #34364e;border-radius:9px;background:#fffdf6;color:#4f5069;box-shadow:2px 3px #34364e}.mission-progress div{height:8px;border:1px solid #34364e;border-radius:5px;background:#ece6d6}.mission-progress i{background:#f18a68}.projects-screen{padding:29px 8px 0}.projects-intro{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:10px;margin-bottom:19px}.projects-intro h1{margin:5px 0 0;font-size:clamp(27px,3vw,38px)}.projects-intro p{margin:5px 0 0;color:#77778a}.project-switch{display:flex;gap:8px;margin-bottom:16px}.project-switch button{padding:10px 14px;border:2px solid #34364e;border-radius:8px;background:#fffaf0;color:#65657b;font-weight:1000;box-shadow:2px 2px #34364e}.project-switch button.selected{background:#f5d46e;color:#30324a}.project-switch span{margin-left:7px;opacity:.65}.project-library{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:17px;align-items:start}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-card{min-height:111px;display:grid;justify-items:start;align-content:start;gap:8px;padding:12px;border:2px solid #34364e;border-radius:10px;background:#fffaf0;text-align:left;box-shadow:3px 3px #34364e}.project-card:hover{transform:translateY(-2px)}.project-card.selected{background:#fff0bd}.project-card strong{font-size:12px}.project-card small{color:#77778a;font-size:10px}.project-stamp{display:grid;place-items:center;width:31px;height:26px;border:1px solid #34364e;border-radius:7px;background:#f5d46e;color:#34364e;font-size:8px;font-weight:1000}.stamp-1{background:#a8dce1}.stamp-2{background:#eea28a}.stamp-3{background:#b9abe0}.stamp-4{background:#abd39f}.project-detail{position:sticky;top:15px;padding:16px;border:2px solid #34364e;border-radius:13px;background:#fffaf0;box-shadow:4px 4px #34364e}.project-detail h2{margin:13px 0 3px;font-size:21px}.project-detail>p{margin:5px 0 16px;color:#76768a;font-size:13px;line-height:1.5}.project-detail .primary-button{width:100%}.detail-art{position:relative;height:153px;overflow:hidden;margin-top:12px;border:2px solid #34364e;border-radius:11px;background:linear-gradient(#c9e9f2 0 54%,#b8d791 55%)}.detail-sun{position:absolute;right:23px;top:18px;width:27px;height:27px;border-radius:50%;background:#f6c957}.detail-character{position:absolute;left:45%;bottom:24px;z-index:1}.detail-tile{position:absolute;bottom:13px;width:72px;height:30px;border:2px solid #34364e;border-radius:5px;background:#ffe49a;box-shadow:3px 3px #34364e;transform:rotate(-8deg)}.detail-tile-one{left:20px}.detail-tile-two{left:104px;bottom:34px;background:#c7e2d0}.detail-tile-three{right:16px;background:#d5d9f4}.detail-skills{display:grid;gap:5px;margin-bottom:14px;padding:10px;border-left:4px solid #e88768;background:#f3eddf}.detail-skills span{color:#85849a;font-size:9px;font-weight:1000;letter-spacing:.09em}.detail-skills strong{font-size:13px}.map-footer{color:#77778a}.map-footer .online-dot{background:#ed926f;box-shadow:0 0 0 4px #f8e2c2}@media(max-width:1000px){.world-picker,.mission-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-library{grid-template-columns:1fr}.project-detail{position:relative;top:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.topbar{border-radius:11px}.top-link{padding:7px;font-size:10px}.chapter-pill{display:none}.map-intro h1{font-size:26px}.world-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.world-tab{min-height:42px;padding:5px 7px;font-size:10px}.map-layout{gap:12px}.story-map{min-height:360px}.mission-picker{padding:12px}.mission-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mission-card{min-height:52px;padding:5px}.mission-card strong{font-size:10px}.mission-card small{font-size:8px}.projects-screen{padding:19px 1px 0}.projects-intro{grid-template-columns:1fr;gap:0}.project-switch{margin-top:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-card{min-height:94px;padding:9px}.project-detail{padding:12px}.detail-art{height:135px}}.scene-sky[data-world="1"],.story-map[data-world="1"]{background:linear-gradient(#b8e2f2,#dff0e7 48%,#71b6ba 49%,#96d1bc)}.scene-sky[data-world="2"]{background:linear-gradient(#a9d9e8,#dff4ec 52%,#8fd0c7 53%,#5cb9b2)}.scene-sky[data-world="3"]{background:linear-gradient(#c1d5f6,#f3e3c8 52%,#f2c47b 53%,#e6a66d)}.scene-sky[data-world="4"]{background:linear-gradient(#bac9ee,#f0e7d2 52%,#b0b9a0 53%,#879778)}.scene-sky[data-world="0"]{background:linear-gradient(#c8e9f5,#e2f1ec 47%,#a9cf83 48%,#c0d997)}.scene-sky[data-world="4"] .landscape-back,.scene-sky[data-world="4"] .landscape-front{background:#806da4}.scene-sky[data-world="3"] .landscape-back,.scene-sky[data-world="3"] .landscape-front{background:#a5b6d7}.scene-sky[data-world="2"] .landscape-back,.scene-sky[data-world="2"] .landscape-front{background:#8ccbbb}.scene-sky[data-world="1"] .landscape-back,.scene-sky[data-world="1"] .landscape-front{background:#75b9b0}.scene-sky[data-world="0"] .landscape-back,.scene-sky[data-world="0"] .landscape-front{background:#a1d698}.run-button:disabled{opacity:.75;cursor:progress;transform:none}.guide-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#282b4480;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.guide-card{position:relative;width:min(480px,100%);padding:27px;border:3px solid #34364e;border-radius:15px;background:#fffaf0;box-shadow:7px 8px #34364e}.guide-card h2{margin:8px 0 5px;font-size:26px}.guide-card>p{margin:0 0 17px;color:#77778a;line-height:1.5}.guide-card ol{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}.guide-card li{display:flex;align-items:flex-start;gap:11px;color:#53546e;font-size:13px;line-height:1.45}.guide-card li span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#f4d26d;color:#34364e;font-size:9px;font-weight:1000}.guide-card>.primary-button{width:100%}.guide-close{position:absolute;top:14px;right:14px;width:33px;height:33px;display:grid;place-items:center;border:2px solid #34364e;border-radius:8px;background:#fff2cf}.lesson-tag{display:inline-flex;margin:4px 0 0 8px;padding:4px 8px;border:1px solid #34364e;border-radius:5px;background:#f5d46e;color:#34364e;font-size:9px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.mission-tip{display:flex;align-items:flex-start;gap:7px;max-width:460px;margin-top:8px;padding:8px 10px;border-left:3px solid #e88768;background:#fff6df;color:#65657b;font-size:11px;font-weight:800;line-height:1.4}.mission-tip svg{flex:none;margin-top:1px;color:#c97d56}@media(max-width:600px){.lesson-tag{display:table;margin:5px 0 0}.mission-tip{font-size:10px}}.tile.rock{background:linear-gradient(145deg,#ded9cd,#c5bda9);box-shadow:0 4px #9f988a}.bush{position:relative;width:38px;height:27px;display:block}.bush i{position:absolute;bottom:0;width:22px;height:17px;border:1.5px solid #414457;border-radius:55% 55% 38% 38%;background:linear-gradient(145deg,#aeb9bf,#748493);box-shadow:inset 2px 2px #e5e7df}.bush i:nth-child(1){left:1px;transform:rotate(-12deg)}.bush i:nth-child(2){left:9px;bottom:6px;z-index:1;width:20px;height:19px}.bush i:nth-child(3){right:0;transform:rotate(12deg)}.scene-sky{min-height:570px}.game-grid{top:20%;width:min(54%,430px);gap:6px;padding:10px;border-radius:20px}.tile{aspect-ratio:1}.story-bubble{top:8%}@media(max-width:600px){.scene-sky{min-height:480px}.game-grid{top:15%;width:min(64%,280px);gap:4px;padding:7px;border-radius:15px}.story-bubble{top:7%}.tile{border-radius:8px}}.mission-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.mission-canvas canvas{display:block;width:100%;height:100%}.scene-loading{display:grid;place-items:center;color:#65657b;font-size:12px;font-weight:900}.story-bubble{top:2%}.story-map .trail{inset:0;width:100%;height:100%;overflow:hidden}.story-map .trail path{stroke-width:1.8;stroke-dasharray:.7 2.8;opacity:.92}.story-map>.map-stop{z-index:4;width:57px;height:57px}.story-map>.map-stop.stop-1{inset:80% auto auto 18%}.story-map>.map-stop.stop-2{inset:62% auto auto 70%;background:#fff}.story-map>.map-stop.stop-3{inset:44% auto auto 18%;background:#e9e1ff;color:#9274c3}.story-map>.map-stop.stop-4{inset:26% auto auto 70%;background:#e5f3ff;color:#5a94bf}.story-map>.map-stop.stop-5{inset:8% auto auto 18%;background:#ffe8e6;color:#c87970}.story-map .stop-label{top:50%;left:calc(100% + 10px);right:auto;width:clamp(120px,35%,190px);max-width:calc(100vw - 110px);padding:5px 8px;transform:translateY(-50%);white-space:normal;line-height:1.2;text-align:left;overflow-wrap:anywhere}.story-map .stop-2 .stop-label,.story-map .stop-4 .stop-label{left:auto;right:calc(100% + 10px);text-align:right}.story-map .map-sun{z-index:0}.story-map .map-tree,.story-map .map-camp,.story-map .map-pond{z-index:1}@media(max-width:600px){.story-map>.map-stop{width:50px;height:50px}.story-map .stop-label{left:calc(100% + 7px);width:clamp(120px,38%,165px);max-width:calc(100vw - 100px);font-size:10px}.story-map .stop-2 .stop-label,.story-map .stop-4 .stop-label{right:calc(100% + 7px)}}@media(max-width:1000px){.map-layout{grid-template-columns:minmax(0,1fr)}.story-map{width:100%;min-height:clamp(420px,62vh,620px)}}@media(max-width:600px){.story-map{min-height:clamp(410px,68vh,560px)}}.story-map{overflow:hidden}.story-route-viewport{position:absolute;z-index:3;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34364e88 transparent;scroll-behavior:smooth}.story-route{position:relative;width:100%;min-height:100%}.story-route .trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.story-route .map-stop{position:absolute;z-index:2}.story-route .map-stop:not(.label-left) .stop-label{left:calc(100% + 10px);right:auto;text-align:left}.story-route .map-stop.label-left .stop-label{left:auto;right:calc(100% + 10px);text-align:right}.story-route .stop-label{width:clamp(120px,35vw,190px)}.map-route-hint{position:absolute;z-index:5;top:19px;left:18px;padding:7px 9px;border:2px solid #34364e;border-radius:7px;background:#fff9e7;color:#51526d;font-size:9px;font-weight:1000;letter-spacing:.09em;box-shadow:2px 2px #34364e}@media(max-width:600px){.story-route .map-stop.label-left .stop-label{right:calc(100% + 7px)}}.story-route-viewport{inset:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:thin;scroll-behavior:smooth}.story-route{height:100%;min-height:0}.story-route .trail{inset:0;width:100%;height:100%}.story-route .map-stop{top:32%;width:54px;height:54px;scroll-snap-align:center}.story-route .map-stop:nth-of-type(odd){top:32%}.story-route .map-stop:nth-of-type(2n){top:56%}.story-route .stop-label{top:calc(100% + 7px);left:50%!important;right:auto!important;width:105px;max-width:105px;transform:translate(-50%);font-size:10px;text-align:center!important}.story-map .map-route-hint{position:absolute;z-index:5;top:16px;left:16px;display:flex;align-items:center;gap:3px;padding:7px 10px}.map-route-hint span{color:#198e7d;font-size:12px}.chapter-transition{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;gap:50px;background:#e9f6e8cf;animation:route-wash 1.15s ease-in-out both;pointer-events:none}.chapter-transition>.friend{width:100px;height:110px;animation:journey-hop 1.1s cubic-bezier(.4,0,.2,1) both}.chapter-transition>.friend:first-child{--fur:#ff9c59;animation-name:journey-hop,journey-exit;animation-delay:0s,.48s}.chapter-transition>.friend:last-child{--fur:#e2b743;opacity:0;animation-name:journey-arrive;animation-delay:.52s}.chapter-transition>span{font-size:32px;font-weight:1000;color:#198e7d;animation:arrow-travel .7s ease-in-out infinite alternate}@keyframes journey-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-24px) rotate(-7deg)}}@keyframes journey-exit{to{transform:translate(180px,-80px) scale(.65);opacity:0}}@keyframes journey-arrive{0%{transform:translate(-180px,80px) scale(.65);opacity:0}65%{opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes arrow-travel{to{transform:translate(12px);opacity:.45}}@keyframes route-wash{0%,to{opacity:0}15%,85%{opacity:1}}@media(max-width:600px){.story-route .map-stop{width:48px;height:48px}.story-route .map-stop:nth-of-type(odd){top:32%}.story-route .map-stop:nth-of-type(2n){top:56%}.story-route .stop-label{font-size:9px;width:95px;max-width:95px}}.workbench-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#1d2e34b3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.workbench{width:min(1120px,100%);max-height:min(850px,94vh);overflow:auto;border:2px solid #344052;border-radius:25px;background:#fffdf6;box-shadow:0 22px 70px #18252d55}.workbench-header{position:sticky;z-index:3;top:0;display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #e4e4d4;background:#fffdf6}.workbench-header h2{margin:5px 0 0;font-size:22px;line-height:1}.workbench-spacer{flex:1}.workbench-score{display:flex;align-items:center;gap:6px;color:#bc9140;font-size:14px;font-weight:1000}.workbench-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:18px;padding:20px}.workbench-stage-column{min-width:0}.workbench-stage{position:relative;height:clamp(280px,45vw,510px);overflow:hidden;border:2px solid #344052;border-radius:20px;background:linear-gradient(180deg,var(--stage-bg) 0 61%,#9fd295 61% 100%);box-shadow:0 6px #344052}.stage-sun{position:absolute;top:11%;right:13%;width:66px;height:66px;border-radius:50%;background:#ffdc7d;box-shadow:0 0 0 13px #fff2b855}.stage-hill{position:absolute;right:-10%;bottom:-21%;left:-8%;height:43%;border-radius:50% 50% 0 0;background:#78c58d;transform:rotate(-4deg)}.stage-actor{position:absolute;z-index:2;display:grid;justify-items:center;gap:3px;min-width:58px;padding:5px;border:2px solid transparent;border-radius:15px;background:transparent;color:var(--actor-color);transform:translate(-50%,-50%);touch-action:none;cursor:grab}.stage-actor>span{display:grid;place-items:center;width:56px;height:56px;border:2px solid #fff;border-radius:18px;background:#ffffffe0;box-shadow:0 4px #40555332}.stage-actor small{max-width:90px;overflow:hidden;padding:2px 6px;border-radius:8px;background:#fffdf4;color:#394355;font-size:9px;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.stage-actor.selected{border-color:#f0c65a;background:#fff6cd70}.actor-bounce{animation:actor-bounce .55s ease-in-out infinite alternate}@keyframes actor-bounce{to{transform:translate(-50%,-65%) rotate(6deg)}}.stage-status{position:absolute;z-index:3;right:10px;bottom:10px;left:10px;display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid #fff;border-radius:12px;background:#fffef0e8;color:#50786f;font-size:11px;font-weight:900}.stage-status .online-dot{flex:none}.stage-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.stage-controls .primary-button,.stage-controls .reset-button{min-height:43px;padding-inline:15px;font-size:12px}.stage-controls .reset-button{display:flex;align-items:center}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:#81988e;font-size:11px;font-weight:900}.game-controls>div{display:flex;gap:5px}.game-controls button,.actor-library button{position:relative;display:grid;place-items:center;width:37px;height:37px;border:1px solid #d7e4dc;border-radius:12px;background:#fff;color:#55877a}.game-controls button:hover,.actor-library button:hover{background:#e9f7ee}.mini-game-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid #d9e8dc;border-radius:15px;background:#f2f8ec}.mini-game-controls>div:first-child{display:grid;gap:3px}.mini-game-controls strong{color:#3b6358;font-size:12px}.mini-game-controls small{color:#82988b;font-size:10px;font-weight:800}.mini-game-controls>.primary-button{min-height:39px;padding-inline:12px;font-size:11px}.rhythm-controls{display:flex;align-items:center;gap:8px}.rhythm-buttons{display:flex;gap:7px}.rhythm-buttons button{width:38px;height:38px;border:3px solid white;border-radius:13px;background:var(--note-color);box-shadow:0 3px #344052;cursor:pointer}.rhythm-buttons button:active{transform:translateY(2px);box-shadow:0 1px #344052}.rhythm-buttons button.note-active{transform:translateY(-5px) scale(1.08);outline:3px solid #344052;outline-offset:2px}.rhythm-buttons button:disabled{cursor:default;opacity:.72}.workbench-tools{display:flex;flex-direction:column;gap:19px;padding:16px;border:1px solid #e2e5d7;border-radius:18px;background:#f8f8ef}.actor-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.actor-library button>svg+svg{position:absolute;right:2px;bottom:2px;width:12px;height:12px;padding:2px;border-radius:50%;background:#daf3e6}.workbench-steps{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.workbench-steps li{display:grid;grid-template-columns:25px 1fr;align-items:start;gap:8px;color:#637a74}.workbench-steps li>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d7e4dc;border-radius:9px;background:#fff;color:#6a8e7e;font-size:10px;font-weight:1000}.workbench-steps li p{margin:2px 0 0;font-size:11px;line-height:1.4;font-weight:800}.workbench-steps li.step-done>span{border-color:#78c7a3;background:#dff6e8;color:#228c6d}.workbench-tip{display:flex;gap:9px;padding:11px;border-radius:13px;background:#e8f5ea;color:#568173;font-size:11px;line-height:1.4;font-weight:800}.workbench-tip svg{flex:none;color:#d8aa4c}.workbench-selected{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #e1e7dc;color:#577d71;font-size:12px;font-weight:1000}.learning-progress{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px;margin:0 0 18px;padding:12px 15px;border:1px solid #dce9df;border-radius:18px;background:#fffef9}.progress-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.progress-summary>div:first-child{display:grid;gap:3px}.progress-summary>div:first-child>strong{font-size:18px;color:#315b52}.progress-summary>div:first-child>strong small{margin-left:4px;color:#9aaca4;font-size:10px}.progress-meter{height:9px;overflow:hidden;border-radius:10px;background:#e8efe5}.progress-meter i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#5bc7a2,#86d179);transition:width .3s}.progress-stars{display:flex;align-items:center;gap:4px;color:#d5a439;font-size:12px;font-weight:1000;white-space:nowrap}.badge-strip{display:flex;justify-content:flex-end;gap:7px}.badge-chip{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 9px;border:1px solid #e7e8dc;border-radius:12px;background:#f8f7f0;color:#b7b5a7}.badge-chip.unlocked{border-color:#f0d788;background:#fff6d9;color:#ca9a35}.badge-chip>span{display:grid;gap:1px}.badge-chip strong{font-size:9px}.badge-chip small{color:#9da79d;font-size:8px;white-space:nowrap}.map-stop.completed{background:#dff5dc;color:#238d70;box-shadow:0 4px #82c6a1,0 9px 16px #35455220}.map-stop.completed .stop-label{color:#2c775d}.world-tab small{margin-left:auto;color:#95aa9e;font-size:9px;font-weight:1000}@media(max-width:760px){.workbench-overlay{padding:8px}.workbench{max-height:97vh;border-radius:19px}.workbench-body{grid-template-columns:1fr;padding:12px;gap:12px}.workbench-stage{height:clamp(280px,85vw,440px)}.workbench-tools{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;padding:12px}.workbench-tools>.workbench-tip,.workbench-selected{grid-column:1/-1}.workbench-selected{margin-top:0}.workbench-header{gap:8px;padding:11px}.workbench-header h2{font-size:17px}.workbench-header .icon-button{width:36px;height:36px}}@media(max-width:700px){.learning-progress{grid-template-columns:1fr}.badge-strip{justify-content:stretch;overflow-x:auto}.badge-chip{flex:1}.progress-summary{gap:10px}}.program-tray{max-height:340px;flex-direction:column;flex-wrap:nowrap}.block-list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:9px;width:100%;border-radius:10px}.block-list-root{min-height:60px}.block-list-inner{min-height:58px;padding:7px;border:2px dashed #34364e55;background:#ffffffb0}.block-list-target{outline:3px solid #42b8a0;outline-offset:1px}.block-list-inner.block-list-target{border-style:solid;border-color:#42b8a0;background:#f2fff9}.block-slot-empty{align-self:center;padding:0 6px;color:#7b8c96;font-size:11px;font-weight:900}.box-block{flex:1 1 100%;display:grid;gap:6px;padding:8px;border:2px solid #34364e;border-radius:11px;box-shadow:3px 3px #34364e;cursor:grab}.box-repeat{background:#f3e3ff}.box-if{background:#fff1c9}.box-head{display:flex;align-items:center;gap:8px;min-height:28px}.box-title{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:1000;color:#34364e}.box-count{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.box-count b{min-width:28px;text-align:center;font-size:15px}.box-count button,.box-remove{width:28px;height:28px;display:grid;place-items:center;border:2px solid #34364e;border-radius:8px;background:#fff;color:#34364e}.box-count button:disabled{opacity:.35;cursor:default}.box-if .box-remove{margin-left:auto}.box-check{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:1000}.box-check.is-open{background:#c9f0d9;color:#1d7a55}.box-check.is-closed{background:#f9d6ca;color:#9a5548}.box-else-label{font-size:12px;font-weight:1000;color:#7a6326}.box-branch{border-radius:10px;transition:box-shadow .15s}.branch-taken{box-shadow:0 0 0 3px #42b8a0}.block-active{transform:translateY(-3px);box-shadow:0 0 0 3px #ffb938,3px 3px #34364e!important}.command-repeat{background:#f3e3ff;color:#7b4fa6}.command-if{background:#fff1c9;color:#8f6b16}.command-card:disabled{opacity:.4;cursor:default;transform:none}.target-exit{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:2px solid #34364e;border-radius:99px;background:#fff;font-size:11px;font-weight:1000}@media(max-width:600px){.program-tray{max-height:280px}.box-block{padding:6px}.box-title{font-size:12px}}.box-head{flex-wrap:wrap}.box-condition{display:inline-flex;gap:3px;padding:2px;border:2px solid #34364e;border-radius:9px;background:#fff}.box-condition button{padding:3px 7px;border:0;border-radius:6px;background:transparent;color:#5d5f78;font-size:11px;font-weight:1000}.box-condition button.selected{background:#ffd56b;color:#34364e}.box-title-tail{font-weight:900}.program-tray{max-height:min(460px,58vh)}.box-block{gap:4px;padding:5px 6px;border-radius:9px;box-shadow:2px 2px #34364e}.box-head{min-height:24px;gap:6px}.box-title{font-size:12px}.box-count button,.box-remove{width:24px;height:24px;border-radius:7px}.box-count b{min-width:24px;font-size:13px}.box-condition button{padding:2px 5px;font-size:10px}.block-list-inner{min-height:40px;padding:4px;gap:5px;border-width:1.5px}.block-list-inner .program-command{width:40px;height:40px;border-radius:8px;box-shadow:2px 2px #34364e}.block-list-inner .program-command>span{font-size:22px}.block-list-inner .program-command small{display:none}.block-slot-empty{font-size:10px}.box-branch{display:grid;grid-template-columns:52px 1fr;align-items:stretch;gap:4px}.branch-label{display:grid;place-items:center;border-radius:7px;font-size:10px;font-weight:1000}.branch-yes{background:#c9f0d9;color:#1d7a55;font-size:16px}.branch-no{background:#f9d6ca;color:#9a5548}.box-else-label{display:none}@media(max-width:600px){.box-branch{grid-template-columns:44px 1fr}.box-condition button{padding:2px 4px}}.mission-content>.mission-heading{grid-column:1/-1;margin:0 8px}@media(max-width:1180px){.app-shell.play-mode{height:100vh;height:100dvh;display:flex;flex-direction:column;padding-bottom:14px;overflow:hidden}.play-mode .mission-screen{flex:1;min-height:0;display:flex;padding-top:12px}.play-mode .mission-content{position:relative;flex:1;display:block;max-width:none;margin:0;min-height:0;overflow:hidden;border:2px solid #34364e;border-radius:18px;box-shadow:5px 5px #34364e}.play-mode .playfield{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none}.play-mode .scene-sky{position:absolute;inset:0;min-height:0;border:0}.play-mode .scene-caption,.play-mode .scene-label,.play-mode .mission-progress{display:none}.play-mode .mission-heading{position:absolute;z-index:8;top:12px;left:12px;margin:0;display:flex;align-items:flex-start;gap:8px;max-width:calc(54% - 36px);padding:10px 14px;border:2px solid #34364e;border-radius:14px;background:#fffaf0f0;box-shadow:3px 3px #34364e}.play-mode .mission-heading .back-link{padding:4px 2px;white-space:nowrap}.play-mode .mission-heading h1{margin-top:4px;font-size:21px}.play-mode .mission-heading p{display:none}.play-mode .mission-heading p{margin-top:2px;font-size:12px}.play-mode .mission-tip{margin-top:6px;font-size:11px}.play-mode .code-panel{position:absolute;z-index:8;top:12px;right:12px;bottom:12px;width:46%;overflow:auto;gap:9px;padding:14px;border:2px solid #34364e;border-radius:16px;background:#fffaf0f2;box-shadow:4px 4px #34364e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-mode .program-tray{flex:1 1 auto;min-height:90px;max-height:none}.play-mode .story-bubble{left:calc((100% - var(--inset-right)) / 2);top:calc(var(--inset-top) + 14px);max-width:calc(100% - var(--inset-right) - 24px);white-space:normal;text-align:center}@media(max-width:760px),(orientation:portrait){.app-shell.play-mode{padding:8px}.play-mode .mission-screen{padding-top:8px}.play-mode .mission-content{border-radius:14px;box-shadow:3px 3px #34364e}.play-mode .mission-heading{top:8px;left:8px;right:8px;max-width:none;padding:6px 10px;align-items:center;border-radius:11px}.play-mode .mission-heading .kicker,.play-mode .mission-heading p,.play-mode .mission-tip,.play-mode .lesson-tag{display:none}.play-mode .mission-heading h1{margin:0;font-size:16px}.play-mode .code-panel{inset:auto 8px 8px;width:auto;max-height:58%;padding:9px;gap:6px;border-radius:13px}.play-mode .code-title{display:none}.play-mode .program-tray{flex:0 1 auto;min-height:62px;max-height:26vh;padding:7px}.play-mode .program-tray .empty-program{min-height:46px}.play-mode .command-heading .kicker{display:none}.play-mode .command-heading{min-height:0}.play-mode .command-deck{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.play-mode .command-card{width:auto;height:44px;border-radius:9px;box-shadow:2px 2px #34364e}.play-mode .command-card small{display:none}.play-mode .command-card>span{font-size:22px}.play-mode .run-actions .reset-button,.play-mode .run-actions .run-button{min-height:42px}.play-mode .feedback{display:none}.play-mode .story-bubble{font-size:11px;padding:7px 10px}}}@media(min-width:761px)and (max-width:1000px)and (orientation:portrait){.play-mode .code-panel{max-height:52%;padding:12px;gap:8px}.play-mode .command-card{height:58px}.play-mode .command-card small{display:block;font-size:9px}.play-mode .feedback{display:none}}.strip-editor{display:grid;gap:8px;min-width:0}.code-strip{display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-start;gap:16px 8px;min-height:104px;padding:20px 12px 10px;border:2px solid #6677ae;border-radius:14px;background:#efeef8;cursor:pointer}.code-strip.strip-target{border-color:#42b8a0;box-shadow:0 0 0 3px #42b8a033}.strip-empty{align-self:center;display:inline-flex;align-items:center;gap:6px;color:#6f7591;font-size:12px;font-weight:900}.tile-slot{position:relative;display:grid;justify-items:center;padding-bottom:16px}.code-tile{width:52px;height:52px;display:grid;place-items:center;border:2px solid #34364e;border-radius:11px;background:#cce8d3;color:#235f51;box-shadow:0 4px #34364e;cursor:grab;transition:transform .12s}.code-tile>span{font-size:28px;line-height:1;font-weight:1000}.code-tile.command-right,.code-tile.command-left{background:#dce6ff;color:#405c9a}.code-tile.command-down{background:#ffe6ab;color:#9b6534}.tile-selected{transform:translateY(-4px);outline:3px solid #ff9f43;outline-offset:2px}.tile-active{transform:translateY(-6px);box-shadow:0 4px #34364e,0 0 0 4px #ffcf4a}.tile-badge{position:absolute;bottom:-4px;left:50%;width:30px;height:24px;display:grid;place-items:center;border:2px solid #34364e;border-radius:7px;background:#fff;color:#8d4fc0;transform:translate(-50%);box-shadow:0 2px #34364e}.tile-badge:before{content:"";position:absolute;top:-7px;left:50%;width:2px;height:6px;background:#34364e;transform:translate(-50%)}.badge-fired{background:#ffcf4a;animation:pop .3s ease-out}.loop-group{position:relative;display:flex;align-items:flex-end;gap:6px;padding:14px 6px 0 8px;border-radius:12px;cursor:pointer}.loop-arc{position:absolute;left:4px;right:22px;top:2px;height:28px;border:6px solid #b07ad6;border-bottom:0;border-radius:16px 16px 0 0;pointer-events:none}.loop-open .loop-arc{border-color:#42b8a0}.loop-running .loop-arc{border-color:#ffb938}.loop-open{background:#42b8a01a}.loop-body{display:flex;align-items:flex-end;gap:6px;min-height:68px}.loop-empty{width:52px;height:52px;margin-bottom:16px;display:grid;place-items:center;border:2px dashed #b07ad6;border-radius:11px;color:#b07ad6;font-size:26px;font-weight:1000}.loop-tag{position:relative;z-index:1;align-self:flex-start;margin-top:-4px;width:40px;height:40px;display:grid;place-items:center;align-content:center;gap:0;border:2px solid #34364e;border-radius:10px;background:#f3e3ff;color:#6b3d93;transform:rotate(45deg);box-shadow:2px 2px #34364e}.loop-tag>*{transform:rotate(-45deg)}.loop-tag b{font-size:14px;line-height:1}.loop-remove{position:absolute;top:-8px;left:-6px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #34364e;border-radius:50%;background:#fff;color:#9a5548;opacity:.85}.tile-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border:2px solid #34364e;border-radius:12px;background:#fff}.tools-group{display:inline-flex;align-items:center;gap:4px}.tools-label{margin-right:2px;color:#5d5f78;font-size:11px;font-weight:1000}.tile-tools button{min-width:34px;height:34px;display:grid;place-items:center;border:2px solid #34364e;border-radius:9px;background:#f6f4ec;color:#34364e;font-weight:1000}.tile-tools button.on{background:#ffd56b}.tile-tools .tools-delete{background:#f9d6ca;color:#9a5548}@media(max-width:1180px){.code-strip{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:0;height:112px;flex:none;scrollbar-width:thin}.play-mode .code-panel{overflow:hidden}}@media(max-width:760px),(orientation:portrait)and (max-width:1180px){.code-strip{height:100px;padding:18px 8px 6px;gap:6px}.code-tile,.loop-empty{width:46px;height:46px}.code-tile>span{font-size:25px}.loop-body{min-height:62px}.play-mode .code-panel{max-height:none}}.world-map{position:relative;min-height:560px;height:100%;overflow:hidden;border:2px solid #34364e;border-radius:18px;background:#e9f3df;box-shadow:5px 5px #34364e}.world-viewport{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#34364e88 transparent}.world-canvas{position:relative;height:100%;aspect-ratio:2400/560}.world-canvas>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.world-stars{position:absolute;z-index:5;top:12px;left:50%;display:flex;align-items:center;gap:6px;padding:6px 16px 6px 10px;border:2px solid #34364e;border-radius:99px;background:#ffe27a;color:#34364e;font-size:15px;font-weight:1000;transform:translate(-50%);box-shadow:2px 3px #34364e;pointer-events:none}.world-stars svg{color:#f2a31b}.world-stop{position:absolute;z-index:2;width:70px;height:54px;display:grid;place-items:end center;padding:0 0 9px;border:3px solid #34364e;border-radius:28px 28px 22px 22px;background:#3f63c9;color:#fff;box-shadow:0 5px #34364e;transform:translate(-50%,-62%);transition:transform .15s}.world-stop:hover{transform:translate(-50%,-68%)}.world-stop.done{background:#2f9b7c}.world-stop.active{background:#ff8a4c;transform:translate(-50%,-70%) scale(1.12);animation:stop-bob 1.6s ease-in-out infinite}@keyframes stop-bob{50%{transform:translate(-50%,-78%) scale(1.12)}}.stop-no{position:absolute;top:-12px;left:-10px;min-width:28px;height:28px;display:grid;place-items:center;padding:0 5px;border:3px solid #34364e;border-radius:99px;background:#fff;color:#34364e;font-size:13px;font-weight:1000}.stop-stars{display:flex;gap:1px;color:#fff9}.stop-stars .on{color:#ffd23f;filter:drop-shadow(0 1px 0 #34364e)}@media(max-width:1000px){.world-map{min-height:430px}}@media(max-width:600px){.world-map{min-height:360px;border-radius:14px}.world-stop{width:58px;height:46px;padding-bottom:7px}.stop-no{min-width:24px;height:24px;font-size:11px}.stop-stars svg{width:11px;height:11px}.world-stars{font-size:13px;top:8px}}@media(prefers-reduced-motion:reduce){.world-stop.active{animation:none}}.loop-group{flex-direction:column;align-items:stretch;gap:0;padding:4px 8px 0;border:3px solid #9b62cc;border-radius:14px;background:#f3e6ffcc}.loop-group.loop-open{border-color:#2fa58a;background:#e3f7f0}.loop-group.loop-running{border-color:#f0a020}.loop-arc{display:none}.loop-track{position:relative;display:flex;align-items:center;gap:6px;height:30px;margin-bottom:6px}.loop-line{position:relative;flex:1;align-self:flex-end;height:18px;margin-left:21px;border:5px solid #9b62cc;border-right:0;border-bottom:0;border-top-left-radius:12px}.loop-line:after{content:"";position:absolute;left:-11px;bottom:-10px;border:8px solid transparent;border-top:11px solid #9b62cc}.loop-open .loop-line{border-color:#2fa58a}.loop-open .loop-line:after{border-top-color:#2fa58a}.loop-running .loop-line{border-color:#f0a020}.loop-running .loop-line:after{border-top-color:#f0a020}.loop-tag{position:static;margin:0;width:auto;height:30px;display:inline-flex;align-items:center;gap:3px;padding:0 9px;border:2px solid #34364e;border-radius:99px;background:#9b62cc;color:#fff;transform:none;box-shadow:0 3px #34364e}.loop-tag>*{transform:none}.loop-tag b{font-size:15px;line-height:1}.loop-open .loop-tag{background:#2fa58a}.loop-body{min-height:0}.loop-remove{top:-10px;left:-10px}@media(max-width:1180px){.code-strip{height:128px;padding:10px 8px 6px;align-items:flex-end}}@media(max-width:760px),(orientation:portrait)and (max-width:1180px){.code-strip{height:118px;padding:8px 8px 4px}.loop-track{height:26px;margin-bottom:4px}.loop-tag{height:26px;padding:0 7px}.loop-line{margin-left:18px}}.step-count-full{color:#c2553a!important}@media(max-width:760px),(orientation:portrait)and (max-width:1180px){.play-mode .code-title{display:flex;position:absolute;top:6px;right:12px;z-index:2}.play-mode .code-title .kicker{display:none}.play-mode .step-count{padding:2px 8px;border:2px solid #34364e;border-radius:99px;background:#fff;color:#34364e;font-size:11px}}.workshop-overlay{position:fixed;inset:0;z-index:60;background:#fff8ea;display:grid}.workshop-overlay>.scene-loading{place-self:center}.workshop{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:10px;gap:10px}.workshop-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid #34364e;border-radius:14px;background:#fffaf0;box-shadow:3px 3px #34364e}.workshop-title{flex:1;min-width:0}.workshop-title h2{margin:2px 0 0;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workshop-header .icon-button:disabled{opacity:.4}.workshop-header .icon-button.confirm{background:#ffd56b}.ws-run{min-height:42px;padding:0 16px}.ws-run.stop{background:#e2694f;box-shadow:0 4px #a9452f}.workshop-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:10px}.workshop-stage-wrap{position:relative;min-height:0;overflow:hidden;border:2px solid #34364e;border-radius:16px;box-shadow:4px 4px #34364e;background:linear-gradient(#c9eced,#e6f7e6)}.workshop-stage-wrap[data-theme="1"]{background:linear-gradient(#a8dff0,#d6f1f2)}.workshop-stage-wrap[data-theme="2"]{background:linear-gradient(#ffe0ef,#e9e6ff)}.workshop-stage-wrap[data-theme="3"]{background:linear-gradient(#c6dcf1,#eef2e4)}.workshop-stage-wrap[data-theme="4"]{background:linear-gradient(#1f2350,#45498a)}.workshop-stage-3d{position:absolute;inset:0;touch-action:none}.workshop-stage-3d canvas{display:block;width:100%;height:100%}.stage-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stage-bubble{position:absolute;left:0;top:0;max-width:170px;padding:6px 11px;border:2px solid #34364e;border-radius:14px;background:#fff;color:#34364e;font-size:13px;font-weight:1000;white-space:nowrap;box-shadow:2px 3px #34364e}.ws-hud{position:absolute;top:10px;left:10px;display:flex;gap:8px}.ws-hud span{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:2px solid #34364e;border-radius:99px;background:#ffe27a;color:#34364e;font-weight:1000;box-shadow:2px 2px #34364e}.ws-stage-hint{position:absolute;left:10px;right:10px;bottom:10px;max-width:520px;padding:8px 12px;border:2px solid #34364e;border-radius:12px;background:#fffaf0ee;color:#4f5170;font-size:12px;font-weight:800}.ws-arrows{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px}.ws-arrows button{display:grid;place-items:center;border:2px solid #34364e;border-radius:14px;background:#fff;color:#34364e;box-shadow:0 4px #34364e}.ws-arrows button:active{transform:translateY(3px);box-shadow:0 1px #34364e}.ws-arrows button:nth-child(1){grid-column:2;grid-row:1}.ws-arrows button:nth-child(2){grid-column:1;grid-row:2}.ws-arrows button:nth-child(3){grid-column:2;grid-row:2}.ws-arrows button:nth-child(4){grid-column:3;grid-row:2}.ws-result{position:absolute;inset:0;display:grid;place-items:center;background:#2b2e4a55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ws-result-card{width:min(300px,90%);padding:22px;border:2px solid #34364e;border-radius:18px;background:#fffaf0;text-align:center;box-shadow:4px 4px #34364e;animation:pop .3s ease-out}.ws-result-card.won svg:first-child{color:#f2a31b}.ws-result-card.lost svg:first-child{color:#c2553a}.ws-result-card h3{margin:6px 0 2px;font-size:24px}.ws-result-card p{margin:0 0 14px;color:#6c6f88;font-weight:800}.ws-result-card>div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.ws-result-card .reset-button,.ws-result-card .primary-button{min-height:44px;gap:6px}.workshop-panel{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid #34364e;border-radius:16px;background:#fffaf0;box-shadow:4px 4px #34364e}.workshop-panel.locked>*:not(.ws-rules){opacity:.6}.ws-actors{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;flex:none}.ws-actor{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 11px;border:2px solid #34364e;border-radius:99px;background:#fff;font-size:12px;font-weight:1000;white-space:nowrap}.ws-actor.selected{background:#ffd56b}.ws-actor.add{background:#e3f7f0}.ws-actor-dot{width:10px;height:10px;border-radius:50%;background:#9aa0b8}.ws-actor-dot.group-Kahraman{background:#ff8a4c}.ws-actor-dot.group-Hayvan{background:#6fbf72}.ws-actor-dot.group-Eşya{background:#6cc7f0}.ws-actor-dot.group-Doğa{background:#b58cf2}.ws-actor-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#5d5f78}.ws-actor-tools>span{flex:1;min-width:120px}.ws-actor-tools button,.ws-block-tools button,.ws-rules button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:2px solid #34364e;border-radius:9px;background:#f6f4ec;color:#34364e;font-size:12px;font-weight:1000}.ws-actor-tools button.on{background:#ffd56b}.ws-actor-tools .danger,.ws-block-tools .danger{background:#f9d6ca;color:#9a5548}.ws-scripts{display:grid;gap:8px}.ws-script{display:grid;gap:6px;padding:8px;border:2px solid #d5d3e6;border-radius:12px;background:#fff;cursor:pointer}.ws-script.target{border-color:#2fa58a;box-shadow:0 0 0 3px #2fa58a26}.ws-event{display:flex;align-items:center;gap:6px}.ws-event-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px 0 10px;border:2px solid #34364e;border-radius:10px 18px 18px 10px;background:#ffcf5a;color:#34364e;font-size:12px;font-weight:1000}.event-tap{background:#ffb3c7}.event-bump{background:#ffc58f}.event-blocked{background:#d9d4f7}.event-message{background:#bfe8f5}.event-arrow{background:#c8efc0}.ws-event-arg{min-height:30px;padding:0 10px;border:2px solid #34364e;border-radius:99px;background:#fff;font-size:11px;font-weight:1000}.msg-dot{display:inline-block;width:14px;height:14px;border:2px solid #34364e;border-radius:50%}.ws-script-remove{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:2px solid #34364e;border-radius:8px;background:#fff;color:#9a5548}.ws-strip{display:flex;align-items:flex-end;gap:6px;min-height:58px;overflow-x:auto;padding:2px 2px 4px}.ws-empty{align-self:center;padding:0 6px;color:#8b8ea6;font-size:11px;font-weight:900}.ws-tile{position:relative;flex:none;width:50px;height:54px;display:grid;place-items:center;align-content:center;gap:1px;border:2px solid #34364e;border-radius:11px;background:#cce8d3;color:#235f51;box-shadow:0 3px #34364e}.ws-tile small{max-width:46px;overflow:hidden;font-size:8.5px;font-weight:1000;white-space:nowrap;text-overflow:ellipsis}.ws-tile.tone-look{background:#f3e3ff;color:#6b3d93}.ws-tile.tone-sound{background:#dce6ff;color:#405c9a}.ws-tile.tone-game{background:#ffe6ab;color:#8a5a14}.ws-tile.selected{transform:translateY(-3px);outline:3px solid #ff9f43;outline-offset:2px}.ws-tile:disabled{cursor:default}.ws-loop{flex:none;display:flex;flex-direction:column;padding:2px 6px 4px;border:3px solid #9b62cc;border-radius:12px;background:#f3e6ffcc}.ws-loop.target{border-color:#2fa58a;background:#e3f7f0}.ws-loop.selected{outline:3px solid #ff9f43;outline-offset:1px}.ws-loop-head{display:flex;align-items:center;gap:5px;height:26px;margin-bottom:4px}.ws-loop-head .loop-line{margin-left:19px;height:14px}.ws-loop-tag{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 8px;border:2px solid #34364e;border-radius:99px;background:#9b62cc;color:#fff;font-size:13px;font-weight:1000}.ws-loop.target .ws-loop-tag{background:#2fa58a}.ws-loop-body{display:flex;gap:5px;min-height:54px;align-items:center}.ws-add-script{justify-self:start;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border:2px dashed #34364e;border-radius:10px;background:transparent;font-size:12px;font-weight:1000}.ws-empty-panel{margin:0;color:#6c6f88;font-size:13px;font-weight:800}.ws-block-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;border:2px solid #34364e;border-radius:12px;background:#fff}.ws-block-tools input{flex:1;min-width:110px;min-height:32px;padding:0 9px;border:2px solid #34364e;border-radius:9px;font:inherit;font-size:12px;font-weight:800}.ws-tools-spacer{flex:1}.ws-deck{display:grid;gap:6px;flex:none}.ws-deck-tabs{display:flex;gap:4px;overflow-x:auto}.ws-deck-tabs button{flex:none;padding:5px 11px;border:2px solid #34364e;border-radius:99px;background:#fff;font-size:12px;font-weight:1000}.ws-deck-tabs button.on{background:#34364e;color:#fff}.ws-deck-blocks{display:flex;flex-wrap:wrap;gap:6px}.ws-rules{display:flex;flex-wrap:wrap;gap:6px;flex:none}.ws-library{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:12px;background:#2b2e4a66}.ws-library-card{width:min(560px,100%);max-height:86vh;overflow:auto;padding:16px;border:2px solid #34364e;border-radius:18px;background:#fffaf0;box-shadow:4px 4px #34364e}.ws-library-card header{display:flex;align-items:center;justify-content:space-between}.ws-library-card h3{margin:0}.ws-library-card section{margin-top:12px}.ws-library-card section>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ws-library-card section button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:2px solid #34364e;border-radius:99px;background:#fff;font-size:12px;font-weight:1000}.project-new{border-style:dashed!important}@media(max-width:900px){.workshop{padding:6px;gap:6px}.workshop-body{grid-template-columns:1fr;grid-template-rows:minmax(220px,42%) minmax(0,1fr)}.workshop-title .kicker{display:none}.workshop-title h2{font-size:16px}.workshop-header{padding:6px 8px;gap:6px;border-radius:12px}.ws-run{padding:0 12px}.ws-stage-hint{display:none}.ws-arrows{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.workshop-panel{padding:9px;gap:8px}}.world-stop.locked{background:#8a8fa8;filter:saturate(.6)}.world-stop.locked .stop-stars{opacity:.35}.stop-lock{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.world-stop.locked .stop-stars{display:none}.mission-card.locked{opacity:.55}.continue-button:disabled{background:#9aa0b8;box-shadow:0 4px #6d7290;cursor:default;transform:none}.sound-off svg{opacity:.4}.sound-off:after{content:"";position:absolute;width:24px;height:3px;background:#c2553a;transform:rotate(-45deg);border-radius:2px}.sound-button{position:relative}.concept-intro .guide-card{max-width:520px}.guide-visual{display:grid;place-items:center;margin:12px 0;padding:14px;border:2px dashed #b9b6d6;border-radius:14px;background:#f6f4ff;overflow-x:auto}.guide-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:center}.guide-tile-wrap{position:relative;display:grid;justify-items:center;padding-bottom:14px}.guide-tile{width:44px;height:44px;animation:pop .4s ease-out backwards}.guide-tile-wrap:nth-child(2) .guide-tile{animation-delay:.12s}.guide-tile-wrap:nth-child(3) .guide-tile{animation-delay:.24s}.guide-tile-wrap:nth-child(4) .guide-tile{animation-delay:.36s}.guide-badge{bottom:-6px}.guide-loop{cursor:default;min-width:0}.guide-equals,.guide-arrow{align-self:center;margin:0 6px 14px;font-size:28px;font-weight:1000;color:#34364e}.guide-sketch{width:170px;height:auto}.hint-overlay{position:absolute;z-index:7;left:calc((100% - var(--inset-right, 0px)) / 2);top:calc(var(--inset-top, 0px) + 64px);transform:translate(-50%);max-width:calc(100% - var(--inset-right, 0px) - 24px)}.mission-content:not([style]) .hint-overlay{top:70px}.hint-strip{display:flex;align-items:flex-end;flex-wrap:wrap;gap:5px;padding:8px 10px 4px;border:2px solid #34364e;border-radius:14px;background:#fffbe6;box-shadow:3px 3px #34364e}.hint-strip .guide-tile{width:36px;height:36px}.hint-strip .guide-tile>span{font-size:20px}.hint-strip .loop-group{padding:2px 5px 0}.hint-strip .loop-track{height:22px}.hint-strip .loop-tag{height:22px;padding:0 6px}.hint-icon{align-self:center;margin:0 2px 10px 0;color:#e2a21b}.hint-hidden{width:36px;height:36px;margin-bottom:14px;display:grid;place-items:center;border:2px dashed #9aa0b8;border-radius:9px;color:#9aa0b8;font-weight:1000}.run-actions.with-hint{grid-template-columns:auto 1fr 1.5fr}.hint-button{display:flex;align-items:center;gap:5px;padding:0 12px;border:2px solid #34364e;border-radius:15px;background:#ffe27a;color:#34364e;font-size:12px;font-weight:1000}.hint-button:disabled{opacity:.5}.success-card .workshop-link{margin:10px auto 0}.loop-group{min-width:112px}.loop-line{min-width:26px}.ws-title-input{width:100%;max-width:260px;margin-top:2px;padding:3px 8px;border:2px dashed #34364e;border-radius:8px;background:#fff;font:inherit;font-size:17px;font-weight:1000;color:#34364e}.hint-overlay{left:12px;right:calc(var(--inset-right, 0px) + 12px);top:auto;bottom:calc(var(--inset-bottom, 0px) + 10px);transform:none;max-width:none;display:flex;justify-content:center;pointer-events:none}.hint-strip{flex-wrap:nowrap;overflow-x:auto;max-width:100%;pointer-events:auto}.hint-strip .guide-tile{animation:none}@media(max-width:760px){.hint-button span{display:none}.hint-button{padding:0 10px}}.teacher-card form p,.teacher-card p{color:#4f5170;font-weight:800}.teacher-gate{display:grid;grid-template-columns:1fr auto;gap:8px}.teacher-gate input{min-height:48px;padding:0 12px;border:2px solid #34364e;border-radius:12px;font:inherit;font-size:20px;font-weight:1000}.teacher-wrong{color:#c2553a!important}.teacher-options{display:grid;gap:14px;margin-top:10px}.teacher-toggle{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:12px;border:2px solid #34364e;border-radius:14px;background:#fff;cursor:pointer}.teacher-toggle input{width:22px;height:22px;margin-top:4px;accent-color:#2fa58a}.teacher-switch{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffe27a;border:2px solid #34364e}.teacher-toggle small{display:block;margin-top:3px;color:#6c6f88;font-size:12px;line-height:1.4}@media(max-width:600px){.settings-button{width:36px;height:36px}}.command-jump{background:#d7f1fb;border-color:#34364e;color:#1f7aa0;box-shadow:3px 3px #34364e}.code-tile.command-jump{background:#d7f1fb;color:#1f7aa0}.water-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #34364e;border-radius:50%;background:#4fb3d9;color:#fff}.code-tile,.guide-tile{position:relative}.tile-tools button.water{color:#1f7aa0}.tile-tools button.water.on{background:#bfe8f5}@media(max-width:760px),(orientation:portrait)and (max-width:1180px){.play-mode .command-deck{grid-template-columns:repeat(9,1fr)}.play-mode .command-card{height:42px}}.touch-source{opacity:.35}.touch-ghost{box-shadow:0 10px 24px #34364e55!important}.touch-over{outline:3px dashed #ff9f43;outline-offset:2px}.code-tile,.command-card,.loop-group{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.count-picker{position:fixed;z-index:300;padding:10px;border:2px solid #34364e;border-radius:16px;background:#fffaf0;box-shadow:4px 4px #34364e;animation:pop .18s ease-out}.count-picker-title{display:block;margin:0 2px 8px;color:#5d5f78;font-size:12px;font-weight:1000}.count-picker-grid{display:grid;grid-template-columns:repeat(4,52px);gap:8px}.count-picker-grid button{height:52px;display:grid;place-items:center;border:2px solid #34364e;border-radius:12px;background:#f3e3ff;color:#6b3d93;font-size:20px;font-weight:1000;box-shadow:0 3px #34364e}.count-picker-grid button.selected{background:#9b62cc;color:#fff}.count-picker-grid button:active{transform:translateY(2px);box-shadow:0 1px #34364e}button.ws-loop-tag{cursor:pointer}.welcome-screen{padding:25px 8px 22px}.welcome-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:360px;overflow:hidden;border:2px solid #34364e;border-radius:17px;background:#fffaf0;box-shadow:5px 6px #34364e}.welcome-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px 40px}.welcome-copy>.kicker{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e8d8a6;border-radius:6px;background:#fff4cd;color:#79683f;font-size:9px;font-weight:1000;letter-spacing:.09em}.welcome-copy h1{margin:18px 0 9px;font-family:Trebuchet MS,Nunito,sans-serif;font-size:clamp(38px,5vw,63px);line-height:.98;letter-spacing:-.06em}.welcome-copy h1 em{color:#dc795f;font-style:normal}.welcome-copy>p{max-width:410px;margin:7px 0 19px;color:#77778a;font-size:15px;line-height:1.65}.welcome-cta{min-height:51px;padding:0 17px;font-size:14px}.welcome-footnote{margin-top:11px;color:#9793a1;font-size:10px;font-weight:800}.welcome-art{position:relative;min-height:360px;overflow:hidden;background:linear-gradient(#b9dff0,#eef1da 57%,#9ec57e 58%,#80b880)}.welcome-sun{position:absolute;top:13%;right:17%;width:58px;height:58px;border:2px solid #34364e;border-radius:50%;background:#ffd46a;box-shadow:3px 4px #34364e}.welcome-cloud{position:absolute;width:74px;height:23px;border:2px solid #34364e;border-radius:30px;background:#fffaf0}.welcome-cloud:before,.welcome-cloud:after{position:absolute;bottom:5px;width:30px;height:30px;border:2px solid #34364e;border-bottom:0;border-radius:50% 50% 0 0;background:#fffaf0;content:""}.welcome-cloud:before{left:9px}.welcome-cloud:after{left:30px}.cloud-one{top:20%;left:14%}.cloud-two{top:32%;right:10%;transform:scale(.7)}.welcome-hill{position:absolute;right:-8%;bottom:-13%;width:78%;height:46%;border:2px solid #34364e;border-radius:50% 50% 0 0;background:#7ebd76}.hill-back{right:35%;bottom:-19%;width:90%;height:52%;background:#a9d38a}.welcome-path{position:absolute;z-index:1;right:24%;bottom:-17%;width:36%;height:62%;border:5px dashed #f8e2a5;border-bottom:0;border-radius:50% 50% 0 0;transform:rotate(-19deg)}.welcome-friends{position:absolute;z-index:2;right:20%;bottom:12%;display:flex;align-items:flex-end;gap:4px;transform:scale(1.2);transform-origin:bottom center}.welcome-friends .friend:nth-child(2){transform:translateY(-10px) scale(.9)}.welcome-friends .friend:nth-child(3){transform:scale(.82)}.art-stamp{position:absolute;z-index:3;top:13px;left:14px;padding:9px 11px;border:2px solid #34364e;border-radius:5px;background:#fff8e7;color:#44435d;font-size:9px;font-weight:1000;line-height:1.55;letter-spacing:.1em;transform:rotate(-4deg);box-shadow:2px 3px #34364e}.welcome-section-heading{margin:40px 0 18px;text-align:center}.welcome-section-heading h2{margin:5px 0;font-family:Trebuchet MS,Nunito,sans-serif;font-size:clamp(22px,3vw,31px);letter-spacing:-.04em}.welcome-section-heading p{margin:5px;color:#77778a;font-size:13px}.welcome-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.welcome-feature{display:grid;grid-template-columns:47px 1fr;gap:13px;min-height:190px;padding:19px;border:2px solid #34364e;border-radius:13px;background:#fffaf0;box-shadow:3px 4px #34364e}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border:2px solid #34364e;border-radius:11px;background:#f7d66e;color:#34364e;box-shadow:2px 2px #34364e}.feature-code .feature-icon{background:#c7e4dd}.feature-progress .feature-icon{background:#f2b49d}.feature-workshop .feature-icon{background:#d6c9ee}.feature-count{color:#85849a;font-size:8px;font-weight:1000;letter-spacing:.12em}.welcome-feature h3{margin:5px 0 6px;font-size:17px;letter-spacing:-.02em}.welcome-feature p{margin:0;color:#77778a;font-size:12px;line-height:1.6}.welcome-feature small{display:flex;align-items:center;gap:5px;margin-top:11px;color:#5b647c;font-size:10px;font-weight:900}.welcome-feature small svg{color:#dd8b62}.welcome-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:31px;padding:20px 23px;border:2px solid #34364e;border-radius:13px;background:#f2e8cf;box-shadow:3px 4px #34364e}.welcome-bottom h2{margin:4px 0 0;font-size:21px}.welcome-bottom .primary-button{min-height:47px;padding:0 15px;white-space:nowrap}.welcome-footer{display:flex;justify-content:space-between;margin-top:17px;color:#85849a;font-size:9px;font-weight:900;letter-spacing:.05em}@media(max-width:760px){.welcome-screen{padding:17px 2px}.welcome-hero{grid-template-columns:1fr}.welcome-copy{padding:28px 24px 23px}.welcome-copy h1{font-size:47px}.welcome-copy>p{font-size:13px}.welcome-art{min-height:260px}.welcome-feature-grid{gap:9px}.welcome-feature{grid-template-columns:38px 1fr;gap:10px;min-height:0;padding:13px}.feature-icon{width:36px;height:36px}.welcome-feature h3{font-size:14px}.welcome-feature p{font-size:11px}}@media(max-width:520px){.welcome-feature-grid{grid-template-columns:1fr}.welcome-feature{min-height:0;padding:15px}.welcome-bottom{align-items:flex-start;flex-direction:column}.welcome-bottom .primary-button{width:100%;justify-content:center}.welcome-footer{font-size:8px}.topbar .top-link{font-size:9px;padding:6px}.welcome-art{min-height:230px}}.account-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 3px 3px 12px;border:2px solid #34364e;border-radius:99px;background:#fff}.account-name{display:grid;line-height:1.1;font-size:12px;font-weight:1000;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-name small{color:#7a7d96;font-size:10px}.account-chip .icon-button{width:32px;height:32px;border-radius:50%}.account-login{min-height:40px;padding:0 14px;font-size:13px}.auth-screen{display:grid;justify-items:center;gap:12px;padding:24px 0 40px}.auth-screen>.back-link{justify-self:start}.auth-card{width:min(460px,100%);padding:24px;border:2px solid #34364e;border-radius:20px;background:#fffaf0;box-shadow:5px 5px #34364e}.auth-card h1{margin:6px 0 10px;font-size:28px;letter-spacing:-.03em}.auth-reason{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff1c9;color:#7a5a12;font-size:13px;font-weight:800}.auth-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.auth-roles button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;border:2px solid #34364e;border-radius:14px;background:#fff;font-weight:1000}.auth-roles button.on{background:#ffd56b;box-shadow:0 3px #34364e}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:5px;color:#4f5170;font-size:13px;font-weight:1000}.auth-form input{min-height:48px;padding:0 12px;border:2px solid #34364e;border-radius:12px;font:inherit;font-size:16px;font-weight:800;color:#34364e;background:#fff}.auth-form small{color:#7a7d96;font-weight:800}.auth-note{margin:0;color:#6c6f88;font-size:12px;font-weight:800;line-height:1.45}.auth-error{margin:0;padding:9px 12px;border-radius:10px;background:#f9d6ca;color:#9a3f2d;font-size:13px;font-weight:900}.auth-submit{min-height:52px}.auth-submit:disabled{opacity:.6}.auth-switch{margin:12px auto 0}.teacher-panel{padding-top:20px}.teacher-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;margin-top:16px}.teacher-classes{display:grid;align-content:start;gap:8px}.teacher-inline{display:grid;grid-template-columns:1fr auto;gap:8px}.teacher-inline input{min-height:44px;padding:0 11px;border:2px solid #34364e;border-radius:11px;font:inherit;font-weight:800}.teacher-inline .primary-button{min-height:44px;padding:0 14px;font-size:13px}.teacher-class{display:grid;gap:3px;padding:12px;border:2px solid #34364e;border-radius:14px;background:#fff;text-align:left}.teacher-class.selected{background:#ffd56b;box-shadow:3px 3px #34364e}.teacher-class small{display:flex;align-items:center;gap:4px;color:#5d5f78;font-size:11px;font-weight:900}.teacher-detail{display:grid;align-content:start;gap:14px;padding:16px;border:2px solid #34364e;border-radius:18px;background:#fffaf0;box-shadow:4px 4px #34364e}.teacher-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:2px dashed #34364e;border-radius:14px;background:#fff}.teacher-code strong{display:block;font-size:34px;letter-spacing:.18em}.teacher-code small{color:#6c6f88;font-size:12px;font-weight:800}.teacher-section{display:grid;gap:8px}.teacher-worlds{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.teacher-world{display:flex;align-items:center;gap:8px;padding:10px;border:2px solid #34364e;border-radius:12px;background:#eceaf3;color:#5d5f78;text-align:left}.teacher-world.open{background:#c9f0d9;color:#1d6b4b;box-shadow:0 3px #34364e}.teacher-world span{display:grid}.teacher-world small{font-size:11px;font-weight:900}.teacher-notice{margin:0;padding:9px 12px;border-radius:10px;background:#e3f7f0;color:#1d6b4b;font-size:13px;font-weight:900}.teacher-table{width:100%;border-collapse:collapse;font-size:13px}.teacher-table th{text-align:left;color:#7a7d96;font-size:11px;padding:6px}.teacher-table td{padding:8px 6px;border-top:1px solid #e3e1ee;font-weight:800}.teacher-table td svg{color:#f2a31b;vertical-align:-2px}.teacher-actions{display:flex;gap:6px;justify-content:flex-end}.teacher-actions button,.teacher-delete-class{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border:2px solid #34364e;border-radius:9px;background:#fff;font-size:12px;font-weight:1000}.teacher-actions .danger,.teacher-delete-class{color:#9a5548}.teacher-actions .confirm,.teacher-delete-class.confirm{background:#f9d6ca}.teacher-delete-class{justify-self:start}.demo-section{margin:28px 0}.demo-worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.demo-world{padding:12px;border:2px solid #34364e;border-radius:16px;background:#fff;box-shadow:3px 3px #34364e}.demo-world h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}.demo-world h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffd56b;font-size:12px}.demo-world-2 h3 span{background:#a8dff0}.demo-world-3 h3 span{background:#ffd0e3}.demo-world-4 h3 span{background:#d5dbea}.demo-world-5 h3 span{background:#c7c0f2}.demo-missions{display:grid;gap:6px}.demo-mission{display:flex;align-items:center;gap:8px;padding:7px 9px;border:2px solid #34364e;border-radius:11px;background:#fffaf0;text-align:left;font-size:13px;font-weight:900}.demo-mission b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#3f63c9;color:#fff;font-size:11px}.demo-mission.done b{background:#2f9b7c}.demo-mission:hover{transform:translateY(-2px)}@media(max-width:800px){.teacher-layout{grid-template-columns:1fr}.account-name{display:none}.account-chip{padding-left:3px}.account-login{padding:0 10px}}@media(max-width:600px){.top-link{padding:6px 7px;font-size:12px}.account-login span{display:none}}.world-tab.world-closed{opacity:.6;filter:saturate(.5)}.world-closed-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border:2px solid #34364e;border-radius:12px;background:#fff1c9;color:#6b5114;font-weight:900}.topbar{min-width:0;overflow:hidden}@media(max-width:980px){.brand small{display:none}.topbar{gap:6px;padding:0 10px}.top-link{padding:6px 8px;font-size:12px}}@media(max-width:860px){.brand,.help-button{display:none}}.brand strong span{color:#e2694f}.demo-button{white-space:nowrap;border-color:#30324a;background:#8fd3e8;color:#30324a;box-shadow:2px 3px #30324a}.account-login,.top-link{white-space:nowrap}.demo-button:hover{filter:brightness(1.05)}.guide-card.demo-dialog{width:min(1040px,94vw);max-width:none;max-height:88vh;overflow:auto}.demo-dialog-heading h2{margin:6px 0 4px}.demo-dialog-heading p{margin:0;color:#6c6f88;font-weight:800}@media(max-width:760px){.brand-mark{display:none}.topbar{gap:5px}.account-login{padding:0 9px}}@media(max-width:600px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;row-gap:6px;padding:8px 9px;overflow:visible}.top-spacer{display:none}.topbar .account-login,.topbar .account-chip{margin-left:auto}.topbar .sound-button{margin-left:0}}.jump-icon{display:block}.brand-logo{display:block;height:58px;width:auto;flex:none;margin:-4px 0;-webkit-user-select:none;user-select:none}.brand-icon{display:none;height:40px;width:40px;flex:none;-webkit-user-select:none;user-select:none}@media(max-width:860px){.brand-logo{display:none}.brand-icon{display:block}}@media(min-width:601px)and (max-width:860px){.topbar{gap:5px;padding:0 9px}.topbar .icon-button{width:36px;height:36px;border-radius:12px}.topbar .top-link{padding:5px 7px;font-size:11px;border-radius:8px}.topbar .account-login{min-height:36px;padding:0 10px;font-size:12px;gap:6px;border-radius:12px}.topbar .account-chip .icon-button{width:30px;height:30px}.brand-icon{width:36px;height:36px}}@media(min-width:601px)and (max-width:700px){.topbar{gap:4px;padding:0 7px}.topbar .top-link{padding:5px;font-size:10.5px}.topbar .account-login{padding:0 8px;font-size:11.5px}.topbar .account-login svg{width:15px;height:15px}}.legal-page{max-width:780px;margin:0 auto;padding:28px 20px 60px;line-height:1.65;color:#34364e}.legal-page h1{margin:6px 0 4px;font-size:32px;letter-spacing:-.03em}.legal-page h2{margin:26px 0 8px;font-size:19px}.legal-page ul{padding-left:20px;display:grid;gap:6px}.legal-updated{margin:0 0 14px;color:#7a7d96;font-size:13px;font-weight:800}.legal-intro{padding:12px 14px;border-radius:12px;background:#fff1c9;font-weight:700}.legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:26px;font-size:13px;font-weight:800}.legal-links a{color:#5d5f78;text-decoration:underline}.welcome-footer{flex-wrap:wrap;gap:8px 18px}.auth-legal{justify-content:center;margin-top:16px}.auth-check{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px!important;font-weight:800!important;font-size:12.5px!important;line-height:1.45}.auth-check input{width:20px!important;min-height:20px!important;margin-top:1px;accent-color:#2fa58a}.auth-kids{padding:9px 11px;border-radius:10px;background:#e3f7f0;color:#1d6b4b}.welcome-footer .legal-links{margin-top:0;font-size:11px}.teacher-title{display:flex;align-items:center;gap:8px}.teacher-title h2{margin:0;font-size:24px}.teacher-title .teacher-inline{flex:1}.world-chips{display:inline-flex;gap:3px}.world-chips span{min-width:22px;padding:2px 4px;border-radius:6px;background:#eceaf3;color:#7a7d96;font-size:11px;text-align:center;font-weight:1000}.world-chips span.on{background:#c9f0d9;color:#1d6b4b}.teacher-account{display:grid;gap:8px;margin-top:22px;padding:14px;border:2px dashed #b9b6d6;border-radius:14px}.copyright{margin:14px 0 0;text-align:center;color:#85849a;font-size:11px;font-weight:800}@keyframes hint-pulse{0%,to{box-shadow:0 0 #ffb93800}50%{box-shadow:0 0 0 7px #ffb938aa}}[data-hint=repeat] .command-card.command-repeat,[data-hint=badge] .code-tile.command-up,[data-hint=water] .code-tile.command-up{animation:hint-pulse 1.1s ease-in-out 4;border-radius:12px}@media(prefers-reduced-motion:reduce){[data-hint] *{animation:none!important}}