[data-look=story]{--ns-bg: #13304f;--ns-surface: rgba(255, 246, 224, .97);--ns-surface-solid: #fff6e0;--ns-surface-2: #f3e6c8;--ns-surface-3: #e9d3a6;--ns-line: rgba(90, 64, 38, .35);--ns-line-strong: rgba(90, 64, 38, .6);--ns-scrim-top: linear-gradient(to bottom, rgba(11, 27, 51, .9), rgba(11, 27, 51, 0));--ns-text: #2d2114;--ns-text-2: #4a3a26;--ns-text-3: #5d4a33;--ns-text-disabled: #9a8466;--ns-accent: #a8500a;--ns-accent-hover: #8f4307;--ns-accent-ink: #ffffff;--ns-accent-soft: rgba(168, 80, 10, .14);--ns-focus: #a8500a;--ns-story-bar: #0b1b33;--ns-story-bar-text: #fff3d8;--ns-story-bar-text-2: #c9d6ea;--ns-story-bar-line: #3b5a85;--ns-story-tab: #1a2f4f;--ns-story-tab-on: #ffd27a;--ns-story-tab-on-ink: #2d1a05;--ns-story-wood: #5a4026;--ns-story-wood-dark: #2f2214;--ns-story-beam: #fff4c2;--ns-story-bulb: #ffcf5a;--ns-story-cat: #ff9a4d;--ns-story-eye: #2f8f6a;--ns-story-door: #b5781c;--ns-story-btn: #e9d3a6;--ns-story-btn-shadow: #a3814f;--ns-story-primary-shadow: #6b3305;--ns-font-title: var(--ns-font-serif)}[data-look=story] .ns-topbar,[data-look=story] .story-topbar{background:var(--ns-story-bar);color:var(--ns-story-bar-text);border-bottom:1px solid var(--ns-story-bar-line)}[data-look=story] .story-topbar .ns-segmented{background:var(--ns-story-tab);border-color:var(--ns-story-bar-line)}[data-look=story] .story-topbar .ns-segmented>button{color:var(--ns-story-bar-text-2);min-height:var(--ns-control-h)}[data-look=story] .story-topbar .ns-segmented>button[aria-pressed=true],[data-look=story] .story-topbar .ns-segmented>button[aria-checked=true]{background:var(--ns-story-tab-on);color:var(--ns-story-tab-on-ink)}[data-look=story] [data-tip]:after{background:var(--ns-story-bar);color:var(--ns-story-bar-text)}[data-look=story] .story-title{font-family:var(--ns-font-title);font-weight:700}[data-look=story] .story-board{border-radius:var(--ns-radius-md);box-shadow:0 0 0 10px var(--ns-story-wood),0 0 0 14px var(--ns-story-wood-dark),0 30px 60px #0009}[data-look=story] .story-btn{background:var(--ns-story-btn);color:var(--ns-text);border:2px solid var(--ns-line-strong);box-shadow:0 3px 0 var(--ns-story-btn-shadow)}[data-look=story] .ns-btn--primary{box-shadow:0 3px 0 var(--ns-story-primary-shadow)}:root{--lab-bg-main: var(--ns-bg);--lab-bg-card: var(--ns-surface);--lab-bg-card-hover: var(--ns-surface-2);--lab-border: var(--ns-line);--lab-border-active: var(--ns-accent);--lab-text: var(--ns-text);--lab-text-muted: var(--ns-text-2);--lab-cyan: var(--ns-accent);--lab-blue: var(--ns-accent);--lab-amber: var(--ns-story-tab-on);--lab-red: var(--ns-accent);--lab-green: var(--ns-story-eye)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--lab-bg-main);color:var(--lab-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.lab-app-body{display:flex!important;flex-direction:column!important;width:100vw!important;height:100vh!important;overflow:hidden!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.lab-topbar{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:calc(var(--ns-control-h) + 6px)!important;min-height:calc(var(--ns-control-h) + 6px)!important;max-height:calc(var(--ns-control-h) + 6px)!important;flex:0 0 calc(var(--ns-control-h) + 6px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 var(--ns-space-4)!important;background:var(--ns-story-bar)!important;border-bottom:1px solid var(--ns-story-bar-line)!important;color:var(--ns-story-bar-text)!important;gap:var(--ns-space-3)!important;z-index:10!important;pointer-events:auto!important}.lab-brand-group{display:flex;align-items:center;gap:var(--ns-space-2);flex-shrink:0}.lab-brand{font-size:var(--ns-text-overline);font-weight:800;letter-spacing:.05em;color:var(--ns-story-tab-on)}.lab-divider{width:1px;height:16px;background:var(--ns-story-bar-line)}.lab-app-title{font-size:var(--ns-text-label);font-weight:600;color:var(--ns-story-bar-text)}.level-nav{display:flex;align-items:center;gap:var(--ns-space-1);overflow-x:auto;scrollbar-width:none}.level-nav::-webkit-scrollbar{display:none}.btn-level{background:var(--lab-bg-card);border:1px solid var(--lab-border);color:var(--lab-text-muted);font-size:var(--ns-text-label);font-weight:600;padding:0 var(--ns-space-2);min-width:44px;min-height:var(--ns-control-h);height:var(--ns-control-h);border-radius:var(--ns-radius-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-level:hover{background:var(--lab-bg-card-hover);color:var(--lab-text);border-color:var(--ns-line-strong)}.btn-level.active{background:var(--ns-story-tab-on);color:var(--ns-story-tab-on-ink);border-color:var(--ns-accent);box-shadow:0 0 8px var(--ns-accent-soft)}.btn-level.passed{border-color:var(--ns-story-eye);color:var(--ns-story-eye)}.btn-level.passed:after{content:" ✓";font-size:var(--ns-text-overline)}.lab-topbar-tools{display:flex;align-items:center;gap:var(--ns-space-2);flex-shrink:0}.story-topbar .ns-icon-btn{color:var(--ns-story-bar-text-2)!important;opacity:1!important}.story-topbar .ns-icon-btn:hover{color:var(--ns-story-bar-text)!important;background:var(--ns-story-tab)!important}.story-topbar .ns-icon-btn[aria-pressed=true],.story-topbar .ns-icon-btn[aria-expanded=true]{color:var(--ns-story-tab-on)!important;background:var(--ns-story-tab)!important}.lab-main{position:relative!important;display:flex!important;flex-direction:row!important;flex:1 1 0!important;min-height:0!important;width:100vw!important;overflow:hidden!important}.lab-board-area{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;padding:0!important;position:relative;background:var(--ns-bg);overflow:hidden}.canvas-wrapper{position:relative;border-radius:var(--ns-radius-md);border:none!important;box-sizing:border-box!important;background-color:var(--ns-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}#simCanvas{display:block;width:100%;height:100%;cursor:crosshair;background-color:var(--ns-bg)}.phone-rotate-tip{display:flex;align-items:center;justify-content:space-between;gap:var(--ns-space-2);width:100%;max-width:382px;margin-top:var(--ns-space-2);padding:var(--ns-space-1) var(--ns-space-3);background:var(--ns-surface);border:1px solid var(--ns-line);border-radius:var(--ns-radius-xs);font-size:var(--ns-text-small);color:var(--ns-text-2);box-sizing:border-box;flex-shrink:0;z-index:5}.phone-rotate-tip[hidden],body.has-dialog-open .phone-rotate-tip,body.has-overlay-open .phone-rotate-tip{display:none!important}.phone-rotate-tip .tip-icon{font-size:var(--ns-text-small);flex-shrink:0}.phone-rotate-tip .tip-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ns-text)}.phone-rotate-tip .tip-dismiss-btn{background:transparent;border:none;color:var(--ns-text-2);cursor:pointer;padding:0;min-width:44px;min-height:44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--ns-text-label);line-height:1;border-radius:var(--ns-radius-xs);transition:color .15s ease,background-color .15s ease;flex-shrink:0}.phone-rotate-tip .tip-dismiss-btn:hover{color:var(--ns-text);background:var(--ns-surface-2)}.lab-side-panel{flex:0 0 320px;width:320px;height:100%;max-height:100%;display:flex;flex-direction:column;background:var(--ns-surface);border-left:1px solid var(--ns-line);overflow:hidden}.panel-scroll-content{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px 10px;display:flex;flex-direction:column;gap:6px}.lab-goal-block{background:var(--lab-bg-card);border:1px solid var(--lab-border);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.level-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.stage-tag{font-size:var(--ns-text-overline);font-weight:700;text-transform:uppercase;background:var(--ns-surface-3);color:var(--ns-text-3);border:1px solid var(--ns-line);padding:2px 8px;border-radius:4px}.budget-badge{font-size:var(--ns-text-overline);background:var(--ns-surface-2);color:var(--ns-text-2);border:1px solid var(--ns-line);padding:2px 8px;border-radius:6px;font-weight:600}.level-title{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-text)}.level-goal{font-size:var(--ns-text-body);color:var(--ns-text-2);line-height:1.45}.lab-section-block{background:var(--lab-bg-card);border:1px solid var(--lab-border);border-radius:8px;padding:10px 12px}.section-title{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-text-2);margin-bottom:8px;display:block}.piece-tray{display:flex;gap:8px;flex-wrap:wrap}.tray-item{display:flex;align-items:center;gap:10px;background:var(--ns-surface-solid);border:2px solid var(--ns-line-strong);padding:6px 12px;border-radius:8px;cursor:grab;transition:all .15s ease;-webkit-user-select:none;user-select:none;min-height:52px;white-space:nowrap!important}.tray-item:hover{background:var(--ns-surface-2);border-color:var(--ns-accent);box-shadow:0 0 10px var(--ns-accent-soft)}.tray-item:active{cursor:grabbing}.tray-item--disabled{opacity:.4!important;cursor:not-allowed!important;box-shadow:none!important;border-color:var(--ns-line)!important}.tray-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tray-glyph-canvas{width:44px;height:44px;display:block;flex-shrink:0}.tray-item-label{font-size:var(--ns-text-label);font-weight:600;color:var(--ns-text);white-space:nowrap!important}.tray-item-count{font-size:var(--ns-text-label);font-weight:800;color:var(--ns-accent);margin-left:auto;white-space:nowrap!important;flex-shrink:0!important}.lab-piece-controls{background:var(--ns-surface-2);border:1px solid var(--ns-line-strong);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.piece-controls-header{display:flex;align-items:center;justify-content:space-between}.piece-angle-text{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-text);font-family:ui-monospace,monospace}.piece-btn-group{display:flex;gap:6px;flex-wrap:wrap}.piece-btn-group button{flex:1 1 calc(50% - 3px);min-height:var(--ns-control-h);font-size:var(--ns-text-label)}.piece-btn-group .fold-btn{font-size:var(--ns-text-label);font-weight:600}.piece-btn-group .fold-btn.active{background:var(--ns-accent-soft);border-color:var(--ns-accent);color:var(--ns-accent)}.lab-legend-block{background:var(--lab-bg-card);border:1px solid var(--lab-border);border-radius:8px;padding:10px 12px}.legend-list,.legend-list.legend-list--two-col{list-style:none;display:flex;flex-direction:column;gap:2px}.legend-item{display:flex;align-items:center;gap:8px;font-size:var(--ns-text-small);color:var(--ns-text-2);padding:0 4px;border-radius:6px;border:1px solid transparent;transition:all .15s ease;cursor:pointer;min-width:0;width:100%;box-sizing:border-box}.legend-list--two-col .legend-item{padding:0 4px;gap:8px;font-size:var(--ns-text-small)}.legend-name{white-space:nowrap;font-size:var(--ns-text-small)}.legend-item:hover,.legend-item.highlighted{background:var(--ns-surface-2);border-color:var(--ns-line-strong);color:var(--ns-text)}.legend-glyph-canvas{width:28px;height:28px;min-width:28px;min-height:28px;display:block;flex-shrink:0;border-radius:4px}.legend-name{word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.25;flex:1 1 auto;min-width:0}.legend-dot{display:none}.legend-help-btn{margin-left:auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--ns-radius-pill);background:transparent;border:none;color:var(--ns-text);font-size:var(--ns-text-label);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1;padding:0;flex-shrink:0;position:relative;isolation:isolate}.legend-help-btn:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:var(--ns-surface-3);border:1px solid var(--ns-line);z-index:0;transition:all .15s ease}.legend-help-btn .legend-help-txt,.legend-help-btn span{position:relative;z-index:1;pointer-events:none;font-size:var(--ns-text-label);line-height:1}.legend-help-btn:hover:before{background:var(--ns-surface-2);border-color:var(--ns-accent)}.legend-help-btn:hover{color:var(--ns-accent)}.lab-actions{flex-shrink:0;padding:8px 10px;background:var(--ns-surface);border-top:1px solid var(--ns-line);display:flex;flex-direction:column;gap:6px}.status-banner{background:var(--ns-surface-2);border:1px solid var(--ns-line);padding:6px 8px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:var(--ns-text-body);color:var(--ns-text);line-height:1.35;transition:all .2s ease}.status-banner[hidden]{display:none!important}.status-banner.win{border-color:var(--ns-story-eye);background:var(--ns-surface-3);color:var(--ns-text);box-shadow:0 0 12px var(--ns-accent-soft)}.status-banner.fail{border-color:var(--ns-accent);background:var(--ns-surface-3);color:var(--ns-text);box-shadow:0 0 12px var(--ns-accent-soft)}.status-icon{font-size:var(--ns-text-body);flex-shrink:0}.status-text{flex:1 1 auto}.next-level-btn{margin-left:auto;flex-shrink:0;font-size:var(--ns-text-label);min-height:var(--ns-control-h);padding:0 var(--ns-space-3);font-weight:600}.btn-icon{width:20px;height:20px;flex-shrink:0}.lab-actions-row{display:flex;gap:4px;width:100%}.lab-actions-row button{flex:1 1 0;min-width:0;font-size:var(--ns-text-label);min-height:var(--ns-control-h);height:var(--ns-control-h);padding:0 var(--ns-space-1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px}[data-look=story] .ns-btn--primary,[data-look=story] button.ns-btn--primary,.ns-btn--primary{background:var(--ns-accent)!important;color:var(--ns-accent-ink)!important;border-color:var(--ns-line-strong);box-shadow:0 3px 0 var(--ns-story-primary-shadow)!important}[data-look=story] .ns-btn--primary:hover,[data-look=story] button.ns-btn--primary:hover,.ns-btn--primary:hover{background:var(--ns-accent-hover)!important;color:var(--ns-accent-ink)!important}.peek-btn.active{background:var(--ns-accent-hover)!important;color:var(--ns-accent-ink)!important;transform:translateY(2px);box-shadow:0 1px 0 var(--ns-story-primary-shadow)!important}.fold-btn.active{background:var(--ns-accent-soft);border-color:var(--ns-accent);color:var(--ns-accent)}.tray-item{cursor:pointer;-webkit-user-select:none;user-select:none}.tray-item[aria-pressed=true],.tray-item.is-armed{outline:3px solid var(--ns-accent)!important;outline-offset:2px!important}.legend-label-group{display:flex;flex-direction:column;line-height:1.25}.legend-sub{font-size:var(--ns-text-small);color:var(--ns-text-2)}.lab-explore-view{width:100vw;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 20px;background:var(--lab-bg-main)}.explore-content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.explore-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--lab-border)}.explore-title{font-size:var(--ns-text-h2);font-weight:700;color:var(--ns-story-bar-text)}.pending-tag{font-size:var(--ns-text-overline);font-weight:600;background:var(--ns-accent-soft);color:var(--ns-accent);border:1px solid var(--ns-accent);padding:2px 8px;border-radius:4px;display:inline-block}.explore-section{display:flex;flex-direction:column;gap:12px}.explore-section-title{font-size:var(--ns-text-h2);font-weight:700;color:var(--ns-story-bar-text)}.explore-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.explore-cards-grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.explore-card{background:var(--lab-bg-card);border:1px solid var(--lab-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;color:var(--lab-text);text-decoration:none;transition:all .2s ease}.explore-card--link{cursor:pointer}.explore-card--link:hover{border-color:var(--ns-accent);background:var(--lab-bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 20px #a8500a33}.explore-card--warning{border:1px solid var(--ns-accent);background:var(--ns-surface-solid);color:var(--ns-text);font-size:var(--ns-text-small);line-height:1.5}.explore-card-title{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-text)}.explore-card-body{font-size:var(--ns-text-small);color:var(--lab-text-muted);line-height:1.45}.explore-card-meta{font-size:var(--ns-text-small);color:var(--ns-text-2);line-height:1.4}.explore-card-source{font-size:var(--ns-text-small);color:var(--ns-text-3);font-style:italic;margin-top:auto}.explore-card-source+.explore-card-source{margin-top:0}.explore-card-svg svg,.lw-card-svg{width:100%;height:auto;max-height:110px;border-radius:4px;overflow:hidden;margin-bottom:6px}body.has-dialog-open .lab-topbar,body.has-dialog-open .lab-side-panel,body.has-dialog-open .lab-title-strip,body.has-overlay-open .lab-title-strip{visibility:hidden!important}.lab-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1500;display:flex;align-items:center;justify-content:center;padding:16px}.lab-dialog-backdrop[hidden]{display:none!important}.lab-dialog{background:var(--ns-surface-solid);border:1px solid var(--ns-line-strong);border-radius:12px;width:100%;max-width:460px;box-shadow:0 20px 40px #000000b3;display:flex;flex-direction:column;overflow:hidden;animation:dialogFadeIn .15s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lab-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ns-line);background:var(--ns-surface-2)}.dialog-header-left{display:flex;align-items:center;gap:8px}.intro-step-tag{font-size:var(--ns-text-overline);font-weight:700;background:var(--ns-accent-soft);color:var(--ns-accent);padding:1px 6px;border-radius:4px}.lab-dialog-title{font-size:var(--ns-text-h2);font-weight:700;color:var(--ns-text)}.lab-dialog-body{padding:16px;color:var(--ns-text);font-size:var(--ns-text-body);line-height:1.55;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}.lab-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--ns-line);background:var(--ns-surface-2)}.lab-dialog-footer button{min-height:var(--ns-control-h);font-size:var(--ns-text-label)}.lab-screen-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#070b1480!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:50!important;padding:16px!important;overflow:hidden!important}.lab-screen-overlay.overlay--start{background:#00000080!important;justify-content:center!important;align-items:center!important}.lab-screen-overlay.overlay--end{background:transparent!important}.lab-screen-overlay.overlay--end.overlay--end-left{justify-content:flex-start!important;padding-left:clamp(20px,5vw,60px)!important}.lab-screen-overlay.overlay--end.overlay--end-right{justify-content:flex-end!important;padding-right:clamp(20px,5vw,60px)!important}.lab-screen-overlay.overlay--final{background:transparent!important;justify-content:center!important}[hidden],.lab-screen-card[hidden],#startScreenCard[hidden],#endScreenCard[hidden],#finalScreenCard[hidden],#storyCard[hidden]{display:none!important}.lab-screen-card{background:var(--ns-surface-solid)!important;border:1px solid var(--ns-line-strong)!important;box-shadow:0 10px 30px #00000080!important;border-radius:12px!important;padding:24px!important;max-width:580px!important;width:95%!important;display:flex!important;flex-direction:column!important;gap:14px!important;color:var(--ns-text)!important;animation:screenFadeIn .2s ease-out!important}#endScreenCard{max-width:440px!important;width:90%!important}body.freeze,body.freeze *,body.freeze *:before,body.freeze *:after{animation:none!important;transition:none!important}body.freeze .lab-screen-card{animation:none!important;opacity:1!important;transform:none!important}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.screen-card-header{display:flex;flex-direction:column;gap:4px}.screen-overline{font-size:var(--ns-text-overline);font-weight:700;color:var(--ns-accent);letter-spacing:.05em;text-transform:uppercase}.screen-title{font-size:var(--ns-text-h1);font-weight:800;color:var(--ns-text);line-height:1.2}.screen-title--win{color:var(--ns-story-eye)}.screen-subtitle{font-size:var(--ns-text-body);color:var(--ns-text-2)}.screen-goal{font-size:var(--ns-text-body);color:var(--ns-text);line-height:1.45}.screen-inventory-row{display:flex;align-items:center;gap:10px;background:var(--ns-surface-2);border:1px solid var(--ns-line);padding:8px 12px;border-radius:8px}.screen-subhead{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-text-2)}.screen-inventory-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.screen-inv-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--ns-text-label);font-weight:600;color:var(--ns-text)}.screen-new-block{background:var(--ns-accent-soft);border:1px solid var(--ns-accent);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.screen-new-header{display:flex;align-items:center}.screen-new-tag{font-size:var(--ns-text-overline);font-weight:700;text-transform:uppercase;background:var(--ns-story-tab-on);color:var(--ns-story-tab-on-ink);padding:2px 8px;border-radius:4px}.screen-new-item{display:flex;flex-direction:column;gap:2px}.screen-new-item-title{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-accent)}.screen-new-item-body{font-size:var(--ns-text-small);color:var(--ns-text);line-height:1.4}.screen-card-footer{display:flex;align-items:center;justify-content:center;gap:var(--ns-space-3);margin-top:var(--ns-space-2)}.screen-card-footer--buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ns-space-3);flex-wrap:wrap}.screen-btn-lg{min-height:var(--ns-control-h);height:var(--ns-control-h);font-size:var(--ns-text-label);font-weight:700;padding:0 var(--ns-space-5);display:inline-flex;align-items:center;justify-content:center;width:fit-content;flex:0 0 auto}.screen-stats-row{display:flex;gap:16px;flex-wrap:wrap;font-size:var(--ns-text-body);color:var(--ns-text);background:var(--ns-surface-2);padding:10px 14px;border-radius:8px;border:1px solid var(--ns-line)}.screen-recap-box{display:flex;flex-direction:column;gap:6px;background:var(--ns-surface-2);border:1px solid var(--ns-line);border-radius:8px;padding:12px 14px}.screen-recap-heading{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-story-eye)}.screen-recap-list{list-style:none;display:flex;flex-direction:column;gap:6px}.screen-recap-list li{font-size:var(--ns-text-small);color:var(--ns-text);line-height:1.4;position:relative;padding-left:18px}.screen-recap-list li:before{content:"✦";position:absolute;left:0;color:var(--ns-accent);font-size:var(--ns-text-overline)}#finalScreenCard{max-height:95vh;display:flex;flex-direction:column;box-sizing:border-box}#finalScreenCard .final-levels-grid{flex:1 1 auto;min-height:0;overflow-y:auto}.final-levels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0}.final-level-chip{padding:8px 4px;border-radius:6px;text-align:center;font-size:var(--ns-text-label);font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.final-level-chip--solved{background:var(--ns-accent-soft);border:1px solid var(--ns-accent);color:var(--ns-accent);font-weight:700}.final-level-chip--unsolved{background:var(--ns-surface-2);border:1px solid var(--ns-line);color:var(--ns-text-2);font-weight:600;cursor:pointer;transition:all .15s ease}.final-level-chip--unsolved:hover{background:var(--ns-surface-3);color:var(--ns-text);border-color:var(--ns-accent);box-shadow:0 0 8px #a8500a4d}.final-stats-row{font-size:var(--ns-text-body);color:var(--ns-text);font-weight:600}#simCanvas,.canvas-wrapper{touch-action:none}.board-tooltip{position:absolute;z-index:25;background:var(--ns-surface-solid);border:1px solid var(--ns-line-strong);color:var(--ns-text);font-size:var(--ns-text-small);font-weight:600;padding:4px 8px;border-radius:6px;box-shadow:0 4px 12px #00000080;pointer-events:none;white-space:nowrap;transition:opacity .15s ease}.board-tooltip[hidden]{display:none!important}.lab-title-strip{display:none;background:var(--ns-surface-2);border-bottom:1px solid var(--lab-border);padding:6px 12px;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;z-index:5}.title-strip-info,.title-strip-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.title-strip-overline,.level-overline{font-size:var(--ns-text-overline);font-weight:700;color:var(--ns-accent);letter-spacing:.05em;text-transform:uppercase;margin:0}.title-strip-title,.level-title-strip{margin:0;font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-text);white-space:nowrap;line-height:1.2}.title-strip-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.title-strip-goal,.level-goal-strip{margin:0;font-size:var(--ns-text-body);color:var(--ns-text-2);line-height:1.3;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;max-width:100%}.view-menu-wrapper{position:relative;display:none}.view-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:auto;background:var(--ns-surface-solid);border:1px solid var(--ns-line-strong);border-radius:8px;box-shadow:0 10px 25px #000000b3;padding:4px;display:flex;flex-direction:column;min-width:140px;z-index:60}.view-dropdown-menu[hidden]{display:none!important}.view-menu-btn{min-height:var(--ns-control-h);font-size:var(--ns-text-label)}.view-dropdown-item{background:transparent;border:none;color:var(--ns-text);font-size:var(--ns-text-label);font-weight:600;padding:8px 12px;border-radius:6px;text-align:left;cursor:pointer;min-height:var(--ns-control-h);display:flex;align-items:center}.view-dropdown-item:hover,.view-dropdown-item.active{background:var(--ns-surface-2);color:var(--ns-accent)}.level-picker-wrapper{position:relative;display:block}.level-picker-btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--ns-text-label);font-weight:700;padding:0 var(--ns-space-3);min-height:var(--ns-control-h);height:var(--ns-control-h)}.level-picker-popover{position:absolute;top:calc(100% + 6px);left:0;background:var(--ns-surface-solid);border:1px solid var(--ns-line-strong);border-radius:10px;box-shadow:0 16px 36px #000c;padding:12px;width:320px;max-height:80vh;overflow-y:auto;z-index:60;display:flex;flex-direction:column;gap:10px}.level-picker-popover[hidden]{display:none!important}.level-picker-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ns-line);padding-bottom:8px}.level-picker-title{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-text)}.level-picker-chapters{display:flex;flex-direction:column;gap:10px}.chapter-group{display:flex;flex-direction:column;gap:6px}.chapter-title{font-size:var(--ns-text-overline);font-weight:700;color:var(--ns-text-2);text-transform:uppercase;letter-spacing:.5px}.chapter-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.level-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.level-picker-cell{background:var(--ns-surface-2);border:1px solid var(--ns-line);border-radius:6px;color:var(--ns-text);font-size:var(--ns-text-label);font-weight:700;height:44px;min-height:44px;min-width:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative}.level-picker-cell:hover{background:var(--ns-surface-3);color:var(--ns-text);border-color:var(--ns-accent)}.level-picker-cell--current{background:var(--ns-accent);border-color:var(--ns-accent);color:var(--ns-accent-ink);box-shadow:0 0 8px #a8500a66}.level-picker-cell--solved .level-picker-check{font-size:var(--ns-text-small);color:var(--ns-story-eye);line-height:1}.level-shot-chip{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-story-bar-text);background:var(--ns-story-tab);border:1px solid var(--ns-story-bar-line);padding:0 var(--ns-space-3);height:var(--ns-control-h);display:inline-flex;align-items:center;border-radius:6px;white-space:nowrap!important;flex-shrink:0!important;opacity:1!important}.lab-legend-section{background:var(--lab-bg-card);border:1px solid var(--lab-border);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.legend-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.legend-close-btn{display:none!important}.legend-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ns-control-h);height:var(--ns-control-h);font-size:var(--ns-text-label);font-weight:600;background:var(--lab-bg-card);border:1px solid var(--lab-border);color:var(--ns-text);border-radius:6px;cursor:pointer;padding:0 var(--ns-space-3)}.legend-toggle-btn:hover{background:var(--lab-bg-card-hover);border-color:var(--ns-accent);color:var(--ns-text)}@media(max-width:999px)and (orientation:portrait),(max-aspect-ratio:1.2),(max-height:499px)and (orientation:landscape){.lab-legend-section.legend-popover{position:fixed!important;right:16px!important;bottom:60px!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;background:var(--ns-surface-solid)!important;border:1px solid var(--ns-line-strong)!important;border-radius:12px!important;box-shadow:0 16px 36px #000c!important;padding:12px!important;width:290px!important;max-width:90vw!important;z-index:55!important}.lab-legend-section.legend-popover[hidden]{display:none!important}.lab-legend-section.legend-popover .legend-close-btn{display:flex!important}}.help-dialog{max-width:500px!important;width:95%!important;max-height:90vh!important}.help-step-tag{font-size:var(--ns-text-overline);font-weight:700;background:var(--ns-accent-soft);color:var(--ns-accent);padding:2px 8px;border-radius:4px}.help-carousel{display:flex;flex-direction:column;min-height:280px;position:relative;overflow:hidden}.help-step{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.help-step[hidden]{display:none!important}.help-illustration{width:100%;max-width:380px;height:180px;display:flex;align-items:center;justify-content:center;background:var(--ns-surface-2);border:1px solid var(--ns-line);border-radius:8px;overflow:hidden}.help-illustration svg,.help-illustration canvas{width:100%;height:100%;max-width:320px;max-height:180px;display:block;aspect-ratio:320 / 180}.help-step-heading{font-size:var(--ns-text-h3);font-weight:700;color:var(--ns-text)}.help-sentence{font-size:var(--ns-text-body);color:var(--ns-text);line-height:1.45;max-width:420px}.help-shortcuts-details{width:100%;margin-top:10px;background:var(--ns-surface-2);border:1px solid var(--ns-line);border-radius:6px;padding:6px 10px;font-size:var(--ns-text-small);text-align:left}.help-shortcuts-summary{cursor:pointer;font-weight:600;color:var(--ns-text-2)}.help-shortcuts-summary:hover{color:var(--ns-text)}.help-footer{display:flex;align-items:center;justify-content:space-between!important;padding:10px 16px;border-top:1px solid var(--ns-line);background:var(--ns-surface-2)}.help-footer button{min-height:var(--ns-control-h);font-size:var(--ns-text-label)}.help-dots{display:flex;align-items:center;gap:6px}.help-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ns-line-strong);cursor:pointer;transition:all .2s ease}.help-dot.active{width:22px;border-radius:4px;background:var(--ns-accent)}.help-footer .ns-btn{min-height:44px!important;padding:0 16px}#fullscreenBtn[data-tip]:after,#helpBtn[data-tip]:after{left:auto!important;right:0!important;transform:translateY(0)!important}@media(max-width:999px)and (orientation:portrait),(max-aspect-ratio:1.2){.lab-main{flex-direction:column!important;height:calc(100vh - 48px)!important}.lab-title-strip{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:6px 10px!important;gap:6px!important;height:auto!important;min-height:auto!important}.title-strip-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;width:100%!important;min-width:0!important}.level-title-strip{font-size:var(--ns-text-body);white-space:normal!important;overflow:visible!important;text-overflow:clip!important;margin:0!important;line-height:1.25!important}.title-strip-goal,.level-goal-strip{font-size:var(--ns-text-body);white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;line-height:1.3!important}.title-strip-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.lab-board-area{flex:1 1 auto!important;min-height:0!important;padding:16px 0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.phone-rotate-tip{margin-top:16px!important}.canvas-wrapper{max-width:100%!important;max-height:100%!important}.lab-side-panel{flex:0 0 auto!important;width:100%!important;height:auto!important;max-height:none!important;border-left:none!important;border-top:1px solid var(--lab-border)!important;background:var(--ns-surface-solid)!important}.panel-scroll-content{flex:0 0 auto!important;height:auto!important;padding:6px 12px!important;gap:6px!important}.lab-goal-block,.lab-section-block .section-title{display:none!important}.lab-section-block{background:transparent!important;border:none!important;padding:0!important}.piece-tray{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important}.tray-item{min-height:44px!important;height:44px!important;padding:4px 10px!important;flex-shrink:0!important}.piece-control-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.piece-control-row button{min-height:44px!important;min-width:44px!important}.lab-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:4px 12px 8px!important;border-top:1px solid rgba(255,255,255,.06)!important}.lab-actions-row{flex:1!important;width:100%!important;display:flex!important;flex-direction:row!important;gap:8px!important;margin:0!important}.lab-actions-row button{flex:1!important;min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 8px!important}.status-banner{order:1!important;display:flex!important;padding:4px 8px!important;font-size:var(--ns-text-small);line-height:1.3!important;min-height:28px!important;max-height:48px!important;border-radius:6px!important;margin:2px 0 4px!important;width:100%!important}.status-banner[hidden]{display:none!important}.lab-screen-card{padding:10px 14px!important;gap:8px!important;max-height:94%!important;max-width:96%!important;overflow-y:auto!important}.screen-goal{line-height:1.3!important}.screen-inventory-row{padding:4px 8px!important}.screen-btn-lg{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 16px!important}.screen-recap-box{padding:6px 10px!important;gap:4px!important}.screen-recap-list li{line-height:1.25!important}.screen-stats-row{padding:6px 10px!important}.screen-card-footer--buttons{gap:6px!important}}@media(max-height:499px)and (orientation:landscape){.lab-topbar{height:calc(var(--ns-control-h) + 4px)!important;min-height:calc(var(--ns-control-h) + 4px)!important;max-height:calc(var(--ns-control-h) + 4px)!important;flex:0 0 calc(var(--ns-control-h) + 4px)!important;padding:0 8px!important;gap:6px!important}.lab-topbar-tools{gap:4px!important}#fullscreenBtn,.ns-segmented#viewSegmented,#viewSegmented,.view-segmented{display:none!important}.view-menu-wrapper{display:block!important}.lab-app-title,.lab-divider{display:none!important}.level-picker-btn,.view-menu-btn{padding:0 8px!important}.lab-main{display:grid!important;grid-template-columns:1fr 260px!important;grid-template-rows:auto 1fr!important;flex:1 1 0!important;min-height:0!important;height:calc(100vh - 48px)!important;overflow:hidden!important}.lab-title-strip{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:row!important;padding:4px 8px!important;height:auto!important;min-height:auto!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:var(--ns-surface-2)!important;border-bottom:1px solid var(--lab-border)!important;min-width:0!important}body.has-overlay-open .lab-title-strip,body.has-dialog-open .lab-title-strip{visibility:hidden!important}.title-strip-info{display:grid!important;grid-template-columns:auto 1fr!important;align-items:baseline!important;gap:2px 8px!important;min-width:0!important;flex:1 1 auto!important}.title-strip-overline,.lab-title-strip .level-overline{grid-column:1!important;grid-row:1!important;font-size:var(--ns-text-overline);white-space:nowrap!important;margin:0!important}.title-strip-title,.level-title-strip{grid-column:2!important;grid-row:1!important;font-size:var(--ns-text-label);white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex-shrink:0!important;margin:0!important}.title-strip-goal,.level-goal-strip{grid-column:1 / span 2!important;grid-row:2!important;font-size:var(--ns-text-small);color:var(--ns-text-2)!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;margin:0!important;min-width:0!important;width:100%!important;line-height:1.25!important;display:block!important}.title-strip-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.lab-title-strip .angle-toggle-btn,.lab-title-strip .legend-toggle-btn{min-height:44px!important;height:44px!important;min-width:44px!important;padding:0 8px!important;font-size:var(--ns-text-label);flex-shrink:0!important}.lab-board-area{grid-column:1!important;grid-row:2!important;flex:1 1 auto!important;padding:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.lab-side-panel{grid-column:2!important;grid-row:1 / span 2!important;flex:0 0 260px!important;width:260px!important;border-left:1px solid var(--lab-border)!important;border-top:none!important}.panel-scroll-content{padding:6px 8px!important;gap:6px!important}.lab-goal-block,.lab-section-block .section-title,.screen-goal,.screen-subtitle{display:none!important}.lab-section-block{order:2!important;background:transparent!important;border:none!important;padding:0!important}.piece-tray{display:flex!important;flex-direction:column!important;gap:4px!important}.tray-item{min-height:44px!important;height:44px!important;padding:2px 8px!important;gap:6px!important;white-space:nowrap!important;flex:0 0 44px!important;width:100%!important;box-sizing:border-box!important}.tray-item[data-type=splitter]{flex:0 0 44px!important;width:100%!important}.tray-item-label,.tray-item-count{font-size:var(--ns-text-small);white-space:nowrap!important}.tray-glyph-canvas{width:24px!important;height:24px!important}.lab-piece-controls{order:1!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.piece-btn-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.piece-btn-group button{flex:none!important;width:100%!important;min-height:var(--ns-control-h)!important;padding:0 2px!important;font-size:var(--ns-text-label)}.piece-btn-group .fold-btn{letter-spacing:-.3px!important}.lab-actions{padding:4px 6px!important}.lab-actions-row{gap:3px!important}.lab-actions-row button{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 2px!important;gap:2px!important}.lab-actions-row .btn-icon{width:16px!important;height:16px!important}.lab-screen-overlay{padding:6px 10px!important}.lab-screen-overlay.overlay--end.overlay--end-left{padding-left:10px!important;justify-content:flex-start!important}.lab-screen-overlay.overlay--end.overlay--end-right{padding-right:10px!important;justify-content:flex-end!important}.lab-screen-card{padding:8px 12px!important;gap:6px!important;max-height:96%!important;overflow-y:auto!important}#endScreenCard{max-width:min(440px,96%)!important;width:auto!important;max-height:calc(100% - 8px)!important;padding:6px 10px!important;gap:4px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}#endScreenCard .screen-card-header{flex-shrink:0!important}#endScreenCard .screen-card-header h2{font-size:var(--ns-text-h3);line-height:1.2!important;margin:0!important}#endScreenCard .screen-stats-row{flex-shrink:0!important;padding:2px 6px!important;gap:6px!important}#endScreenCard .screen-recap-box{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:4px 8px!important;gap:2px!important;max-height:110px!important}#endScreenCard .screen-recap-heading{font-weight:700!important;margin:0!important}#endScreenCard .screen-recap-list{gap:2px!important;margin:0!important;padding:0!important}#endScreenCard .screen-recap-list li{font-size:var(--ns-text-small);line-height:1.25!important;padding-left:14px!important}#endScreenCard .screen-card-footer--buttons{flex-shrink:0!important;margin-top:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding-top:4px!important}#endScreenCard .screen-btn-lg{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 12px!important;font-size:var(--ns-text-label);flex:0 0 auto!important}#startScreenCard{max-width:min(460px,96%)!important;width:auto!important;max-height:calc(100% - 8px)!important;padding:6px 12px!important;gap:4px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}#startScreenCard .screen-card-header{flex-shrink:0!important}#startScreenCard .screen-overline{font-size:var(--ns-text-overline);margin:0!important}#startScreenCard .screen-title{font-size:var(--ns-text-h3);line-height:1.2!important;margin:0!important}#startScreenCard .screen-goal{font-size:var(--ns-text-small);line-height:1.25!important;margin:0!important;flex-shrink:0!important}#startScreenCard .screen-inventory-row{padding:2px 6px!important;margin:0!important;flex-shrink:0!important}#startScreenCard .screen-new-block{padding:4px 6px!important;max-height:65px!important;overflow-y:auto!important;flex:1 1 auto!important;min-height:0!important}#startScreenCard .screen-new-header{margin-bottom:2px!important}#startScreenCard .screen-new-item-title{font-size:var(--ns-text-small);margin:0!important}#startScreenCard .screen-new-item-body{font-size:var(--ns-text-small);line-height:1.2!important;margin:0!important}#startScreenCard .screen-card-footer{flex-shrink:0!important;margin-top:auto!important;padding-top:2px!important}#startScreenCard .screen-btn-lg,#startScreenBtn{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 16px!important;font-size:var(--ns-text-label);flex:0 0 auto!important}#finalScreenCard{max-width:min(560px,96%)!important;width:auto!important;max-height:calc(100% - 8px)!important;padding:6px 12px!important;gap:4px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}#finalScreenCard .screen-card-header{flex-shrink:0!important}#finalScreenCard .screen-title{font-size:var(--ns-text-h3);line-height:1.2!important;margin:0!important;white-space:nowrap!important}#finalScreenCard .screen-subtitle{display:none!important}#finalScreenCard .final-levels-grid{flex:1 1 auto!important;min-height:0!important;max-height:80px!important;overflow-y:auto!important;grid-template-columns:repeat(8,1fr)!important;gap:4px!important;margin:2px 0!important;padding:2px!important}#finalScreenCard .final-level-chip{padding:3px 2px!important;font-size:var(--ns-text-small);min-height:22px!important}#finalScreenCard .final-stats-row{flex-shrink:0!important;font-size:var(--ns-text-small);margin:2px 0!important;text-align:center!important}#finalScreenCard .screen-card-footer--buttons{flex-shrink:0!important;margin-top:auto!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;padding-top:4px!important}#finalScreenCard .screen-btn-lg{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 12px!important;font-size:var(--ns-text-label);flex:0 0 auto!important}.screen-inventory-row{padding:4px 8px!important}.screen-btn-lg{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 16px!important}.screen-recap-box{padding:6px 8px!important}.screen-recap-list li{line-height:1.25!important}.screen-stats-row{padding:4px 8px!important}.screen-card-footer--buttons{gap:6px!important}.help-dialog{max-height:96vh!important;overflow-y:auto!important}.help-dialog .lab-dialog-body{padding:6px 12px!important;gap:6px!important}.help-carousel{min-height:130px!important}.help-step{gap:4px!important}.help-illustration{max-width:200px!important;height:80px!important}.help-sentence{line-height:1.25!important}.help-footer{padding:6px 12px!important}}.level-nav{display:none!important}.level-picker-wrapper{display:block!important}@media(max-width:699px){.lab-topbar{padding:0 8px!important;gap:6px!important}.lab-topbar-tools{gap:4px!important}#fullscreenBtn{display:none!important}[data-tip]:after{display:none!important}.ns-segmented#viewSegmented,#viewSegmented,.view-segmented{display:none!important}.view-menu-wrapper{display:block!important}.lab-app-title,.lab-divider{display:none!important}}@media(max-width:500px){.lab-topbar{padding:0 2px!important;gap:2px!important}.lab-topbar-tools{gap:2px!important}.lab-brand-group{display:none!important}.level-picker-btn,.view-menu-btn{padding:0 4px!important;font-size:var(--ns-text-label);min-width:0!important}.level-shot-chip{padding:0 4px!important;font-size:var(--ns-text-overline);white-space:nowrap!important}.lab-level-select{padding:4px 8px!important}.level-select-container{gap:2px!important}.level-select-header{padding-bottom:0!important;margin-bottom:2px!important}.level-select-chapters{gap:3px!important}.level-chapter-section{gap:1px!important}.level-chapter-header{margin:0!important;padding:0!important;line-height:1!important}.level-chapter-title{font-size:var(--ns-text-label);line-height:1!important;margin:0!important}.level-chapter-progress{padding:0 4px!important;line-height:1!important}.level-chapter-grid{gap:2px!important}}@media(min-width:1000px)and (max-width:1200px){.lab-side-panel{flex:0 0 284px!important;width:284px!important}}@media(min-width:700px){.ns-segmented#viewSegmented,#viewSegmented,.view-segmented{display:flex!important}.view-menu-wrapper{display:none!important}}.ns-segmented>button{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important}.help-close-icon,.intro-close-icon,.legend-close-btn{flex-shrink:0!important;width:var(--ns-control-h)!important;height:var(--ns-control-h)!important;min-width:44px!important;min-height:44px!important}@media(max-height:500px){.lab-screen-card{padding:8px 14px!important;gap:4px!important;max-height:calc(100vh - 16px)!important;overflow-y:auto!important}.screen-subtitle{display:none!important}.screen-inventory-row,.screen-new-block{padding:4px 8px!important}#storyCard{padding:6px 12px!important;gap:2px!important;max-height:calc(100vh - 16px)!important}#storyCard .story-card-picture-wrapper{margin-bottom:2px!important;max-height:60px!important}#storyCard .story-canvas{max-height:60px!important}body #storyCard .story-title{font-size:var(--ns-text-h3);margin:0!important}body #storyCard .story-p1,body #storyCard .story-p2{font-size:var(--ns-text-small);line-height:1.2!important;margin-bottom:2px!important}#storyCard .screen-card-footer{display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important;padding-top:2px!important}#storyCard .screen-btn-lg{min-height:44px!important;height:44px!important;padding:0 16px!important}#finalScreenCard{padding:6px 12px!important;gap:4px!important;max-height:calc(100% - 8px)!important;overflow:hidden!important}#finalScreenCard .screen-title{font-size:var(--ns-text-h3);line-height:1.2!important;margin:0!important;white-space:nowrap!important}#finalScreenCard .final-levels-grid{flex:1 1 auto!important;min-height:0!important;max-height:80px!important;overflow-y:auto!important;grid-template-columns:repeat(8,1fr)!important;gap:4px!important;margin:2px 0!important}#finalScreenCard .final-level-chip{padding:3px 2px!important;font-size:var(--ns-text-small);min-height:22px!important}#finalScreenCard .final-stats-row{font-size:var(--ns-text-small);margin:2px 0!important}#finalScreenCard .screen-card-footer--buttons{flex-wrap:nowrap!important;gap:6px!important;padding-top:2px!important;margin-top:auto!important;flex-shrink:0!important}#finalScreenCard .screen-btn-lg{min-height:var(--ns-control-h)!important;height:var(--ns-control-h)!important;padding:0 12px!important;font-size:var(--ns-text-label)}}@media(min-width:1000px)and (max-height:800px){.lab-goal-block{padding:4px 8px!important;gap:2px!important}#appRoot .lab-goal-block .level-title,body .lab-goal-block .level-title{font-size:var(--ns-text-body)}#appRoot .lab-goal-block .level-goal,body .lab-goal-block .level-goal{font-size:var(--ns-text-small);line-height:1.25!important}.lab-section-block{padding:4px 8px!important;gap:4px!important}.piece-tray{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important}.piece-tray .tray-item{flex:1 1 calc(50% - 4px)!important;padding:2px 6px!important;min-height:44px!important}.lab-legend-section{padding:4px 8px!important;gap:2px!important}.legend-list{display:flex!important;flex-direction:column!important;gap:2px!important}.legend-item{padding:0 4px!important;min-height:44px!important;height:44px!important}}#storyCard{max-width:480px;text-align:center}.story-start-hint{font-size:var(--ns-text-body);opacity:.08;position:absolute;bottom:4px;right:8px;pointer-events:none;white-space:nowrap}.story-card-picture-wrapper{width:100%;border-radius:6px;overflow:hidden;margin-bottom:12px;border:1px solid var(--ns-line);background:var(--ns-story-bar)}.story-canvas{width:100%;height:auto;display:block;aspect-ratio:3 / 1}#storyCard .story-p1,#storyCard .story-p2{font-size:var(--ns-text-body);color:var(--ns-text);line-height:1.45;margin-bottom:8px;text-align:left}.coach-bubble{position:fixed;z-index:100;max-width:260px;padding:10px 14px;background:var(--ns-surface-solid);color:var(--ns-text);border:1.5px solid var(--ns-accent);border-radius:8px;box-shadow:0 4px 16px #00000059;font-size:var(--ns-text-body);line-height:1.35;pointer-events:none}.coach-bubble .coach-skip-link,.coach-bubble .coach-skip{display:block;margin-top:6px;font-size:var(--ns-text-small);color:var(--ns-text-2);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;pointer-events:auto}.coach-pulse{animation:coachPulse 1.2s ease-in-out infinite}@keyframes coachPulse{0%,to{box-shadow:0 0 0 0 var(--ns-accent-soft)}50%{box-shadow:0 0 0 6px var(--ns-accent)}}@media(prefers-reduced-motion:reduce){.coach-pulse{animation:none!important}}.angle-toggle-btn{font-size:var(--ns-text-label);height:var(--ns-control-h);min-height:var(--ns-control-h);padding:0 10px}.angle-toggle-btn[aria-pressed=true]{background:var(--ns-accent-soft)!important;border-color:var(--ns-accent)!important;color:var(--ns-text)!important}.angle-toggle-btn .angle-check-icon{display:none}.angle-toggle-btn[aria-pressed=true] .angle-check-icon{display:inline-block;vertical-align:middle;margin-right:4px}.angle-labels-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.angle-label{position:absolute;z-index:15;padding:2px 6px;font-size:var(--ns-text-small);font-weight:700;font-family:var(--ns-font-body, system-ui, sans-serif);background:var(--ns-story-bar);color:var(--ns-story-bar-text);border:1px solid var(--ns-story-tab-on);border-radius:4px;pointer-events:none;white-space:nowrap;line-height:1.2;box-shadow:0 2px 6px #0006}.screen-stats-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;align-items:center!important}.screen-stat-chip{display:inline-flex!important;align-items:center!important;padding:4px 10px!important;background:var(--ns-surface-2)!important;border:1px solid var(--ns-line)!important;border-radius:6px!important;font-size:var(--ns-text-small);color:var(--ns-text)!important;white-space:nowrap!important}.help-shortcuts-details{display:none!important}@media(pointer:fine){.help-shortcuts-details{display:block!important}}.help-footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}#storyAgainBtn{margin-right:auto}@media(max-width:600px){#storyAgainBtn{width:100%!important;order:10!important;margin:4px 0 0!important}}body.is-title-open .lab-topbar,body.is-title-open .lab-main,body.is-title-open .lab-screen-overlay,body.is-level-select-open .lab-topbar,body.is-level-select-open .lab-main,body.is-level-select-open .lab-screen-overlay{display:none!important}.lab-title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--ns-bg);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;box-sizing:border-box}.lab-title-screen[hidden]{display:none!important}.title-screen-container{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-sizing:border-box}.title-screen-picture-wrapper{width:100%;max-width:450px;border-radius:8px;overflow:hidden;border:1px solid var(--ns-line);background:var(--ns-story-bar);box-shadow:0 4px 16px #0000004d}.title-canvas{width:100%;height:auto;display:block;aspect-ratio:3 / 1}.title-screen-header{display:flex;flex-direction:column;align-items:center;gap:4px}.title-screen-title{font-size:var(--ns-text-display);color:var(--ns-story-bar-text);margin:0;line-height:1.15}.title-screen-subtitle{font-size:var(--ns-text-body);color:var(--ns-story-bar-text-2);margin:0;line-height:1.3}.title-screen-progress{font-size:var(--ns-text-label);color:var(--ns-story-tab-on);font-weight:600;margin:2px 0 0;line-height:1.3}.title-screen-actions{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:480px}.title-play-btn{height:var(--ns-control-h);min-height:44px;padding:0 20px;font-size:var(--ns-text-label);font-weight:700;border-radius:8px;background:var(--ns-accent);color:var(--ns-accent-ink);box-shadow:0 2px 8px var(--ns-story-primary-shadow);cursor:pointer;width:fit-content;min-width:120px;max-width:240px}.title-screen-secondary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.title-secondary-btn{height:var(--ns-control-h);min-height:44px;padding:0 14px;font-size:var(--ns-text-label);border-radius:8px;background:var(--ns-story-tab);color:var(--ns-story-bar-text);border:1px solid var(--ns-story-bar-line);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;width:auto;min-width:110px;max-width:160px}@media(max-height:500px){.lab-title-screen{padding:8px 16px}.title-screen-container{max-width:820px;display:grid;grid-template-columns:340px 1fr;grid-template-rows:auto 1fr;align-items:center;gap:6px 16px;text-align:left}.title-screen-picture-wrapper{grid-row:1 / 3;width:340px;max-width:360px;min-width:310px;margin:0}.title-screen-header{align-items:flex-start;gap:2px}.title-screen-title{font-size:var(--ns-text-h2);color:var(--ns-story-bar-text)}.title-screen-subtitle{font-size:var(--ns-text-small);color:var(--ns-story-bar-text-2)}.title-screen-progress{font-size:var(--ns-text-small);color:var(--ns-story-tab-on)}.title-screen-actions{align-items:flex-start;gap:6px;max-width:100%}.title-screen-secondary-actions{justify-content:flex-start;gap:6px}.title-play-btn,.title-secondary-btn{height:44px;min-height:44px}}.lab-level-select{flex:1 1 0;min-height:0;width:100%;background:var(--ns-bg);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:0 12px 12px;-webkit-overflow-scrolling:touch}.lab-level-select[hidden]{display:none!important}.level-select-container{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:4px;box-sizing:border-box;width:100%}.level-select-header{position:sticky;top:0;z-index:10;background:var(--ns-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--ns-line)}.level-select-back-btn{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 16px;font-size:var(--ns-text-label);border-radius:6px;background:var(--ns-story-tab);color:var(--ns-story-bar-text);border:1px solid var(--ns-story-bar-line);cursor:pointer;box-sizing:border-box}.level-select-title{font-size:var(--ns-text-h2);color:var(--ns-story-bar-text);margin:0;line-height:1.2}.level-select-current-badge{font-size:var(--ns-text-small);padding:2px 8px;border-radius:12px;background:var(--ns-story-tab);color:var(--ns-story-bar-text-2);border:1px solid var(--ns-story-bar-line)}.level-select-chapters{display:flex;flex-direction:column;gap:3px}.level-chapter-section{display:flex;flex-direction:column;gap:2px}.level-chapter-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.level-chapter-title{font-size:var(--ns-text-label);color:var(--ns-story-bar-text);margin:0;line-height:1.15}.level-chapter-progress{font-size:var(--ns-text-small);padding:1px 6px;border-radius:10px;background:var(--ns-story-tab);color:var(--ns-story-bar-text-2);border:1px solid var(--ns-story-bar-line)}.level-chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}@media(min-width:600px){.level-chapter-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1000px){.level-chapter-grid{grid-template-columns:repeat(5,1fr)}}.level-select-tile{display:flex!important;flex-direction:row!important;align-items:center!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:2px 8px!important;gap:8px!important;background:var(--ns-surface)!important;border:1px solid var(--ns-line)!important;border-radius:6px!important;cursor:pointer!important;text-align:left!important;box-sizing:border-box!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;position:relative!important;min-width:140px!important}.level-select-tile:hover{border-color:var(--ns-story-tab-on)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000004d!important}.level-tile-thumb-wrapper{width:51px;height:34px;aspect-ratio:3 / 2;border-radius:4px;overflow:hidden;background:var(--ns-story-bar);border:1px solid var(--ns-line);flex-shrink:0}.level-tile-canvas{width:100%;height:100%;display:block}.level-tile-info{display:flex;flex-direction:column;gap:1px;min-height:0;min-width:0;flex:1 1 auto}.level-tile-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.level-tile-num{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-text);line-height:1.2}.level-tile-badge{font-size:var(--ns-text-small);padding:1px 4px;border-radius:4px;font-weight:600;line-height:1.2}.badge--done{background:var(--ns-story-tab-on);color:var(--ns-story-tab-on-ink)}.badge--next{background:var(--ns-accent-soft);color:var(--ns-accent);border:1px solid var(--ns-accent)}.level-tile-title{font-size:var(--ns-text-small);color:var(--ns-text-2);line-height:1.2;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:break-word!important}@media(max-height:500px){.lab-level-select{padding:0 12px 6px}.level-select-container{gap:4px}.level-select-header{padding:4px 0 2px}.level-select-back-btn{height:44px;min-height:44px;padding:0 12px;font-size:var(--ns-text-label);background:var(--ns-story-tab);color:var(--ns-story-bar-text);border:1px solid var(--ns-story-bar-line)}.level-select-title{font-size:var(--ns-text-h3);color:var(--ns-story-bar-text)}.level-select-chapters{gap:6px}.level-chapter-section{gap:4px}.level-chapter-title{font-size:var(--ns-text-label);color:var(--ns-story-bar-text)}.level-select-tile{min-height:44px!important;padding:2px 6px!important;gap:6px!important}.level-tile-thumb-wrapper{width:48px;height:32px}}.title-settings-btn{position:absolute!important;top:12px!important;right:12px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;color:var(--ns-story-bar-text-2)!important;background:var(--ns-story-tab)!important;border:1px solid var(--ns-story-bar-line)!important;border-radius:8px!important;z-index:5!important}.title-settings-btn:hover{color:var(--ns-story-bar-text)!important}#settingsBtn[data-tip]:after,#titleSettingsBtn[data-tip]:after{left:auto!important;right:0!important;transform:translateY(0)!important}@media(max-width:500px){.lab-topbar-tools{gap:0!important}.lab-topbar:has(#shotCount:not([hidden])) .view-menu-wrapper{display:none!important}}.settings-dialog{max-width:440px!important;width:95%!important}.settings-dialog-body{display:flex;flex-direction:column;gap:16px;padding:16px}.settings-dialog-body[hidden]{display:none!important}.settings-slider-row{display:flex;flex-direction:column;gap:6px;cursor:pointer}.settings-slider-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-slider-label{font-size:var(--ns-text-body);font-weight:600;color:var(--ns-text)}.settings-slider-value{font-size:var(--ns-text-label);font-weight:700;color:var(--ns-accent)}.settings-range{width:100%;height:44px!important;min-height:44px!important;cursor:pointer;accent-color:var(--ns-accent);margin:0}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0!important;border-top:1px solid var(--ns-line);background:transparent!important}.settings-footer .ns-btn{min-height:44px!important;height:44px!important;padding:0 16px!important;font-size:var(--ns-text-label)}.settings-danger-btn{color:var(--ns-danger)!important;border-color:var(--ns-danger)!important}.settings-confirm-text{font-size:var(--ns-text-body);color:var(--ns-text);line-height:1.45}.settings-confirm-footer{justify-content:flex-end}#titleScreen,#levelSelect,#startScreenCard,#endScreenCard,#finalScreenCard,#storyCard,#gameView,#exploreView{transition:opacity .22s ease!important}@media(prefers-reduced-motion:reduce){#titleScreen,#levelSelect,#startScreenCard,#endScreenCard,#finalScreenCard,#storyCard,#gameView,#exploreView{transition:none!important;transition-property:none!important;transition-duration:0s!important}}