/* V14: full-viewport City experience */
.city-lab{height:100dvh;overflow:hidden;background:#0c1820}.city-lab>header,.lab-title,.lab-bottom,.model-notes,.city-summary,.scenario-note,.network-heading,#source-card,#treatment-cards,#tank-cards{display:none}.city-lab main{padding:0;max-width:none;margin:0;height:100%}.game-bar{position:fixed;inset:0 0 auto;height:64px;background:#101e26f5;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff18;gap:12px}.game-bar a{font-size:12px;color:#b8c9cd;text-decoration:none}.game-bar b{font-size:21px;letter-spacing:-.04em}.game-bar b span{font-size:9px;letter-spacing:.16em;margin-left:18px;color:#dbbd83}.game-bar>div{display:flex;gap:7px}.lab-layout{display:block;position:absolute;inset:64px 0 0}.network-stage{border:0;border-radius:0;height:100%;background:#101e26}.canvas-host{height:100%!important}.scene-actions{position:absolute;right:22px;top:76px;z-index:4;border:0;padding:0}.scene-actions button{background:#132730eb}#three-panel{height:100%}#city-canvas{touch-action:none}.scene-caption{position:absolute;bottom:12px;right:20px;max-width:440px;background:#132730e8;border-radius:9px;padding:8px 12px}.scene-caption span:last-child{display:none}.lab-toolbar{position:fixed;left:24px;top:80px;z-index:8;margin:0}.lab-toolbar>.scenario-label,.lab-toolbar>label,.lab-toolbar>#engine-status{display:none}.lab-metrics{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:5;display:flex;background:#11242ee8;border-color:#45616a70;margin:0}.lab-metrics>div{background:none;padding:9px 16px}.lab-metrics>div:nth-child(1),.lab-metrics>div:nth-child(2),.lab-metrics>div:nth-child(4){display:none}.lab-metrics strong{font-size:16px;margin-top:4px}.inspector{display:none;position:absolute;right:20px;top:125px;bottom:74px;width:300px;max-height:none;z-index:9;background:#10232bf5;box-shadow:0 15px 50px #0003}.inspect-open .inspector{display:block}.inspector>select{margin-bottom:12px}.inspector h2{font-size:22px}.inspector .reading{font-size:12px}.inspector .asset-note{font-size:11px}#inspector-close{float:right;margin-bottom:10px}.mission-card{position:fixed;left:24px;bottom:28px;width:365px;max-height:48dvh;overflow:auto;z-index:10;padding:22px;background:#10232bf5;border:1px solid #60808b80;border-radius:16px;box-shadow:0 20px 55px #0003}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-top>span{font-size:10px;letter-spacing:.14em;color:#e1c187}.mission-top button{font-size:10px;padding:5px 7px}.mission-card h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:18px 0 12px}.mission-card p{font-size:13px;line-height:1.65;color:#bfd0d6;margin:0 0 15px}.mission-actions{display:flex;gap:6px;flex-wrap:wrap}.mission-actions button{font-size:11px}#mission-next{background:#ddbd7e;color:#12232c}#mission-progress{font-size:10px;color:#83ced4;margin-top:16px}#mission-hint-text{margin:12px 0;padding:10px;border-left:2px solid #ddbd7e}.game-welcome{position:fixed;inset:64px 0 0;z-index:40;background:linear-gradient(90deg,#07141cf5,#0d202dc9 50%,#0b1e2730);display:flex;align-items:center;padding:4vw}.welcome-card{max-width:720px}.welcome-card .eyebrow{font-size:11px;color:#e0bc7d;letter-spacing:.2em}.welcome-card h1{font-size:clamp(46px,6.5vw,90px);line-height:1.03;margin:22px 0;letter-spacing:-.065em}.welcome-card em{font-style:normal;color:#dfbf83}.welcome-card>p{color:#c1d2da;font-size:16px;max-width:490px;line-height:1.6}.mode-choices{display:flex;gap:12px;margin:28px 0}.mode-choices button{text-align:left;padding:20px 16px;min-width:180px;background:#152f3be8}.mode-choices button:first-child{background:#d7b77f;color:#10212c}.mode-choices b{display:block;font-size:17px}.mode-choices span{display:block;font-size:11px;margin-top:10px}.welcome-card small,#welcome-status{font-size:11px!important;color:#9bb6c1}.help-dialog{max-width:530px;width:calc(100vw - 40px);max-height:80dvh;overflow:auto;background:#122731;color:#d7e8ef;border:1px solid #7a929e;border-radius:18px;padding:30px}.help-dialog::backdrop{background:#041219bb}.help-dialog h2{font-size:28px}.help-dialog p{font-size:14px;line-height:1.7}.settings-open .lab-title{display:block;position:fixed;right:18px;top:67px;padding:18px;width:315px;z-index:30;background:#122731;border:1px solid #55717f;border-radius:12px}.settings-open .lab-title>div:first-child{display:none}.settings-open .lab-actions{margin:0}.settings-open .lab-toolbar{top:185px;left:auto;right:18px;width:315px;padding:18px;background:#122731;border:1px solid #55717f;border-radius:12px;z-index:30;display:grid}.settings-open .lab-toolbar>*{display:block}.settings-open .lab-toolbar .view-tabs{display:flex}.settings-open .scenario-label select{display:block;width:100%;margin-top:10px}.consequence{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;width:min(480px,90vw);z-index:31;padding:18px;background:#2d2b23f5;border:1px solid #bca575;border-radius:12px;box-shadow:0 15px 45px #0004}.consequence p{font-size:13px;line-height:1.6;margin:0 0 12px}.consequence button{font-size:11px}#consequence-dismiss{float:right}.flow-map-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:#e7d5ae;height:76px}.flow-map-head span{display:block;font-size:11px;color:#9ab7c3;margin-top:8px}#network-panel{height:100%;padding-top:70px;background:radial-gradient(ellipse at 50% 40%,#193543,#0a1821)}#flow-map{height:calc(100% - 90px);overflow:auto;padding:0 24px 200px;scrollbar-width:thin}#flow-map svg{display:block;width:100%;min-width:750px;max-width:1400px;margin:auto}.map-expanded svg{width:1250px!important;max-width:none!important}.map-node{cursor:pointer}.map-node>rect{fill:#152d3a;stroke:#466778;stroke-width:1.5}.map-node:hover>rect,.map-node.active>rect,.map-node:focus>rect{stroke:#f0cb85;stroke-width:3}.map-node text{fill:#edf1ed;font:13px system-ui,sans-serif;pointer-events:none}.map-node .map-detail{font-size:11px;fill:#abc9d4}.equipment-icon{fill:#bca169;stroke:#e6c88e;stroke-width:2}.map-edge{fill:none;stroke:#355362;stroke-width:4}.map-edge.flowing{stroke:#36a9df;stroke-dasharray:10 5;animation:map-flow 1s linear infinite}.map-edge.route-selected{stroke:#e2c18a;stroke-width:5}.no-supply>rect{stroke:#d1887d}.no-supply .map-detail{fill:#efa899}@keyframes map-flow{to{stroke-dashoffset:-30}}body:has(#network-panel:not([hidden])) .mission-card{max-height:190px}body:has(#network-panel:not([hidden])) .mission-card h2{font-size:20px;margin:8px 0}body:has(#network-panel:not([hidden])) .mission-card p{font-size:11px}#city-labels button{font-size:11px}.city-lab button{min-height:34px}body[data-mode=watch] .inspector{display:none}
@media(max-width:900px){.game-bar b span{display:none}.game-bar{padding:0 12px}.lab-metrics{left:auto;right:12px;transform:none}.lab-metrics>div{padding:8px}.lab-metrics>div:last-child{display:none}.lab-toolbar{left:12px}.mission-card{left:12px;bottom:15px;width:300px;padding:16px}.inspector{right:12px;width:280px}.scene-actions{right:12px}.mode-choices{flex-wrap:wrap}.mode-choices button{min-width:150px}.scene-caption{display:none}}
@media(max-width:600px){.game-bar{height:56px}.game-bar b{font-size:17px}.game-bar a{font-size:10px}.game-bar button{font-size:10px;padding:7px}#game-fullscreen{display:none}.lab-layout{top:56px}.game-welcome{top:56px;overflow:auto;padding:20px;align-items:flex-start}.welcome-card h1{font-size:48px}.mode-choices{display:grid;margin:18px 0;gap:8px}.mode-choices button{padding:13px}.mode-choices span{margin-top:4px}.lab-metrics{top:115px;right:12px}.lab-metrics>div{padding:7px}.lab-metrics strong{font-size:13px}.lab-toolbar{top:67px}.scene-actions{top:116px;left:12px;right:auto;gap:4px}.scene-actions button{padding:6px;font-size:10px}.mission-card{width:calc(100% - 24px);max-height:30dvh;bottom:10px;padding:13px}.mission-card h2{font-size:22px;margin:8px 0}.mission-card p{font-size:12px;line-height:1.5;margin-bottom:8px}.mission-top>span{font-size:9px}#mission-progress{margin-top:8px}.inspector{top:160px;bottom:calc(30dvh + 22px);left:12px;right:12px;width:auto;padding:14px}.inspect-open .mission-card{max-height:25dvh}.inspector h2{font-size:20px}#network-panel{padding-top:102px}.flow-map-head{padding:12px;height:70px}.flow-map-head b{font-size:14px}#flow-map{padding:0 12px 200px}.consequence{bottom:15px}.settings-open .lab-title{top:60px}.settings-open .lab-toolbar{top:180px}}
@media(prefers-reduced-motion:reduce){.map-edge.flowing{animation:none}}

body:has(.game-welcome:not([hidden])) .mission-card,body:has(.game-welcome:not([hidden])) #city-labels{visibility:hidden}

#flow-map.map-fitted{padding-bottom:12px}#flow-map.map-fitted svg{height:100%;width:auto;min-width:0;max-width:none}#flow-map.map-fitted{display:flex;justify-content:center}.mission-card{scrollbar-width:thin}

.help-dialog .lab-bottom{display:block}.help-dialog .lab-bottom>section{margin-top:12px}.help-dialog .model-notes{display:block}.help-dialog .model-notes p{font-size:12px}
/* V15: clear session starts and visible supply feedback */
.free-setup{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#102632;color:#e1edf1;border:1px solid #728c96;border-radius:20px;padding:28px}.free-setup::backdrop{background:#05131be8}.free-setup h2{font-size:32px;letter-spacing:-.04em;line-height:1.1}.free-options{display:grid;gap:10px;margin:20px 0}.free-options button{text-align:left;padding:17px}.free-options b,.free-options span{display:block}.free-options b{font-size:17px}.free-options span{font-size:12px;line-height:1.5;margin-top:8px;color:#b3c9d3}.free-options button[aria-pressed=true]{border-color:#e0bf80;background:#284350}.free-setup label{display:block;margin:20px 0}#free-start{background:#e0bf80;color:#10222a;padding:13px 20px}.play-controls{position:fixed;top:145px;left:24px;z-index:8;display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:600px}.play-controls button{font-size:11px;background:#122b36ed}#supply-health{flex-basis:100%;font-size:12px;background:#102732ed;color:#a8d8c4;padding:9px 12px;border-radius:8px;width:fit-content;max-width:380px}#supply-health[data-status=blocked]{color:#ffd0c9;border-left:3px solid #ef8a77}#supply-health[data-status=reduced]{color:#edcf96;border-left:3px solid #dfb96d}#city-labels .supply-alert{background:#652d2bef;border-color:#f69480;color:#ffe2da}.watching #find-actuator,.watching #follow-pipe{display:none}.watching .inspector{display:none!important}body:has(.game-welcome:not([hidden])) .play-controls{visibility:hidden}body:has(#network-panel:not([hidden])) .play-controls{top:auto;bottom:20px;left:auto;right:20px;max-width:400px}.flow-map-head>div:last-child{display:flex;gap:8px}#flow-map svg{min-width:850px}.map-node .equipment-icon{fill:#baa275}.scene-actions{top:82px}#flow-map.map-fitted svg{min-width:0}.mission-card{max-height:40dvh}body.watching .mission-card{border-color:#c4aa78}.free-setup button:focus-visible{outline:2px solid #ebc880;outline-offset:3px}
@media(max-width:900px){.play-controls{left:12px;top:180px;max-width:340px}.play-controls button{font-size:10px;padding:7px}.inspector{top:205px}.scene-actions{top:80px}}
@media(max-width:600px){.play-controls{top:219px;left:12px;max-width:calc(100% - 24px)}#supply-health{padding:6px 10px;font-size:11px}.inspector{top:310px;bottom:calc(25dvh + 24px)}.scene-actions{top:116px}.mission-card{max-height:25dvh}.free-setup{padding:20px}.free-setup h2{font-size:26px}body:has(#network-panel:not([hidden])) .play-controls{bottom:208px;right:12px;left:12px;max-width:none}.flow-map-head{align-items:flex-start}.flow-map-head>div:last-child{display:grid;gap:3px}.flow-map-head span{max-width:200px}}
body:has(#network-panel:not([hidden])) .mission-card{display:none}body:has(#network-panel:not([hidden])) #flow-map{padding-bottom:110px}body.inspect-open:has(#network-panel:not([hidden])) #flow-map{width:calc(100% - 340px)}body:has(#network-panel:not([hidden])) .play-controls{bottom:12px;right:24px}.map-node text{font-size:14px}.map-node .map-detail{font-size:12px}
@media(max-width:900px){body.inspect-open:has(#network-panel:not([hidden])) #flow-map{width:100%}.flow-map-head b{font-size:14px}}
@media(max-width:600px){body:has(#network-panel:not([hidden])) .play-controls{bottom:12px;left:12px;right:12px}body:has(#network-panel:not([hidden])) #flow-map{padding-bottom:130px}}
.planning-dialog{width:min(1080px,calc(100vw - 32px));max-height:86dvh;overflow:auto;background:#102632;color:#dcebef;border:1px solid #718d9b;border-radius:18px;padding:24px}.planning-dialog::backdrop{background:#04131cdb}.planning-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.planning-head h2{font-size:30px;letter-spacing:-.04em;margin:10px 0}.planning-dialog p,.planning-dialog details{font-size:13px;line-height:1.7}.planning-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}.planning-actions label{font-size:12px}#planning-summary{color:#e4c289}.planning-table{overflow:auto;max-height:45dvh}.planning-table table{border-collapse:collapse;min-width:900px;width:100%;font-size:12px}.planning-table th{text-align:left;position:sticky;top:0;background:#203946;color:#cfdddc;padding:12px}.planning-table td{padding:10px;border-bottom:1px solid #2a4452}.planning-alert td{color:#ffc1b0}.planning-table button{font-size:12px}.watching #water-planning{display:none}.city-lab input[type=time]{background:#1c3440;color:#e0e9ee;padding:8px;border:1px solid #557080;border-radius:6px}.city-lab input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}#asset-controls details p{font-size:11px;line-height:1.6;color:#b9cbd3}
.asset-portrait{margin:12px 0}.asset-portrait summary{font-size:12px;color:#d9bc82;cursor:pointer}.asset-portrait img{display:block;width:100%;height:200px;object-fit:contain;margin:12px 0;background:radial-gradient(#29414d,#0c1c25);border-radius:10px}
.lesson-selector{display:block;margin-top:12px;font-size:10px!important}.lesson-selector select{width:100%;margin-top:6px;font-size:11px!important}body:not([data-mode=guided]) .lesson-selector{display:none}