:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#081938;background:#f7f8f4;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #081938;--ink: #13213d;--muted: #667085;--line: #d9ddd5;--soft-line: #e7eae4;--panel: #fffefa;--lime: #b9f500;--lime-dark: #78a900;--blue: #1670f8;--green: #5bb400;--orange: #ff7426;--coral: #ef5e42;--violet: #8357d9;--gold: #f5b800}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8f4}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,.timeline-scroll:focus-visible{outline:3px solid rgba(22,112,248,.35);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;max-width:100vw;overflow-x:hidden;background:var(--panel);border-top:3px solid var(--navy)}.topbar{min-height:72px;display:flex;align-items:center;gap:26px;padding:0 30px;border-bottom:1px solid #aeb6c0}.brand{display:inline-flex;align-items:center;gap:14px;color:var(--navy);text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.05em}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);align-content:space-between;justify-content:space-between;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--navy);opacity:.78;z-index:0}.brand-mark:before{inset:4px 0 4px 15px;width:3px}.brand-mark:after{inset:15px 4px;height:3px}.brand-mark__node{width:7px;height:7px;border-radius:2px;background:var(--navy);position:relative;z-index:1}.brand-mark__node--active{background:var(--lime)}.topbar__divider{width:1px;height:34px;background:#c4c9c3}.mission-progress{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.mission-progress span{margin-right:8px}.mission-progress__dot{width:9px;height:9px;border-radius:50%;background:#d5d7d2}.mission-progress__dot--active{background:var(--lime);box-shadow:0 0 0 4px #b9f5002e}.how-button{margin-left:auto;display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;cursor:pointer;font-weight:600}.how-button span{width:21px;height:21px;border:1px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;max-width:1680px;margin:0 auto}.planner-column{min-width:0;padding:26px 24px 18px 30px;border-right:1px solid var(--line)}.hero-copy{margin-bottom:22px}.eyebrow{display:block;margin-bottom:7px;color:#5c6a7f;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{max-width:900px;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.045em}.hero-copy p{margin:8px 0 0;color:#515d70;font-size:17px;line-height:1.45}.timeline-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#bdc5bd transparent;scrollbar-width:thin}.timeline-board{min-width:930px}.forecast{display:grid;grid-template-columns:176px minmax(720px,1fr);grid-template-rows:28px repeat(4,66px);border-bottom:1px solid var(--line)}.hour-axis{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;padding-bottom:6px;font-size:11px;font-weight:700;color:#293752}.hour-axis span{text-align:left;transform:translate(-1px)}.track-label{display:flex;align-items:center;gap:11px;min-width:0;border-bottom:1px solid var(--soft-line);padding-right:12px}.track-label--empty{border:0}.track-label__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--blue)}.track-label__icon svg{width:29px;height:29px}.track-label:nth-of-type(2) .track-label__icon{color:#75a800}.track-label:nth-of-type(8) .track-label__icon{color:var(--coral)}.track-label>span:last-child{display:grid;gap:2px}.track-label strong{font-size:14px}.track-label small{color:var(--muted);font-size:11px}.track{position:relative;min-width:0;border-bottom:1px solid var(--soft-line);overflow:hidden}.track:after{content:"";position:absolute;inset:0;pointer-events:none;border-left:1px solid #d9ddd7;border-right:1px solid #d9ddd7}.track--bars{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:5px;padding:7px 7px 4px}.track-bar{min-height:4px;position:relative;z-index:1;background:#92c62a;border-radius:1px 1px 0 0}.track__clean-window{position:absolute;inset:0 auto 0 45.833%;width:20.833%;background:#fff8d8;border-left:1px dashed #eadb8e;border-right:1px dashed #eadb8e}.track--stress .track-bar{background:#8ba5c9}.track--stress .track-bar--alert{background:var(--coral)}.track--line{background:#fbfcfa}.track--line svg{width:100%;height:100%;display:block}.line{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke}.line--price{stroke:var(--blue)}.line--temperature{stroke:#185fd6}.track-value{position:absolute;left:5px;padding:1px 4px;background:#fffefadb;color:#6f7888;font-size:9px;z-index:2}.track-value--top{top:2px}.track-value--bottom{bottom:2px}.device-planner{display:grid;gap:4px;margin-top:12px}.device-row{min-height:56px;display:grid;grid-template-columns:176px minmax(720px,1fr);align-items:stretch;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.device-row:hover{border-color:#aeb9c7;box-shadow:0 4px 16px #0819380f}.device-row--ev{border-color:#6ba1ef}.device-meta{display:flex;align-items:center;gap:10px;padding:6px 11px;cursor:ew-resize;background:#fff}.device-meta>span:last-child{display:grid;gap:2px}.device-meta strong{font-size:13px;line-height:1.1}.device-meta small{color:var(--muted);font-size:10px}.device-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:4px;color:#fff}.device-icon svg{width:26px;height:26px}.device-row--heat .device-icon{background:var(--orange)}.device-row--ev .device-icon{background:var(--green)}.device-row--washer .device-icon{background:var(--blue)}.device-row--battery .device-icon{background:var(--violet)}.device-timeline{position:relative;min-width:0}.device-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,1fr);pointer-events:none}.device-grid i{border-left:1px dotted #dfe3dd}.device-grid i:last-child{border-right:1px dotted #dfe3dd}.device-range{appearance:none;position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;background:transparent}.device-range::-webkit-slider-runnable-track{height:100%;background:transparent}.device-range::-webkit-slider-thumb{appearance:none;width:32px;height:52px;background:transparent;border:0}.device-range::-moz-range-track{height:100%;background:transparent;border:0}.device-range::-moz-range-thumb{width:32px;height:52px;background:transparent;border:0}.device-range:focus-visible{outline:0}.device-range:focus-visible+.device-window{outline:3px solid rgba(22,112,248,.38);outline-offset:2px}.device-window{position:absolute;z-index:2;top:7px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:74px;padding:0 10px;color:#fff;border-radius:7px;box-shadow:0 3px 8px #08193829;white-space:nowrap;pointer-events:none}.device-window strong{margin:0 auto;font-size:11px}.device-window__grip{font-size:15px;line-height:1;opacity:.8}.device-row--heat .device-window{background:var(--orange)}.device-row--ev .device-window{background:var(--green)}.device-row--washer .device-window{background:var(--blue)}.device-row--battery .device-window{background:var(--violet)}.planner-hint{margin:4px 0 0 176px;color:#7a8492;font-size:10px}.planner-actions{min-height:66px;display:flex;align-items:center;gap:16px;margin-top:7px}.reset-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#1261ce;font-weight:600;cursor:pointer}.reset-button span{font-size:24px;font-weight:400}.model-status{display:flex;align-items:center;gap:7px;margin-left:auto;color:#667085;font-size:11px}.model-status__dot{width:7px;height:7px;border-radius:50%;background:#54a800}.model-status__dot--warning{background:var(--coral)}.button{min-height:44px;border:1px solid transparent;border-radius:6px;padding:0 18px;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.button:hover{transform:translateY(-1px)}.button--primary,.button--evaluate{background:var(--lime);border-color:#89bb00;color:var(--navy)}.button--primary:hover,.button--evaluate:hover{background:#c7ff18;box-shadow:0 8px 22px #688d0033}.button--secondary{background:#fff;border-color:#cfd5ce}.button--full{width:100%}.button--evaluate{min-width:265px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px}.button--evaluate span{font-size:25px;line-height:1}.metrics-panel{background:#fbfaf6;min-width:0}.metrics-panel__header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.metrics-panel__header h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;letter-spacing:-.03em}.metrics-panel__header p{margin:5px 0 0;color:var(--muted);font-size:11px}.live-dot{display:flex;align-items:center;gap:5px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#5a6858}.live-dot i{width:7px;height:7px;background:var(--lime-dark);border-radius:50%}.metric-card{min-height:89px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid var(--line)}.metric-card__icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%}.metric-card__icon svg{width:24px;height:24px}.metric-card__icon--blue{color:var(--blue);background:#e9f2ff}.metric-card__icon--green{color:#3d9f31;background:#edf7e9}.metric-card__icon--coral{color:var(--coral);background:#fff0eb}.metric-card__icon--gold{color:#e39c00;background:#fff4d5}.metric-card__copy,.metric-card__value{display:grid;gap:4px}.metric-card__copy strong{font-size:13px}.metric-card__copy small{color:var(--muted);font-size:9px}.metric-card__value{justify-items:end;text-align:right}.metric-card__value>strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;letter-spacing:-.04em}.metric-number{display:inline-block;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.delta{color:#9b4a3f;font-size:9px;font-style:normal}.delta--good{color:#278239}.metrics-panel__baseline{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);color:#737d8c;font-size:9px}.metrics-panel__baseline strong{color:#4b576a}.coach-preview{display:grid;grid-template-columns:38px 1fr;gap:11px;margin:13px;padding:13px;border:1px solid #d8dfd4;border-radius:7px;background:#fff}.coach-preview>span{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;color:var(--blue);background:#e9f2ff}.coach-preview svg{width:22px;height:22px}.coach-preview strong{font-size:11px}.coach-preview p{margin:4px 0 6px;color:#465268;font-size:10px;line-height:1.45}.coach-preview small{color:#8a929d;font-size:8px}.app-footer{min-height:43px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--line);color:#76808e;font-size:10px}.app-footer i{width:3px;height:3px;border-radius:50%;background:#a8afa8}.app-footer button{border:0;border-bottom:1px solid #98a0aa;background:transparent;color:inherit;padding:1px 0;cursor:pointer}.result-layer,.modal-layer{position:fixed;inset:0;z-index:20;display:grid}.result-layer__backdrop,.modal-layer__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#040e2285;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default}.result-drawer{position:relative;width:min(850px,calc(100% - 32px));max-height:calc(100vh - 36px);align-self:end;justify-self:center;overflow-y:auto;padding:24px;border:1px solid #cbd1ca;border-bottom:0;border-radius:14px 14px 0 0;background:var(--panel);box-shadow:0 -20px 70px #020e2538;animation:drawer-in .22s cubic-bezier(.2,.7,.2,1) both}@keyframes drawer-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.result-drawer__handle{width:42px;height:4px;margin:-10px auto 18px;border-radius:3px;background:#d3d7d1}.result-drawer header,.info-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.result-drawer h2,.info-modal h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:27px;letter-spacing:-.04em}.icon-button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d2d7d0;border-radius:50%;background:#fff;cursor:pointer;font-size:24px;font-weight:300;line-height:1}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.summary-metric{min-width:0;display:grid;grid-template-columns:32px 1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.summary-metric>span{width:30px;height:30px;display:grid;place-items:center;color:var(--blue)}.summary-metric svg{width:22px;height:22px}.summary-metric div{display:grid;min-width:0}.summary-metric small{color:var(--muted);font-size:9px}.summary-metric strong{font-size:15px}.summary-metric em{grid-column:2;color:#9a4d42;font-size:9px;font-style:normal}.summary-metric__good{color:#25803a!important}.result-insight{display:grid;grid-template-columns:48px 1fr;gap:15px;margin-top:14px;padding:17px;border:1px solid #cfdac7;border-left:4px solid var(--lime-dark);border-radius:7px;background:#fbfff2}.result-insight>span{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:var(--navy)}.result-insight svg{width:27px;height:27px}.result-insight small{color:#617153;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.result-insight h3{margin:5px 0 7px;font-size:17px;line-height:1.35}.result-insight p{margin:0;color:#596458;font-size:11px;line-height:1.55}.result-drawer footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.constraint-alert{margin-top:15px;padding:12px 14px;border:1px solid #e3a99e;border-radius:6px;background:#fff4f1}.constraint-alert strong{color:#9b3427}.constraint-alert p{margin:4px 0 0;color:#704842;font-size:11px}.modal-layer{place-items:center;padding:20px}.info-modal{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;padding:25px;border:1px solid #c9d0c8;border-radius:12px;background:var(--panel);box-shadow:0 24px 80px #040e223d}.info-modal ol{display:grid;gap:0;margin:22px 0;padding:0;list-style:none;counter-reset:guide}.info-modal li{counter-increment:guide;display:grid;grid-template-columns:34px 1fr;column-gap:11px;padding:12px 0;border-bottom:1px solid var(--soft-line)}.info-modal li:before{content:counter(guide);grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700}.info-modal li strong{font-size:13px}.info-modal li span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}.assumptions-box{margin-bottom:18px;padding:14px;border:1px solid #ded8ba;border-radius:6px;background:#fffbea}.assumptions-box strong{font-size:12px}.assumptions-box p{margin:5px 0 0;color:#67604e;font-size:10px;line-height:1.55}@media(max-width:1180px){.game-layout{width:100%;max-width:100vw;grid-template-columns:minmax(0,1fr);overflow:hidden}.planner-column{width:100%;max-width:100vw;border-right:0;padding-right:30px}.metrics-panel{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.metrics-panel__header{grid-column:1 / -1}.metric-card{border-right:1px solid var(--line)}.metrics-panel__baseline,.coach-preview{grid-column:1 / -1}}@media(max-width:720px){.topbar{min-height:62px;gap:14px;padding:0 16px}.brand{font-size:21px}.brand-mark{width:29px;height:29px}.topbar__divider,.mission-progress span{display:none}.how-button{font-size:0;gap:0}.how-button span{font-size:12px}.planner-column{padding:22px 16px 14px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:15px}.timeline-board{min-width:880px}.timeline-scroll{margin-right:-16px;width:calc(100% + 16px);padding-right:16px}.planner-actions{flex-wrap:wrap;margin-top:14px}.model-status{order:-1;width:100%;margin-left:0}.button--evaluate{min-width:0;flex:1}.metrics-panel{grid-template-columns:1fr}.metrics-panel__header,.metrics-panel__baseline,.coach-preview{grid-column:auto}.summary-grid{grid-template-columns:repeat(2,1fr)}.result-drawer{width:100%;max-height:90vh;padding:20px 16px}.result-drawer h2{font-size:23px}.result-insight{grid-template-columns:38px 1fr}.result-insight>span{width:38px;height:38px}.result-drawer footer{flex-direction:column-reverse}.result-drawer footer .button{width:100%}.app-footer{flex-wrap:wrap;padding:10px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f1f39;background:#f8f8f2;--navy: oklch(24% .055 260);--ink: oklch(29% .047 260);--muted: oklch(52% .025 260);--line: oklch(87% .012 250);--soft-line: oklch(92% .009 250);--panel: oklch(99.3% .006 100);--lime: oklch(88% .22 126);--lime-dark: oklch(59% .145 126);--blue: oklch(58% .21 257);--green: oklch(60% .15 140);--coral: oklch(64% .19 31);--radius-control: 6px;--radius-card: 10px;--radius-dialog: 16px;--shadow-card: 0 1px 2px oklch(24% .055 260 / .06), 0 10px 28px oklch(24% .055 260 / .07)}body{background:#f8f8f2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brand,.hero-copy h1,.button--evaluate,.metrics-panel__header h2,.metric-card__value>strong,.result-drawer h2,.info-modal h2{font-family:inherit}.game-layout{grid-template-columns:minmax(0,1fr) 384px}.hero-copy h1,.result-drawer h2,.info-modal h2{text-wrap:balance}.hero-copy p,.coach-preview p,.result-insight p,.info-modal p{text-wrap:pretty}.how-button,.reset-button,.data-button{min-height:44px}.button:active,.reset-button:active,.data-button:active,.icon-button:active{transform:scale(.96)}.scenario-brief{display:grid;grid-template-columns:minmax(260px,1fr) minmax(410px,1.65fr) auto;align-items:center;gap:18px;min-height:74px;margin:-4px 0 16px;padding:10px 0;border-top:1px solid var(--soft-line);border-bottom:1px solid var(--line)}.scenario-brief__context{display:flex;align-items:center;gap:10px;min-width:0}.scenario-brief__context>svg{width:20px;height:20px;flex:0 0 auto;color:var(--blue)}.scenario-brief__context div{display:grid;gap:1px;min-width:0}.scenario-brief__context span,.scenario-brief__context small{color:var(--muted);font-size:11px;line-height:1.35}.scenario-brief__context span{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.scenario-brief__context strong{font-size:13px;line-height:1.25;text-wrap:balance}.mission-targets{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}.mission-target{display:grid;grid-template-columns:1fr auto;gap:2px 7px;min-width:0;padding:5px 11px;border-left:1px solid var(--soft-line)}.mission-target span{color:var(--muted);font-size:11px}.mission-target strong{font-size:12px;font-variant-numeric:tabular-nums}.mission-target svg{grid-column:2;grid-row:1 / 3;align-self:center;width:17px;height:17px;color:#a2acb7}.mission-target--met svg{color:var(--green)}.mission-target--met strong{color:#2b641d}.data-button{display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.data-button svg{width:17px;height:17px;color:var(--blue)}.data-button:hover{border-color:#83a0ca;box-shadow:0 4px 14px #0f1f3912}.forecast{grid-template-rows:28px repeat(5,62px)}.track-value{font-size:11px;font-variant-numeric:tabular-nums}.track__clean-window i,.track__window-label{position:absolute;z-index:3;top:3px;padding:2px 5px;border-radius:4px;background:#fefcf1e6;color:var(--muted);font-size:10px;font-style:normal;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none}.track__clean-window i{left:5px}.track__window-label--solar{left:42%;color:#255f16}.track__window-label--risk{left:73%;color:#9e2e1f}.track--pv .track-bar{background:var(--green)}.track--pv .track-bar--zero{min-height:0}.device-row--ev{border-color:var(--line)}.device-row:focus-within{border-color:#5596f0;box-shadow:0 0 0 3px #0074f021;box-shadow:0 0 0 3px oklch(58% .21 257 / .13)}.device-meta{cursor:default}.device-meta small{font-size:11px}.device-row--heat .device-icon,.device-row--heat .device-window{background:var(--coral)}.device-row--ev .device-icon,.device-row--ev .device-window,.device-row--washer .device-icon,.device-row--washer .device-window{background:var(--blue)}.device-row--battery .device-icon,.device-row--battery .device-window{background:var(--navy)}.device-window strong,.track-value,.metric-card__value,.summary-metric{font-variant-numeric:tabular-nums}.planner-hint{font-size:12px}.planner-hint strong{color:var(--ink)}.reset-button{transition:transform .14s ease,color .14s ease}.metrics-panel__header h2{font-size:19px}.metrics-panel__header p{font-size:12px}.live-dot,.metric-card__copy small,.delta,.metrics-panel__baseline{font-size:11px}.metric-card__icon--gold{color:var(--green);background:#e1f6dc}.coach-preview{border-color:var(--soft-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.coach-preview strong{font-size:12px}.coach-preview p{font-size:12px;line-height:1.5}.coach-preview small{color:#5b6472;font-size:11px;line-height:1.4}.app-footer{font-size:11px}.result-layer__backdrop,.modal-layer__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.result-drawer{border-radius:var(--radius-dialog) var(--radius-dialog) 0 0}.info-modal{width:min(680px,100%);border-radius:var(--radius-dialog)}.icon-button{width:44px;height:44px}.icon-button svg{width:20px;height:20px}.summary-metric small,.summary-metric em,.result-insight small{font-size:11px}.result-insight p{font-size:13px;line-height:1.55}.prosumer-summary{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;border:1px solid var(--soft-line);border-radius:var(--radius-card);background:#edfaea}.prosumer-summary>svg{width:20px;height:20px;flex:0 0 auto;color:var(--green)}.prosumer-summary p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-wrap:pretty}.prosumer-summary strong{color:var(--ink)}.learning-check{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.learning-check__heading{display:flex;align-items:flex-start;gap:11px}.learning-check__heading>svg{width:22px;height:22px;flex:0 0 auto;color:var(--blue)}.learning-check__heading span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.learning-check__heading h3{margin:3px 0 0;font-size:16px;line-height:1.3;text-wrap:balance}.learning-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.learning-option{min-height:52px;display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);cursor:pointer;font-size:11px;line-height:1.35;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.learning-option>span{width:12px;height:12px;flex:0 0 auto;margin-top:1px;border:1px solid oklch(65% .025 250);border-radius:999px}.learning-option:hover{border-color:#6497de}.learning-option:active{transform:scale(.96)}.learning-option--selected{border-color:var(--blue);box-shadow:0 0 0 3px #0074f01c;box-shadow:0 0 0 3px oklch(58% .21 257 / .11)}.learning-option--selected>span{border:3px solid var(--blue)}.learning-feedback{display:flex;gap:8px;margin-top:9px;padding:9px 11px;border-radius:var(--radius-control);background:#fff2ef;background:oklch(97% .02 31)}.learning-feedback--correct{background:#e6f8e2}.learning-feedback svg{width:18px;height:18px;flex:0 0 auto;color:var(--green)}.learning-feedback p{margin:0;font-size:12px;line-height:1.45}.intention-pulse{margin:11px 0 0;padding:0;border:0}.intention-pulse legend{margin-bottom:7px;font-size:12px;font-weight:700}.intention-pulse>div{display:flex;gap:6px}.intention-button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);cursor:pointer;font-weight:700}.intention-button--selected{border-color:var(--blue);background:#e5efff;background:oklch(95% .035 257);color:#004492;color:oklch(40% .15 257)}.intention-pulse>small{width:244px;display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:10px}.learning-check__privacy{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.4}.data-badge{display:inline-flex;margin-bottom:8px;padding:3px 7px;border-radius:999px;background:#def2d9;color:#2a5e1e;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.assumptions-box>strong{display:block;font-size:15px}.assumptions-box p{font-size:12px;line-height:1.55}.source-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.source-links a{min-height:36px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid oklch(82% .035 257);border-radius:var(--radius-control);color:#00499c;color:oklch(42% .16 257);font-size:11px;font-weight:700;text-decoration:none}.project-roadmap{margin-bottom:18px;padding:13px 14px;border-left:3px solid var(--blue);background:#eff6ff}.project-roadmap strong{font-size:13px}.project-roadmap p{margin:5px 0 7px;color:var(--muted);font-size:12px;line-height:1.55}.project-roadmap small{color:var(--muted);font-size:11px;line-height:1.45}.scenario-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid oklch(82% .025 250);border-radius:10px;background:#f5f6ee}.scenario-switcher__item{min-width:98px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#424e5e;cursor:pointer;font-size:12px;font-weight:720;line-height:1;transition:background-color .14s cubic-bezier(.23,1,.32,1),border-color .14s cubic-bezier(.23,1,.32,1),box-shadow .14s cubic-bezier(.23,1,.32,1),color .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}.scenario-switcher__item:active{transform:scale(.96)}.scenario-switcher__item[data-pressed]{border-color:#a9b9ca;background:var(--panel);color:var(--navy);box-shadow:0 2px 8px #08193817}.scenario-switcher__item:focus-visible{position:relative;z-index:1;outline:3px solid rgba(22,112,248,.35);outline-offset:2px}.scenario-switcher__number{color:#617083;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.scenario-switcher__item[data-pressed] .scenario-switcher__number{color:#295400;color:oklch(40% .15 135)}.animated-number,.metric-number{display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap}@media(hover:hover)and (pointer:fine){.scenario-switcher__item:not([data-pressed]):hover{border-color:#c5d3e1;background:#ebece3;color:var(--navy)}}@media(max-width:1180px){.game-layout{grid-template-columns:minmax(0,1fr)}.scenario-brief{grid-template-columns:minmax(250px,.9fr) minmax(400px,1.5fr) auto}}@media(max-width:820px){.topbar{gap:12px}.scenario-switcher__item{min-width:44px;width:44px;padding-inline:0}.scenario-switcher__city{display:none}.scenario-brief{grid-template-columns:1fr auto;gap:10px}.mission-targets{grid-column:1 / -1;grid-row:2}.data-button{grid-column:2;grid-row:1}}@media(max-width:720px){.game-layout{grid-template-columns:1fr}.scenario-brief{grid-template-columns:1fr;align-items:stretch;margin-bottom:13px}.scenario-brief__context{grid-column:1;grid-row:1}.scenario-brief__context strong{white-space:normal}.mission-targets{grid-column:1;grid-row:2}.mission-target{padding:7px 5px}.mission-target:first-child{border-left:0}.mission-target svg{display:none}.data-button{grid-column:1;grid-row:3;justify-content:center}.timeline-scroll{position:relative}.planner-hint{margin-left:0}.learning-options{grid-template-columns:1fr}.learning-option{min-height:48px;font-size:12px}.result-drawer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.summary-metric{min-height:72px}.source-links a{min-height:44px}}@media(max-width:430px){.brand>span:not(.brand-mark){display:none}.scenario-switcher{margin-left:auto}.how-button{margin-left:0}}