:root{--board: #0e141c;--panel: #161f2b;--panel-2: #1e2937;--silk: #edf1f5;--dim: #8a9aab;--brand: #e0a44a;--action: #4ec3e0;--ok: #3ed598;--warn: #f2b03d;--danger: #ff5c6c;--led: #ff4d3d;--line: rgba(224, 164, 74, .15);--line-soft: rgba(237, 241, 245, .09);--radius: 14px;--head: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-wrap:break-word;background:var(--board);background-image:radial-gradient(1200px 600px at 15% -10%,rgba(224,164,74,.07),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(79,163,255,.05),transparent 55%);color:var(--silk);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.15;margin:0}p{margin:0}.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}:focus-visible{outline:2px solid var(--action);outline-offset:2px}button,summary,select,textarea,a,.hole,.part{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app{max-width:1180px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}.brand{display:flex;flex-direction:column;margin-right:auto}.brand-name{font-family:var(--head);font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--silk)}.brand-tag{font-size:13px;color:var(--dim)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel-title{font-family:var(--head);font-size:16px;font-weight:600;color:var(--silk)}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.stage-col,.side-col{display:flex;flex-direction:column;gap:18px;min-width:0}.footer{color:var(--dim);font-size:13px;border-top:1px solid var(--line-soft);padding-top:14px;max-width:72ch}.footer-note{margin-top:8px;font-size:12px;opacity:.8}.progress{display:flex;align-items:center;gap:10px}.progress-svg{width:180px;height:auto}.progress-digit{font-size:12px;font-weight:600}.progress-caption{font-size:13px;color:var(--dim)}.skin-toggle{position:relative;display:flex;flex:none;width:268px;height:46px;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 1px #ffffff0a}.skin-toggle-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(180deg,#d9a44e,#b07f34);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.skin-toggle-thumb[data-skin=real]{transform:translate(100%)}.skin-toggle-option{position:relative;z-index:1;flex:1 1 0;min-width:0;height:100%;padding:0 12px;border:0;background:transparent;border-radius:999px;cursor:pointer;color:var(--dim);font-family:var(--head);font-weight:700;font-size:15px;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.skin-toggle-option.is-active{color:#16202b}.topbar-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.locale-picker{display:flex;align-items:center;gap:6px}.locale-select{font-family:var(--sans);font-size:13px;color:var(--silk);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 8px}.walkthrough>summary{cursor:pointer;color:var(--dim);font-size:14px}.walkthrough>summary:hover,.walkthrough[open]>summary{color:var(--action)}.coach{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid rgba(78,195,224,.32);background:#4ec3e012}.coach-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.coach-step{font-size:13px;color:var(--dim)}.coach-say{font-size:15px;color:var(--silk)}.coach-do{margin-top:4px;font-size:13px;color:var(--action)}.coach-dots{display:flex;gap:6px;list-style:none;margin:10px 0 0;padding:0}.coach-dots li{width:100%;height:3px;border-radius:2px;background:var(--line-soft)}.coach-dots li.is-done{background:var(--ok)}.coach-dots li.is-current{background:var(--action)}.board-dock{display:flex;flex-direction:column;gap:10px;margin-top:10px}.level-map{overflow-x:auto;scrollbar-width:thin}.level-menu{display:none}.level-menu-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--silk);font-family:var(--head);font-weight:600;font-size:15px;cursor:pointer;text-align:start}.level-menu-of{margin-inline-start:auto;font-family:var(--sans);font-weight:400;font-size:13px;color:var(--dim);white-space:nowrap}.chevron{width:12px;height:8px;flex:none;color:var(--dim)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04080c99;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(560px,100%);max-height:82vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-up .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-up{0%{transform:translateY(14px);opacity:0}}.sheet:focus-visible{outline:none}.sheet-title{font-size:19px;margin-bottom:12px}.sheet-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.sheet-list .level-chip{width:100%;justify-content:flex-start;padding:12px 14px;border-radius:12px;white-space:normal}.sheet-close{width:100%}.level-list{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 4px;min-width:max-content}.level-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--silk);font-family:var(--head);font-weight:600;font-size:14px;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease}.level-chip:hover:not(:disabled){border-color:#e0a44a80}.level-chip:disabled{cursor:not-allowed;color:var(--dim);opacity:.6}.level-chip.is-current{border-color:var(--brand);background:#e0a44a1f}.level-chip-num{font-size:13px;font-weight:600;color:var(--brand)}.level-chip.is-done .level-chip-num{color:var(--ok)}.lock{width:11px;height:13px;color:var(--dim)}.board-panel{padding:10px;background:#0b1119}.skin-stage{position:relative;max-width:460px;margin:0 auto}.skin-layer.is-in{animation:skin-in .34s ease both}.skin-layer.is-out{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:skin-out .34s ease both}@keyframes skin-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes skin-out{0%{opacity:1}to{opacity:0}}.board-svg{display:block;width:100%;height:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}.hole{cursor:pointer}.hole .hole-ring{opacity:0}.hole:focus,.hole:focus-visible{outline:none}.hole:focus-visible .hole-ring{opacity:1}.hole:hover .hole-ring{opacity:.4}.hole.is-occupied{cursor:default}.hole-charge{opacity:.22}.hole-target-ring,.hole-target-halo{animation:throb 1.3s ease-in-out infinite}.hole-pending{animation:throb 1.2s ease-in-out infinite}@keyframes throb{0%,to{opacity:1}50%{opacity:.32}}.led-burst{animation:burst .9s ease-out forwards;transform-box:fill-box;transform-origin:center}@keyframes burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes pending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.18)}}.part{cursor:pointer}.part:focus,.part:focus-visible{outline:none}.part-outline{color:var(--action);opacity:0;transition:opacity .15s ease}.part:hover .part-outline{opacity:.35}.part:focus-visible .part-outline{opacity:.85}.part.is-fault .part-outline{color:var(--danger);opacity:.75;animation:pulse 1.4s ease-in-out infinite}.part.is-placed{animation:place-pop .38s cubic-bezier(.2,.9,.3,1.4);transform-box:fill-box;transform-origin:center}@keyframes place-pop{0%{transform:scale(.62)}60%{transform:scale(1.1)}to{transform:scale(1)}}.current-flow{animation:flow .9s linear infinite}.current-flow.is-reverse{animation-name:flow-back}@keyframes flow{to{stroke-dashoffset:-20}}@keyframes flow-back{to{stroke-dashoffset:20}}.led-blow{transform-box:fill-box;transform-origin:center}.led-blow-flash{animation:blow-flash .42s ease-out forwards;transform-box:fill-box;transform-origin:center}.led-blow-ring{animation:blow-ring .62s cubic-bezier(.1,.8,.3,1) forwards;transform-box:fill-box;transform-origin:center}@keyframes blow-flash{0%{opacity:1;transform:scale(1.6)}30%{opacity:1;transform:scale(2.2)}to{opacity:0;transform:scale(1)}}@keyframes blow-ring{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(4.2)}}.board-svg.is-celebrating{animation:board-glow 1.2s ease-out}.board-svg.is-blown{animation:board-jolt .42s cubic-bezier(.36,.07,.19,.97)}@keyframes board-glow{0%{filter:brightness(1)}18%{filter:brightness(1.5) saturate(1.15)}to{filter:brightness(1)}}@keyframes board-jolt{0%,to{transform:translate(0);filter:brightness(1)}10%{filter:brightness(1.55)}25%{transform:translate(-3px)}55%{transform:translate(2px)}80%{transform:translate(-1px)}}.band.is-snapping{animation:band-snap .62s cubic-bezier(.2,.9,.25,1.5);transform-box:fill-box;transform-origin:center}@keyframes band-snap{0%{opacity:0;transform:scaleY(.2) translateY(-10px)}60%{opacity:1;transform:scaleY(1.25) translateY(0)}to{opacity:1;transform:scaleY(1)}}.led-halo{animation:halo 1.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes halo{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}.smoke circle{animation:smoke 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes smoke{0%{opacity:0;transform:translateY(8px) scale(.6)}25%{opacity:.7}to{opacity:0;transform:translateY(-18px) scale(1.6)}}.col-label,.pad-label,.silk-small,.part-value{font-family:var(--mono);font-weight:600}.col-label{font-size:9px}.pad-label{font-size:8px}.silk-small{font-size:7px;letter-spacing:.12em}.part-value{font-size:7.5px;fill:#2a1608}.block-label,.rail-sign,.module-label,.module-value,.module-sign,.silk,.part-mark{font-family:var(--head);font-weight:700}.module-value,.module-sign{font-weight:800}.module-value{font-size:14px;letter-spacing:.01em}.module-sign{font-size:15px}.module-value.is-game{font-size:20px}.module-sign.is-game{font-size:23px}.block-label{font-size:12px}.rail-sign{font-size:13px}.module-label{font-size:12px;letter-spacing:.08em}.silk{font-size:11px;letter-spacing:.16em}.part-mark{font-size:10px;fill:var(--brand)}.tray-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tray-actions{display:flex;gap:8px}.tray-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.tray-item{width:100%;height:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-soft);background:var(--panel-2);color:var(--silk);cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tray-item:hover:not(.is-fixed){border-color:#e0a44a73;transform:translateY(-1px)}.tray-item.is-selected{border-color:var(--action);box-shadow:0 0 0 1px var(--action) inset}.tray-item.is-wanted{border-color:var(--action);animation:wanted 1.4s ease-in-out infinite}@keyframes wanted{0%,to{box-shadow:0 0 0 1px var(--action) inset,0 0 #4ec3e066}50%{box-shadow:0 0 0 1px var(--action) inset,0 0 0 6px #4ec3e000}}.tray-item.is-fixed{cursor:default;opacity:.75;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.tray-fixed-mark{color:var(--ok);font-weight:700}.tray-preview{width:100%;max-width:92px;height:auto;margin-bottom:2px}.tray-name,.tray-value,.level-chip-title{min-width:0;max-width:100%}.tray-name{font-family:var(--head);font-weight:700;font-size:15px}.tray-value{font-size:13px;color:var(--dim)}.tray-status{margin-top:12px;font-size:13px;color:var(--dim);border-left:2px solid var(--line);padding-left:10px;min-height:2.6em}.tray-status.is-warn{color:#ffb9c1;border-left-color:var(--danger)}.tray-status.is-info{color:var(--silk);border-left-color:var(--action)}.btn{font-family:var(--head);font-weight:600;font-size:14px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--silk);padding:8px 14px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.btn:hover:not(:disabled){border-color:#e0a44a80}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-quiet{font-size:13px;padding:6px 11px;color:var(--dim)}.btn-primary{background:var(--action);border-color:var(--action);color:#0b1620;margin-top:12px}.topbar-row{display:flex;align-items:center;gap:8px}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--dim);cursor:pointer;transition:color .18s ease,border-color .18s ease}.sound-toggle.is-on{color:var(--brand);border-color:#d9a44e80}.sound-toggle:hover{color:var(--silk)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.level-eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--dim)}.level-done{color:var(--ok);border:1px solid rgba(62,213,152,.45);border-radius:999px;padding:1px 9px;font-size:12px}.level-title{font-size:30px;margin-top:4px}.level-summary{color:var(--brand);font-size:15px;margin-top:4px;max-width:52ch}.level-teaches{margin-top:8px;color:#c6d0da;max-width:62ch}.level-extras{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px}.level-task{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--panel-2);border-left:3px solid var(--brand)}.hints{margin-top:12px;font-size:14px}.hints summary{cursor:pointer;color:var(--action);font-weight:600}.hints ol{margin:8px 0 0;padding-left:20px;color:#c6d0da}.hints li+li{margin-top:4px}.diag{margin-top:12px;padding:2px 0 2px 12px;border-inline-start:3px solid var(--line);background:none;border-radius:0}.diag-title{font-size:14px;font-weight:600}.diag-body{margin-top:3px;font-size:13px;color:var(--dim)}.diag-item+.diag-item{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.diag-fault{border-inline-start-color:var(--danger)}.diag-fault .diag-title{color:var(--danger)}.diag-partial{border-inline-start-color:var(--warn)}.diag-partial .diag-title{color:var(--warn)}.diag-ok{border-inline-start-color:var(--ok)}.diag-ok .diag-title{color:var(--ok);font-size:17px;font-weight:700}.code-area{width:100%;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.65;-moz-tab-size:2;tab-size:2;color:var(--silk);background:#0d141c;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px}.code-area:focus-visible{border-color:var(--action)}@media(max-width:960px){.layout{display:flex;flex-direction:column}.stage-col,.side-col{display:contents}.board-panel{order:1}.tray{order:2}.level-panel{order:3}.code-panel{order:4}}@media(max-width:700px){.level-map{display:none}.level-menu{display:block}}@media(max-width:560px){.app{padding:14px 12px 36px;gap:12px}.topbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px}.brand-tag{display:none}.progress{justify-content:flex-end}.topbar-controls{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.skin-toggle{width:min(268px,56%);height:42px}.skin-toggle-option{padding:0 6px;font-size:14px}.sound-toggle{width:36px;height:36px;flex:none}.topbar-row{gap:6px}.brand-name{font-size:24px}.progress-svg{width:118px}.level-title{font-size:25px}.tray-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}