:root{color:#17201d;background:#eef2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1420px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:32px 0 40px}.page-header{max-width:920px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#66736d;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;color:#101817;font-size:clamp(2.1rem,5vw,4rem);line-height:1}h2{margin-bottom:0;color:#121b19;font-size:1.15rem;line-height:1.2}h3{margin-bottom:10px;color:#2a3733;font-size:.92rem}.page-header p:last-child{max-width:760px;margin-bottom:0;color:#4d5d57;font-size:1.05rem}.level-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.level-list{display:grid;gap:12px}.level-card{display:grid;width:100%;gap:12px;padding:18px;border:1px solid #d6ded6;border-radius:8px;background:#fffefa;color:inherit;text-align:left;box-shadow:0 1px #141c180a;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.level-card:hover{border-color:#9bb5a4;box-shadow:0 12px 24px #1d2c2414;transform:translateY(-1px)}.level-card--selected{border-color:#245f45;background:#f5fbf5;box-shadow:inset 4px 0 #245f45}.level-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64736d;font-size:.82rem;font-weight:800}.level-card__title{color:#111817;font-size:1.18rem;font-weight:850;line-height:1.2}.level-card__components{color:#586762;font-size:.92rem}.status{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:850;line-height:1.2;white-space:nowrap}.status--available{background:#dff3e6;color:#195235}.status--planned{background:#e9edf2;color:#56616c}.level-preview{padding:28px}.preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.preview__tagline{max-width:680px;margin-bottom:24px;color:#43514d;font-size:1.05rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px}.detail-grid p{margin-bottom:0;color:#4c5a56}.chip-list,.feature-list{margin:0;padding:0;list-style:none}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list li{border:1px solid #d4ded8;border-radius:999px;padding:6px 10px;background:#f4f7f1;color:#2c3834;font-size:.9rem;font-weight:750}.feature-list{display:grid;gap:8px;color:#4c5a56}.feature-list li{position:relative;padding-left:18px}.feature-list li:before{position:absolute;top:.65em;left:0;width:6px;height:6px;border-radius:50%;background:#b96b28;content:""}.workspace{display:grid;grid-template-columns:minmax(250px,300px) minmax(360px,1fr) minmax(260px,320px);gap:16px;align-items:start}.center-column{display:grid;gap:16px}.panel{border:1px solid #d6ded6;border-radius:8px;background:#fffefa;box-shadow:0 12px 28px #1e2b2512}.builder-panel,.metrics-panel,.challenge-panel,.charts-panel,.simulation-view{padding:18px}.panel-heading{margin-bottom:16px}label{display:grid;gap:7px;margin-bottom:15px;color:#32413c;font-size:.9rem;font-weight:800}select,input[type=range]{width:100%}select{min-height:40px;border:1px solid #c9d3cd;border-radius:8px;padding:0 10px;background:#fff;color:#15201d}input[type=range]{accent-color:#245f45}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.primary-action,.secondary-action{min-height:42px;border-radius:8px;padding:0 14px;font-weight:850}.primary-action{border:0;background:#245f45;color:#fff}.primary-action:hover{background:#1d5039}.primary-action:disabled{background:#d4d9d8;color:#6b7472;cursor:not-allowed}.secondary-action{border:1px solid #c9d3cd;background:#fff;color:#1d2b27}.back-action{width:-moz-fit-content;width:fit-content;margin-top:18px}.primary-action:focus-visible,.secondary-action:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #3d6fe3;outline-offset:2px}.scene{display:block;width:100%;min-height:260px}.scene-sky{fill:#f5f8f2}.track-line{stroke:#657068;stroke-linecap:round;stroke-width:8}.track-label{fill:#50615a;font-size:13px;font-weight:800}.cart-body{fill:#245f45}.cart-load{fill:#315f9f}.cart-wheel{fill:#202826;stroke:#d6ded6;stroke-width:3}.flow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.flow-strip span{border:1px solid #d5ded8;border-radius:8px;padding:9px 8px;background:#f4f7f1;color:#2c3a35;font-size:.85rem;font-weight:850;text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.metric-grid div{border:1px solid #dce4dd;border-radius:8px;padding:10px;background:#f7f9f5}.metric-grid dt{color:#66736d;font-size:.74rem;font-weight:800;text-transform:uppercase}.metric-grid dd{margin:3px 0 0;color:#111a18;font-size:1.05rem;font-weight:850}.diagnostics ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.diagnostics li{border-left:4px solid #b96b28;border-radius:6px;padding:8px 10px;background:#fff6e9;color:#463528;font-size:.9rem}.challenge-panel p{margin-bottom:14px;color:#4d5b56}.progress-shell{overflow:hidden;height:12px;margin-bottom:10px;border-radius:999px;background:#e2e9e3}.progress-shell span{display:block;height:100%;border-radius:inherit;background:#245f45}.challenge-status,.challenge-complete{display:block;color:#3a4742;font-size:.92rem}.challenge-complete{color:#1d6b43}.charts-panel{margin-top:16px}.site-footer{width:min(1420px,calc(100% - 32px));margin:-20px auto 32px;color:#66736d;font-size:.9rem}.site-footer a{color:#245f45;font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}.chart-card{min-width:0;border:1px solid #dce4dd;border-radius:8px;padding:12px 10px 8px;background:#fbfcf8}.chart-card h3{margin-left:6px}@media (max-width: 1120px){.workspace{grid-template-columns:280px minmax(360px,1fr)}.metrics-panel{grid-column:1 / -1}.chart-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width: 760px){.app-shell{width:min(100% - 24px,640px);padding-top:24px}.site-footer{width:min(100% - 24px,640px)}.workspace,.level-layout,.detail-grid,.chart-grid{grid-template-columns:1fr}.preview__header{display:grid}.flow-strip,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene{min-height:220px}}