:root{--bg: #0b0d10;--panel: #14181d;--panel-2: #1b2027;--line: #2a313a;--text: #e7ecf2;--muted: #8b97a5;--accent: #f0b429;--good: #6ee7a8;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px;line-height:1.45}button,select{font:inherit;color:inherit}button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;padding:0 12px}button:hover{border-color:#59616b;background:#222831}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#app{width:min(100%,920px);margin:0 auto;padding:18px 20px 32px}.workbench{position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;gap:13px;min-height:54px;margin-bottom:14px}.tim-mark{display:grid;place-items:center;flex:none;width:42px;height:38px;border:1px solid #58461f;border-radius:6px;background:#201b10;color:var(--accent);font:800 13px ui-monospace,monospace;letter-spacing:.08em;text-decoration:none}.level-nav{display:flex;align-items:center;gap:5px}.level-nav button{width:38px;padding:0;font-size:17px}.level-nav select{height:40px;max-width:160px;min-width:110px;padding:0 10px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.level-title{overflow:hidden;margin:0;color:#d9e0e8;font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.header-actions{position:relative;display:flex;gap:6px;margin-left:auto}.header-actions>button{width:40px;padding:0;font-size:17px}.more-menu{position:absolute;z-index:5;top:calc(100% + 7px);right:0;width:210px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 35px #0009}.more-menu button{display:block;width:100%;min-height:42px;text-align:left;border:0;background:transparent}.more-menu button:hover{background:var(--panel-2)}.more-menu .destructive{color:#ffb2a7}.menu-separator{height:1px;background:var(--line);margin:4px 2px}.stage{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.canvas-viewport{position:relative;width:min(100%,calc((100dvh - 340px) * 560 / 352));aspect-ratio:560/352;overflow:hidden;overflow:clip;margin:0 auto;background:#000}.board-slot{min-width:0}.canvas-viewport canvas#screen{position:absolute;display:block;width:calc(100% * 640 / 560);max-width:none;height:auto;left:calc(-100% * 8 / 560);top:calc(-100% * 8 / 352);aspect-ratio:4/3;margin:0;background:#000;image-rendering:pixelated;touch-action:none}.solved-banner{position:absolute;z-index:2;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:5px 8px 5px 12px;border:1px solid #d9a324;border-radius:5px;background:#17130bea;color:#ffe08a;font:700 12px ui-monospace,monospace;white-space:nowrap;pointer-events:none}.solved-banner button{min-height:44px;padding:0 10px;border-color:#d9a324;background:#493713;color:#fff2c7;pointer-events:auto}.playbar{display:flex;align-items:center;gap:10px;margin-top:12px}.split-control{display:flex}.split-control button{border-radius:0}.split-control button:first-child{border-radius:7px 0 0 7px}.split-control button:last-child{margin-left:-1px;border-radius:0 7px 7px 0}.split-control .play-button{min-width:114px;border-color:#b58416;background:#e3a91f;color:#16130c;font-weight:750}.split-control .play-button:hover{background:#f0b429}.goal-toggle{min-width:104px}.goal-toggle span{margin-left:8px;color:var(--accent)}#fullscreen{width:42px;padding:0;font-size:19px}.status-pill{margin-left:auto;padding:5px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.status-pill.live{color:var(--good)}.status-pill.done{color:var(--accent)}.goal-panel{margin-top:10px;padding:10px 12px;border-left:2px solid var(--accent);background:#201b10;border-radius:0 6px 6px 0}.goal-panel p{margin:0;color:#e8dfc8}.mobile-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.mobile-actions button{min-height:44px}.parts-shelf{min-width:0;margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.shelf-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.shelf-heading h2{margin:0;color:#d7dde5;font-size:13px;font-weight:650}.stock-count{color:var(--muted);font-size:12px}.bin-mobile{display:block;max-width:100%;overflow-x:auto;padding:1px 1px 5px;scrollbar-color:#454d58 transparent;scrollbar-width:thin}.bin{display:flex;align-items:stretch;gap:7px;width:max-content;min-width:100%}.bin-item{display:grid;flex:0 0 auto;justify-items:center;align-content:center;gap:3px;min-width:72px;min-height:70px;margin:0;padding:5px;border:1px solid transparent;border-radius:7px;background:var(--panel-2);cursor:pointer}.bin-item:hover{border-color:#59616b}.bin-item.selected{border-color:var(--accent);background:#2a2416}.bin-item:disabled{opacity:.35;cursor:default}.bin-item canvas{width:auto;height:34px;image-rendering:pixelated}.bin-item figcaption{color:#aeb8c4;font-size:11px}.bin-name{display:block;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-hint{margin:6px 1px 0;color:var(--muted);font-size:11px}.dialog-copy{color:#b2bdc9}.parts-shelf .touch-hint{display:none}dialog{width:min(440px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:20px;border:1px solid #3b444f;border-radius:11px;background:var(--panel);color:var(--text);box-shadow:0 20px 80px #000a}dialog::backdrop{background:#05070bc9;backdrop-filter:blur(3px)}dialog h2{margin:0;font-size:18px}dialog h3{margin:20px 0 8px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head button{width:40px;padding:0;font-size:21px}.setting-row{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:12px;font-weight:600}.setting-row input{width:18px;height:18px;accent-color:var(--accent)}.parts{display:grid;gap:5px;max-height:240px;overflow:auto;list-style:none;margin:0;padding:0}.parts li{display:flex;justify-content:space-between;gap:10px;padding:6px 9px;border-radius:5px;background:var(--panel-2)}.parts .count{color:var(--muted);font-variant-numeric:tabular-nums}.meta{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0}.meta dt{color:var(--muted)}.meta dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.detail-tick,.level-count{color:var(--muted);font-size:12px}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:0;padding:0}.help-list li{display:flex;align-items:center;gap:8px}kbd{min-width:30px;padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:#dce3eb;text-align:center;font:12px ui-monospace,monospace}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.danger-button{border-color:#8e4039;background:#4b211e;color:#ffd5ce}.danger-button:hover{background:#622923}.load-error{max-width:640px;margin:12vh auto;padding:26px 30px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}@media(max-width:650px){#app{padding:10px 9px 24px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;min-height:46px;margin-bottom:10px}.tim-mark{grid-column:1;grid-row:1}.level-nav{grid-column:2;grid-row:1}.level-nav select{flex:1;width:auto}.header-actions{grid-column:3;grid-row:1}.level-title{grid-column:1 / -1;grid-row:2;width:100%;white-space:normal}.tim-mark{width:36px;height:36px;font-size:11px}.level-nav{gap:3px}.level-nav button{width:36px;min-height:44px}.level-nav select{min-width:60px;width:78px;padding:0 5px;font-size:12px}.level-title{min-width:0;flex:1;font-size:13px}.header-actions{gap:4px}.header-actions>button{width:40px;min-height:44px}.stage{padding:7px}.canvas-viewport{width:100%}.playbar{flex-wrap:wrap;gap:7px;margin-top:9px}.split-control{flex:1}.split-control button{min-height:46px}.split-control .play-button{flex:1}.goal-toggle{min-height:46px;flex:1}#fullscreen{min-height:46px}.status-pill{margin-left:0;max-width:100%;overflow-wrap:anywhere}.parts-shelf{margin-top:10px;padding-top:8px}.bin-item{min-width:76px;min-height:76px}.bin-item canvas{height:36px}.touch-hint{display:block}.help-list{grid-template-columns:1fr}.solved-banner{gap:5px;padding:3px 5px 3px 8px;font-size:10px}.solved-banner button{padding:0 7px;font-size:11px}}@media(max-width:360px){#app{padding-right:6px;padding-left:6px}.level-nav select{width:58px}.topbar{gap:5px}.header-actions{gap:2px}.stage{padding:5px}.goal-toggle{min-width:84px;padding:0 7px}}@media(max-height:520px)and (orientation:landscape){#app{padding:6px 10px}.topbar{min-height:40px;margin-bottom:6px}.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,30%);grid-template-rows:auto auto;gap:8px;padding:8px}.stage>.topbar{grid-column:1 / -1;grid-row:1;min-width:0}.canvas-viewport{grid-column:1;grid-row:2 / 4;width:min(100%,calc((100dvh - 145px) * 560 / 352))}.board-slot{grid-column:1;grid-row:2 / 4;min-width:0}.playbar{grid-column:2;grid-row:2;align-self:center;flex-wrap:wrap;margin:0}.parts-shelf{grid-column:2;grid-row:3;min-width:0;margin:0;padding-top:7px}.bin-mobile{max-height:calc(100dvh - 230px)}.touch-hint{display:none}}.stage:fullscreen{display:flex;flex-direction:column;justify-content:flex-start;width:100vw;height:100vh;height:100dvh;padding:8px;border:0;border-radius:0;background:var(--bg)}.stage:fullscreen>:not(.board-slot){flex:none}.stage:fullscreen .board-slot{container-type:size;display:grid;place-items:center;flex:1 1 auto;min-height:0;min-width:0}.stage:fullscreen .canvas-viewport{width:min(100cqw,calc(100cqh * 560 / 352));flex:none}.stage:fullscreen .parts-shelf{max-width:min(100%,700px);width:100%;margin:8px auto 0}.stage:fullscreen .playbar{max-width:min(100%,700px);width:100%;margin:8px auto 0}