@font-face{font-family:Fredoka;src:url(../fonts/Fredoka.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Lexend;src:url(../fonts/Lexend.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--bug-gold:#eda812;--gold-soft:#f6cc6a;--navy:#1e2b57;--wing-blue:#24479a;--orange:#f28a1c;--ink-soft:#4a5578;--paper:#fffdf7;--sky:#eef3fb;--line:#cdd5e6;--done:#0f7b63;--not-yet:#c2410c;--focus:#f28a1c;--surface:#fff;--surface-2:#f7f9fd;--on-color:#fff;--var-color:#0e7c86;--list-color:#c2571b;--myblocks-color:#c93c4f;--monitor-bg:#eef3fbf2;--monitor-line:#1e2b5766;--shadow:0 6px 24px #1e2b5740;--ghost-shadow:0 6px 10px #1e2b5759;--block-shadow:0 3px 0 #0000002e;--surface-glass:#ffffffb3;--sound-color:#b83a8a;--sound-sel:#b83a8a2e;--rec-color:#c2410c;--checker-a:#fff;--checker-b:#e6ebf5;--pen-color:#0f8a6e;--pen-soft:#ddf1eb;--music-color:#8a5a2b;--music-soft:#f5e8da;--speech-color:#4a5578;--speech-soft:#e6eaf3;--swatch-1:#1e2b57;--swatch-2:#24479a;--swatch-3:#5aaed8;--swatch-4:#0e7c86;--swatch-5:#2f8f46;--swatch-6:#7dbe3c;--swatch-7:#eda812;--swatch-8:#f6cc6a;--swatch-9:#f28a1c;--swatch-10:#d64545;--swatch-11:#c2410c;--swatch-12:#b83a8a;--swatch-13:#7b4fc9;--swatch-14:#9db4e0;--swatch-15:#6b4423;--swatch-16:#9aa7c7;--swatch-17:#fff;--swatch-18:#111;--wing-blue-dark:#1b3a80;--selected-bg:#e4ebf8;--go-bg:#e3f4ee;--go-bg-hover:#cbebdf;--go-bg-running:#b5e2d1;--go-ring:#0f7b6340;--stop-bg:#fbeae2;--stop-bg-hover:#f6d6c7;--gold-glow:#eda812e6;--overlay:#1e2b578c;--overlay-strong:#1e2b57bf;--navy-20:#1e2b5733;--navy-25:#1e2b5740;--surface-75:#ffffffbf;--surface-90:#ffffffe6;--modal-shadow:0 10px 40px #0000004d;--on-dark-field:#ffffff14;--on-dark-fill:#ffffff1a;--on-dark-focus:#ffffff29;--on-dark-hover:#fff3;--on-dark-line:#ffffff40;--on-dark-line-strong:#ffffff4d;--right:clamp(320px, calc(100vw - 870px), 500px);--rail:84px;--top:60px;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.modal-backdrop{background:var(--overlay);z-index:200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);width:min(440px,100%);max-height:calc(100vh - 32px);box-shadow:var(--modal-shadow);border-radius:18px;flex-direction:column;display:flex}.modal-wide{width:min(860px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:12px 12px 0 20px;display:flex}.modal-title{margin:0;font-family:Fredoka,sans-serif;font-size:24px}.modal-body{padding:12px 20px 20px;overflow:auto}.modal-text{margin:0 0 12px;font-size:17px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toast{opacity:0;background:var(--navy);color:var(--on-color);z-index:300;pointer-events:none;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,40px)}.toast.show{opacity:1;transform:translate(-50%)}.modal-text.small{color:var(--ink-soft);font-size:15px}.mascot{width:var(--size,120px);height:var(--size,120px);background-repeat:no-repeat;background-size:calc(var(--frames) * 100%) 100%;animation:mascot-play var(--dur) steps(var(--frames), jump-none) infinite;flex:none}.mascot-once{animation-iteration-count:2;animation-fill-mode:forwards}@keyframes mascot-play{0%{background-position:0 0}to{background-position:100% 0}}.mascot-cheer{z-index:290;background:var(--surface);border:3px solid var(--bug-gold);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:4px;padding:6px 18px 6px 6px;transition:transform .25s;display:flex;position:fixed;bottom:16px;left:16px;transform:translateY(140%)}.mascot-cheer.show{transform:none}.mascot-cheer-text{color:var(--navy);max-width:260px;margin:0;font-family:Fredoka,Lexend,sans-serif;font-size:19px;font-weight:600}.empty-card{border:2px dashed var(--line);background:var(--surface-2);color:var(--ink-soft);border-radius:14px;grid-column:1/-1;align-items:center;gap:10px;padding:8px 12px 8px 4px;display:flex}.empty-card-words{flex-direction:column;gap:2px;display:flex}.empty-card-title{color:var(--navy);margin:0;font-family:Fredoka,Lexend,sans-serif;font-size:18px;font-weight:600}.empty-card-text{margin:0;font-size:15px;line-height:1.4}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--navy);background:var(--paper);font-family:Lexend,system-ui,sans-serif;font-size:16px;overflow:hidden}button,input,select{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--bug-gold);color:var(--navy);border-radius:0 0 10px;padding:12px 16px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.btn-keys span{font-size:24px;line-height:1}.key-table{border-collapse:collapse;width:100%;font-size:16px}.key-table th,.key-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.key-table th{width:32%}.blocklyToast{font-family:Lexend,sans-serif;z-index:150!important}kbd{background:var(--surface);border:2px solid var(--line);border-bottom-width:3px;border-radius:8px;padding:2px 8px;font-family:Lexend,sans-serif;font-size:14px;font-weight:600}.blocklyKeyboardNavigation .blocklyActiveFocus>.blocklyPath,.blocklyActiveFocus.blocklyPath{stroke:var(--focus)!important;stroke-width:4px!important}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.btn{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:48px;min-height:48px;padding:0 16px;font-family:Fredoka,Lexend,sans-serif;font-size:17px;font-weight:600;transition:transform 60ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--sky)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[hidden]{display:none}a.btn{text-decoration:none}.btn-primary{background:var(--wing-blue);border-color:var(--wing-blue);color:var(--on-color)}.btn-primary:hover:not(:disabled){background:var(--wing-blue-dark)}.btn-gold{background:var(--bug-gold);border-color:var(--bug-gold);color:var(--navy)}.btn-gold:hover:not(:disabled){background:var(--gold-soft)}.btn-danger{border-color:var(--not-yet);color:var(--not-yet)}.btn-icon{width:48px;padding:0;font-size:26px;line-height:1}.topbar{height:var(--top);background:var(--navy);color:var(--on-color);align-items:center;gap:16px;padding:0 12px;display:flex}.brand{flex:none;align-items:center;gap:6px;display:flex}.brand-icon{width:44px;height:44px}.brand-word{width:auto;height:52px;margin:0 -8px}.brand-by{opacity:.85;max-width:140px;font-size:12px;line-height:1.25}.project-name{flex:auto;min-width:120px;max-width:360px}.project-name input{border:2px solid var(--on-dark-line);background:var(--on-dark-field);width:100%;height:44px;color:var(--on-color);border-radius:10px;padding:0 12px;font-family:Fredoka,sans-serif;font-size:18px}.project-name input:focus{background:var(--on-dark-focus)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-top{background:var(--on-dark-fill);border-color:var(--on-dark-line-strong);color:var(--on-color)}.btn-top:hover:not(:disabled){background:var(--on-dark-hover)}.btn-top.btn-gold{background:var(--bug-gold);border-color:var(--bug-gold);color:var(--navy)}.save-status{opacity:.85;white-space:nowrap;font-size:14px}.save-status:before{content:"✓ ";color:var(--gold-soft)}.save-status.saving:before{content:"… "}.editor{grid-template-columns:1fr var(--right);height:calc(100% - var(--top));display:grid}.code-area{border-right:2px solid var(--line);min-width:0;position:relative}.blockly-host{position:absolute;inset:0}.side{background:var(--sky);flex-direction:column;min-height:0;display:flex}.empty-state{left:calc(var(--rail) + 330px);text-align:center;pointer-events:none;color:var(--ink-soft);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.empty-state[hidden]{display:none}.empty-state img{width:120px;height:120px}.empty-title{color:var(--navy);margin:8px 0 4px;font-family:Fredoka,sans-serif;font-size:26px;font-weight:600}.empty-hint{margin:0;font-size:17px}.editing-label{pointer-events:none;opacity:.92;background:var(--surface-90);border:2px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;display:flex;position:absolute;top:10px;right:86px}.editing-label img{object-fit:contain;width:26px;height:26px}.runbar{align-items:center;gap:8px;padding:8px;display:flex}.btn-go{border-color:var(--done);background:var(--go-bg);width:64px;height:56px}.btn-go:hover:not(:disabled){background:var(--go-bg-hover)}.btn-go.running{background:var(--go-bg-running);box-shadow:0 0 0 4px var(--go-ring)}.btn-stop{border-color:var(--not-yet);background:var(--stop-bg);width:56px;height:56px}.btn-stop:hover:not(:disabled){background:var(--stop-bg-hover)}.stop-sign{background:var(--not-yet);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);width:24px;height:24px}.btn-debug,.btn-reset{padding:0 12px;font-size:16px}.btn-reset svg,.btn-debug svg{flex:none;width:24px;height:24px}.btn-debug[aria-pressed=true]{background:var(--sky);border-color:var(--wing-blue);color:var(--wing-blue)}.debugbar{border:2px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 8px 8px;padding:6px;display:flex}.debugbar[hidden]{display:none}.btn-dbg{gap:6px;padding:0 10px;font-size:15px}.btn-dbg svg{fill:currentColor;flex:none;width:20px;height:20px}.btn-dbg .ic-play{display:none}#btn-pause[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--navy)}#btn-pause[aria-pressed=true] .ic-pause{display:none}#btn-pause[aria-pressed=true] .ic-play{display:inline}#btn-turbo[aria-pressed=true]{background:var(--bug-gold);border-color:var(--bug-gold);color:var(--navy);box-shadow:none}.debug-status{color:var(--ink-soft);flex:100%;min-height:1.35em;margin:0;font-size:13px;line-height:1.35}.debug-status strong{color:var(--navy)}.watch{border-top:1px solid var(--line);flex-direction:column;flex:100%;gap:2px;padding-top:4px;display:flex}.watch-title{color:var(--ink-soft);font-family:Fredoka,Lexend,sans-serif;font-size:13px;font-weight:600}.watch-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 6px;max-height:72px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.watch-row{border-radius:6px;align-items:center;gap:6px;min-width:0;padding:1px 6px;font-size:13px;transition:background .2s;display:flex}.watch-name{color:var(--var-color);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.watch-kind-list .watch-name{color:var(--list-color)}.watch-value{background:var(--surface-2);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:60%;margin-left:auto;padding:0 6px;font-weight:600;overflow:hidden}.watch-row.changed{background:var(--gold-soft)}.watch-empty{color:var(--ink-soft);margin:0;font-size:12px}.watch-empty[hidden]{display:none}.turbo-chip{z-index:2;background:var(--bug-gold);color:var(--navy);pointer-events:none;border-radius:999px;padding:2px 10px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;position:absolute;top:6px;left:6px}.turbo-chip[hidden]{display:none}.dg-current>.blocklyPath{stroke-dasharray:8 4;stroke:var(--orange)!important;stroke-width:5px!important}.dg-bug>.blocklyPath{filter:drop-shadow(0 0 5px var(--not-yet));stroke:var(--not-yet)!important;stroke-width:6px!important;stroke-dasharray:none!important}.spacer{flex:1}.btn-layout svg{width:26px;height:26px}.btn-layout[aria-pressed=true]{background:var(--sky);border-color:var(--wing-blue);color:var(--wing-blue)}body.small-stage{--right:272px}body.small-stage .btn-debug .lbl,body.small-stage .btn-dbg .lbl,body.small-stage .btn-reset .lbl{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}body.small-stage .btn-debug,body.small-stage .btn-dbg,body.small-stage .btn-reset{width:48px;padding:0}body.small-stage .runbar{flex-wrap:wrap;gap:4px;padding:6px}body.small-stage .runbar .spacer{flex:0 0 100%;height:0;display:block}body.small-stage #btn-small{margin-left:auto}body.small-stage .btn-go{width:52px}body.small-stage .btn-stop{width:48px}body.small-stage .sprite-info{font-size:12px}body.small-stage .sprite-info input[type=text]{width:84px}body.small-stage .btn-sound-add{font-size:14px}body.small-stage .sound-fx{grid-template-columns:repeat(2,1fr)}.stage-wrap{aspect-ratio:4/3;border:2px solid var(--line);background:var(--surface);border-radius:12px;flex:none;margin:0 8px;position:relative;overflow:hidden}.stage-canvas{touch-action:none;width:100%;height:100%;display:block}.stage-canvas:focus-visible{outline-offset:-4px}.stage-canvas[data-quiet]:focus-visible{outline:none}.mouse-xy{background:var(--surface-75);color:var(--ink-soft);pointer-events:none;border-radius:6px;padding:1px 6px;font-size:12px;position:absolute;bottom:4px;right:6px}.ask-box{background:var(--surface);border:2px solid var(--wing-blue);box-shadow:0 4px 16px var(--navy-20);border-radius:12px;padding:8px;position:absolute;bottom:8px;left:8px;right:8px}.ask-box[hidden]{display:none}.ask-question{margin-bottom:6px;font-weight:600;display:block}.ask-row{gap:8px;display:flex}.ask-row .text-input{flex:1}.stage-wrap.big{z-index:40;width:min(96vw,133.333vh - 120px);box-shadow:0 0 0 100vmax var(--overlay-strong);margin:0;position:fixed;inset:70px auto auto 50%;transform:translate(-50%)}.panel{background:var(--surface);border:2px solid var(--line);border-radius:12px;flex-direction:column;flex:1;min-height:0;margin:8px;display:flex;overflow:hidden}.tabs{border-bottom:2px solid var(--line);flex:none;display:flex}.tab{background:var(--surface-2);cursor:pointer;border:0;border-bottom:4px solid #0000;flex:1;min-height:48px;font-family:Fredoka,sans-serif;font-size:17px;font-weight:600}.tab[aria-selected=true]{background:var(--surface);border-bottom-color:var(--bug-gold)}.pane{flex:1;padding:8px;overflow:auto}.pane[hidden]{display:none}.sprite-info{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:8px;font-size:13px;display:flex}.sprite-info label{align-items:center;gap:4px;display:inline-flex}.sprite-info input[type=text],.sprite-info input[type=number]{border:2px solid var(--line);border-radius:8px;height:48px;padding:0 6px}.sprite-info input[type=text]{width:96px}.sprite-info input[type=number]{width:54px}.sprite-info .toggle{height:48px;min-height:48px;padding:0 10px;font-size:14px}.tray{align-items:flex-start;gap:8px;display:flex}.sprite-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.stage-tile-col{flex:none;width:92px}#stage-tile{position:relative}.stage-add{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:absolute;top:-8px;right:-8px}.stage-add span{background:var(--wing-blue);width:30px;height:30px;color:var(--on-color);box-shadow:0 0 0 3px var(--surface);border-radius:50%;font-size:22px;font-weight:700;line-height:30px}.stage-add:hover span{background:var(--wing-blue-dark)}.tile{border:2px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:92px;padding:6px 4px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.tile:hover{background:var(--sky)}.tile[aria-selected=true]{border-color:var(--wing-blue);background:var(--selected-bg);box-shadow:inset 0 0 0 2px var(--wing-blue)}.tile img{object-fit:contain;width:56px;height:56px}.tile .tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tile-add{color:var(--wing-blue);border-style:dashed;font-family:Fredoka,sans-serif;font-size:15px}.tile-add .plus{font-size:30px;line-height:1}.tile-del{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:flex-end;align-items:flex-start;width:48px;height:48px;min-height:0;padding:2px;display:flex;position:absolute;top:2px;right:2px}.tile-del span{background:var(--not-yet);width:24px;height:24px;color:var(--on-color);text-align:center;border-radius:50%;font-size:16px;line-height:24px}.stage-tile img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:72px;height:54px}.costume-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.costume-list .tile .num{color:var(--ink-soft);font-size:12px;position:absolute;top:4px;left:6px}.text-input{border:2px solid var(--line);background:var(--surface);border-radius:10px;width:100%;height:48px;padding:0 12px;font-size:17px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.lib-grid .tile{min-height:116px}.lib-grid .tile img{width:76px;height:76px}.lib-grid.backdrops .tile img{object-fit:cover;border-radius:6px;width:100px;height:75px}.lib-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blocklyToolbox,.blocklyToolboxDiv{border-right:2px solid var(--line);width:var(--rail);background:var(--surface)!important;padding-top:4px!important}.blocklyToolboxCategory{margin:0!important;padding:0!important}.blocklyToolboxCategory .blocklyTreeRow,.blocklyToolboxCategoryContainer,.blocklyToolboxCategory>div:first-child{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;background:0 0!important;height:auto!important;min-height:60px!important;margin:0!important;padding:6px 2px!important;display:flex!important}.blocklyToolboxCategory .blocklyTreeRowContentContainer,.blocklyToolboxCategory .blocklyToolboxCategoryContainer>div{flex-direction:column;align-items:center;gap:4px;display:flex}.blocklyToolboxSelected,.blocklyTreeSelected{background:var(--sky)!important}.blocklyToolboxSelected .blocklyToolboxCategoryLabel,.blocklyTreeSelected .blocklyTreeLabel{color:var(--navy)!important}.blocklyTreeLabel,.blocklyToolboxCategoryLabel{font-weight:600;color:var(--navy)!important;margin:0!important;padding:0!important;font-family:Lexend,sans-serif!important;font-size:12.5px!important}.categoryBubble{border:2px solid var(--navy-25);width:28px;height:28px;color:var(--on-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;display:flex}#cat-events .categoryBubble:after{content:"⚑";color:var(--navy)}#cat-motion .categoryBubble:after{content:"➜"}#cat-looks .categoryBubble:after{content:"★"}#cat-sound .categoryBubble:after{content:"♪"}#cat-control .categoryBubble:after{content:"↻";color:var(--navy)}#cat-sensing .categoryBubble:after{content:"?"}#cat-operators .categoryBubble:after{content:"+"}#cat-variables .categoryBubble:after{content:"x"}#cat-myblocks .categoryBubble:after{content:"✎"}.blocklyFlyoutButton .blocklyFlyoutButtonBackground,.blocklyFlyoutButtonBackground{fill:var(--surface);stroke:var(--wing-blue);stroke-width:2px;rx:12px}.blocklyFlyoutButton .blocklyText,.blocklyFlyoutButton text{font-weight:600;fill:var(--wing-blue)!important;font-family:Fredoka,sans-serif!important;font-size:19px!important}.blocklyFlyoutLabelText,.blocklyFlyoutLabel text{font-weight:600;fill:var(--navy)!important;font-family:Fredoka,sans-serif!important;font-size:16px!important}.dg_events>.blocklyText,.dg_events>g>.blocklyText,.dg_events_hat>.blocklyText,.dg_events_hat>g>.blocklyText,.dg_control>.blocklyText,.dg_control>g>.blocklyText,.dg_control_hat>.blocklyText,.dg_control_hat>g>.blocklyText,.dg_events>.blocklyNonEditableText>text,.dg_events_hat>.blocklyNonEditableText>text,.dg_control>.blocklyNonEditableText>text,.dg_control_hat>.blocklyNonEditableText>text{fill:var(--navy)!important}.dg-running .blocklyPath{filter:drop-shadow(0 0 6px var(--gold-glow));stroke:var(--bug-gold)!important;stroke-width:4px!important}.blocklyWidgetDiv .blocklyMenu,.blocklyDropDownDiv{font-family:Lexend,sans-serif}.blocklyMenuItem{align-items:center;min-height:36px;display:flex}.monitor-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.monitor-stage{transform-origin:0 0;width:480px;height:360px;position:absolute;top:0;left:0}.monitor{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--monitor-bg);border:1.5px solid var(--monitor-line);color:var(--navy);border-radius:6px;padding:3px 4px 3px 7px;font:600 12px/1 Lexend,system-ui,sans-serif;position:absolute}.monitor:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.mon-row{align-items:center;gap:6px;display:flex}.mon-value{background:var(--var-color);color:var(--on-color);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;min-width:28px;max-width:150px;padding:3px 7px;overflow:hidden}.monitor-large{background:0 0;border:0;padding:0}.monitor-large .mon-value{border:1.5px solid var(--monitor-line);border-radius:6px;min-width:40px;padding:4px 10px;font-size:17px;display:block}.mon-slider{width:100%;min-width:110px;accent-color:var(--var-color);cursor:pointer;margin:4px 0 1px;display:block}.monitor-list{width:132px;padding:4px;position:relative}.mon-grip{cursor:nwse-resize;touch-action:none;pointer-events:auto;background:0 0;border:0;width:26px;height:26px;padding:0;position:absolute;bottom:-2px;right:-2px}.mon-grip:before{content:"";position:absolute;inset:-11px}.mon-grip span{border-right:3px solid var(--monitor-line);border-bottom:3px solid var(--monitor-line);border-radius:0 0 4px;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.mon-grip:focus-visible{outline:3px solid var(--focus)}.monitor-list .mon-label{text-align:center;margin:1px 0 4px;display:block}.mon-rows{background:var(--surface);border-radius:4px;max-height:170px;margin:0;padding:0;list-style:none;overflow:auto}.mon-rows li{align-items:center;gap:4px;padding:1px 2px;display:flex}.mon-idx{text-align:right;width:18px;color:var(--ink-soft);font-size:10px}.mon-item{background:var(--list-color);color:var(--on-color);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:2px 4px;overflow:hidden}.mon-empty{color:var(--ink-soft);justify-content:center;padding:6px!important}.mon-foot{text-align:center;color:var(--ink-soft);margin-top:4px;font-size:11px}.popup-menu{z-index:250;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:fixed}.popup-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:48px;padding:0 14px 0 34px;font-weight:600;position:relative}.popup-item:hover,.popup-item:focus-visible{background:var(--sky)}.popup-item[aria-checked=true]:before{content:"✓";color:var(--done);position:absolute;left:12px}.flyout-checks{pointer-events:none;z-index:30;position:absolute;inset:0}.flyout-check{pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:absolute}.flyout-check[hidden]{display:none}.flyout-check .box{border:2.5px solid var(--ink-soft);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.flyout-check[aria-checked=true] .box{background:var(--var-color);border-color:var(--var-color)}.flyout-check[aria-checked=true] .box:after{content:"✓";color:var(--on-color);font-size:16px;font-weight:700;line-height:1}.flyout-check:hover .box{border-color:var(--wing-blue)}.field{flex-direction:column;gap:6px;margin-bottom:12px;font-weight:600;display:flex}.choice-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;min-height:72px;padding:8px 10px;display:flex}.choice[aria-checked=true]{border-color:var(--wing-blue);background:var(--sky);box-shadow:inset 0 0 0 2px var(--wing-blue)}.choice-title{font-family:Fredoka,sans-serif;font-size:17px;font-weight:600}.choice-title:before{content:"";border:2px solid var(--ink-soft);vertical-align:-1px;border-radius:50%;width:14px;height:14px;margin-right:8px;display:inline-block}.choice[aria-checked=true] .choice-title:before{border-color:var(--wing-blue);background:var(--wing-blue);box-shadow:inset 0 0 0 3px var(--surface)}.choice-hint{color:var(--ink-soft);font-size:13px;line-height:1.35}.proc-preview-wrap{background:var(--sky);border-radius:12px;justify-content:center;margin-bottom:12px;padding:16px;display:flex}.proc-preview{background:var(--myblocks-color);min-height:52px;color:var(--on-color);box-shadow:var(--block-shadow);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:17px;font-weight:600;display:inline-flex}.proc-pv-arg{background:var(--surface);color:var(--navy);text-align:center;border-radius:999px;min-width:40px;padding:4px 12px}.proc-pv-arg.bool{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border-radius:0;padding:4px 20px}.proc-parts{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.proc-part{grid-template-columns:170px 1fr 48px;align-items:center;gap:8px;display:grid}.proc-kind{color:var(--ink-soft);font-size:14px;font-weight:600}.proc-part.kind-text .proc-kind,.proc-part.kind-bool .proc-kind{color:var(--myblocks-color)}.proc-add{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.check-row{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:4px 8px;display:flex}.check-row:hover{background:var(--sky)}.check-row input[type=checkbox]{width:26px;height:26px;accent-color:var(--wing-blue);flex:none}.modal-full{width:min(1320px,100%);height:calc(100vh - 32px);max-height:none}.modal-full .modal-head{padding-top:8px}.paint-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding-top:4px;display:flex}.paint-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paint-name{width:220px}.paint-main{flex:1;grid-template-columns:96px 1fr 220px;gap:10px;min-height:0;display:grid}.paint-tools{flex-direction:column;gap:4px;display:flex;overflow:auto}.paint-tool{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;padding:2px;font-size:12px;font-weight:600;display:flex}.paint-tool svg{width:24px;height:24px}.paint-tool:hover{background:var(--sky)}.paint-tool[aria-pressed=true]{border-color:var(--wing-blue);background:var(--sky);box-shadow:inset 0 0 0 2px var(--wing-blue);color:var(--wing-blue)}.paint-stage{background:var(--sky);border-radius:12px;justify-content:safe center;align-items:safe center;min-width:0;min-height:0;padding:8px;display:flex;overflow:auto;container-type:size}.paint-canvas-wrap{width:calc(min(100cqw - 16px, (100cqh - 16px) * 4 / 3) * var(--zoom,1));aspect-ratio:4/3;border:2px solid var(--line);background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:6px;flex:none;position:relative;overflow:hidden}.paint-canvas-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.paint-over{cursor:crosshair;touch-action:none}.paint-over[data-tool=select]{cursor:default}.paint-over[data-tool=text]{cursor:text}.paint-text{z-index:2;background:var(--surface-glass);border:2px dashed var(--wing-blue);border-radius:4px;outline:none;min-width:120px;padding:0 4px;font-family:Fredoka,Lexend,sans-serif;font-weight:600;position:absolute}.paint-side{flex-direction:column;gap:8px;display:flex;overflow:auto}.paint-label{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600}.paint-row{align-items:center;gap:8px;display:flex}.paint-row[hidden]{display:none}.paint-row .toggle{flex:1;padding:0 8px}.toggle[aria-pressed=true]{border-color:var(--wing-blue);background:var(--sky);box-shadow:inset 0 0 0 2px var(--wing-blue)}.paint-current{border:2px solid var(--line);border-radius:12px;flex:none;width:48px;height:48px}.paint-custom{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex:none;width:48px;height:48px;padding:2px}.paint-hint{color:var(--ink-soft);font-size:13px}.paint-swatches{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.paint-swatch{aspect-ratio:1;border:2px solid var(--line);background:var(--sw);cursor:pointer;border-radius:10px;min-height:40px}.paint-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--wing-blue)}.paint-size{accent-color:var(--wing-blue);flex:1;min-height:32px}.paint-size-out{text-align:right;width:28px;font-weight:600}.paint-help{color:var(--ink-soft);margin:0;font-size:14px}.modal-full .modal-body{flex-direction:column;flex:1;min-height:0;display:flex}.color-pop{background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex}.color-pop-grid{grid-template-columns:repeat(6,40px);gap:6px;display:grid}.color-pop-swatch{border:2px solid var(--line);background:var(--sw);cursor:pointer;border-radius:10px;width:40px;height:40px;padding:0}.color-pop-swatch[aria-selected=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--wing-blue)}.color-pop-row{align-items:center;gap:8px;display:flex}.color-pop-any{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:56px;height:48px;padding:2px}.color-pop-pick{flex:1;font-size:15px}.stage-wrap.picking,.stage-wrap.picking .stage-canvas{cursor:crosshair}.stage-wrap.picking{box-shadow:0 0 0 4px var(--bug-gold)}.sound-add{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.btn-sound-add{flex:1;padding:0 8px;font-size:15px}.rec-dot{background:var(--rec-color);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.sound-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-top:8px;display:grid}.sound-tile{min-height:76px}.sound-tile[aria-selected=true]{border-color:var(--sound-color);box-shadow:inset 0 0 0 2px var(--sound-color);background:var(--sky)}.sound-icon{background:var(--sound-color);width:30px;height:30px;color:var(--on-color);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.sound-len{color:var(--ink-soft);font-size:11px;font-weight:500}.sound-empty{color:var(--ink-soft)}.sound-detail{border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.sound-head{align-items:center;gap:6px;display:flex}.sound-name{flex:1;min-width:80px}.sound-wave{background:var(--sky);border-radius:8px;width:100%;height:64px;display:block}.sound-wave-wrap{cursor:text;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.sound-sel{background:var(--sound-sel);border:2px solid var(--sound-color);pointer-events:none;border-radius:6px;position:absolute;top:0;bottom:0}.sound-sel[hidden]{display:none}.sound-hint{color:var(--ink-soft);margin:-2px 0 0;font-size:13px}.sound-trim{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sound-trim .btn{flex:auto;padding:0 10px;font-size:15px}.sound-range-label{flex:140px;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.sound-range{min-width:70px;height:48px;accent-color:var(--sound-color);flex:1}.sound-fx{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sound-fx .btn{padding:0 6px;font-size:15px}.sound-lib{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;display:grid}.sound-lib-item{border:2px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.sound-lib-name{flex-direction:column;font-size:17px;font-weight:600;line-height:1.2;display:flex}.sound-lib-cat{color:var(--ink-soft);font-size:13px;font-weight:500}.sound-cats{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{border-radius:999px;padding:0 14px;font-size:15px}.chip[aria-pressed=true]{background:var(--sound-color);border-color:var(--sound-color);color:var(--on-color)}.mic-note{background:var(--sky);border:2px solid var(--line);border-radius:12px;padding:12px;font-size:16px;line-height:1.5}.rec-status{min-height:1.5em;font-weight:600}.rec-meter{background:var(--sky);border:2px solid var(--line);border-radius:7px;height:14px;margin-bottom:12px;overflow:hidden}.rec-level{background:var(--done);width:0;height:100%;transition:width 50ms linear}.rec-row{gap:8px;display:flex}.btn-rec{border-color:var(--rec-color);min-width:150px}.btn-rec.recording{background:var(--rec-color);color:var(--on-color)}.btn-rec.recording .rec-dot{background:var(--on-color);border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:1279px){.runbar{gap:4px;padding:6px}.runbar .spacer{display:none}.btn-reset .lbl,.btn-debug .lbl{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn-reset,.btn-debug{width:48px;padding:0}}@media (max-width:1150px){.brand-by{display:none}.btn-top{padding:0 10px;font-size:15px}}@media (max-width:900px){.brand-word{display:none}}.tile-edit{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:flex-start;align-items:flex-start;width:48px;height:48px;min-height:0;padding:2px;display:flex;position:absolute;top:2px;left:2px}.tile-edit span{background:var(--wing-blue);width:26px;height:26px;color:var(--on-color);text-align:center;border-radius:50%;font-size:15px;line-height:26px}.costume-list .tile[aria-pressed=true] .num{display:none}.blocklyToolbox{padding-bottom:76px!important}.btn-ext{z-index:75;width:var(--rail);border:0;border-top:2px solid var(--line);border-right:2px solid var(--line);background:var(--wing-blue);height:68px;color:var(--on-color);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Fredoka,Lexend,sans-serif;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:0;left:0}.btn-ext:hover{background:var(--navy)}.btn-ext svg{width:30px;height:30px;fill:var(--on-color);stroke:var(--bug-gold)}.btn-ext svg path{stroke:var(--bug-gold)}.ext-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.ext-card{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;min-height:48px;padding:0 0 12px;display:flex;overflow:hidden}.ext-card:hover{border-color:var(--wing-blue);box-shadow:var(--shadow)}.ext-icon{background:var(--ext-soft,var(--sky));justify-content:center;align-items:center;height:110px;display:flex}.ext-icon svg{width:auto;height:84px}.ext-name{padding:0 14px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.ext-text{color:var(--ink-soft);flex:1;padding:0 14px;font-size:15px;line-height:1.4}.ext-state{background:var(--ext-main,var(--wing-blue));color:var(--on-color);border-radius:999px;align-self:flex-start;margin:0 14px;padding:4px 12px;font-size:14px;font-weight:600}.ext-state.on{background:var(--surface-2);color:var(--navy);border:2px solid var(--line)}.ext-card[data-ext=pen]{--ext-main:var(--pen-color);--ext-soft:var(--pen-soft)}.ext-card[data-ext=music]{--ext-main:var(--music-color);--ext-soft:var(--music-soft)}.ext-card[data-ext=speech]{--ext-main:var(--speech-color);--ext-soft:var(--speech-soft)}.ext-drum-side{fill:var(--orange)}.ext-drum-top{fill:var(--gold-soft);stroke:var(--music-color);stroke-width:2px}.ext-stick{stroke:var(--music-color)}.ext-note{stroke:var(--navy)}.ext-note-head{fill:var(--navy)}.ext-bubble{fill:var(--surface);stroke:var(--speech-color);stroke-width:3px}.ext-lines{stroke:var(--speech-color)}.ext-wave{stroke:var(--bug-gold)}#cat-music .categoryBubble:after{content:"♫"}#cat-speech .categoryBubble:after{content:"";background:var(--on-color);width:16px;height:16px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h12v9H7l-4 3v-3H2z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h12v9H7l-4 3v-3H2z'/></svg>") 50%/contain no-repeat}.ext-ink{stroke:var(--pen-color)}.ext-body{fill:var(--gold-soft)}.ext-tip{fill:var(--navy)}.ext-cap{fill:var(--orange)}#cat-pen .categoryBubble:after{content:"";background:var(--on-color);width:16px;height:16px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.5 1.5l3 3-8.5 8.5-4 1 1-4z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.5 1.5l3 3-8.5 8.5-4 1 1-4z'/></svg>") 50%/contain no-repeat}@media (max-height:860px){.blocklyToolboxCategory .blocklyTreeRow,.blocklyToolboxCategoryContainer,.blocklyToolboxCategory>div:first-child{min-height:48px!important;padding:2px!important}.blocklyToolboxCategory .blocklyTreeRowContentContainer,.blocklyToolboxCategory .blocklyToolboxCategoryContainer>div{gap:1px}.categoryBubble{width:24px;height:24px;font-size:13px}.btn-ext{height:58px;font-size:12px}.btn-ext svg{width:26px;height:26px}.blocklyToolbox{padding-bottom:62px!important}}.tile.drop-target{border-color:var(--bug-gold);background:var(--gold-soft);box-shadow:inset 0 0 0 3px var(--bug-gold)}.tile.drop-target:after{content:"Copy here";background:var(--navy);color:var(--on-color);border-radius:8px;padding:2px 0;font-size:12px;position:absolute;bottom:4px;left:4px;right:4px}.tile.got-copy{animation:.9s got-copy}@keyframes got-copy{0%,to{transform:none}30%{box-shadow:0 0 0 4px var(--bug-gold);transform:scale(1.08)}}.dg-drag-ghost.blocklySvg{background:0 0!important}.dg-drag-ghost{z-index:260;pointer-events:none;filter:drop-shadow(var(--ghost-shadow));position:fixed;top:0;left:0;overflow:visible}.paint-zoom{align-items:center;gap:4px;display:inline-flex}.paint-zoom-level{min-width:72px;padding:0 8px;font-size:15px}.paint-zoom .btn-icon{font-size:26px}.paint-flip{flex:1;gap:4px;padding:0 6px;font-size:14px}.paint-flip svg{flex:none;width:22px;height:22px}.piano-pop{background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;padding:8px;font-family:Lexend,sans-serif;display:flex}.piano-head{align-items:center;gap:8px;display:flex}.piano-label{text-align:center;color:var(--navy);flex:1;font-weight:600}.piano-octave{border:2px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--navy);cursor:pointer;border-radius:12px;font-size:28px;line-height:1}.piano-octave:disabled{opacity:.4;cursor:default}.piano-keys{height:150px;display:flex;position:relative}.piano-key{border:2px solid var(--navy);cursor:pointer;padding:0}.piano-key.white{background:var(--surface);width:56px;height:150px;color:var(--ink-soft);border-radius:0 0 10px 10px;justify-content:center;align-items:flex-end;margin-right:-2px;padding-bottom:8px;font-weight:600;display:flex}.piano-key.black{top:0;left:calc((var(--at) + 1) * 54px - 24px);background:var(--navy);z-index:1;border-radius:0 0 8px 8px;width:48px;height:92px;position:absolute}.piano-key.white:hover{background:var(--sky)}.piano-key.black:hover{background:var(--wing-blue)}.piano-key[aria-pressed=true].white{background:var(--gold-soft)}.piano-key[aria-pressed=true].black{background:var(--bug-gold)}.piano-key:focus-visible{outline:4px solid var(--focus);outline-offset:-4px;z-index:2}.welcome-hello{align-items:center;gap:12px;margin-bottom:12px;display:flex}.welcome-bubble{background:var(--sky);border:2px solid var(--line);border-radius:18px;flex:1;padding:14px 18px;position:relative}.welcome-bubble:before{content:"";background:var(--sky);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:20px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)rotate(45deg)}.welcome-big{color:var(--navy);margin:0 0 4px;font-family:Fredoka,Lexend,sans-serif;font-size:28px;font-weight:600}.welcome-text{margin:0;font-size:18px;line-height:1.45}.welcome-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.welcome-step{background:var(--surface);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.welcome-num{background:var(--bug-gold);width:36px;height:36px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;display:flex}.welcome-step-title{font-family:Fredoka,Lexend,sans-serif;font-size:19px;font-weight:600}.welcome-step-text{color:var(--ink-soft);font-size:15px;line-height:1.4}.welcome-go{min-width:160px;font-size:20px}.btn-help span{font-family:Fredoka,sans-serif;font-size:24px;font-weight:700}@media (max-width:800px){.welcome-steps{grid-template-columns:1fr}}.btn-challenges{gap:6px;padding:0 12px;font-size:16px}.btn-challenges svg{flex:none;width:24px;height:24px}@media (max-width:1250px){.btn-challenges .lbl{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn-challenges{width:48px;padding:0}}.challenge-panel{z-index:60;background:var(--surface);border:3px solid var(--bug-gold);width:300px;min-height:0;max-height:calc(100% - 256px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:6px;padding:10px 10px 12px 14px;display:flex;position:absolute;top:60px;right:12px}.challenge-panel.collapsed{max-height:none}.challenge-panel.complete{border-color:var(--done)}.ch-head{align-items:flex-start;gap:4px;display:flex}.ch-titles{flex-direction:column;flex:1;min-width:0;padding-top:2px;display:flex}.ch-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:12px;font-weight:600}.ch-title{color:var(--navy);margin:0;font-family:Fredoka,Lexend,sans-serif;font-size:20px;line-height:1.2}.ch-toggle,.ch-close{font-size:22px}.challenge-panel.collapsed .ch-toggle span{display:inline-block;transform:rotate(-90deg)}.ch-close[hidden]{display:none}.ch-count{margin:0;font-size:15px;font-weight:600}.ch-progress{background:var(--sky);border:2px solid var(--line);border-radius:6px;flex:none;height:12px;overflow:hidden}.ch-progress-fill{background:var(--done);width:0;height:100%;transition:width .3s}.ch-body{flex-direction:column;gap:6px;min-height:0;padding-right:2px;display:flex;overflow:auto}.ch-body[hidden]{display:none}.ch-instructions{margin:2px 0;font-size:15px;line-height:1.45}.ch-must{margin:4px 0 0;font-family:Fredoka,Lexend,sans-serif;font-size:16px;font-weight:600}.ch-goals{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ch-goal{background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:4px 8px 4px 4px;font-size:15px;line-height:1.35;display:flex}.ch-goal.met{background:var(--go-bg)}.ch-mark{border:3px solid var(--line);background:var(--surface);border-radius:50%;flex:none;width:30px;height:30px;margin:0 9px}.ch-goal.met .ch-mark{background:var(--done);border-color:var(--done);justify-content:center;align-items:center;display:flex}.ch-goal.met .ch-mark:after{content:"✓";color:var(--on-color);font-size:18px;font-weight:700;line-height:1}.ch-check{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.ch-box{border:3px solid var(--ink-soft);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ch-check[aria-checked=true] .ch-box{background:var(--done);border-color:var(--done)}.ch-check[aria-checked=true] .ch-box:after{content:"✓";color:var(--on-color);font-size:18px;font-weight:700;line-height:1}.ch-done{background:var(--go-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex}.ch-done[hidden]{display:none}.ch-done-text{color:var(--navy);margin:0;font-family:Fredoka,Lexend,sans-serif;font-size:16px;font-weight:600}.ch-picture{object-fit:contain;border:2px solid var(--line);background:var(--surface-2);border-radius:10px;flex:none;width:100%;max-height:160px}.ch-read-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ch-read{min-height:48px;padding:0 12px;font-size:15px}.ch-read .ra-icon svg{width:22px;height:22px;display:block}.ch-read[aria-pressed=true]{background:var(--gold-soft);border-color:var(--bug-gold)}.ch-read.ra-attention{border-color:var(--bug-gold);animation:1s 3 ra-pulse}@keyframes ra-pulse{50%{box-shadow:0 0 0 6px var(--gold-glow)}}.ch-auto{min-height:48px;color:var(--ink-soft);cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}.ch-auto-box{width:24px;height:24px;accent-color:var(--wing-blue);margin:12px 4px 12px 0}.ra-word{border-radius:4px;transition:background .1s}.ra-word.ra-now{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold-soft)}.ch-lib{flex-direction:column;gap:8px;display:flex}.ch-lib-title{margin:4px 0 0;font-family:Fredoka,Lexend,sans-serif;font-size:20px}.ch-card{border:2px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ch-card-words{flex-direction:column;flex:1;gap:2px;display:flex}.ch-card-title{font-family:Fredoka,Lexend,sans-serif;font-size:19px;font-weight:600}.ch-card-text{color:var(--ink-soft);font-size:15px}.ch-card-meta{color:var(--ink-soft);font-size:13px}.ch-next{flex:100%;min-height:48px;text-decoration:none}.focus-hide-paint .tile-paint,.focus-hide-paint .tile-edit,.focus-hide-paint .lib-paint,.focus-hide-sounds #tab-sounds,.focus-hide-sounds #pane-sounds,.focus-hide-upload .lib-upload,.focus-hide-upload .snd-upload,.focus-hide-record .snd-record,.focus-hide-extensions #btn-ext{display:none!important}.ch-focus{color:var(--ink-soft);margin:0;font-size:13px}.ch-hint-btn{align-self:flex-start;min-height:48px;font-size:15px}.ch-hint{background:var(--gold-soft);border-radius:10px;margin:0;padding:6px 10px;font-size:15px}.ch-hint[hidden]{display:none}.btn-js{z-index:61;gap:4px;min-width:64px;height:48px;padding:0 8px;font-family:Fredoka,Lexend,sans-serif;font-size:16px;font-weight:700;position:absolute;top:6px;right:14px}.js-tabs{align-items:center;gap:6px;margin-bottom:8px;display:flex}.js-tabs .spacer{flex:1}.js-tabs .btn[aria-selected=true]{border-color:var(--wing-blue);background:var(--sky);box-shadow:inset 0 0 0 2px var(--wing-blue)}.js-code{background:var(--navy);max-height:60vh;color:var(--on-color);white-space:pre;tab-size:2;border-radius:12px;margin:0;padding:12px 14px;font-family:Lexend,sans-serif;font-size:14px;line-height:1.55;overflow:auto}.replay-bar{left:calc(var(--rail) + 300px);z-index:62;background:var(--surface);border:3px solid var(--wing-blue);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:12px;right:90px}.rp-title{color:var(--wing-blue);font-family:Fredoka,Lexend,sans-serif;font-size:17px;font-weight:700}.rp-slider{min-width:120px;height:48px;accent-color:var(--wing-blue);flex:1}.rp-label{color:var(--ink-soft);flex:100%;font-size:13px}.btn-lang{font-family:Fredoka,Lexend,sans-serif;font-size:16px;font-weight:700}.welcome-actions .spacer{flex:1}.welcome-legal{justify-content:flex-end;gap:16px;margin:10px 0 0;font-size:14px;display:flex}.welcome-legal a{color:var(--ink-soft)}.lib-group{color:var(--navy);margin:14px 0 6px;font-family:Fredoka,Lexend,sans-serif;font-size:18px}