:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f2;--surface:#fff;--text:#1d2a1f;--muted:#5b6b5d;--border:#d5dccf;--accent:#2e7d32;--accent-text:#fff;--note-bg:#fff6e0;--note-border:#e0b84c;--sky:#e3f0fb;--ground:#c8d9b4;--stem:#8d6e4c;--log:#c49a62;--climber:#1565c0;--lanyard:#e0a800;--metal:#aab4bd;--strap:#2f4f8a;--needles:#3c6b45;--rope:#d17a00;--force:#c62828;--zone:#2e7d3273;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121612;--surface:#1b211b;--text:#e4ebe1;--muted:#9fae9c;--border:#2f3a2f;--accent:#66bb6a;--accent-text:#0d1a0e;--note-bg:#2b2412;--note-border:#8a6d1f;--sky:#17232e;--ground:#26331f;--stem:#6f5a43;--log:#a98355;--climber:#64b5f6;--lanyard:#f2c94c;--metal:#c3ccd4;--strap:#6f8fd0;--needles:#355a3d;--rope:#ffb347;--force:#ff7b7b;--zone:#66bb6a80}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121612;--surface:#1b211b;--text:#e4ebe1;--muted:#9fae9c;--border:#2f3a2f;--accent:#66bb6a;--accent-text:#0d1a0e;--note-bg:#2b2412;--note-border:#8a6d1f;--sky:#17232e;--ground:#26331f;--stem:#6f5a43;--log:#a98355;--climber:#64b5f6;--lanyard:#f2c94c;--metal:#c3ccd4;--strap:#6f8fd0;--needles:#355a3d;--rope:#ffb347;--force:#ff7b7b;--zone:#66bb6a80}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}.bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}footer.bar{border-top:1px solid var(--border);color:var(--muted);border-bottom:0;font-size:.875rem}.brand{align-items:center;gap:8px;display:flex}.brand h1{margin:0;font-size:1.25rem}.tagline{color:var(--muted);flex:200px;margin:0}.controls{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.switch{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.switch button{min-width:40px;min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}main{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:16px;display:flex}.sandbox{flex-direction:column;gap:12px;min-width:0;display:flex}.sandbox-head{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.scene-tabs,.piece-presets{max-width:100%}.scene-tabs button{white-space:normal;text-align:center}.scene-info{color:var(--muted);margin:0;font-size:.9rem}.stage{aspect-ratio:16/9;border:1px solid var(--border);background:var(--sky);border-radius:12px;min-height:240px;max-height:62dvh;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.live,.stage-block{flex-direction:column;gap:8px;display:flex}.sim-bar .btn{flex:0 160px}.panel-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.panel-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 14px}.panel-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.panel-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.debrief{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:10px 12px;font-size:.9rem}.debrief h3{margin:0 0 6px;font-size:1rem}.debrief h4{margin:0 0 4px;font-size:.95rem}.debrief p{overflow-wrap:anywhere;margin:0 0 4px}.debrief-status,.debrief-time{color:var(--muted);font-weight:400}.debrief-item{background:var(--bg);border-left:4px solid #f2c94c;border-radius:4px;margin:0 0 8px;padding:6px 10px}.debrief-item[data-severity="2"]{border-left-color:#f47a1f}.debrief-item[data-severity="3"]{border-left-color:#d32f2f}.debrief-numbers{font-variant-numeric:tabular-nums}.debrief-rule{font-style:italic}.debrief-ok{color:var(--accent);font-weight:600}.debrief-why,.debrief-note{color:var(--muted)}.debrief-edu{color:var(--muted);margin:6px 0 0;font-size:.8rem}[role=tabpanel][hidden]{display:none}.readouts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;display:grid}.readout{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:8px 10px}.readout dt{color:var(--muted);font-size:.8rem}.readout dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.components{min-width:0}.components-hint{color:var(--muted);margin:0 0 8px;font-size:.8rem}.component-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.component-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;min-width:0;padding:8px 10px}.component-card h3{margin:0 0 4px;font-size:.9rem}.component-card dl{margin:0;font-size:.85rem}.component-card dl div{border-top:1px solid var(--border);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px;padding:2px 0;display:grid}.component-card dt{color:var(--muted);overflow-wrap:anywhere}.component-card dt:first-letter{text-transform:uppercase}.component-card dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.component-card a{color:inherit}.controls-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:8px 16px;padding:10px;display:grid}.buttons{gap:8px;display:flex}.btn{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:0 16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.slider{flex-direction:column;display:flex}.slider-label .band{color:var(--muted);font-size:.85em}.slider-label .band[data-level=amber],.readout dd[data-band=handHard]{color:var(--note-border)}.slider-label .band[data-level=red],.readout dd[data-band=handBeyond],.readout dd.over{color:var(--force);font-weight:600}.slider select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:8px;margin-top:2px;padding:0 8px}@media (width>=601px){.slider.wide{grid-column:span 2}}.hint{align-self:center;margin:0;font-weight:600}.hint.equipment{color:var(--force);grid-column:1/-1}.hint.equipment:empty{display:none}.rope-rating a{color:inherit}.rope-rating{color:var(--muted);margin:0;font-size:.85em}.slider-label{font-size:.9rem}.slider input{width:100%;height:40px;accent-color:var(--accent);margin:0}.disclaimer{border:1px solid var(--note-border);background:var(--note-bg);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem}@media (width<=600px){.theme-label{display:none}.controls{margin-left:0}.stage{aspect-ratio:4/5;min-height:200px;max-height:42dvh}.scene-tabs,.piece-presets{width:100%;display:flex}.scene-tabs button,.piece-presets button{flex:1}.live{display:contents}.stage-block{z-index:2;background:var(--bg);box-shadow:0 -6px 0 0 var(--bg);gap:6px;padding-bottom:6px;position:sticky;top:0}.sim-bar .btn{flex:1}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.readout{padding:4px 8px}.readout dd{font-size:.85rem}.component-cards{grid-template-columns:minmax(0,1fr)}}.debrief-hint{font-weight:600}.scenarios{flex-direction:column;gap:8px;min-width:0;display:flex}.scenario-menu{border:1px solid var(--border);background:var(--surface);border-radius:12px}.scenario-menu summary{cursor:pointer;align-items:center;min-height:44px;padding:0 14px;font-weight:600;display:flex}.scenario-menu[open] summary{border-bottom:1px solid var(--border)}.scenario-hint{color:var(--muted);margin:0;padding:8px 14px 0;font-size:.9rem}.pairs{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;margin:0;padding:10px 14px 14px;list-style:none;display:grid}.pair-card{border:1px solid var(--border);background:var(--bg);width:100%;min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.pair-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.pair-card:disabled{cursor:default;opacity:.65}.pair-wrong{overflow-wrap:anywhere;font-weight:600}.pair-vs{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.badge{border:1px solid var(--note-border);background:var(--note-bg);border-radius:999px;margin-top:2px;padding:1px 8px;font-size:.75rem}.scenario-card{border:1px solid var(--border);background:var(--surface);border-left-width:4px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;display:flex}.scenario-card[data-kind=wrong],.scenario-debrief[data-kind=wrong]{border-left-color:var(--force)}.scenario-card[data-kind=correct],.scenario-debrief[data-kind=correct]{border-left-color:var(--accent)}.scenario-card h2,.scenario-debrief h3{margin:0;font-size:1.05rem}.scenario-card p{margin:0;font-size:.9rem}.scenario-kind{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.scenario-expected{color:var(--muted)}.scenario-card .btn{flex:none;margin-top:4px}.scenario-debrief{border:1px solid var(--border);background:var(--surface);border-left-width:4px;border-radius:12px;padding:10px 14px}.scenario-debrief[hidden]{display:none}.scenario-debrief dl{gap:6px;margin:8px 0 0;display:grid}.scenario-debrief dt{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.scenario-debrief dd{margin:0;font-size:.9rem}.scenario-error{border:1px solid var(--force);color:var(--force);border-radius:8px;margin:0;padding:10px 12px}.main-menu{flex-direction:column;gap:12px;min-width:0;display:flex}.menu-heading{margin:0;font-size:1.25rem}.menu-lesson{color:var(--muted);margin:0}.crumbs,.scene-bar{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.crumbs .spacer{flex:1}.crumb{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 10px}.crumbs b,.scene-where{overflow-wrap:anywhere}.scene-bar .btn{flex:none}.scene-where{color:var(--muted);flex:200px}.menu-grid,.menu-pairs{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.menu-pairs{grid-template-columns:minmax(0,1fr)}.menu-card{border:1px solid var(--border);background:var(--surface);width:100%;height:100%;min-height:72px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.menu-card:not(:disabled):hover,.crumb:hover{border-color:var(--accent)}.menu-card:disabled{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.menu-card-title{overflow-wrap:anywhere;font-weight:600}.menu-card-line{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.menu-card-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;display:flex}.menu-card-meta .count{color:var(--muted);font-size:.8rem}.badge.now{border-color:var(--accent);background:0 0}.badge.soon{color:var(--muted);background:0 0;border-style:dashed}.menu-pair{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.launch-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;display:grid}.menu-launch{border:1px solid var(--border);background:var(--bg);min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-left-width:4px;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.menu-launch.wrong{border-left-color:var(--force)}.menu-launch.correct{border-left-color:var(--accent)}.menu-launch:disabled{color:var(--muted);cursor:default;border-style:dashed}.launch-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:600}.launch-title{overflow-wrap:anywhere}.menu-free{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 14px;display:flex}.menu-free h2{margin:0;font-size:1.05rem}.menu-free p{color:var(--muted);margin:0}.menu-free .btn{flex:none}