@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+Thai:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap";
:root{--paper:#fbf8f1;--white:#fffdf9;--ink:#31463d;--muted:#727c70;--line:#e6e8dc;--green:#426d53;--green-light:#edf2e7;--orange:#cd7050;--cream:#f5ecd9;--shadow:0 4px 24px #40533b06;color:var(--ink);background:var(--paper);font-family:Nunito,Noto Sans Thai,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b66e27}a{color:inherit;text-decoration:none}button{background:0 0;border:0}input,textarea,select{background:#fffefa;border:1px solid #d9dfd0;border-radius:8px;min-width:0;padding:9px 11px}textarea{resize:vertical;line-height:1.8}label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:10px;font-size:30px;line-height:1.3}h2{font-size:20px;line-height:1.5}small,.muted{color:var(--muted)}pre,code,.json-editor{font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.75}pre{white-space:pre-wrap;overflow-wrap:anywhere}details>summary{cursor:pointer;line-height:1.8}progress{accent-color:var(--green);border-radius:8px;width:100%;height:6px;overflow:hidden}progress::-webkit-progress-bar{background:#e7ebdf}progress::-webkit-progress-value{background:#76987a}.button{border:1px solid var(--line);background:var(--white);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.button:hover{background:#edf1e6}.button:active{transform:translateY(1px)}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#365c45}.topbar{border-bottom:1px solid var(--line);background:#fffdf9;justify-content:space-between;align-items:center;gap:20px;height:86px;padding:0 28px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:900;line-height:1.05;display:flex}.brand b{color:var(--orange);font-size:15px;font-weight:700}.brand small{letter-spacing:1.8px;color:#7c8877;margin-top:8px;font-size:8px;font-weight:800;display:block}.brand-icon{color:#4b6e46;background:#e6eeda;border-radius:15px;place-items:center;width:44px;height:48px;display:grid;transform:rotate(-7deg)}.topbar-center{color:#78846f;align-items:center;gap:8px;font-size:12px;display:flex}.green-dot,.status-dot,.dot{background:#77975b;border-radius:50%;width:7px;height:7px;display:inline-block}.topbar-actions{align-items:center;gap:18px;display:flex}.save-state{color:#6c7768;font-size:11px}.workspace-layout{grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 86px);display:grid}.rail{border-right:1px solid var(--line);background:#f5f5ec;flex-direction:column;padding:30px 16px 24px;display:flex}.rail-heading{letter-spacing:1.4px;color:#88917e;margin:0 16px 15px;font-size:10px}.rail>button,.rail-bottom>button{text-align:left;color:#6f7a68;border-radius:10px;align-items:center;gap:11px;min-height:46px;margin-bottom:5px;padding:13px 14px;font-size:12px;font-weight:700;display:flex}.rail>button.selected{color:#38563d;background:#e4ebd9}.rail>button svg:last-child:not(:first-child){margin-left:auto}.rail-bottom{margin-top:auto;padding-top:60px}.seed-card{background:#eeecdb;border:1px solid #e4e1cd;border-radius:13px;margin:0 4px 22px;padding:20px 14px}.seed-card>svg{color:#a4813d;margin-bottom:14px}.seed-card strong{font-size:14px;line-height:1.8;display:block}.seed-card p{color:#777d69;margin:10px 0;font-size:11px}.seed-card button{color:#526947;gap:5px;padding:0;font-size:10px;font-weight:800;display:flex}.main-content{width:100%;min-width:0;max-width:1700px;margin:auto;padding:30px 30px 45px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:2px;color:#8a906e;margin-bottom:10px;font-size:10px;font-weight:800}.page-heading h1 input{letter-spacing:-.6px;background:0 0;border:0;border-radius:0;width:100%;padding:0;font-size:28px;font-weight:800}.page-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.heading-tools{flex-wrap:wrap;gap:8px;display:flex}.thinking-path{color:#858d7b;align-items:center;gap:14px;margin:25px 0 20px;font-size:10px;font-weight:700;display:flex}.thinking-path .active{color:#51734e}.thinking-path svg{opacity:.4}.mission-brief{background:#f0f2e5;border:1px solid #dfe6d4;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:12px}.mission-brief summary{align-items:center;gap:12px;display:flex}.mission-brief summary>span:last-child{color:#6b7a5e;margin-left:auto;font-size:10px}.mission-badge{white-space:nowrap;background:#e1e8cf;border-radius:6px;padding:3px 8px;font-size:10px;display:inline-flex}.mission-brief p{margin:14px 0 0}.hint-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hint{background:#fffbec;border-radius:8px;padding:10px}.challenge-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.studio-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.panel-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;height:52px;padding:0 16px;font-size:12px;font-weight:800;display:flex}.panel-label>span{align-items:center;gap:8px;display:flex}.panel-label svg{color:#82916a}.panel-label small{font-size:10px;font-weight:500}.panel-label .button{background:#f7f7ee;min-height:28px;padding:4px 9px;font-size:10px}.editor-tabs{border-bottom:1px solid var(--line);background:#fcfcf6;align-items:center;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.editor-tabs button{white-space:nowrap;color:#8a907d;border-bottom:2px solid #0000;padding:13px 12px;font-size:11px;font-weight:700}.editor-tabs button[aria-selected=true]{color:#476b43;border-bottom-color:#66865a}.authoring-content{background-image:radial-gradient(#b9c5ac3c .7px,#0000 .7px);background-size:17px 17px;height:530px;min-height:475px;padding:14px;overflow:auto}.editor-help{color:#8a9182;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;display:flex}.editor-help .button{min-height:24px;padding:3px 6px;font-size:9px}.block-list{flex-direction:column;gap:9px;min-width:0;display:flex}.block{background:#f1e8d2;border:1px solid #dbcda9;border-left:4px solid #b99446;border-radius:9px;padding:9px 10px;box-shadow:0 2px #ac99620a}.block>header{color:#775d2e;letter-spacing:.2px;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.block-tools{gap:2px;display:flex}.block-tools button{background:#ffffff50;border:1px solid #8c784421;border-radius:5px;width:25px;height:25px;font-size:15px}.block-fields{flex-wrap:wrap;gap:7px;display:flex}.block-fields label{flex:100px;gap:3px;font-size:9px}.block-fields input,.block-fields select{background:#fffcf2;border-color:#b9ad873d;border-radius:5px;width:100%;max-width:100%;padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.block-if,.block-match,.block-for,.block-while,.block-repeat{background:#eeeaf5;border-color:#d5cae4 #d5cae4 #d5cae4 #9c89bd}.block-if>header,.block-match>header,.block-for>header,.block-while>header,.block-repeat>header{color:#78608f}.block-action{background:#e7efe2;border-color:#c9dcc0 #c9dcc0 #c9dcc0 #86a678}.block-action>header{color:#536d45}.block-print,.block-input{background:#e6f0f1;border-color:#c0d9da #c0d9da #c0d9da #79a9ac}.block-print>header,.block-input>header{color:#4b7f80}.block-function,.block-call,.block-return{background:#f1e6ed;border-color:#dfc7d4 #dfc7d4 #dfc7d4 #bd88a4}.branch{border-left:2px solid #b29ec955;margin-top:9px;padding:7px 0 0 9px}.branch>small{margin-bottom:6px;font-size:9px;display:block}.add-block{color:#6b805b;background:#fafbf5;border:1px dashed #cbd6be;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:10px;display:flex}.add-block select{max-width:170px;padding:4px 6px;font-size:10px}.move-menu{color:#7f8270;margin-top:7px;font-size:9px}.move-menu select{max-width:100%;font-size:10px}.case-row{align-items:center;gap:7px;margin-bottom:8px;display:flex}.case-row label{flex-direction:row;flex:1;align-items:center}.case-row input{width:100%;padding:5px}.case-row .button{min-height:25px;padding:4px;font-size:9px}.executing{outline-offset:2px;outline:3px solid #d59936;box-shadow:0 0 0 6px #f2deb858}.runbar{border-top:1px solid var(--line);background:#fcfcf6;flex-wrap:wrap;align-items:center;gap:6px;padding:12px;display:flex}.runbar .button{min-height:35px;padding:8px 9px;font-size:10px}.runbar .primary{padding:10px 13px;font-size:11px}.speed{flex-direction:row;align-items:center;margin-left:auto;font-size:9px}.speed select{padding:5px;font-size:10px}.scene{isolation:isolate;background:#eef1d9;height:295px;position:relative;overflow:hidden}.scene-skeleton{background:#edf1df;height:295px}.scene-sun{background:#f2d087;border-radius:50%;width:40px;height:40px;position:absolute;top:27px;right:14%;box-shadow:0 0 0 10px #f4df9e30}.scene-cloud{background:#ffffffbd;border-radius:50px;width:65px;height:14px;position:absolute;top:40px;left:20%}.scene-cloud:before{content:"";background:inherit;border-radius:50%;width:25px;height:25px;position:absolute;bottom:2px;left:10px}.cloud-two{top:75px;left:65%;transform:scale(.65)}.scene-hill{z-index:-1;background:#d1dfb2;border-radius:50% 50% 0 0;width:85%;height:170px;position:absolute;bottom:-25px;left:-20%}.hill-two{background:#c2d6a2;height:145px;bottom:-15px;left:42%}.scene-ground{z-index:-1;background:#b4cd94;border-radius:50% 50% 0 0;width:100%;height:60px;position:absolute;bottom:0}.scene-town{opacity:.8;text-align:center;letter-spacing:2px;color:#99a17c;font-size:8px;position:absolute;top:30px;left:44%}.gate{letter-spacing:0;color:#4f6247;background:#b1b78b;border:10px solid #d2cca7;border-radius:40px 40px 3px 3px;width:76px;height:100px;margin-top:9px;padding:20px 1px 0;font-size:8px}.gate.open{background:#eaf6bc;border-color:#a6be81;box-shadow:0 0 20px #f4e9a5}.stage-label{color:#6d805e;background:#fffaf58c;border-radius:12px;padding:4px 8px;font-size:9px;position:absolute;top:12px;left:15px}.character{text-align:center;z-index:2;width:99px;transition:left .35s,bottom .35s;position:absolute;transform:translate(-50%)}.character img{object-fit:contain;width:95px;height:99px;display:block}.character>span{background:#fff9e7bd;border:1px solid #a5b68b73;border-radius:10px;padding:1px 9px;font-size:8px;font-weight:800;display:inline-block}.speech{overflow-wrap:anywhere;background:#fffff4dd;border:1px solid #e1e6d6;border-radius:10px 10px 10px 0;width:max-content;min-width:60px;max-width:160px;max-height:60px;margin-bottom:0;padding:5px 7px;font-size:9px;line-height:1.5;position:relative;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 3px 7px #697c5810}.scene-caption{color:#4f6a48;z-index:3;font-size:8px;position:absolute;bottom:7px;left:13px}.rainy{background:#dce4df}.rainy .scene-sun{opacity:.1}.rainy .scene-cloud{background:#b4c3bd}.anim-wave img{animation:.6s ease-in-out 2 wave}.anim-jump img,.anim-play img{animation:.55s 2 jump}.anim-dance img{animation:.6s 2 dance}.anim-spin img{animation:.8s spin}.anim-rest img{transform:rotate(-8deg)translateY(8px)}.anim-run img,.anim-walk img{animation:.3s 3 walk}.anim-eat img,.anim-pet img{animation:.6s 2 wave}@keyframes jump{50%{transform:translateY(-25px)}}@keyframes dance{25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes walk{50%{transform:translateY(-5px)rotate(5deg)}}@keyframes wave{50%{transform:rotate(-8deg)scale(1.04)}}.world-state{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;padding:14px 16px;display:grid}.pet-status>strong{align-items:center;gap:6px;margin-bottom:10px;font-size:11px;display:flex}.pet-dot{border-radius:50%;width:8px;height:8px}.pet-status label{margin-bottom:4px;font-size:9px;font-weight:500;line-height:1.8;display:block}.pet-status label b{float:right}.pet-status progress{margin:4px 0 7px;display:block}.pet-status small{font-size:8px}.execution-status{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:12px 16px;font-size:10px;display:flex}.execution-status small{margin-left:auto;font-size:8px}.status-dot.error{background:#c47a55}.status-dot.running,.status-dot.loading{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.inspector-tabs{border-bottom:1px solid var(--line);gap:15px;padding:0 14px;display:flex}.inspector-tabs button{color:#8c937f;padding:11px 3px;font-size:10px}.inspector-tabs button.active{color:#4f7147;border-bottom:2px solid #79976a}.inspector{height:176px;padding:13px 16px;overflow:auto}.console-line{gap:13px;margin:0 0 6px;font-size:11px;display:flex}.console-line span{color:#acb49f;-webkit-user-select:none;user-select:none}.empty{text-align:center;color:#8b947e;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty.small{padding:15px 5px;font-size:10px}.empty.small>span{color:#b4bea4;font-size:22px}.empty p{margin:0;font-size:10px}.empty strong{font-size:11px;font-weight:600}.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.reflection-body{grid-template-columns:1fr auto;align-items:end;gap:12px;padding:15px 16px;display:grid}.reflection-body>label:first-child{grid-column:1/-1}.reflection textarea{background:#fcfcf5;min-height:75px;font-size:11px}.reflection-body label,.reflection-body select,.reflection .button{font-size:10px}.next-idea{background:#f1f0e0;border-color:#e6e1c9;padding:22px}.next-idea .eyebrow{color:#9c8e58;font-size:9px}.next-idea h2{margin-bottom:8px;font-size:19px}.next-idea p{color:#7f826c;margin-bottom:16px;font-size:11px}.next-idea .button{background:0 0;border-color:#d5d7c1;margin-bottom:7px;margin-right:5px;font-size:10px}.next-idea label{margin-top:9px;font-size:10px}.draft-toolbar{color:#849078;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:9px;display:flex}.draft-toolbar .button{min-height:27px;padding:5px 7px;font-size:9px}.python-editor{background:#f9fbf5;border:1px solid #d9e1d2;border-radius:9px;overflow:hidden}.code-caption{background:#edf2e6;border-bottom:1px solid #e4e9dc;align-items:center;gap:7px;padding:10px 12px;font:11px IBM Plex Mono,monospace;display:flex}.code-caption>span:last-child{color:#809071;margin-left:auto;font:8px Noto Sans Thai,sans-serif}.source-area{background:#fbfcf7;height:395px;display:flex}.line-numbers{text-align:right;color:#adb79f;-webkit-user-select:none;user-select:none;background:#f4f7ee;min-width:38px;padding:13px 9px;font:11px/22px IBM Plex Mono,monospace;overflow:hidden}.line-numbers span{height:22px;display:block}.current-line{color:#785422;background:#f1dbb0}.source-area textarea{resize:none;outline-offset:-3px;white-space:pre;tab-size:4;background:0 0;border:0;border-radius:0;flex:1;padding:13px 11px;font:11px/22px IBM Plex Mono,monospace;overflow:auto}.editor-note{color:#8b937e;background:#f1f4e9;margin:0;padding:9px 10px;font-size:9px}.plan-form{padding:12px}.plan-form h2{font-size:20px}.plan-form label{margin:20px 0 10px}.plan-form textarea{min-height:120px;font-size:12px}.plan-form p{color:#8b927e;font-size:11px}.pseudocode{padding:15px}.flow-toolbar{flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.flow-toolbar p{flex:1;min-width:150px}.flow-toolbar button{border:1px solid var(--line);border-radius:6px;padding:5px}.flow-scroll{height:410px;overflow:auto}.flow-canvas{text-align:center;width:max-content;min-width:350px;min-height:100%;margin:auto;padding:25px 20px}.flow-node{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7ef;border:1px solid #c4d3bc;border-radius:8px;max-width:300px;margin:auto;padding:9px 16px;font-size:11px}.flow-node.small{min-width:100px}.flow-node small{display:block}.flow-node.terminal{background:#e2ebd5;border-radius:50px;width:110px}.flow-node.decision{background:#eee8f4;border-color:#d1c0de}.flow-node.io{background:#e4f0ee;transform:skew(-5deg)}.flow-arrow{color:#acb79f;height:25px;padding:2px;display:block}.flow-branches{border:1px solid #c5cbbd;border-top:0;border-radius:0 0 12px 12px;align-items:flex-start;gap:15px;padding:12px;display:flex}.flow-branches section{border-left:1px solid #ced3c7;min-width:130px;max-width:220px;padding-left:10px}.flow-branches strong{color:#7d6c93;margin-bottom:12px;font-size:9px;display:block}.flow-merge{color:#8a947f;padding-top:5px;font-size:9px}.flow-loop{border-bottom:2px solid #9eac90;border-right:2px solid #9eac90;border-radius:0 0 20px;padding:8px 25px 8px 8px}.flow-loop>strong,.flow-loop>small{margin:8px;font-size:9px;display:block}.flow-back{color:#6c805b;margin:8px;font-size:10px}.function-flow{background:#f8f0f5;border:1px dashed #bda6b7;border-radius:10px;margin-top:25px;padding:15px}.function-flow h3{font-size:12px}.definition{background:#f4e8ef}.notice{background:#fff5db;border:1px solid #ddc998;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:12px;line-height:1.8;display:flex}.notice button{font-size:20px}.error-box{color:#944b33;background:#fff0e8;border:1px solid #efd5c5;border-radius:8px;margin-bottom:12px;padding:12px;font-size:11px}.error-box pre{font-size:10px}.action-detail{margin-top:10px;font-size:10px}.variable-table{text-align:left;border-collapse:collapse;width:100%;font-size:10px}.variable-table td,.variable-table th{border-bottom:1px solid var(--line);vertical-align:top;padding:7px}.variable-table code{overflow-wrap:anywhere;font-size:10px}.inspector details{margin-top:12px;font-size:10px}.indicators{border-bottom:1px solid var(--line);gap:12px;padding:12px 16px;display:flex}.indicators>div{border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:10px}.indicators b{font-size:17px;display:block}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.lesson-card{border:1px solid var(--line);background:#fffdf7;border-radius:17px;padding:28px;position:relative;overflow:hidden}.lesson-number{color:#e9eddf;z-index:0;font-size:80px;font-weight:900;line-height:1;position:absolute;top:10px;right:20px}.lesson-card h2,.lesson-card .eyebrow{position:relative}.lesson-card h2{margin-top:20px;font-size:25px}.lesson-card p{color:#7b846f;font-size:12px}.lesson-card>strong{color:#819469;margin:20px 0;font-size:11px;display:block}.lesson-card details{font-size:11px}.card-actions{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.example-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.example-card,.project-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px}.example-art{background:#f4e7c9;border-radius:10px;place-items:center;height:140px;margin-bottom:20px;font-size:65px;font-weight:900;display:grid}.art-1{background:#e4ecd7}.art-2{color:#9d85b8;background:#e7e3f1}.example-card p{color:#808974;font-size:12px}.example-card .button{white-space:normal;font-size:10px}.comparison{margin-top:25px;padding:25px}.comparison p{color:#88917b;font-size:12px}.compare-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.compare-grid>div{background:#f6f8ef;border-radius:8px;padding:15px}.compare-grid pre{max-height:400px;font-size:10px;overflow:auto}.project-card h2{margin:15px 0 8px;font-size:18px}.project-card p{color:#8c957f;font-size:10px}.project-preview{background:#e9eedb;border-radius:9px;place-items:center;height:135px;display:grid}.project-preview img{height:115px}.project-card .button{font-size:10px}.project-grid{margin-bottom:25px}.evidence-signals{margin:20px 0;padding:20px}.evidence-signals p{margin-bottom:6px;font-size:12px}.evidence-card{margin-bottom:12px;padding:15px 20px}.evidence-card summary{font-size:12px;font-weight:700}.evidence-body{padding-top:20px;font-size:12px}.evidence-body pre{background:#f3f6eb;max-height:400px;padding:15px;overflow:auto}.assessment{margin-top:15px;padding:20px}.assessment p{font-size:12px}dialog{width:min(720px,100vw - 30px);max-height:90vh;color:var(--ink);background:var(--white);border:1px solid #d4dccb;border-radius:18px;padding:25px;box-shadow:0 20px 100px #24342530}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#233d345c}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:12px;display:flex}.dialog-heading h2{margin:0;font-size:21px}.dialog-heading button{min-width:36px;min-height:36px;font-size:26px}dialog label{margin:13px 0}dialog p{color:#7c8771;font-size:12px}.dialog-actions{justify-content:flex-end;gap:10px;margin:20px 0 5px;display:flex}.json-editor{tab-size:2;width:100%;height:330px;font-size:12px}.api-doc pre{background:#f2f5e9;border-radius:9px;max-height:400px;padding:20px;overflow:auto}.api-doc p{line-height:1.9}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:12px}.callout{background:#f1eddb;border-radius:8px;padding:12px}.reduced-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1600px){.authoring-content{height:630px}.inspector{height:276px}.scene,.scene-skeleton{height:330px}.source-area{height:495px}}@media (max-width:1200px){.workspace-layout{grid-template-columns:175px minmax(0,1fr)}.main-content{padding:25px 20px}.rail{padding-inline:10px}.rail>button{padding-inline:10px;font-size:10px}.topbar-center{display:none}.studio-grid{gap:14px}.heading-tools .button{font-size:10px}.runbar .button{padding:6px;font-size:9px}.runbar .speed{display:none}.character{width:83px}.character img{width:80px;height:88px}.world-state{gap:12px}.page-heading h1 input{font-size:25px}.block-fields label{flex-basis:80px}.thinking-path{gap:8px;font-size:9px}.example-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reflection-body{flex-direction:column;align-items:stretch;display:flex}.reflection-body .button{align-self:flex-end}.world-state .pet-status small{font-size:7px}.execution-status{flex-wrap:wrap}}@media (max-width:950px){.workspace-layout{grid-template-columns:70px minmax(0,1fr)}.rail{padding:25px 8px}.rail-heading,.rail>button span,.rail>button svg:last-child:not(:first-child),.seed-card,.rail-bottom{display:none}.rail>button{justify-content:center;padding:14px 0}.rail>button svg{width:22px;height:22px}.studio-grid{grid-template-columns:1fr}.authoring-content{height:480px}.world-panel{grid-template-columns:1.2fr 1fr;display:grid}.world-panel>.panel-label{grid-column:1/-1}.scene{grid-area:2/1/5;height:300px}.world-state{grid-area:2/2;padding:15px;display:block}.pet-status:first-child{margin-bottom:16px}.world-state .pet-status small{font-size:8px}.execution-status{grid-area:3/2}.execution-status small{display:none}.inspector-tabs{grid-column:1/-1}.inspector{grid-column:1/-1;height:180px}.indicators{grid-column:2}.main-content{padding:25px 20px}.page-heading{align-items:flex-start}.heading-tools{flex-direction:column}.page-heading h1 input{font-size:27px}.world-state label{font-size:10px}.challenge-grid{grid-template-columns:1fr}.mission-brief summary>span:last-child{display:none}.topbar{padding-inline:20px}.save-state{max-width:150px;line-height:1.5}.lesson-card{padding:20px}.lesson-card h2{font-size:21px}}@media (max-width:600px){:root{font-size:14px}.topbar{gap:10px;height:72px;padding:0 15px}.brand{font-size:19px}.brand-icon{width:35px;height:40px}.brand small{font-size:6px}.brand b{font-size:12px}.topbar-actions{gap:8px}.save-state{display:none}.topbar-actions .button{padding:7px 9px;font-size:10px}.workspace-layout{flex-direction:column;display:flex}.rail{z-index:10;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f6efee;flex-direction:row;gap:3px;padding:6px 8px;position:sticky;top:0}.rail>button{flex:1;min-height:44px;margin:0;padding:9px}.rail>button svg{width:20px;height:20px}.main-content{padding:22px 12px}.page-heading{gap:8px}.page-heading h1{font-size:25px}.page-heading h1 input{font-size:22px}.page-heading p{font-size:11px}.heading-tools .button{min-height:30px;padding:6px 8px;font-size:9px}.thinking-path{gap:5px;margin:20px 0;font-size:8px}.thinking-path svg{width:10px}.mission-brief{padding:10px 12px}.mission-brief summary{gap:8px;font-size:10px}.mission-brief summary strong{font-weight:600}.editor-tabs button{min-height:44px;padding:12px;font-size:11px}.authoring-content{height:440px;min-height:360px;padding:10px}.block-tools button{width:30px;height:30px}.block-fields label{font-size:10px}.block-fields input{padding:8px;font-size:12px}.add-block{padding:10px}.add-block select{min-height:35px}.runbar{gap:5px;padding:10px}.runbar .button{min-height:40px;padding:7px 9px;font-size:10px}.world-panel{display:block}.scene{height:295px}.world-state{display:grid}.execution-status small{display:block}.inspector-tabs button{min-height:44px}.inspector{height:190px}.bottom-grid{grid-template-columns:1fr;gap:14px}.reflection-body textarea{font-size:13px}.next-idea{padding:20px}.lesson-grid,.example-grid,.project-grid,.compare-grid{grid-template-columns:1fr}.lesson-card{padding:25px}.source-area textarea{font-size:12px}.source-area{height:340px}.code-caption>span:last-child{display:none}.json-editor{font-size:11px}.dialog-heading h2{font-size:19px}dialog{padding:20px}button{min-height:32px}.flow-scroll{height:350px}}.initial-loading{background:#fbf8f1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.initial-loading img{width:140px}.initial-loading h1{font-size:24px}.initial-loading p{color:#7b8c70;font-size:12px}.argument-list{flex-wrap:wrap;flex:100%;gap:7px;font-size:9px;display:flex}.argument-list>span{color:#6d7c63;width:100%}.argument-list label{flex:1;min-width:90px}.argument-list .button{align-self:end;min-height:25px;padding:4px 8px;font-size:9px}.argument-row{gap:4px;display:flex}.argument-row input{width:100%}.argument-row button{border:1px solid #ccc8b1;border-radius:5px;width:25px;font-size:17px}.initial-pets{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.initial-pet{background:#f0f4e7;border-radius:10px;padding:15px}.initial-pet strong{font-size:12px}.initial-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.initial-values label{margin:5px 0;font-size:10px}.initial-values input{width:100%;padding:6px}.inline-form{flex-wrap:wrap;align-items:end;gap:8px;margin:15px 0;display:flex}.inline-form label{flex:1;min-width:95px;margin:0}.inline-form input{width:100%}.initial-state-form h3{margin-top:20px;font-size:15px}.custom-state{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px;font-size:11px;display:flex}.custom-state span{overflow-wrap:anywhere}.custom-state .button{min-height:25px;margin-left:auto;font-size:9px}@media (max-width:600px){.initial-pets{grid-template-columns:1fr}}.rail>button,.page-heading p,.mission-brief{font-size:13px}.mission-brief summary>span:last-child{font-size:11px}.panel-label{font-size:13px}.panel-label small{font-size:11px}.editor-tabs button{min-height:44px;font-size:13px}.editor-help{color:#62705c;font-size:11px}.block>header{font-size:12px}.block-fields label,.argument-list{font-size:11px}.block-fields input,.block-fields select{min-height:35px;font-size:13px}.block-tools button{min-width:30px;min-height:30px}.add-block{color:#4c6740;font-size:12px}.add-block select{min-height:34px;font-size:12px}.move-menu,.branch>small{color:#625f56;font-size:11px}.runbar .button{min-height:39px;font-size:12px}.runbar .primary{font-size:13px}.speed{font-size:11px}.speed select{font-size:12px}.pet-status label{font-size:11px}.pet-status small,.world-state .pet-status small{font-size:10px}.pet-status>strong{font-size:13px}.speech{font-size:11px}.character>span{font-size:10px}.execution-status{font-size:12px}.execution-status small{font-size:10px}.inspector-tabs button{min-height:42px;font-size:12px}.console-line{font-size:13px}.variable-table,.variable-table code{font-size:12px}.source-area textarea,.line-numbers{font-size:13px}.editor-note{color:#62705c;font-size:11px}.reflection-body label{font-size:12px}.reflection textarea,.reflection-body select,.next-idea p,.plan-form label{font-size:13px}.plan-form textarea{font-size:14px}.initial-values label,.flow-node{font-size:12px}.lesson-card p,.example-card p{font-size:14px}.project-card p{font-size:12px}.muted,small{color:#606e5a}@media (max-width:600px){.block-tools button{min-width:36px;min-height:36px}.editor-tabs button,.runbar .button{min-height:44px}.mission-brief summary{font-size:12px}.button{min-height:40px}.page-heading p{font-size:12px}}.expansion-lab{gap:26px;display:grid}.lab-foundations,.universe-panel{min-width:0}.section-heading,.universe-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2,.universe-hero h2{letter-spacing:-.03em;margin:4px 0 6px;font-size:clamp(20px,2.4vw,30px)}.section-heading p,.universe-hero p{color:#76826f;max-width:760px;margin:0;font-size:12px;line-height:1.75}.example-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.example-grid.compact .example-art{height:88px}.lab-number{color:#455544;letter-spacing:-.06em;background:radial-gradient(circle at 75% 20%,#f3d68b 0 10%,#0000 11%),linear-gradient(135deg,#edf1df,#f8f0dc);flex-direction:column;gap:2px;font-size:30px;display:flex}.lab-number small{letter-spacing:.18em;color:#8b957d;font-size:8px}.universe-panel{background:radial-gradient(circle at 90% -10%,#dfe8cb 0 18%,#0000 38%),linear-gradient(#fffef9 0%,#fafcf5 100%);padding:24px;overflow:hidden}.universe-hero{position:relative}.universe-hero:after{content:"";pointer-events:none;border:1px dashed #aabc9570;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-90px}.lab-filterbar{background:#f6f8ef;border:1px solid #dce4d3;border-radius:12px;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) minmax(140px,.4fr) auto;align-items:center;gap:9px;margin:20px 0;padding:10px;display:grid}.lab-filterbar label{background:#fffef9;border:1px solid #dbe3d4;border-radius:8px;align-items:center;gap:7px;margin:0;padding:0 9px;display:flex}.lab-filterbar input,.lab-filterbar select{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;margin:0;font-size:11px}.lab-filterbar output{white-space:nowrap;color:#75826d;padding:0 8px;font-size:10px;font-weight:800}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.activity-card{background:#fffefb;border:1px solid #dce4d3;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 10px 30px #52624d08}.activity-card:hover{border-color:#b7c8a6;transform:translateY(-2px);box-shadow:0 14px 34px #52624d12}.activity-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.activity-index{color:#607457;background:#eef3e5;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.activity-card header small{color:#87947f;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.activity-card h3{margin:0;font-size:15px;line-height:1.25}.level-chip{letter-spacing:.04em;text-transform:uppercase;background:#f6f7f1;border:1px solid #d4ddca;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900}.level-chip.explorer{background:#eef4df}.level-chip.builder{background:#f4edd9}.level-chip.creator{background:#ece8f3}.activity-card p{color:#707b69;margin:0;font-size:10px;line-height:1.65}.activity-card .activity-subtitle{color:#52634d;font-weight:750}.concept-row,.edge-case-list{flex-wrap:wrap;gap:5px;display:flex}.concept-row span,.edge-case-list span{color:#607058;background:#eff3e8;border-radius:999px;padding:4px 7px;font-size:8px}.edge-case-list{padding-top:8px}.edge-case-list span{background:#f7f1e5}.activity-card details{color:#6c7865;border-top:1px dashed #dce4d3;margin-top:auto;padding-top:9px;font-size:9px}.activity-card details summary{cursor:pointer;font-weight:800}.activity-card footer{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.activity-card footer .button{min-height:34px;padding:7px 9px;font-size:9px}.lab-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lab-principles article{background:#fffdf8;border:1px solid #dce4d3;border-radius:12px;padding:16px}.lab-principles svg{color:#718867;margin-bottom:8px}.lab-principles strong{margin-bottom:4px;font-size:11px;display:block}.lab-principles p{color:#7e8877;margin:0;font-size:9px;line-height:1.55}.scene{isolation:isolate;background:linear-gradient(#dcebd8 0%,#eef1d9 48%,#c9d9a9 49%,#afc989 100%);border-bottom:1px solid #cad7bd;height:330px;min-height:330px;position:relative;overflow:hidden}.scene-skeleton{height:330px}.scene-sky{z-index:-5;position:absolute;inset:0 0 44%;overflow:hidden}.scene-orb{background:#f2d087;border-radius:50%;width:44px;height:44px;transition:all .35s;position:absolute;top:26px;right:10%;box-shadow:0 0 0 12px #f4df9e28,0 0 45px #efd07a40}.scene-stars{opacity:0;background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 35% 35%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 65% 15%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 84% 42%,#fff 0 1px,#0000 1.5px);background-size:90px 70px;position:absolute;inset:0}.scene-night{background:linear-gradient(#68796f 0%,#9eac8c 48%,#afc28e 49%,#8fa96f 100%)}.scene-night .scene-orb{background:#f5f0d9;box-shadow:0 0 0 10px #f8f2d923}.scene-night .scene-stars{opacity:.65}.scene-cloud{z-index:-4}.weather-rainy{background:repeating-linear-gradient(100deg,#0000 0 16px,#fff2 17px 18px),linear-gradient(#aebfba 0%,#d2ddd0 48%,#aeba96 49%,#8faa78 100%)}.weather-rainy .scene-orb{opacity:.18}.weather-rainy .scene-cloud{background:#b7c4bf}.weather-cloudy .scene-orb{opacity:.55}.scene-grid{opacity:.18;z-index:-2;position:absolute;inset:45% 0 32px}.scene-grid span{background:#617454;width:1px;position:absolute;top:0;bottom:0}.scene-grid i{background:#617454;height:1px;position:absolute;left:0;right:0}.scene-ground{z-index:-3;background:radial-gradient(circle at 50% 0,#c8dba7 0%,#abc58a 60%,#9db97e 100%);border-radius:50% 50% 0 0;height:50%;bottom:-27%}.scene-town{opacity:1;color:#708068;letter-spacing:0;z-index:-1;width:112px;top:34px;left:45%;transform:translate(-50%)}.town-sign{margin-bottom:5px}.town-sign small,.town-sign strong{display:block}.town-sign small{letter-spacing:.18em;font-size:7px;font-weight:900}.town-sign strong{letter-spacing:.04em;margin-top:2px;font-size:6px;font-weight:600}.gate{background:#aab487;border:8px solid #d0cba6;border-bottom-width:5px;width:82px;height:92px;margin:auto;padding:18px 2px 0;position:relative;overflow:hidden}.gate span{background:#8f9971;width:2px;height:70%;position:absolute;bottom:0;left:50%}.gate b{z-index:2;background:#ffffff8a;padding:3px;font-size:6px;display:block;position:relative}.gate.open{background:#edf4bf}.gate.open span{opacity:.14;transform:scaleX(14)}.scene-zone{color:#5f7357;letter-spacing:.1em;z-index:-1;background:#ffffff3d;border:1px solid #859a7360;border-radius:9px 9px 3px 3px;place-items:center;min-width:55px;height:30px;font-size:6px;font-weight:900;display:grid;position:absolute}.zone-lab{top:122px;left:7%}.zone-garden{top:147px;right:7%}.zone-stage{top:110px;right:25%}.scene-context{z-index:5;gap:5px;display:flex;position:absolute;top:9px;left:9px}.scene-context span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#63735d;text-transform:uppercase;background:#fffdf7a6;border:1px solid #ffffff7a;border-radius:999px;padding:4px 6px;font-size:6px}.scene-context b{letter-spacing:.08em;margin-right:3px;font-size:5px}.scene-object-board{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:6;background:#2f433561;border:1px solid #ffffff78;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(155px,36%);max-height:92px;padding:5px;display:grid;position:absolute;top:8px;right:8px;overflow:auto}.scene-object-board>div{color:#fff;background:#ffffff10;border-radius:5px;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;min-width:0;padding:3px;display:grid}.object-pulse{background:#ddebaf;border-radius:50%;grid-row:1/3;width:5px;height:5px;box-shadow:0 0 0 3px #ddebaf20}.scene-object-board small,.scene-object-board strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scene-object-board small{opacity:.72;font-size:5px}.scene-object-board strong{font-size:7px}.character{z-index:20;width:94px;transition:left .35s,bottom .35s,filter .25s}.character-aura{opacity:.18;filter:blur(7px);z-index:-1;border-radius:50%;width:70px;height:22px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.character img{border:1px solid #0000;border-radius:42%;width:88px;height:92px;margin:auto;transition:transform .22s}.character[data-direction=left] img{transform:scaleX(-1)}.character-tag{color:#52614c;background:#fffbeddd;border:1px solid #a9b99962;border-radius:999px;align-items:center;gap:5px;padding:2px 6px;display:inline-flex;box-shadow:0 3px 8px #3c543714}.character-tag strong{font-size:7px}.character-tag span{opacity:.7;font-size:5px}.speech{background:#fffff2eb;min-width:70px;max-width:155px;max-height:52px;margin-bottom:2px;padding:4px 6px;font-size:7px}.speech small{color:#87937f;text-transform:uppercase;font-size:5px;font-weight:900;display:block}.speech span{display:block}.is-acting .character-aura{opacity:.38;animation:.7s ease-in-out infinite alternate auraPulse}.action-failed{filter:saturate(.55)}.scene-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#53664f;z-index:40;background:#fffdf69e;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:6px;display:flex;bottom:7px;left:9px}.live-dot{background:#6b8b5d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #6b8b5d24}.anim-celebrate img,.anim-clap img,.anim-help img,.anim-study img,.anim-read img,.anim-clean img,.anim-water img,.anim-cook img{animation:.55s ease-in-out 2 wave}.anim-sleep img,.anim-sit img{transform:rotate(-7deg)translateY(6px)}.anim-look img{animation:.55s ease-in-out 2 lookAround}.anim-move_to img{animation:.3s 3 walk}@keyframes auraPulse{to{transform:translate(-50%)scale(1.22)}}@keyframes lookAround{50%{transform:rotate(4deg)translate(3px)}}@media (max-width:1200px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-filterbar{grid-template-columns:minmax(200px,1fr) minmax(140px,.55fr) minmax(130px,.5fr)}.lab-filterbar output{grid-column:1/-1}}@media (max-width:760px){.section-heading,.universe-hero{flex-direction:column;align-items:stretch}.example-grid.compact,.activity-grid,.lab-principles,.lab-filterbar{grid-template-columns:1fr}.lab-filterbar output{grid-column:auto}.activity-card>header{grid-template-columns:auto minmax(0,1fr)}.level-chip{grid-column:2;justify-self:start}.universe-panel{padding:16px}.scene-object-board{grid-template-columns:1fr;width:42%;max-height:76px}.scene-context{flex-wrap:wrap;max-width:48%}}