:root{--orange:#F5A623;--orange-d:#E8851A;--orange-l:#FFB845;--cream:#FFF8EE;--ink:#34323E;--muted:#8a8694;--green:#3FB36B;--red:#E2574C;--teal:#15B3A3;--card:#ffffff;--line:#efe7d8;--shadow:0 6px 18px rgba(120,80,20,.12);--fontscale:1}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Segoe UI,system-ui,Arial,sans-serif;color:var(--ink);background:var(--cream)}#root,.app{height:100%}.app{display:flex;flex-direction:column;height:100vh}.muted{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,var(--orange),var(--orange-l));color:#fff;padding:10px 18px;box-shadow:0 2px 8px #b4781440;z-index:5}.brand{font-weight:700;font-size:19px;letter-spacing:.2px}.brand .logo{font-size:20px}.brand-sub{font-weight:600;opacity:.92}.top-right{display:flex;align-items:center;gap:16px}.score{font-weight:700;font-size:16px;background:#fff3;padding:5px 12px;border-radius:20px}.score .muted{color:#fff;opacity:.8;font-weight:600}.belt-badge{font-family:inherit;border:none;font-weight:800;font-size:13px;background:#fff;color:var(--ink);padding:5px 12px;border-radius:20px;white-space:nowrap;box-shadow:0 1px 4px #00000026;border-left:6px solid #ccc;cursor:pointer}.belt-badge:hover{filter:brightness(.97)}.belt-badge.belt-white{border-left-color:#e6e6e6}.belt-badge.belt-yellow{border-left-color:#f4c430}.belt-badge.belt-orange{border-left-color:#e8851a}.belt-badge.belt-green{border-left-color:#3fb36b}.belt-badge.belt-blue{border-left-color:#3e78b2}.belt-badge.belt-black{border-left-color:#2b2b33}.who{font-family:inherit;font-size:inherit;border:none;background:#fff;color:var(--orange-d);font-weight:700;padding:5px 12px;border-radius:20px;cursor:pointer;white-space:nowrap}.ctrls{display:flex;gap:6px}.ctrl{background:#fff3;color:#fff;border:none;font-weight:800;font-size:13px;width:34px;height:30px;border-radius:9px;cursor:pointer}.ctrl:hover{background:#ffffff59}.ctrl.active{background:#fff;color:var(--orange-d)}.player{position:relative}.player-menu{position:absolute;right:0;top:38px;background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:20;min-width:150px}.player-menu button{display:block;width:100%;text-align:left;border:none;background:#fff;padding:10px 14px;font-weight:600;color:var(--ink);cursor:pointer;font-size:14px}.player-menu button:hover{background:#fff4df}.player-menu button.danger{color:var(--red);border-top:1px solid var(--line)}.levelstrip{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}.chip{min-width:46px;height:46px;border:2px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:var(--muted);transition:transform .1s,border-color .15s}.chip:hover{transform:translateY(-2px)}.chip.active{border-color:var(--wc,var(--orange));color:var(--wc,var(--orange-d));box-shadow:var(--shadow)}.chip.done{background:var(--wcl,#FFF4DF);color:var(--wc,var(--orange-d))}.chip-num{font-size:15px;line-height:1}.chip-stars{font-size:9px;color:var(--wc,var(--orange));line-height:1;margin-top:1px}.chip.locked{background:#f5f1e8;color:#c9c1b2;border-color:var(--line);cursor:default}.chip.locked:hover{transform:none}.world-group{display:flex;flex-direction:column;gap:5px;padding-right:14px;border-right:1px dashed var(--line)}.world-group:last-child{border-right:none}.world-label{font-size:11px;font-weight:700;color:var(--wc,var(--orange-d));white-space:nowrap;padding-left:2px}.world-chips{display:flex;gap:8px}.modal-card.belts{max-width:420px;text-align:left;max-height:86%;overflow:auto}.belts-title{font-weight:800;color:var(--orange-d);font-size:20px;text-align:center}.belts-sub{font-size:13px;text-align:center;margin:4px 0 10px}.belt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.belt-row{display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:10px;background:#faf7f1;border:1px solid var(--line)}.belt-row.earned{background:#f1f8f2}.belt-row.current{background:#fff4df;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.belt-row.locked{opacity:.72}.belt-emoji{width:24px;height:24px;border-radius:7px;flex:none;border:1px solid rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.belt-name{font-weight:800;min-width:92px}.belt-req{flex:1;font-size:12px;color:var(--muted)}.belt-status{font-size:12px;font-weight:700;color:var(--orange-d);white-space:nowrap}.modal-card.sol{max-width:440px;text-align:left}.sol-title{font-weight:800;color:var(--orange-d);font-size:18px;margin-bottom:10px;text-align:center}.sol-code{background:#fbfaf7;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:14px;line-height:1.55;white-space:pre;overflow:auto;max-height:300px}.sol-code code{font:inherit;white-space:pre}.sol-note{font-size:12px;margin:10px 0 0;text-align:center}.modal-card.cert{border:3px solid var(--orange);max-width:380px}.cert-badge{font-size:46px;line-height:1}.modal-card.cert .splendid{font-size:26px}.modal-card.intro{max-width:400px;text-align:center}.intro-badge{font-size:40px;line-height:1}.intro-title{font-weight:800;color:var(--orange-d);font-size:20px;margin:4px 0 8px}.intro-body{font-size:14px;line-height:1.55;text-align:left;margin:0}.intro-body code,.blocks-code,.blocks-row-body code{font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.92em;background:#fbfaf7;border:1px solid var(--line);border-radius:6px;padding:1px 5px}.intro-tip{font-size:12px;margin:12px 0 0;text-align:center}.modal-card.blocks{max-width:440px;text-align:left;max-height:86%;overflow:auto}.blocks-title{font-weight:800;color:var(--orange-d);font-size:20px;text-align:center}.blocks-sub{font-size:13px;text-align:center;margin:4px 0 12px}.blocks-list{display:flex;flex-direction:column;gap:4px}.blocks-cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin:10px 0 2px}.blocks-row{display:flex;flex-direction:column}.blocks-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid var(--line);border-left:4px solid #ccc;background:#fff;border-radius:8px;padding:7px 10px;font-size:calc(13px * var(--fontscale));font-weight:600;color:var(--ink);cursor:pointer}.blocks-row-head:hover{background:#fff4df}.blocks-row-caret{color:var(--muted);font-size:12px}.blocks-row-body{padding:6px 10px 2px;font-size:13px;line-height:1.5;display:flex;flex-direction:column;gap:6px}.blocks-row-body p{margin:0}.blocks-code{align-self:flex-start;white-space:pre}.work{flex:1;display:flex;min-height:0}.editor{width:46%;display:flex;flex-direction:column;border-right:2px solid var(--line);min-width:0}.tabs{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line)}.tab{border:none;background:#f3eee3;color:var(--muted);font-weight:700;padding:8px 14px;border-radius:10px 10px 0 0;cursor:pointer}.tab.on{background:var(--orange);color:#fff}.tab-spacer{flex:1}.btn{border:none;border-radius:10px;padding:8px 16px;font-weight:700;cursor:pointer;background:#eee;color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.btn.run{background:var(--green);color:#fff}.btn.reset{background:#fff;border:2px solid var(--line);color:var(--muted)}.edit-area{flex:1;position:relative;min-height:0}.blockly{position:absolute;top:0;right:0;bottom:0;left:0}.py-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.code-editor{position:relative;flex:1;overflow:hidden;background:#fbfaf7}.code-highlight,.pyarea{font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:calc(15px * var(--fontscale));line-height:1.6;padding:14px 16px;white-space:pre;-moz-tab-size:4;tab-size:4;border:0;margin:0}.code-highlight{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;pointer-events:none;color:var(--ink)}.code-highlight code{font:inherit;white-space:pre}.pyarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;resize:none;background:transparent;color:transparent;caret-color:var(--ink);outline:none;overflow:auto}.tok-kw{color:#c0297a;font-weight:700}.tok-fn{color:#2f7bc4}.tok-num{color:#d9772a}.tok-str{color:#2e9e5b}.tok-com{color:#9a958a;font-style:italic}.tok-op{color:#6b6675}.tok-var{color:#34323e}.snippet-palette{width:160px;flex:none;overflow-y:auto;background:#fbf6ec;border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px}.snippet-hint{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;line-height:1.3}.snippet-btn{text-align:left;border:1px solid var(--line);border-left:4px solid #ccc;background:#fff;border-radius:8px;padding:7px 9px;font-size:calc(13px * var(--fontscale));font-weight:600;color:var(--ink);cursor:pointer}.snippet-btn:hover{background:#fff4df}.game{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--cream)}.game-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.lvl-title{font-weight:700;font-size:calc(17px * var(--fontscale))}.lvl-concept{font-size:calc(13px * var(--fontscale));color:var(--orange-d);font-weight:600}.objective{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 18px 4px;font-size:calc(13px * var(--fontscale));font-weight:600;color:var(--ink)}.objective .par-target{color:var(--muted)}.objective .used-count{color:var(--green)}.objective .used-count.over{color:var(--orange-d)}.nav button{width:34px;height:34px;border-radius:10px;border:2px solid var(--line);background:#fff;font-size:18px;font-weight:700;color:var(--orange-d);cursor:pointer;margin-left:6px}.nav button:disabled{opacity:.4;cursor:default}.canvas-wrap{flex:1;position:relative;margin:0 18px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff,#fbefd9);box-shadow:var(--shadow);overflow:hidden;min-height:260px}.world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.watch-panel{position:absolute;top:12px;right:12px;z-index:5;min-width:76px;background:#ffffffeb;border:1px solid var(--line);border-radius:12px;padding:6px 8px;box-shadow:var(--shadow);pointer-events:none;font-size:calc(13px * var(--fontscale))}.watch-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:3px}.watch-row{display:flex;justify-content:space-between;gap:12px;line-height:1.5;font-family:Cascadia Code,Consolas,Courier New,monospace}.watch-name{color:var(--ink);font-weight:700}.watch-val{color:var(--orange-d);font-weight:800}.message{margin:10px 18px 2px;font-weight:600;min-height:22px;font-size:calc(15px * var(--fontscale))}.message.good{color:var(--green)}.message.bad{color:var(--red)}.hint-bar{display:flex;gap:8px;margin:2px 18px 4px}.hint-btn{border:2px solid var(--line);background:#fff;color:var(--orange-d);font-weight:700;border-radius:10px;padding:5px 12px;font-size:calc(13px * var(--fontscale));cursor:pointer}.hint-btn:hover{background:#fff4df}.hint-btn.ghost{color:var(--muted)}.hint{margin:2px 18px 6px;color:var(--muted);font-size:calc(13px * var(--fontscale))}.hint.strong{color:var(--ink);font-weight:600}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#281e0a59;display:flex;align-items:center;justify-content:center;z-index:10}.modal.fixed{position:fixed;z-index:50}.modal-card{background:#fff;border-radius:20px;padding:26px 34px;text-align:center;box-shadow:var(--shadow);min-width:280px}.splendid{font-size:30px;font-weight:800;color:var(--orange-d);margin-bottom:6px}.stars .star.on{color:var(--orange)}.stars .star.off{color:#e3ddcf}.modal-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}.gate{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange-l),var(--orange-d))}.gate-card{background:#fff;border-radius:24px;padding:38px 44px;text-align:center;box-shadow:var(--shadow);width:340px}.gate-card h1{margin:6px 0 2px;color:var(--orange-d)}.gate-card .logo.big{font-size:46px}.gate-card input{width:100%;padding:12px 14px;margin:14px 0;border:2px solid var(--line);border-radius:12px;font-size:16px;outline:none}.gate-card input:focus{border-color:var(--orange)}.gate-card .btn.run{width:100%;padding:12px}.gate-error{background:#fdecea;border:1.5px solid #f5c6c0;color:#a1362a;border-radius:10px;padding:8px 12px;font-size:14px;margin:6px 0 0}.gate-card .btn.reset{width:100%;padding:12px;margin-top:14px}.save-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#fff7ea;border:2px solid var(--orange);color:#7a4a12;border-radius:12px;padding:10px 16px;font-size:14px;box-shadow:var(--shadow);z-index:50}.pop{animation:pop .32s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:980px){html,body,#root,.app{height:auto}.app{min-height:100vh}.work{flex-direction:column;min-height:0}.editor{width:100%;height:auto;flex:none;min-height:320px;border-right:none;border-bottom:2px solid var(--line)}.game{flex:none;min-height:420px}}