:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233f38;background:#f4f5ef;--accent:#2d8068;--muted:#678073;--line:#dce3d8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #d9a82c;outline-offset:3px}.top{height:68px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcf7;gap:20px}.home{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:17px;white-space:nowrap}.home b{font-weight:450;color:#668071}.brand-icon{display:grid;place-items:center;background:#203f38;color:#e1efbd;border-radius:10px;width:34px;height:34px;font-weight:700}.top nav{display:flex;gap:6px}.top nav a{font-size:13px;text-decoration:none;padding:11px 15px;border-radius:9px}.top nav a.active{background:#e7eee0;font-weight:650}.own-label{font-size:10px;color:#748174}.journey{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:15px}.journey>div{display:flex;gap:15px;align-items:baseline}#world-name{font-weight:650;font-size:16px}#progress-text{font-size:11px;color:var(--muted)}#levels{display:flex;gap:8px}#levels button{width:34px;height:34px;border:1px solid #d3ddcb;border-radius:50%;background:#fff;color:#637568;font-size:13px;font-weight:650;position:relative}#levels button.current{background:#24473c;color:#fff;border-color:#24473c;box-shadow:0 0 0 4px #e6edda}#levels button.done:after{content:'✓';position:absolute;right:-3px;top:-5px;border-radius:50%;background:#cae2ad;color:#274734;width:15px;height:15px;font-size:11px}.layout{display:grid;grid-template-columns:minmax(350px,.85fr) minmax(480px,1.3fr);height:calc(100dvh - 137px);min-height:580px;max-width:1680px;margin:auto}.scene-panel{overflow:auto;padding:20px 24px;border-right:1px solid var(--line)}.mission-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#64836b}.light-button{padding:7px 9px;background:transparent;color:#5e796b;font-size:11px;border-radius:6px}.light-button:hover{background:#e8eee1}h1{font-size:26px;line-height:1.13;letter-spacing:-.8px;margin:12px 0 10px;max-width:440px}#brief{font-size:13px;line-height:1.6;color:#587062;margin:0 0 17px;min-height:42px}.landscape{background:linear-gradient(145deg,#e8f1de,#f4f4d7);border:1px solid #d6e2c4;border-radius:17px;padding:14px 17px 11px;position:relative;overflow:hidden}.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#5a785b;margin-bottom:20px}#address-label{font-weight:650;font-family:ui-monospace,monospace}#goal-badge{font-size:10px;white-space:nowrap;background:#ffffff90;padding:5px 8px;border-radius:12px}.board{position:relative}.column-labels{display:grid;grid-template-columns:repeat(var(--cols),1fr);font:11px ui-monospace,monospace;text-align:center;color:#66855c;padding-bottom:7px}.matrix .column-labels{margin-left:23px}.map-area{display:flex;align-items:stretch;position:relative}.row-labels{display:grid;grid-template-rows:repeat(var(--rows),1fr);width:23px;flex-shrink:0;align-items:center;font:11px ui-monospace,monospace;color:#66855c}.cells{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),1fr);gap:5px;position:relative;flex:1}.cell{position:relative;aspect-ratio:1/1;background:#d8e7ba;border:1px solid #bacd98;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s}.vector .cell{height:108px;aspect-ratio:auto;background:linear-gradient(#f8f8db 65%,#aabe83 65%,#c8d9a1 73%);border-color:#c8d5aa}.matrix .cell{max-height:68px;background:linear-gradient(145deg,#dcc7a1,#c8b187);border-color:#b5a07f}.cell.empty{background:#e8edd5;border:1px dashed #becba3}.matrix .cell.empty{background:#e4dfc6;border-color:#c7c2a9}.cell.current{box-shadow:inset 0 0 0 2px #357f5e;border-color:#357f5e}.cell .cell-value{position:absolute;bottom:4px;right:6px;font:600 11px ui-monospace,monospace;color:#506d4a;background:#ffffffa6;border-radius:4px;padding:1px 4px}.fruit{width:21px;height:22px;border-radius:40% 45% 45% 45%;background:#e7a037;box-shadow:inset -4px -2px #cf7f2a;position:relative;transition:transform .25s,opacity .25s;margin-top:-12px}.fruit:before{content:'';position:absolute;background:#52804d;width:10px;height:5px;border-radius:12px 0;left:10px;top:-5px;transform:rotate(-22deg)}.sprout{width:5px;height:23px;background:#3c8153;border-radius:5px;position:relative}.sprout:before,.sprout:after{content:'';position:absolute;width:17px;height:10px;background:#6f9b5b;border-radius:14px 0;top:2px;left:-14px;transform:rotate(20deg)}.sprout:after{left:3px;top:-2px;border-radius:0 14px;background:#417d50;transform:rotate(-20deg)}.cell.cared{background:#c0dbbb}.cell.cared .fruit{transform:translateY(-15px) scale(.4);opacity:0}.cell.cared .sprout{height:28px;background:#297147}.cell.cared:after{content:'✓';position:absolute;top:4px;right:6px;font-size:13px;font-weight:700;color:#2d7151}.visitor{position:absolute;pointer-events:none;z-index:2;display:grid;place-items:center;transition:left .35s,top .35s;filter:drop-shadow(0 4px 2px #34453225)}.visitor svg{width:44px;height:44px;overflow:visible}.vector .visitor{margin-top:20px}.matrix .visitor{margin-top:8px}.index-note{text-align:center;font-size:10px;color:#739064;margin:12px 0 0}.memory{background:#fbfcf8;border:1px solid #dce4d6;border-radius:12px;padding:12px 15px;margin-top:12px}.memory-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#789072;letter-spacing:1px}.memory-heading span:last-child{font-size:10px;letter-spacing:0}#memory-code{font:12px/1.9 ui-monospace,SFMono-Regular,monospace;color:#496a53;margin:7px 0 0;white-space:pre;overflow:auto}#memory-code mark{background:#d8e7aa;border-radius:4px;padding:2px 3px;color:#274d37}.variables{display:flex;justify-content:space-around;background:#edf1e5;border-radius:12px;margin-top:12px;padding:10px 8px;gap:8px}.variables>div{text-align:center;flex:1}.variables span{display:block;font-size:10px;color:#6f806b}.variables strong{display:block;font:650 20px ui-monospace,monospace;margin-top:4px;color:#355b43}#status{padding:12px 2px;font-size:12px;line-height:1.6;color:#61765d;min-height:58px}#status.error{color:#a64535}#status.success{color:#31734b}#tip{border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.6;color:#4f6c56}#tip summary{font-weight:600}.plain-note{font-size:11px;color:#778675}.editor-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fbfcf8}.editor-heading{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:55px;flex-shrink:0}.editor-heading>div{display:flex;gap:13px;align-items:center}#block-count{font-size:10px;color:#7d8d77}#block-count.over{color:#b35439}.workspace-wrap{position:relative;flex:1;min-height:300px}#blockly{position:absolute;inset:0}.workspace-hint{position:absolute;right:20px;top:25px;pointer-events:none;color:#a0ab98;text-align:right;font-size:11px;line-height:1.7;max-width:185px}.blocklyMainBackground{stroke:none!important}.blocklyToolboxDiv{background:#f0f3e9!important}.blocklyTreeRow{height:34px!important;line-height:34px!important;margin:7px 6px!important;border-radius:5px}.blocklyTreeLabel{font-size:12px!important}.blocklyFlyoutBackground{fill:#edf1e4!important;fill-opacity:.97!important}.controls{display:flex;align-items:center;gap:8px;padding:13px 16px;border-top:1px solid var(--line);background:#fafbf6;flex-wrap:wrap}.primary,.secondary,.icon-button{border-radius:9px;padding:12px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:#285e49;color:#fff;box-shadow:0 2px #174e3c}.primary:hover{background:#1e513f}.secondary{background:#e9eedf;color:#526d52}.icon-button{background:transparent;color:#587058;font-size:22px;padding:4px 9px}.speed{margin-left:auto;font-size:10px;color:#74816b;display:flex;gap:5px;align-items:center}.speed select{font-size:10px;border:1px solid #d7dfce;border-radius:5px;padding:6px;background:#fff;color:#546a52}.code-panel{padding:11px 18px;border-top:1px solid var(--line);font-size:11px;color:#64785e}.code-panel summary{font-weight:600}.code-panel pre{max-height:160px;overflow:auto;font-size:11px;line-height:1.7;color:#37563d}.code-panel p{font-size:10px;color:#8a9681}dialog{border:1px solid #d4e1c5;border-radius:24px;padding:30px;max-width:430px;width:calc(100% - 32px);background:#fafcf4;color:#244934;text-align:center;box-shadow:0 20px 100px #153b372e}dialog::backdrop{background:#2940386e;backdrop-filter:blur(4px)}dialog h2{font-size:27px;line-height:1.15;letter-spacing:-.8px}dialog p{font-size:14px;line-height:1.6}.result-icon{background:#deedb7;color:#527f36;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:42px;margin:0 auto 20px}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.mobile-tabs{display:none}.matrix .landscape{background:linear-gradient(145deg,#e7eedd,#eef1df)}@media(max-width:1050px){.layout{grid-template-columns:minmax(310px,.85fr) minmax(420px,1.2fr)}.scene-panel{padding:17px}.own-label{display:none}.controls{gap:5px}.speed{margin-left:0}.primary,.secondary{padding:11px 12px}.workspace-hint{display:none}.matrix .cell{max-height:58px}h1{font-size:24px}}@media(max-width:760px){.top{height:59px;padding:0 14px;gap:8px}.home{font-size:13px}.brand-icon{width:29px;height:29px}.home b{display:none}.top nav{gap:0}.top nav a{font-size:11px;padding:9px}.journey{height:69px;padding:12px 15px;align-items:flex-start;flex-direction:column;gap:8px;position:relative}#world-name{font-size:13px}#progress-text{font-size:10px}#levels{gap:5px;position:absolute;right:14px;top:18px}#levels button{width:28px;height:28px;font-size:11px}.journey>div{flex-direction:column;gap:4px}.mobile-tabs{display:flex;padding:8px 15px;border-bottom:1px solid var(--line);gap:8px;background:#f9fbf3}.mobile-tabs button{flex:1;padding:8px;background:#e9eedd;border-radius:7px;color:#61765b;font-size:12px}.mobile-tabs button.active{background:#315e49;color:#fff}.layout{display:block;min-height:0;height:calc(100dvh - 180px)}.scene-panel{border:0;height:100%;padding:15px 20px}.editor-panel{display:none;height:100%}body.editing .scene-panel{display:none}body.editing .editor-panel{display:flex}.scene-panel .landscape{max-width:480px;margin:auto}.scene-panel .memory,.scene-panel .variables{max-width:480px;margin:12px auto 0}.matrix .cell{max-height:60px}#status{max-width:480px;margin:auto}.workspace-wrap{min-height:270px}.editor-heading{height:45px;padding:8px 12px}.editor-heading>div{gap:7px}.editor-heading .eyebrow{font-size:9px}.editor-heading .light-button{font-size:10px}.controls{padding:9px}.controls .speed{font-size:9px}.controls .speed select{font-size:9px}.code-panel{padding:9px 13px}.result-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.visitor,.cell,.fruit{transition:none}}
:root [hidden]{display:none!important}