:root{font-family:ui-rounded,system-ui,sans-serif;color:#ebf4ff;background:#081426;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -40%,#244569 0,#101f35 38%,#081426 80%);padding:0 24px 28px}.topbar{height:86px;display:flex;align-items:center;gap:28px;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:900;letter-spacing:-1px;color:#fff}.brand img{width:50px;height:50px;object-fit:contain}.lesson-id{display:flex;flex-direction:column;padding-left:28px;border-left:1px solid #35516b;line-height:1.18}.lesson-id strong{font-size:17px}.lesson-overline,.eyebrow{color:#81bbec;font-size:10px;letter-spacing:2.5px;font-weight:900}.top-pill{margin-left:auto;border:1px solid #2c5371;padding:10px 16px;border-radius:18px;background:#152943;color:#bbd6ec;font-size:13px;font-weight:800}.top-pill-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#70d995;margin-right:9px;box-shadow:0 0 10px #70d995}.layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(420px,1fr) minmax(280px,.55fr);height:calc(100vh - 114px);min-height:714px;gap:14px}.world-card,.side-card,.code-card,.output-card{position:relative;border:1px solid #35526d;border-radius:18px;overflow:hidden;box-shadow:0 15px 36px #020b16a1}.world-card{background:#92c9e0}.world-card canvas{display:block}.world-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#061b35b2 0,transparent 28%,transparent 70%,#071725b5 100%)}.world-title{position:absolute;top:24px;left:27px;max-width:390px;text-shadow:0 2px 8px #061b35c7;pointer-events:none}.world-title h1{margin:6px 0 3px;font-size:clamp(21px,2.1vw,32px);letter-spacing:-.7px;line-height:1.15}.world-title p{margin:0;font-size:14px;color:#e2effa;font-weight:700}.outcome-badge{position:absolute;top:24px;right:22px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff66;background:#092440ce;border-radius:12px;padding:10px 13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:900;letter-spacing:.5px}.outcome-success{background:#125a43e8;color:#afffe0}.outcome-failed{background:#843522ea;color:#fff0d8}.outcome-blocked{background:#6d5428ed;color:#fff3d6}.badge-symbol{font-size:17px;color:#72e5aa}.outcome-failed .badge-symbol{color:#ffc271}.world-legend{position:absolute;bottom:19px;left:22px;display:flex;gap:9px}.world-legend span{background:#0b2337cc;border:1px solid #b0d4e655;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;gap:7px;align-items:center}.world-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.legend-rock{background:#a7b0ae}.legend-lava{background:#ff6d29;box-shadow:0 0 8px #ff6d29}.legend-goal{background:#66d6fa;box-shadow:0 0 8px #66d6fa}.side-card,.code-card,.output-card{background:linear-gradient(145deg,#142b46,#0a1a2e)}.side-card{padding:23px}.side-heading{display:flex;gap:11px;align-items:center}.side-icon{width:40px;height:40px;display:grid;place-items:center;color:#ffd179;background:#2c4d6e;border-radius:12px;font-size:23px}.side-heading div{display:flex;flex-direction:column}.side-heading small,.coordinates>span{font-size:10px;color:#8db9db;font-weight:900;letter-spacing:2px}.side-heading strong{font-size:16px}.side-card>p{line-height:1.65;color:#c1d5e9;font-size:14px}.side-card code{color:#7bcdf6;background:#06203a;padding:2px 4px;border-radius:3px}.route-card{margin:22px 0;padding:19px 9px;background:#091c31;border:1px solid #294764;border-radius:12px;display:flex;justify-content:space-around;align-items:center;font-size:10px;font-weight:900;color:#b3daf2}.route-card b{font-size:17px;color:#e4ac5e}.tip{background:#174061;border:1px solid #28678b;padding:12px;display:flex;gap:9px;border-radius:12px}.tip p{margin:0;font-size:13px;line-height:1.5;color:#d8e8f6}.coordinates{position:absolute;bottom:25px;left:23px;right:23px;display:flex;flex-direction:column;gap:8px}.coordinates strong{font-size:18px;letter-spacing:1px}.coordinates i{display:inline-block;height:15px;border-left:1px solid #54718c;margin:0 10px}.code-card,.output-card{min-height:0;display:flex;flex-direction:column}.card-header{height:49px;flex:none;border-bottom:1px solid #2b4b68;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#183451}.card-header>div{display:flex;align-items:center;gap:8px}.card-header strong{font-size:15px}.card-header small{font-size:10px;letter-spacing:1.5px;color:#9ebdd5;margin-left:7px}.section-mark{display:grid;place-items:center;width:26px;height:26px;background:#1d70af;border-radius:7px;color:#fff}.output-mark{background:#5b6691}.line-indicator{color:#91acc3;font-size:11px;font-weight:800}.editor-wrap{min-height:0;flex:1;background:#0c1a2b}.controls{padding:10px;display:flex;gap:8px;border-top:1px solid #294764}.controls button,.sheet-actions button{border:0;border-radius:10px;padding:11px 17px;color:#eaf5ff;font-size:14px;font-weight:900}.run-button,.sheet-actions button:first-child{background:linear-gradient(115deg,#258cf3,#1762d7);box-shadow:inset 0 1px #81c8ff,0 4px 14px #0e55a655}.reset-button,.sheet-actions button:last-child{background:#1b3855;border:1px solid #42617d!important}.slow-control{display:flex;align-items:center;gap:6px;margin-left:auto;color:#b4cce2;font-size:12px;font-weight:700}.slow-control input{accent-color:#4ba8ee}.output-content{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:17px}.output-message{display:flex;gap:10px;align-items:flex-start}.output-arrow{color:#61cbff;font-size:24px;line-height:1}.output-message p{margin:3px 0;font-size:15px;line-height:1.55;color:#d6ecf9}.output-stats{display:flex;gap:22px;border-top:1px solid #24425d;padding-top:13px;color:#83a4be;font-size:12px}.output-stats b{color:#eaf6ff}.terminal-dot{width:7px;height:7px;border-radius:50%;background:#62d493;box-shadow:0 0 10px #62d493}.mobile-actions,.mobile-sheet{display:none}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 265px}.side-card{padding:18px}.world-title{max-width:290px}.world-title p{font-size:12px}.outcome-badge{top:auto;bottom:18px}}@media(max-width:700px),(max-height:500px)and (orientation:landscape)and (max-width:1000px){.app-shell{padding:0 0 78px;min-height:100dvh}.topbar{height:64px;padding:0 13px;gap:10px}.brand img{width:37px;height:37px}.brand span{font-size:20px}.lesson-id{padding-left:12px}.lesson-id strong{font-size:13px}.lesson-overline{font-size:8px;letter-spacing:1.2px}.top-pill{display:none}.layout{display:block;height:auto;min-height:0}.world-card{height:calc(100dvh - 142px);min-height:370px;border-radius:0;border-left:0;border-right:0}.world-title{top:17px;left:17px;right:15px;max-width:none}.world-title h1{font-size:22px}.world-title p{font-size:13px;max-width:280px}.outcome-badge{inset:auto auto 69px 16px;padding:8px 10px;font-size:11px}.world-legend{bottom:18px;left:15px;gap:5px}.world-legend span{padding:6px;font-size:10px}.desktop-side,.code-card,.output-card{display:none}.mobile-actions{display:flex;align-items:center;gap:2px;position:fixed;bottom:0;left:0;right:0;height:78px;z-index:20;background:#0c1d32;border-top:1px solid #31516d;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.mobile-actions button{flex:1;height:48px;background:transparent;color:#bdd6ed;border:0;border-radius:11px;font-size:12px;font-weight:900}.mobile-actions .mobile-run{background:#197de9;color:#fff;box-shadow:inset 0 1px #67baff;font-size:14px}.mobile-sheet{display:block;position:fixed;z-index:19;bottom:77px;left:0;right:0;height:min(66dvh,590px);background:#0d2036;border:1px solid #3b6280;border-radius:20px 20px 0 0;box-shadow:0 -16px 50px #06101fcb;padding:18px;overflow:auto}.mobile-sheet h2{margin:0 30px 14px 0;font-size:19px}.mobile-sheet p{line-height:1.6;color:#d6e9fa}.sheet-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border:0;border-radius:8px;background:#24425f;color:#fff;font-size:22px}.mobile-editor{height:calc(100% - 114px);min-height:150px;border:1px solid #31526e;border-radius:9px;overflow:hidden}.sheet-actions{display:flex;gap:10px;margin-top:11px}.sheet-actions button{min-height:44px}}@media(max-height:500px)and (orientation:landscape)and (max-width:1000px){.app-shell{padding-bottom:0}.topbar{height:48px}.world-card{height:calc(100dvh - 48px);width:61%;min-height:230px}.world-title h1{font-size:17px}.world-title p{font-size:11px}.world-legend{display:none}.mobile-actions{left:61%;top:48px;bottom:auto;height:54px;padding:4px}.mobile-actions button{font-size:10px;height:42px}.mobile-sheet{inset:102px 0 0 61%;height:auto;border-radius:0;padding:13px}.mobile-editor{height:calc(100% - 104px)}.outcome-badge{bottom:15px}}.editor-loading{display:grid;place-items:center;height:100%;min-height:120px;color:#b9d4e8;font-size:14px}.landscape-intro{display:none}@media(max-height:500px)and (orientation:landscape)and (max-width:1000px){.landscape-intro{display:block;position:fixed;z-index:18;inset:102px 0 0 61%;padding:24px;background:#0d2036;border-left:1px solid #35526d}.landscape-intro span{font-size:10px;letter-spacing:2px;color:#86b8de;font-weight:900}.landscape-intro h2{font-size:20px;line-height:1.15;margin:13px 0}.landscape-intro p{font-size:13px;color:#c5dded;line-height:1.5}.landscape-intro button{background:#217ce4;border:0;border-radius:9px;padding:10px 14px;color:#fff;font-weight:800}}