:root{--font-family:"Flexo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--page-content-width:1140px;--color-page:#f4f1ec;--color-surface:#fffdf8;--color-ink:#111;--color-muted:#5f5a55;--color-line:#bbb5ad;--color-board:#d2cfcb;--color-demand:#f47a24;--color-baseload:#4a4a4a;--color-geothermal:#2e8b57;--color-mid-merit:#c56a2d;--color-hydroelectric:#4169e1;--color-wind:#8ec4e8;--color-solar:#f2b705;--color-flex:#c93b2b;--color-batteries:#7a4ea3;--color-alert:#c93b2b;--color-success:#247a56;--color-preview-valid:#4f8a5c6b;--hours:24;--capacity:7;--roundness:4px;--shadow-hard:0 12px 0 #1111111f;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background:var(--color-page);min-height:100svh;color:var(--color-ink);font-family:var(--font-family);margin:0}button{font:inherit}button:focus-visible,.cell:focus-visible{box-shadow:0 0 0 3px var(--color-ink);outline:0}.app-shell{flex-direction:column;min-height:100svh;padding:clamp(6px,1.2vw,14px);display:flex}.site-topbar{width:100%;max-width:var(--page-content-width);justify-content:space-between;align-items:center;gap:14px;margin:0 auto;display:flex}.site-title{letter-spacing:0;margin:0;font-size:clamp(1.7rem,4.8vw,3.2rem);line-height:.95}.top-nav-actions{align-items:center;gap:8px;display:flex}.top-nav-button{border:2px solid var(--color-line);border-radius:var(--roundness);min-height:36px;color:var(--color-ink);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 12px;font-size:.76rem;font-weight:900}.top-nav-button[data-active=true]{border-color:var(--color-ink);background:#f1e6d6}.workspace{width:100%;max-width:var(--page-content-width);flex:1;margin:0 auto}.site-footer{width:100%;max-width:var(--page-content-width);border-top:2px solid var(--color-line);color:var(--color-muted);margin:clamp(8px,1.2vw,14px) auto 0;padding-top:8px;font-size:.78rem;line-height:1.35}.site-footer p{margin:0}.site-footer p:first-child{font-weight:800}.site-footer p:last-child{font-weight:400}.intro{width:100%;max-width:var(--page-content-width);margin-bottom:clamp(6px,.9vw,10px)}.eyebrow,.small-label{color:var(--color-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h2{margin-bottom:0;font-size:1.15rem;line-height:1.2}.intro p:last-child{max-width:680px;color:var(--color-muted);margin-bottom:0;font-size:1.05rem;line-height:1.45}.game-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:12px;display:grid}.stage-1-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:18px;display:grid}.freeplay-layout{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.freeplay-board-and-visual{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:12px;display:grid}.freeplay-board-column{min-width:0}.freeplay-board-visual{min-width:0;position:relative}.freeplay-board-visual .stage-1-popup{top:50%;left:50%;transform:translate(-50%,-50%)}.freeplay-under-board-row{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:12px;display:grid}.stage9-transfer-strip{border:2px solid var(--color-line);background:#f6eee1;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 8px;padding:6px 8px;display:flex}.stage9-transfer-strip p{margin:0;font-size:.75rem;font-weight:700}.stage9-board-carousel{justify-content:center;gap:8px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.stage9-board-carousel[hidden]{display:none}.stage9-corner-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.stage9-carousel-action{grid-column:1/-1}.stage9-corner-map-chip{z-index:7;border:2px solid var(--color-line);border-radius:var(--roundness);cursor:pointer;background:#f8f1e4f2;gap:4px;width:158px;padding:4px;display:grid;position:absolute;top:25px;left:40px;box-shadow:4px 4px #11111129}.stage9-corner-map-chip span{text-align:left;color:var(--color-ink);text-transform:uppercase;font-size:.62rem;font-weight:900}.stage9-corner-map-chip svg{border:1px solid var(--color-line);width:100%;height:48px;display:block}.stage9-corner-map-chip:hover,.stage9-corner-map-chip:focus-visible{border-color:var(--color-ink);background:#f1e6d6}.stage9-board-card{border:2px solid var(--color-line);border-radius:var(--roundness);color:var(--color-ink);text-align:left;cursor:pointer;background:#f8f1e4;flex:0 0 170px;padding:6px}.stage9-board-card[data-active=true]{border-color:var(--color-ink);background:#f1e6d6;box-shadow:4px 4px #11111124}.stage9-board-card-header{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.stage9-board-card-header strong{font-size:.74rem}.stage9-board-card-header span{color:var(--color-muted);text-transform:uppercase;font-size:.62rem;font-weight:800}.stage9-board-card-preview{border:1px solid var(--color-line);background:#fffdf8b8;height:74px;padding:0;overflow:hidden}.stage9-board-card-preview .stack-wrap{border:0;width:100%;max-width:none;height:100%;padding:0}.stage9-board-card-preview .stack-board{aspect-ratio:auto;width:100%;height:100%}.stage9-board-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:4px;display:grid}.stage9-board-card-stats p{color:var(--color-muted);margin:0;font-size:.62rem;font-weight:800}.stage9-map-card-preview{border:1px solid var(--color-line);background:linear-gradient(#1989bf 0%,#0f6f9f 100%);height:74px;overflow:hidden}.stage9-map-card-preview svg{width:100%;height:100%;display:block}.stage9-map-board{background:#0f6f9f;position:relative}.stage9-map-board svg{width:min(100%,90svh,960px);aspect-ratio:var(--hours) / var(--capacity);min-height:0;display:block}.stage9-hour-axis-slot[data-map-active=true] .hour-axis{visibility:hidden}.stage9-map-link{stroke:#39ff5a;stroke-width:8px;stroke-dasharray:2 14;stroke-linecap:square}.stage10-map-board .stage9-map-link{stroke-width:4px;stroke-dasharray:1 9}.stage10-map-snippet .stage9-map-link{stroke-width:2px;stroke-dasharray:1 6}.stage9-map-island{fill:#a46d38;stroke:#11313d;stroke-width:5px}.stage9-map-forest{fill:#4f9f43;stroke:#2e6b35;stroke-width:3px}.stage9-map-city rect{fill:#e7ddcf;stroke:#3f3526;stroke-width:2px}.stage9-map-house rect{fill:#f2e4cf;stroke:#4a3b28;stroke-width:2px}.stage9-map-house path{fill:#9a4d33;stroke:#4a2a1b;stroke-width:2px}.stage9-map-snapshot{background:#fffdf8e6;border:2px solid #102330;flex-direction:column;gap:4px;width:190px;height:138px;padding:4px;display:flex;position:absolute;overflow:hidden;box-shadow:3px 3px #1113}.stage9-map-snapshot .small-label{margin:0;font-size:.62rem}.stage9-map-snapshot .stack-wrap{border:0;flex:1;width:100%;max-width:none;height:100%;min-height:0;padding:0}.stage9-map-snapshot .stack-board{aspect-ratio:auto;width:100%;height:100%}.stage9-map-snapshot-west{top:282px;left:88px}.stage9-map-snapshot-east{top:59px;right:102px}.stage9-chat-avatar-label{border:2px solid var(--color-ink);background:#f1e6d6;border-radius:3px;place-items:center;width:28px;height:28px;font-size:.66rem;font-weight:900;display:inline-grid}.freeplay-under-board-side{align-content:start;gap:12px;min-width:0;min-height:0;display:grid}.freeplay-metrics-toggle{margin-top:8px;padding-top:8px}.freeplay-metrics-toggle .palette-page-toggle-button{width:100%;max-height:100%}.freeplay-metrics-panel{border:2px solid var(--color-line);border-radius:var(--roundness);background:0 0;padding:8px 10px}.freeplay-metrics-panel .stack-wrap,.freeplay-metrics-panel .hourly-price-wrap,.freeplay-metrics-panel .control-panel .stack-wrap{width:100%;max-width:none}.freeplay-metrics-panel .stack-cost-summary{gap:12px}.freeplay-metrics-panel .stack-cost-card{border:2px solid var(--color-line);border-radius:var(--roundness);background:linear-gradient(180deg, #f2b70514, #fffdf8eb), var(--color-surface);width:100%;margin-top:0;padding:12px 12px 10px;box-shadow:0 6px #11111114}.freeplay-metrics-panel .stack-cost-card .blended-rate-label{letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted);font-size:.74rem}.freeplay-metrics-panel .stack-cost-card .blended-rate-value{font-size:1.28rem;font-weight:900;line-height:1.15}.freeplay-metrics-panel .stack-cost-summary .info-tooltip{border-color:var(--color-line);background:#f7efe2}.freeplay-metrics-panel .stack-cost-summary .info-tooltip:hover,.freeplay-metrics-panel .stack-cost-summary .info-tooltip:focus{border-color:var(--color-ink);transform:translateY(-1px)}.freeplay-metrics-panel .stack-cost-summary .tooltip-text{width:min(360px,100vw - 32px);left:0;right:auto}.freeplay-side-visual{box-shadow:none;background:0 0;border:0;align-self:start;padding:0}.freeplay-side-column{align-content:start;gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden}.dispatch-chatbox{border:2px solid var(--color-ink);box-shadow:var(--shadow-hard);background:#f6eee1;flex-direction:column;flex:none;min-height:0;max-height:100%;display:flex;overflow:hidden}.dispatch-chatbox-freeplay,.dispatch-chatbox-stage{align-self:start}.freeplay-chat-title{border-bottom:2px solid var(--color-line);background:#ece0ce;margin:0;padding:8px 10px;font-size:.72rem;line-height:1.1}.dispatch-chat-scroll{overscroll-behavior:contain;flex:auto;align-content:start;gap:8px;min-width:0;min-height:0;padding:8px;display:grid;overflow:hidden auto}.freeplay-chat-message{grid-template-columns:56px minmax(0,1fr);align-items:end;gap:8px;min-width:0;display:grid}.freeplay-chat-message[data-speaker=wattson]{grid-template-columns:minmax(0,1fr) 56px}.freeplay-chat-message[data-speaker=wattson] .board-notice-callout{order:1}.freeplay-chat-message[data-speaker=wattson] .board-notice-avatar{order:2}.freeplay-chat-message[data-latest=false] .board-notice-callout{opacity:.78;background:#e5e3df;box-shadow:2px 2px #1111111a}.freeplay-chat-message[data-latest=false] .board-notice-callout:after{border-right-color:#e5e3df}.freeplay-chat-message[data-latest=false] .board-notice-text{color:#3f3c38}.freeplay-chat-message[data-latest=true] .board-notice-callout{background:#fffaf2;border-color:#111;box-shadow:6px 6px #1113}.freeplay-chat-message[data-latest=true] .board-notice-name{color:#6a5340}.freeplay-chat-message[data-latest=true] .board-notice-text{color:#181614;font-weight:900}.freeplay-chat-message[data-latest=true] .board-notice-avatar{box-shadow:6px 6px #1113}.freeplay-chat-avatar{width:56px;height:56px;box-shadow:none;background:0 0;border:0;padding:0}.freeplay-chat-bubble{min-width:0;min-height:0}.freeplay-side-notice{background:0 0;border:0;grid-template-columns:64px minmax(0,1fr);align-items:end;gap:10px;min-height:0;margin:0;padding:0;display:grid}.board-notice-avatar{border:2px solid var(--color-ink);background:linear-gradient(#f5e8cf 0%,#efd9b9 62%,#dcc8ab 100%),repeating-linear-gradient(0deg,#1111110f 0 2px,#fffdf80f 2px 4px);place-items:center;width:64px;height:64px;padding:4px;display:grid;box-shadow:4px 4px #11111124}.engineer-pixel{width:52px;height:52px;image-rendering:pixelated;shape-rendering:crispedges}.board-notice-callout{border:2px solid var(--color-ink);background:#fff7eb;min-height:64px;padding:8px 10px;position:relative;box-shadow:4px 4px #11111124}.board-notice-callout:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:10px solid var(--color-ink);width:0;height:0;position:absolute;bottom:14px;left:-10px}.board-notice-callout:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:8px solid #fff7eb;width:0;height:0;position:absolute;bottom:15px;left:-7px}.freeplay-chat-message[data-speaker=wattson] .board-notice-callout:before{border-right:0;border-left:10px solid var(--color-ink);left:auto;right:-10px}.freeplay-chat-message[data-speaker=wattson] .board-notice-callout:after{border-left:8px solid #fff7eb;border-right:0;left:auto;right:-7px}.freeplay-chat-message[data-speaker=wattson][data-latest=false] .board-notice-callout:after{border-left:8px solid #e5e3df;border-right:0}.board-notice-name{color:var(--color-muted);letter-spacing:.03em;text-transform:uppercase;margin:0 0 4px;font-size:.62rem;font-weight:900}.freeplay-chat-message[data-speaker=drShiela] .board-notice-name,.freeplay-chat-message[data-speaker=attyLisa] .board-notice-name,.freeplay-chat-message[data-speaker=engrJc] .board-notice-name{white-space:nowrap;letter-spacing:.01em;font-size:.61rem}.board-notice-text{color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:800;line-height:1.18}.freeplay-bottom-pane{grid-template-columns:minmax(180px,240px) minmax(320px,1fr) minmax(220px,280px);align-items:start;gap:16px;display:grid}.freeplay-bottom-pane .panel-section,.freeplay-bottom-pane .panel-section+.panel-section{border-top:0;margin-top:0;padding-top:0}.freeplay-bottom-pane .actions{grid-column:1/-1;max-width:300px}.stage-1-layout .teaching-strip{grid-column:1/-1}.stage-1-layout .board-area{position:relative}.stage-1-layout .block-palette{align-content:start;min-height:116px}.stage-1-dr-preview .dr-button{visibility:hidden;pointer-events:none}.stage-1-dr-note{margin-top:8px}.stage-1-invisible-toggle{visibility:hidden}.stage-1-popup{gap:10px;width:min(460px,100% - 48px);max-height:calc(100% - 48px);top:50%;left:50%;overflow:auto;transform:translate(-50%,calc(-50% - 60px))}.stage-1-briefing-popup{z-index:6;border:2px solid var(--color-ink);background:#f1e6d6f0;padding:12px;display:grid;position:absolute;box-shadow:0 10px 22px #1111112e,inset 0 0 0 1px #1111111a}.stage-1-popup p{margin:0;font-size:.92rem;line-height:1.4}.stage-1-popup strong{line-height:1.3}.stage-1-takeaway-popup .control-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.freeplay-mission-popup{transform:translate(-50%,calc(-50% - 110px))}.freeplay-takeaway-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.freeplay-takeaway-metric{min-width:0}.freeplay-takeaway-metric .small-label{margin-bottom:4px}.freeplay-takeaway-metric strong{font-size:.98rem;display:block}.stage-1-heading{margin:0 0 8px;font-size:1.08rem;line-height:1.2}.stage-1-copy,.stage-1-prompt{color:var(--color-ink);margin:0 0 8px;font-size:.9rem;line-height:1.4}.stage-1-prompt{margin-bottom:0;font-weight:800}.experience-shell{flex-direction:column;display:flex}.mode-panel{order:1;padding:0}.stage-interface{border:2px dashed var(--color-line);background:#f1e6d659;min-height:520px;padding:clamp(20px,4vw,34px)}.stages-page{gap:0;display:grid}.stages-page-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.stages-page-column{align-content:start;gap:18px;display:grid}@media (width<=980px){.stages-page-grid{grid-template-columns:minmax(0,1fr)}}.stages-page-header{max-width:none}.stage-world-map-panel{border:2px solid var(--color-ink);border-radius:var(--roundness);box-shadow:var(--shadow-hard);background:#0d5f94;overflow:hidden}.stage-world-map-viewport{scrollbar-color:#0d3144 #d8c8ad;place-items:center;display:grid;overflow:hidden}.stage-world-map{aspect-ratio:16/9;isolation:isolate;width:100%;min-width:0;max-width:1280px;margin:0 auto;position:relative}.stage-world-map-title-card{z-index:5;color:#102330;pointer-events:none;background:repeating-linear-gradient(0deg,#fffdf82e 0 2px,#0000 2px 8px),#fff2bfc7;border-bottom:2px solid #10233052;border-left:6px solid #d69418;padding:8px 13px 7px 10px;position:absolute;top:24px;left:24px}.stage-world-map-title-card h2{color:#102330;text-shadow:1px 1px #fffdf8a6;text-transform:uppercase;margin:0;font-size:1.08rem;font-weight:900;line-height:1.05}.stage-world-map-art{z-index:0;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.pixel-map-clouds rect{fill:#eaf4ec;stroke:#c6d5d8;stroke-width:2px}.pixel-map-boats rect{fill:#f0f6f4;stroke:#183345;stroke-width:2px}.pixel-map-boats rect:nth-child(4n+1){fill:#9b4b2e;stroke:#4f2412}.pixel-map-boats rect:nth-child(4n){fill:#dcf3fcd9;stroke:#8ec4e8}.pixel-map-islands path:nth-child(odd){fill:#a46d38;stroke:#11313d;stroke-width:6px}.pixel-map-islands path:nth-child(2n){fill:#4f9f43;stroke:#2e6b35;stroke-width:4px}.pixel-map-beaches rect{fill:#e8cf8b}.pixel-map-mountains rect{fill:#5c5b58;stroke:#292724;stroke-width:3px}.pixel-map-mountains[data-lit=true] rect:nth-child(2n){fill:#8a7a64}.pixel-map-tree rect{fill:#1f7f3c;stroke:#0c4e2b;stroke-width:1px}.pixel-map-tree rect:first-child{fill:#7a4f2f;stroke:#59361f}.pixel-map-house,.pixel-map-wind,.pixel-map-solar,.pixel-map-city,.pixel-map-factory,.pixel-map-battery,.pixel-map-trophy,.pixel-map-mountains{transition:filter .18s var(--ease), opacity .18s var(--ease)}.pixel-map-house[data-lit=false],.pixel-map-wind[data-lit=false],.pixel-map-solar[data-lit=false],.pixel-map-city[data-lit=false],.pixel-map-factory[data-lit=false],.pixel-map-battery[data-lit=false],.pixel-map-trophy[data-lit=false],.pixel-map-mountains[data-lit=false]{filter:grayscale();opacity:.58}.pixel-map-house rect{fill:#f1d09b;stroke:#392817;stroke-width:2px}.pixel-map-house rect:nth-child(2),.pixel-map-house rect:nth-child(3){fill:#9b4b2e}.pixel-map-house[data-lit=true] rect:nth-child(n+4){fill:#f2b705}.pixel-map-wind rect{fill:#f0f6f4;stroke:#29465f;stroke-width:2px}.pixel-map-wind[data-lit=true] rect:nth-child(n+3){fill:#d9f4ff}.pixel-map-solar rect{fill:#1d4b7e;stroke:#10293e;stroke-width:2px}.pixel-map-solar[data-lit=true] rect:first-child{fill:#214f93}.pixel-map-solar[data-lit=true] rect:nth-child(2),.pixel-map-solar[data-lit=true] rect:nth-child(3){fill:#8ec4e8}.pixel-map-solar rect:nth-child(n+4){fill:#4d3b2a}.pixel-map-city rect{fill:#263d55;stroke:#101d28;stroke-width:2px}.pixel-map-city[data-lit=true] rect:nth-child(n+4){fill:#f2b705}.pixel-map-factory rect{fill:#8e8a82;stroke:#252320;stroke-width:2px}.pixel-map-factory rect:nth-child(n+2):nth-child(-n+4){fill:#b9533b}.pixel-map-factory[data-lit=true] rect:nth-child(n+5){fill:#8ec4e8}.pixel-map-battery rect{fill:#3e8d58;stroke:#173928;stroke-width:2px}.pixel-map-battery[data-lit=true] rect:nth-child(n+3){fill:#d5f46b}.pixel-map-crane{fill:#d69418;stroke:#59361f;stroke-width:2px}.pixel-map-storm{fill:#34363b;opacity:.92}.pixel-map-lightning{fill:#f2b705}.pixel-map-trophy rect{fill:#d69418;stroke:#513711;stroke-width:2px}.pixel-map-trophy[data-lit=true] rect:nth-child(6){fill:#fdf0a7}.stage-map-route line{stroke:#f4e2a2;stroke-width:8px;stroke-dasharray:2 18;stroke-linecap:square;opacity:.58}.stage-map-route line[data-cleared=true]{stroke:#f2b705;opacity:1}.stage-map-route circle{fill:#fff4c4;stroke:#102330;stroke-width:4px}.stage-map-route circle[data-cleared=true]{fill:#f2b705}.stage-map-stops{z-index:3;margin:0;padding:0;list-style:none;position:absolute;inset:0}.stage-map-stop-item{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);position:absolute;transform:translate(-50%,-50%)}.stage-map-stop{color:#fffdf8;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.stage-map-stop:disabled{cursor:not-allowed;opacity:1}.stage-map-node{z-index:2;color:#fffdf8;background:#102c3a;border:3px solid #fff2bf;place-items:center;width:46px;height:46px;font-size:1.18rem;font-weight:900;line-height:1;display:grid;position:relative;box-shadow:0 0 0 3px #102330,5px 5px #11111152}.stage-map-card{text-align:center;opacity:0;visibility:hidden;pointer-events:none;z-index:6;background:#102c3a;border:3px solid #fff2bf;gap:4px;width:230px;padding:9px 10px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 0 0 3px #102330,6px 6px #11111147}.stage-map-stop-item[data-label=above] .stage-map-card{top:auto;bottom:calc(100% + 10px);transform:translate(-50%,-4px)}.stage-map-stop-item[data-label=right] .stage-map-card{top:50%;left:calc(100% + 12px);transform:translate(4px,-50%)}.stage-map-stop-item[data-label=left] .stage-map-card{top:50%;left:auto;right:calc(100% + 12px);transform:translate(-4px,-50%)}.stage-map-stop-item:hover .stage-map-card,.stage-map-stop:focus-visible .stage-map-card{opacity:1;visibility:visible;transform:translate(-50%)}.stage-map-stop-item[data-label=right]:hover .stage-map-card,.stage-map-stop-item[data-label=right] .stage-map-stop:focus-visible .stage-map-card,.stage-map-stop-item[data-label=left]:hover .stage-map-card,.stage-map-stop-item[data-label=left] .stage-map-stop:focus-visible .stage-map-card{transform:translateY(-50%)}.stage-map-tooltip-status{color:#f6d670;letter-spacing:.02em;text-transform:uppercase;font-size:.62rem;font-weight:900}.stage-map-card strong{color:#fffdf8;font-size:.86rem;font-weight:900;line-height:1.12}.stage-map-card span:last-child{color:#dce7de;font-size:.7rem;font-weight:800;line-height:1.18}.stage-map-stop[data-state=cleared] .stage-map-node{color:#111;background:#f2b705;border-color:#fff7d7}.stage-map-stop[data-state=cleared] .stage-map-card{background:#163d35;border-color:#fff7d7}.stage-map-stop[data-state=locked] .stage-map-node,.stage-map-stop[data-state=locked] .stage-map-card{color:#eee9df;filter:grayscale();background:#5c6263;border-color:#c4c0ba;box-shadow:0 0 0 3px #34383a,4px 4px #11111138}.stage-map-stop[data-state=locked] .stage-map-tooltip-status,.stage-map-stop[data-state=locked] .stage-map-card span:last-child{color:#d4d0ca}.stage-map-stop[data-active=true] .stage-map-node{animation:1.1s steps(2,end) infinite stage-node-pulse}.stage-map-stop:hover:not(:disabled) .stage-map-node,.stage-map-stop:focus-visible .stage-map-node{transform:translateY(-2px)}.stage-map-action-stack{z-index:5;gap:10px;width:232px;display:grid;position:absolute;bottom:24px;left:24px}.stage-map-freeplay-button:hover,.stage-map-freeplay-button:focus-visible{transform:translateY(-2px)}.stage-map-freeplay-button{z-index:1;border-radius:var(--roundness);color:#fffdf8;text-align:left;cursor:pointer;background:#102c3a;border:3px solid #fff2bf;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px 10px;width:100%;min-height:88px;padding:11px;display:grid;position:relative;box-shadow:0 0 0 3px #102330,6px 6px #11111147}.stage-map-freeplay-button[data-active=true]{background:#163d35}.stage-map-freeplay-button strong,.stage-map-freeplay-button span:last-child{min-width:0;display:block}.stage-map-freeplay-button strong{font-size:1.02rem;font-weight:900;line-height:1.05}.stage-map-freeplay-button span:last-child{color:#dce7de;grid-column:2;font-size:.78rem;font-weight:800;line-height:1.15}.stage-map-freeplay-bolt{background:#061d2c;border:2px solid #fff2bf;grid-row:1/span 2;place-items:center;width:44px;height:44px;display:grid}.stage-map-freeplay-bolt span{background:linear-gradient(#f2b705,#f2b705) 10px 0/8px 8px no-repeat,linear-gradient(#f2b705,#f2b705) 8px 8px/8px 8px no-repeat,linear-gradient(#f2b705,#f2b705) 6px 16px/8px 8px no-repeat,linear-gradient(#f2b705,#f2b705) 4px 24px/8px 6px no-repeat;width:24px;height:30px;display:block}.stage-map-leaderboard-button{z-index:1;border-radius:var(--roundness);color:#fffdf8;text-align:left;cursor:pointer;background:#102c3a;border:3px solid #fff2bf;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px 10px;width:100%;min-height:88px;padding:11px;display:grid;position:relative;box-shadow:0 0 0 3px #102330,6px 6px #11111147}.stage-map-leaderboard-button:hover,.stage-map-leaderboard-button:focus-visible{transform:translateY(-2px)}.stage-map-leaderboard-button strong,.stage-map-leaderboard-button span:last-child{min-width:0;display:block}.stage-map-leaderboard-button strong{font-size:1.02rem;font-weight:900;line-height:1.05}.stage-map-leaderboard-button span:last-child{color:#dce7de;grid-column:2;font-size:.78rem;font-weight:800;line-height:1.15}.stage-map-leaderboard-icon{background:#061d2c;border:2px solid #fff2bf;grid-row:1/span 2;place-items:center;width:44px;height:44px;display:grid}.stage-map-leaderboard-icon span{background:linear-gradient(#f2b705,#f2b705) 2px 14px/5px 14px no-repeat,linear-gradient(#f2b705,#f2b705) 9px 10px/5px 18px no-repeat,linear-gradient(#f2b705,#f2b705) 16px 6px/5px 22px no-repeat,linear-gradient(#f2b705,#f2b705) 1px 28px/21px 2px no-repeat;width:24px;height:30px;display:block}.stage-map-start-sign{z-index:4;color:#111;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#f2b705;border:2px solid #102330;padding:3px 7px;font-size:.66rem;font-weight:900;display:inline-block;position:absolute;top:-28px;left:8px;box-shadow:2px 2px #11111159}.stage-map-start-sign:after{content:"";border-top:7px solid #102330;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:100%;left:12px}.stage-map-leaderboard-overlay{z-index:9;background:#061d2c94;place-items:center;padding:34px;display:grid;position:absolute;inset:0}.stage-map-welcome-overlay{z-index:10;background:repeating-linear-gradient(0deg,#fff2bf14 0 2px,#0000 2px 24px),repeating-linear-gradient(90deg,#fff2bf0f 0 2px,#0000 2px 24px),#061d2cc2;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.stage-map-welcome-popup{border-radius:var(--roundness);background:linear-gradient(#f2b70529 0,#fffdf800 96px),linear-gradient(#fffaf0 0%,#fffdf8 54%,#f6efe4 100%);border:4px solid #102330;grid-template-columns:minmax(0,1fr);gap:18px;width:min(1000px,100% - 36px);max-height:calc(100% - 36px);padding:clamp(16px,2vw,22px);display:grid;position:relative;overflow:auto;box-shadow:0 0 0 4px #fff2bf,12px 12px #11111157}.stage-map-welcome-popup:before{content:"";pointer-events:none;border:1px solid #10233029;position:absolute;inset:8px}.stage-map-welcome-popup>*{z-index:1;position:relative}.stage-map-welcome-copy{align-content:start;gap:11px;display:grid}.stage-map-welcome-kicker{color:#102330;text-transform:uppercase;background:#f2b705;border:2px solid #102330;justify-self:start;padding:4px 8px;font-size:.72rem;font-weight:900;line-height:1;box-shadow:3px 3px #11111138}.stage-map-welcome-copy h2{color:#102330;margin:0;font-size:2rem;line-height:1.08}.stage-map-welcome-copy p{color:#1e2730;margin:0;font-size:.94rem;line-height:1.4}.stage-map-welcome-copy .stage-map-welcome-lede{color:#102330;font-size:1rem;font-weight:800;line-height:1.36}.stage-map-welcome-copy p strong{color:#102330}.stage-map-welcome-lower{grid-template-columns:minmax(260px,.86fr) minmax(0,1fr);align-items:start;gap:16px 20px;display:grid}.stage-map-welcome-details{align-content:start;gap:10px;min-width:0;display:grid}.stage-map-welcome-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:2px 0;padding:0;list-style:none;display:grid}.stage-map-welcome-pillars li{color:#102330;text-transform:uppercase;background:#f6eee1;border:2px solid #102330b8;min-width:0;padding:7px 8px;font-size:.78rem;font-weight:900;line-height:1.12}.stage-map-welcome-finale{color:#102330;background:#f2b70529;border-left:5px solid #f2b705;padding:9px 10px;font-weight:900}.stage-map-welcome-popup .button{background:#102330;grid-column:1/-1;justify-self:end;min-width:180px;transition:box-shadow .12s,transform .12s;box-shadow:4px 4px #1111113d}.stage-map-welcome-popup .button:hover,.stage-map-welcome-popup .button:focus-visible{transform:translate(-1px,-1px);box-shadow:6px 6px #11111142}.stage-map-welcome-animation{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;align-content:start;align-self:start;margin:0;padding:0;display:grid}.stage-map-welcome-animation svg{object-fit:cover;background:linear-gradient(#dff2ff 0%,#f8fbff 68%,#d7e7d2 100%);width:100%;height:clamp(190px,24vw,270px);display:block}.stage-map-welcome-horizon{fill:#102330;opacity:.18}.stage-map-welcome-demand-area{fill:#46856233;stroke:#10233052;stroke-width:2px}.stage-map-welcome-demand-grid{fill:url(#welcome-demand-grid);opacity:.9}.stage-map-welcome-demand-curve{fill:none;stroke:#102330;stroke-width:4px;stroke-dasharray:6 6;animation:1.3s linear infinite stage-welcome-curve-shift}.stage-map-welcome-tetris-piece{filter:drop-shadow(3px 3px #0d213033);transform:translateY(calc(-1 * var(--drop-distance)));animation:3.4s steps(7,end) infinite both stage-welcome-block-drop;animation-delay:var(--drop-delay)}.stage-map-welcome-tetris-piece rect{stroke:#0d2130;stroke-width:2px;vector-effect:non-scaling-stroke}@keyframes stage-welcome-block-drop{0%{transform:translateY(calc(-1 * var(--drop-distance)));opacity:0}16%{opacity:1}62%{opacity:1;transform:translateY(0)}74%{opacity:1;transform:translateY(-5px)}82%{opacity:1;transform:translateY(0)}to{opacity:.94;transform:translateY(0)}}@keyframes stage-welcome-curve-shift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24px}}.stage-map-leaderboard-popup{border-radius:var(--roundness);background:#fffdf8;border:3px solid #fff2bf;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(780px,100% - 48px);max-height:calc(100% - 48px);padding:14px;display:grid;box-shadow:0 0 0 4px #102330,10px 10px #11111157}.stage-map-leaderboard-header{border-bottom:2px solid var(--color-line);justify-content:space-between;align-items:start;gap:14px;padding-bottom:10px;display:flex}.stage-map-leaderboard-header h2{margin:0;font-size:1.25rem}.stage-map-leaderboard-header .small-label{margin-bottom:4px}.stage-map-leaderboard-close{border:2px solid var(--color-ink);border-radius:var(--roundness);background:var(--color-ink);min-height:36px;color:var(--color-surface);text-transform:uppercase;cursor:pointer;padding:0 12px;font-size:.76rem;font-weight:900}.stage-map-leaderboard-content{min-height:0;overflow:hidden}.stage-map-leaderboard-scores{height:100%;max-height:none;box-shadow:none;background:0 0;border:0;padding:0}.stages-page-lower{max-height:360px}@keyframes stage-node-pulse{0%,to{box-shadow:0 0 0 3px #102330,5px 5px #11111152}50%{box-shadow:0 0 0 6px #f2b705b8,5px 5px #11111152}}.stage-option-group{gap:10px;display:grid}.freeplay-high-scores{border:2px solid var(--color-ink);border-radius:var(--roundness);background:var(--color-surface);grid-template-rows:auto auto minmax(0,1fr);gap:0;max-height:min(74vh,760px);padding:12px;display:grid;overflow:hidden;box-shadow:0 7px #1111111f}.freeplay-high-scores h2{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.freeplay-high-scores .small-label{margin:2px 0 10px}.freeplay-high-score-list{gap:10px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.freeplay-high-score-item{border:2px solid var(--color-line);border-radius:var(--roundness);background:#f8f2e8;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;padding:8px;display:grid}.freeplay-high-score-board .stack-wrap{background:#d7d2cb;border-color:#8f887f;padding:4px}.freeplay-high-score-board .stack-demand-path{stroke-width:2px}.freeplay-high-score-details{align-content:start;gap:8px;display:grid}.freeplay-high-score-details p{gap:2px;margin:0;display:grid}.freeplay-high-score-details span{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:800}.freeplay-high-score-details strong{color:var(--color-ink);font-size:.88rem;font-weight:900;line-height:1.2}@media (width<=680px){.freeplay-high-score-item{grid-template-columns:minmax(0,1fr)}}.freeplay-high-scores-empty{color:var(--color-muted);margin:0;font-size:.9rem;font-weight:700;line-height:1.35}.stage-option-group h2{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.stage-options-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.stage-option-card{border:2px solid var(--color-ink);border-radius:var(--roundness);background:var(--color-surface);width:100%;min-height:156px;color:var(--color-ink);text-align:left;cursor:pointer;align-content:start;gap:8px;padding:14px;display:grid;box-shadow:0 7px #1111111f}.stage-option-card[data-active=true]{background:#f1e6d6}.stage-option-card[data-cleared=true]{border-color:var(--color-success)}.stage-option-card[data-locked=true]{box-shadow:none;color:var(--color-muted);cursor:not-allowed;background:#ebe5dc;border-style:dashed}.stage-option-card:disabled{opacity:.72}.stage-option-status{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:900}.stage-option-card[data-cleared=true] .stage-option-status{color:var(--color-success)}.stage-option-card strong{font-size:1.04rem;line-height:1.2}.stage-option-description{color:var(--color-muted);font-size:.94rem;font-weight:700;line-height:1.35}.about-page{border:2px solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard);padding:clamp(18px,3.8vw,34px)}.about-page h2{margin-bottom:12px;font-size:clamp(1.6rem,4.6vw,3rem);line-height:1.05}.about-page p{max-width:920px;color:var(--color-ink);margin:0 0 12px;font-size:1.02rem;line-height:1.5}.about-page p:last-child{margin-bottom:0}.about-page .about-central-theme{font-weight:800}.stage-interface h2{margin-bottom:10px}.stage-interface p:last-child{max-width:640px;color:var(--color-muted);margin:0;font-size:1rem;line-height:1.45}.board-area,.control-panel,.teaching-strip{border:2px solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard)}.board-area{z-index:1;padding:clamp(8px,1.2vw,12px);position:relative}.freeplay-corner-actions{place-self:start stretch;width:100%;max-width:340px}.board-topline{justify-content:space-between;align-items:start;gap:16px;margin-bottom:8px;display:flex}.board-notice{border:2px solid var(--color-line);min-height:38px;color:var(--color-ink);background:#fffdf8b8;margin:0 0 10px;padding:8px 10px;font-size:.9rem;font-weight:800;line-height:1.2}.score{border-left:2px solid var(--color-line);text-align:right;align-self:start;min-width:132px;padding-left:16px}.score span{font-size:1.36rem;font-weight:900}.score small{color:var(--color-muted);font-weight:700;display:block}.board-wrap{background:var(--color-board);border:8px solid #706d6a;padding:10px 12px 16px 22px;position:relative;overflow:hidden}.board-battery-charge{z-index:5;border:2px solid var(--color-ink);color:var(--color-ink);pointer-events:none;background:#fffdf8eb;align-items:center;gap:8px;padding:6px 8px;animation:.42s cubic-bezier(.18,.86,.22,1) both battery-badge-pop;display:inline-flex;position:absolute;top:14px;right:16px;box-shadow:4px 4px #1111113d}.board-battery-charge strong,.board-battery-charge small{line-height:1;display:block}.board-battery-charge strong{font-size:1.2rem;font-weight:900}.board-battery-charge small{color:var(--color-muted);text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:900}.board{z-index:2;grid-template-columns:repeat(var(--hours), 1fr);grid-template-rows:repeat(var(--capacity), 1fr);width:min(100%,90svh,960px);aspect-ratio:var(--hours) / var(--capacity);min-height:0;display:grid;position:relative}.cell{cursor:pointer;transition:background .16s var(--ease), transform .16s var(--ease);background:#fffdf814;border-top:1px solid #fffdf8a3;border-right:1px solid #fffdf8a3;position:relative}.cell[data-outside-demand=true]{background:#1113}.cell:nth-child(-n+24){border-top:0}.cell[data-filled=true]:after,.palette-icon span:after{content:"";background:linear-gradient(#fff3,#0000001f);position:absolute;inset:9px}.cell[data-filled=true]{background:#11111161}.cell[data-tech=baseload]{background:var(--color-baseload)}.cell[data-tech=geothermal]{background:var(--color-geothermal)}.cell[data-tech=mid-merit]{background:var(--color-mid-merit)}.cell[data-tech=hydroelectric]{background:var(--color-hydroelectric)}.cell[data-tech=wind]{background:var(--color-wind)}.cell[data-tech=solar]{background:var(--color-solar)}.cell[data-tech=flex],.cell[data-tech=peaking]{background:var(--color-flex)}.cell[data-tech=batteries]{background:var(--color-batteries)}.cell[data-transferred=true]{background:#39ff5a;box-shadow:inset 0 0 0 2px #0e46168c}.cell[data-falling=true]{animation:.46s cubic-bezier(.18,.86,.22,1) both block-drop;animation-delay:var(--fall-delay,0s)}.cell[data-falling=true]:after{animation:.46s cubic-bezier(.18,.86,.22,1) both block-settle;animation-delay:var(--fall-delay,0s)}.cell[data-charging-battery=true]:before{content:"";z-index:2;border:2px solid var(--color-ink);background:linear-gradient(var(--color-batteries), var(--color-batteries)) left 1px top 1px / 70% 3px no-repeat, #fffdf8eb;width:12px;height:7px;animation:battery-charge-pulse 1.2s var(--ease) infinite;border-radius:2px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1px #fffdf8b3}.cell[data-charging-battery=true]:after{inset:8px}.cell[data-charging-battery=true]{box-shadow:inset 0 0 0 2px #7a4ea39e}@keyframes block-drop{0%{transform:translateY(-42px)}74%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes block-settle{0%{opacity:0}28%{opacity:1}to{opacity:1}}@keyframes battery-charge-pulse{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes battery-badge-pop{0%{opacity:0;transform:translateY(-6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.cell[data-preview=true]{background:var(--color-preview-valid)}.cell[data-preview=true][data-shift-transfer=true]{background:#f2df5ab3}.cell[data-invalid=true],.cell[data-preview=true][data-shift-transfer=true][data-invalid=true]{background:#c93b2b57}.cell[data-load-not-served=true]{background:repeating-linear-gradient(135deg,#11111152 0 4px,#fffdf838 4px 8px),#1111113d}.cell[data-gap=true]{background:#fffdf85c}.cell[data-gap=true][data-preview=true]{background:var(--color-preview-valid)}.cell[data-gap=true][data-invalid=true]{background:#c93b2b66}.demand-overlay{z-index:4;pointer-events:none;position:absolute;overflow:visible}.demand-path{fill:none;stroke:var(--color-demand);stroke-width:7px;stroke-linejoin:miter;stroke-linecap:square}.axis-label{z-index:5;color:var(--color-muted);text-transform:uppercase;font-size:.68rem;font-weight:800;position:absolute}.y-label{writing-mode:vertical-rl;top:16px;left:8px;transform:rotate(180deg)}.x-label{bottom:6px;right:18px}.hour-axis{grid-template-columns:repeat(var(--hours), minmax(0, 1fr));width:min(100% - 58px,90svh,960px);color:var(--color-muted);text-align:center;gap:0;margin:5px 24px 0 34px;padding:0;font-size:.68rem;font-weight:800;list-style:none;display:grid}.hour-axis li{font-variant-numeric:tabular-nums}.palette-section{margin-top:8px;padding-top:8px}.palette-page-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.palette-page-toggle-button{border:2px solid var(--color-line);border-radius:var(--roundness);min-height:36px;color:var(--color-ink);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;font-size:.76rem;font-weight:900}.palette-page-toggle-button[data-active=true]{border-color:var(--color-ink);background:#f1e6d6}.control-panel{z-index:20;padding:14px;position:relative}.board-area .control-panel.freeplay-side-visual{box-shadow:none;background:0 0;border:0;padding:0}.panel-section+.panel-section{border-top:2px solid var(--color-line);margin-top:14px;padding-top:14px}.block-palette,.dr-palette{gap:8px;display:grid}.board-area .dr-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.dr-button{border:2px solid var(--color-line);border-radius:var(--roundness);width:100%;min-height:50px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:5px;display:grid;position:relative}.dr-play-cap{color:var(--color-ink);pointer-events:none;font-size:.72rem;font-weight:700;line-height:1;position:absolute;top:4px;right:6px}.dr-play-cap[data-depleted=true]{color:var(--color-alert);font-weight:900}.dr-button[data-active=true]{border-color:var(--color-ink);background:#f1e6d6}.dr-button:disabled{opacity:.56;cursor:not-allowed}.dr-button:disabled[data-active=true]{border-color:var(--color-line);background:0 0}.dr-button-copy{align-content:start;gap:2px;display:grid}.dr-title{font-size:.9rem;font-weight:700}.dr-description{color:var(--color-muted);font-size:.72rem;font-weight:400;line-height:1.25;display:block}.dr-icon{fill:currentColor;stroke:currentColor;stroke-width:1.4px;align-self:center;width:30px;height:30px;margin-top:0}.dr-button small{color:var(--color-muted);font-size:.72rem;font-weight:400;line-height:1.25;display:block}.dr-button .dr-shift-status{color:var(--color-alert);font-size:.72rem;font-weight:900}.board-area .block-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.board-area .block-button{grid-column:auto}.block-button{border:2px solid var(--color-line);border-radius:var(--roundness);width:100%;min-height:50px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:5px;display:grid;position:relative}.block-play-cap{color:var(--color-ink);pointer-events:none;font-size:.72rem;font-weight:700;line-height:1;position:absolute;top:4px;right:6px}.block-play-cap[data-depleted=true]{color:var(--color-alert);font-weight:900}.block-button:disabled{opacity:.56;cursor:not-allowed}.block-button:disabled[aria-pressed=true]{border-color:var(--color-line);background:0 0}.block-button.block-button-hidden{visibility:hidden}.block-button[aria-pressed=true]{border-color:var(--color-ink);background:#f1e6d6}.block-button-copy{align-content:start;gap:2px;display:grid}.block-button-name{min-height:1.3em;font-size:.9rem;font-weight:700;display:block}.block-button small{color:var(--color-muted);font-size:.72rem;line-height:1.25;display:block}.block-button .cost-hint{color:var(--color-ink);margin-top:4px;font-size:.72rem;font-weight:800}.block-button .disabled-hint{color:var(--color-alert);font-size:.72rem;font-weight:900;display:inline}.block-button .window-hint{color:var(--color-alert);font-weight:900}.palette-icon{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:2px;height:30px;display:grid}.palette-icon span{background:var(--block-color);position:relative}.restriction-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.restriction-list li{border:2px solid var(--color-line);border-radius:var(--roundness);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.restriction-list li[data-active=true]{border-color:var(--color-ink);background:#f1e6d6}.restriction-swatch{border:2px solid var(--color-ink);background:repeating-linear-gradient(135deg, #1111112e 0 4px, transparent 4px 8px), linear-gradient(#ffffff94, #ffffff94), linear-gradient(var(--block-color), var(--block-color));width:28px;height:28px}.restriction-list strong,.restriction-list small{display:block}.restriction-list strong{font-size:.92rem}.restriction-list small{color:var(--color-muted);font-size:.78rem;font-weight:800}.status-list{gap:10px;display:grid}.status-item{color:var(--color-muted);justify-content:space-between;gap:12px;font-weight:700;display:flex}.status-item strong{color:var(--color-ink)}.battery-charge-value{color:var(--color-batteries);align-items:center;gap:6px;font-size:1rem;display:inline-flex}.battery-charge-icon{border:2px solid var(--color-ink);background:linear-gradient(var(--color-batteries), var(--color-batteries)) left 2px top 2px / 72% 4px no-repeat, #fffdf8eb;width:18px;height:10px;animation:battery-charge-pulse 1.2s var(--ease) infinite;border-radius:3px;position:relative;box-shadow:0 0 0 2px #7a4ea324}.battery-charge-icon:after{content:"";background:var(--color-ink);border-radius:0 2px 2px 0;width:3px;height:4px;position:absolute;top:2px;right:-5px}.cost-summary{gap:8px;display:grid}.cost-summary div{min-width:0;color:var(--color-muted);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.cost-summary span{white-space:nowrap;flex:none;min-width:0}.cost-summary strong{color:var(--color-ink);white-space:nowrap;text-align:right;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.74rem;overflow:hidden}.cost-summary .total-cost{color:var(--color-ink);flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;padding-top:10px;display:flex}.total-cost strong{font-size:1.1rem;font-weight:900}.blended-rate-label{align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:inline-flex}.panel-section-compact-metric .total-cost{margin-top:0;padding-top:0}.info-tooltip{border:2px solid var(--color-ink);background:var(--color-surface);width:18px;height:18px;color:var(--color-ink);cursor:help;z-index:200;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;position:relative}.info-tooltip:focus{outline:2px solid var(--color-ink);outline-offset:2px}.cost-summary .tooltip-text{box-sizing:border-box;border:2px solid var(--color-ink);background:var(--color-surface);width:min(420px,100vw - 32px);box-shadow:var(--shadow-hard);color:var(--color-ink);white-space:normal;overflow-wrap:anywhere;word-break:break-word;opacity:0;visibility:hidden;pointer-events:none;z-index:300;padding:8px 10px;font-size:.78rem;font-weight:700;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;display:block;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}.info-tooltip:hover .tooltip-text,.info-tooltip:focus .tooltip-text{opacity:1;visibility:visible;transform:translateY(0)}.total-cost .blended-rate-value{white-space:normal;text-overflow:clip;line-height:1.2;overflow:visible}.cost-status{color:var(--color-muted);margin:10px 0 0;font-size:.82rem;font-weight:700;line-height:1.35}.stack-section{min-width:0}.stack-section-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.stack-section-header .small-label{color:var(--color-ink);letter-spacing:0;text-transform:none;margin:0;font-size:.98rem;font-weight:700}.stack-section-page-button{border:2px solid var(--color-line);border-radius:var(--roundness);min-height:28px;color:var(--color-ink);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 8px;font-size:.68rem;font-weight:900}.stack-section-page-button:hover{border-color:var(--color-ink)}.price-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.price-toggle-button{border:2px solid var(--color-line);border-radius:var(--roundness);min-height:36px;color:var(--color-ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;font-size:.78rem;font-weight:900}.price-toggle-button[data-active=true]{border-color:var(--color-ink);background:#f1e6d6}.stack-wrap{background:var(--color-board);border:2px solid #706d6a;padding:8px;position:relative}.control-panel .stack-wrap{max-width:296px}.stack-legend{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.stack-legend-item{color:var(--color-ink);letter-spacing:0;text-transform:none;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:inline-flex}.stack-legend-line{border-top-style:solid;border-top-width:3px;width:14px;height:0;display:inline-block}.stack-legend-line-demand{border-top-color:var(--color-demand)}.stack-legend-line-excess{border-top-color:#3d3d3d}.stack-legend-spacer{height:21px}.hourly-price-wrap{background:var(--color-board);border:2px solid #706d6a;padding:8px}.control-panel .hourly-price-wrap{max-width:296px}.hourly-price-chart{grid-template-columns:repeat(var(--hours), minmax(0, 1fr));aspect-ratio:var(--hours) / var(--stack-capacity,var(--capacity));grid-template-rows:1fr;align-items:end;display:grid}.hourly-price-column{background:#fffdf814;border-top:1px solid #fffdf88f;border-right:1px solid #fffdf88f;height:100%;position:relative}.hourly-price-bar{background:linear-gradient(#f47a24,#c93b2b);width:100%;max-height:100%;position:absolute;bottom:0;left:0;box-shadow:inset 0 -1px #11111152,inset 0 1px #fff3}.hourly-price-axis{grid-template-columns:repeat(var(--hours), minmax(0, 1fr));margin:2px 0 0;padding:0;list-style:none;display:grid}.hourly-price-axis li{text-align:center;color:var(--color-muted);font-size:.48rem;font-weight:800;line-height:1}.solved-board-view{margin-bottom:8px;position:relative}.board-stack-reveal{margin-bottom:0}.game-over-box{z-index:6;border:2px solid var(--color-ink);background:#f1e6d6f0;justify-items:start;gap:6px;width:min(250px,100% - 36px);padding:12px;display:grid;position:absolute;top:35px;left:35px;box-shadow:0 10px 22px #1111112e,inset 0 0 0 1px #1111111a}.game-over-box h3{letter-spacing:.02em;margin:0;font-size:1.2rem}.game-over-box .small-label{margin:0}.game-over-box strong{font-size:1.1rem}.game-over-box .button{min-width:140px;min-height:38px}@media (width<=680px){.game-over-box{width:min(250px,100% - 20px);padding:10px;top:10px;left:10px}}.stack-board{z-index:2;grid-template-columns:repeat(var(--hours), 1fr);grid-template-rows:repeat(var(--stack-capacity,var(--capacity)), 1fr);aspect-ratio:var(--hours) / var(--stack-capacity,var(--capacity));display:grid;position:relative}.stack-cell{background:#fffdf814;border-top:1px solid #fffdf88f;border-right:1px solid #fffdf88f;position:relative}.stack-cell:nth-child(-n+24){border-top:0}.stack-cell[data-demand=true]{background:#fffdf857}.stack-cell[data-filled=true]:after{content:"";background:linear-gradient(#fff3,#0000001f);position:absolute;inset:3px}.stack-cell[data-filled=true]:not([data-demand=true]):before{content:"";background:#11111152;position:absolute;inset:0}.stack-cell[data-tech=baseload]{background:var(--color-baseload)}.stack-cell[data-tech=geothermal]{background:var(--color-geothermal)}.stack-cell[data-tech=mid-merit]{background:var(--color-mid-merit)}.stack-cell[data-tech=hydroelectric]{background:var(--color-hydroelectric)}.stack-cell[data-tech=wind]{background:var(--color-wind)}.stack-cell[data-tech=solar]{background:var(--color-solar)}.stack-cell[data-tech=flex],.stack-cell[data-tech=peaking]{background:var(--color-flex)}.stack-cell[data-tech=batteries]{background:var(--color-batteries)}.stack-cell[data-transferred=true]{background:#39ff5a;box-shadow:inset 0 0 0 1px #0e46168c}.stack-overlay{z-index:4;pointer-events:none;position:absolute;overflow:visible}.stack-demand-path{fill:none;stroke:var(--color-demand);stroke-width:4px;stroke-linejoin:miter;stroke-linecap:square}.stack-secondary-path{fill:none;stroke:#3d3d3d;stroke-width:3px;stroke-linejoin:miter;stroke-linecap:square}.stack-hour-axis{grid-template-columns:repeat(var(--hours), minmax(0, 1fr));margin:2px 0 0;padding:0;list-style:none;display:grid}.stack-hour-axis li{text-align:center;color:var(--color-muted);font-size:.48rem;font-weight:800;line-height:1}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button{border:2px solid var(--color-ink);border-radius:var(--roundness);background:var(--color-ink);min-height:44px;color:var(--color-surface);cursor:pointer;font-weight:900}.button.secondary{color:var(--color-ink);background:0 0}.button:disabled{cursor:not-allowed;opacity:.45}.teaching-strip{border-color:var(--color-demand);margin-top:16px;padding:14px 16px}.teaching-strip p{max-width:980px;margin:0;font-size:1.08rem;line-height:1.45}@media (width<=980px){.game-layout,.stage-1-layout{grid-template-columns:1fr}.stage-1-popup{width:min(460px,100% - 24px);max-height:calc(100% - 24px);top:50%;left:50%;transform:translate(-50%,calc(-50% - 60px))}.stage-1-takeaway-popup .control-buttons{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr;gap:20px;display:grid}.freeplay-board-and-visual,.freeplay-under-board-row{grid-template-columns:1fr}.freeplay-bottom-pane{grid-template-columns:1fr 1fr}.freeplay-side-visual{display:block}.panel-section+.panel-section{border-top:0;margin-top:0;padding-top:0}.actions{grid-column:1/-1}.freeplay-corner-actions{justify-self:stretch;max-width:none}.freeplay-side-notice{grid-template-columns:56px minmax(0,1fr)}.board-notice-avatar{width:56px;height:56px}.engineer-pixel{width:44px;height:44px}.stage-map-welcome-overlay{padding:14px}.stage-map-welcome-popup{grid-template-columns:minmax(0,1fr);width:min(760px,100% - 18px);max-height:calc(100% - 18px)}.stage-map-welcome-copy h2{font-size:1.7rem}.stage-map-welcome-lower{grid-template-columns:minmax(0,1fr)}.stage-map-welcome-popup .button{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.stage-map-welcome-demand-curve,.stage-map-welcome-tetris-piece{animation:none}.stage-map-welcome-tetris-piece{transform:translateY(0)}}@media (width<=680px){.app-shell{padding:10px}.site-topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.top-nav-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.top-nav-button{width:100%;min-height:38px;padding:0 8px;font-size:.72rem}.freeplay-takeaway-metrics{grid-template-columns:1fr}.stage-map-welcome-copy h2{font-size:1.45rem}.stage-map-welcome-pillars{grid-template-columns:1fr}.site-title{font-size:2.2rem}.board-topline,.control-panel,.freeplay-bottom-pane{grid-template-columns:1fr}.freeplay-bottom-pane .actions{max-width:none}.board-topline{display:grid}.score{border-left:0;border-top:2px solid var(--color-line);text-align:left;padding:12px 0 0}.board-wrap{border-width:8px;padding:10px 10px 16px 22px;overflow-x:hidden}.board{width:min(100%,90svh,960px);min-height:0}.hour-axis{width:min(100% - 54px,90svh,960px);margin:5px 20px 0 32px}.board-area .block-palette,.board-area .dr-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.stage9-board-carousel{gap:6px}.stage9-corner-map-chip{width:132px;top:6px;left:6px}.stage9-corner-map-chip svg{height:40px}.stage9-board-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stage9-board-card-header strong{font-size:.7rem}.stage9-board-card-header span{font-size:.58rem}.stage9-map-snapshot{width:150px;height:124px}.stage9-map-snapshot-west{top:194px;left:16px}.stage9-map-snapshot-east{top:14px;right:8px}}