:root{font-family:Arial,Helvetica,sans-serif;color:#080808;background:beige;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1320px;margin:auto;padding:16px}header{display:flex;gap:12px;align-items:center;margin-bottom:12px}header a{font-size:32px;color:inherit;text-decoration:none}h1{font-size:24px;letter-spacing:-1px;margin:0;font-weight:900}header #round{margin-left:auto;font-size:13px;font-weight:700}h2{font-size:16px;margin:0 0 12px;font-weight:900}button,input{font:inherit;color:inherit;background:#fff;border:2px solid #080808;border-radius:0;min-height:44px;padding:8px 12px}button{cursor:pointer;font-weight:700;box-shadow:3px 3px #080808}button:active{box-shadow:none;transform:translate(2px,2px)}button:disabled{color:#666;background:#ddd;box-shadow:none;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ff00fe;outline-offset:3px}button[aria-pressed=true]{background:gold}a{color:inherit}.stats{display:flex;gap:20px;font-size:13px;margin-bottom:12px}.stats strong{margin-left:5px}.round-control{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin-bottom:12px}.primary{background:#00c2cb;font-weight:900;min-width:150px}.context-tabs{display:flex;gap:8px;margin-bottom:16px}.context-tabs button{font-size:13px}.layout{position:relative}.map-tools{display:flex;align-items:center;gap:8px;margin-bottom:8px}.map-tools strong{margin-right:auto;font-size:13px}.map-tools button{width:44px;padding:0}.district-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.district-legend button{font-size:12px;background:var(--company);padding:5px 10px;min-height:44px}.map-frame{height:clamp(360px,64dvh,720px);position:relative;overflow:hidden;border:3px solid #080808;box-shadow:6px 6px #080808;background:#e2e5ce}.district-viewport{width:100%;height:100%;overflow:auto;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}#scene{position:relative;min-width:0;aspect-ratio:1240/800;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.scene-labels,.plot-buttons,.district-names,.rival-targets{position:absolute;inset:0;pointer-events:none}.scene-labels{z-index:3}.plot-buttons,.rival-targets{z-index:2}.district-names{z-index:1}.district-names span{position:absolute;transform:translate(-50%);border:2px solid #080808;box-shadow:3px 3px #080808;padding:5px 8px;font-size:12px;font-weight:900;white-space:nowrap}.map-plot,.rival-targets button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:44px;height:44px;min-height:44px;padding:0;border:2px solid #080808;box-shadow:none;font-size:20px;background:#fffb}.map-plot.owned{background:transparent;border:0}.map-plot[aria-pressed=true]{background:#ffd70099}.rival-targets button{width:32px;height:44px;font-size:12px}.level-badge,.output-badge{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:700;white-space:nowrap;background:#fff;border:2px solid #080808;padding:2px 4px}.level-2{background:gold}.level-3{background:#00c2cb}.queued{border-style:dashed}.output-badge{background:#fff}.output-badge.limited{background:gold}.map-inspector{position:absolute!important;inset:auto 10px 10px auto!important;width:min(280px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;padding:12px;border:3px solid #080808;background:beige;box-shadow:4px 4px #080808;z-index:6;line-height:1.4}.map-inspector h2{padding-right:40px;margin-bottom:8px}.close-inspector,.dismiss-panel{position:absolute;top:4px;right:4px;width:44px;padding:0;border:0;box-shadow:none;background:transparent;font-size:24px}.business-info{display:grid;gap:8px;font-size:13px}.business-info span{font-size:12px}.buildings{display:grid;gap:6px}.buildings button{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;font-size:12px;box-shadow:2px 2px #080808}.buildings button small{font-size:10px;max-width:115px;font-weight:400}.map-inspector>small{display:block;font-size:11px;margin-top:10px}.market,aside,.competition{position:absolute;z-index:5;right:14px;bottom:16px;width:min(320px,calc(100% - 28px));max-height:calc(100% - 124px);overflow:auto;border:3px solid #080808;background:beige;padding:14px;box-shadow:4px 4px #080808;font-size:13px}.market h2,aside h2,.competition h2{padding-right:32px}.quantity{display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:8px}input{width:90px;min-width:0}.market-row{display:grid;grid-template-columns:1fr 52px 52px;gap:6px;padding:10px 0;border-top:2px solid #080808;align-items:center}.market-row button{font-size:12px;padding:4px}.market-row small{display:block;font-size:11px;margin-top:3px;line-height:1.4}.muted,small{font-size:12px;line-height:1.45}.plan{display:grid;gap:8px;padding-top:12px;border-top:2px solid #080808}.plan ol{margin:0;padding-left:20px;font-size:12px}.forecast{font-size:12px;margin-bottom:12px}.forecast p{margin:6px 0}.forecast small{display:block}.competition>div{display:grid;grid-template-columns:1fr auto;gap:6px;border-top:2px solid #080808;padding:10px 0}.competition small{grid-column:1/-1}.cash-report{display:grid;gap:6px;border-bottom:2px solid #080808;padding-bottom:12px}.coach{display:flex;gap:12px;align-items:center;border:2px solid #080808;padding:12px;margin-bottom:12px;background:gold;font-size:13px}.coach p{margin:4px 0;font-size:12px}.coach>div{flex:1}.coach button{max-width:190px}.mission{font-size:12px;margin-bottom:10px}.mission>span{display:block;margin:4px 0}.milestones{display:none}.news{font-size:12px;padding:10px;border:2px solid #080808;background:gold;margin-bottom:12px}.news p{margin:4px 0}.news small{display:none}#status{background:gold;border:2px solid #080808;padding:8px;font-size:13px}details{font-size:12px;margin-top:20px;line-height:1.6}summary{cursor:pointer;font-weight:700;min-height:44px;padding:12px 0}details nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}dialog{border:3px solid #080808;background:beige;box-shadow:6px 6px #080808;max-width:min(600px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:20px;font-size:14px;line-height:1.5}dialog::backdrop{background:#0009}dialog button{display:block;margin-top:14px}@media(max-width:600px){main{padding:10px}h1{font-size:20px}header{gap:8px}.stats{gap:14px;font-size:12px}.round-control{font-size:12px}.context-tabs{gap:6px}.context-tabs button{flex:1;padding:6px;font-size:12px}.district-legend{gap:6px}.district-legend button{flex:1;padding:4px 6px;font-size:10px}.map-frame{height:60dvh;min-height:360px}.map-inspector{width:calc(100% - 20px);max-height:220px}.buildings button{min-height:44px}.market,aside,.competition{max-height:calc(100% - 124px)}.coach{flex-direction:column;align-items:stretch}.coach button{max-width:none}}.district-viewport #scene{margin:0 auto}.rival-targets button{width:44px}.district-legend button:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid #080808;background:var(--company);margin-right:5px}#scene canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.map-plot:active,.rival-targets button:active{transform:translate(-50%,-50%)}.map-plot.empty{border:0;background:transparent;font-size:18px;color:#080808}.map-plot.empty:hover,.map-plot.empty:focus-visible{background:#fffc;border:2px solid #080808}.map-plot.empty[aria-pressed=true]{background:#ffd70099;border:2px solid #080808}.rival-targets button{background:transparent!important;border:0}.rival-level{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:2px 4px;font-size:11px;border:2px solid #080808;background:#fff}.district-names span{font-size:11px}#scene{cursor:grab;-webkit-user-select:none;user-select:none}#scene:active{cursor:grabbing}.map-plot,.rival-targets button{cursor:pointer}.commodity-tabs{display:flex;gap:6px;margin-bottom:12px}.commodity-tabs button{flex:1;font-size:11px;padding:5px 4px}.market{max-height:min(360px,calc(100% - 124px))}.settlement-details{margin-top:8px}.settlement-details summary{font-size:12px}.market .news{font-size:11px;padding:8px;margin-bottom:10px}.market .muted{font-size:11px}.market-row{padding:8px 0}.next-cue{position:absolute;left:10px;bottom:10px;z-index:4;max-width:min(280px,calc(100% - 20px));font-size:12px;background:gold}.map-frame:has(.map-inspector) .next-cue,.map-frame:has(.map-inspector) .round-toast{display:none}.round-toast{position:absolute;left:10px;top:10px;z-index:4;max-width:calc(100% - 20px);background:#fff;border:2px solid #080808;padding:8px;font-size:11px;pointer-events:none}.wealth-effects{position:absolute;inset:0;pointer-events:none;z-index:4}.wealth-effects>span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:gold;border:2px solid #080808;padding:2px 4px;font-size:12px;box-shadow:2px 2px #080808}.wealth-effects b{font-size:15px}.wealth-effects .cash-effect{background:#00c2cb}.finance-panel{position:absolute;z-index:5;right:14px;bottom:16px;width:min(300px,calc(100% - 28px));max-height:calc(100% - 124px);overflow:auto;border:3px solid #080808;background:beige;padding:14px;box-shadow:4px 4px #080808;font-size:12px}.finance-panel h2{padding-right:35px}.finance-panel>div{display:flex;gap:8px;margin:12px 0}.finance-panel small{display:block;font-size:11px}.finance-link{font-size:11px;margin-bottom:10px}.map-inspector button:not(:disabled):not(.close-inspector){outline:2px solid #00c2cb;outline-offset:1px}.action-target{background:gold;border:2px solid #080808!important}.round-control .primary{outline:2px solid #080808;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.round-control .primary,.next-cue,.action-target{animation:next-action 1.4s ease-in-out infinite}.wealth-effects>span{animation:wealth-rise 1.3s ease-out 3}@keyframes next-action{50%{outline:3px solid #ff00fe;outline-offset:4px}}@keyframes wealth-rise{0%{opacity:0;transform:translate(-50%,20%)}25%{opacity:1}to{opacity:1;transform:translate(-50%,-70%)}}}@media(max-width:600px){.next-cue{font-size:11px;max-width:240px}.wealth-effects>span{font-size:10px}.round-toast{font-size:10px}}.map-frame{height:clamp(520px,78dvh,860px)}.map-hud{position:absolute;left:10px;top:10px;z-index:5;border:3px solid #080808;background:beige;padding:10px;width:min(330px,calc(100% - 20px));box-shadow:3px 3px #080808;font-size:12px}.map-hud #round{display:block;font-weight:900;margin-bottom:8px}.map-hud .stats{gap:12px;margin-bottom:10px;font-size:11px}.map-hud .round-control{margin:0;font-size:11px}.map-hud .primary{min-width:112px;font-size:12px}.action-dock{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);flex-wrap:wrap}.action-dock .context-tabs{order:1;display:flex;margin:0;gap:6px}.action-dock .context-tabs button{font-size:11px;padding:6px 10px}.action-dock .next-cue{position:static;order:0;max-width:220px}.map-frame:has(.map-inspector) .next-cue{display:block}.map-inspector{bottom:74px!important}.market,aside,.finance-panel,.competition,.company-panel{bottom:126px}.company-panel{position:absolute;z-index:5;right:14px;width:min(310px,calc(100% - 28px));max-height:calc(100% - 240px);overflow:auto;border:3px solid #080808;background:beige;padding:14px;box-shadow:4px 4px #080808;font-size:12px}.company-panel h2{padding-right:36px}.company-panel button:not(.dismiss-panel){font-size:12px}.district-legend{margin:14px 0 0}.district-legend button{flex:1}.city-life{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;shape-rendering:crispEdges;overflow:visible}.wealth-effects>span{opacity:0;animation:wealth-once 1.5s ease-out 1 both;animation-delay:inherit}@keyframes wealth-once{0%{opacity:0;transform:translate(-50%,15%)}20%,65%{opacity:1}to{opacity:0;transform:translate(-50%,-130%)}}@media(prefers-reduced-motion:no-preference){.life-moving .cow{animation:cow-step 5s ease-in-out infinite;animation-delay:var(--life-delay)}.life-moving .wagon{animation:wagon-roll 3.5s ease-in-out infinite;animation-delay:var(--life-delay)}.life-moving .smoke{animation:chimney-puff 3s ease-out infinite;animation-delay:var(--life-delay)}@keyframes cow-step{50%{transform:translate(-13px,42px)}}@keyframes wagon-roll{50%{transform:translate(13px)}}@keyframes chimney-puff{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(6px,-12px)}}}@media(prefers-reduced-motion:reduce){.wealth-effects>span{animation:none;opacity:1}}@media(max-width:600px){.map-frame{height:78dvh;min-height:540px}.action-dock{gap:7px}.action-dock .next-cue{max-width:100%;font-size:11px}.action-dock .context-tabs{width:100%}.action-dock .context-tabs button{flex:1}.map-inspector{bottom:116px!important;max-height:220px}.market,aside,.finance-panel,.competition,.company-panel{bottom:166px;max-height:calc(100% - 280px)}.map-hud{padding:8px}.round-toast{top:135px}.district-legend{gap:6px}}.auction-panel{position:absolute;z-index:5;right:14px;bottom:126px;width:min(300px,calc(100% - 28px));max-height:calc(100% - 240px);overflow:auto;border:3px solid #080808;background:beige;padding:14px;box-shadow:4px 4px #080808;font-size:12px}.auction-panel h2{padding-right:32px}.auction-panel>button[data-bid]{display:block;margin:12px 0}.auction-panel small{display:block;font-size:11px}.auction-link{font-size:11px;background:gold;margin-bottom:10px;margin-right:8px}@media(max-width:600px){.auction-panel{bottom:166px;max-height:calc(100% - 280px)}}.district-viewport #scene{margin:135px auto 110px}.company-panel,.auction-panel,.finance-panel{max-height:min(340px,calc(100% - 300px))}.city-life{overflow:hidden;contain:layout style;shape-rendering:crispEdges}.life-plane{position:absolute;left:0;top:0;width:1240px;height:800px;transform-origin:0 0;pointer-events:none}.building-life{position:absolute;width:80px;height:140px;overflow:visible}.traffic-car{position:absolute;width:20px;height:14px;overflow:visible;offset-path:path("M620 275 L924 427 L620 579 L316 427 Z");offset-rotate:auto}.traffic-moving{animation:traffic-lap 24s linear infinite}@keyframes traffic-lap{0%{offset-distance:0%}to{offset-distance:100%}}@media(prefers-reduced-motion:reduce){.traffic-moving{animation:none}}.hint-panel{position:absolute;right:14px;bottom:126px;z-index:5;width:min(310px,calc(100% - 28px));max-height:calc(100% - 280px);overflow:auto;margin:0;display:flex;flex-direction:column;align-items:stretch;padding:14px;border:3px solid #080808;box-shadow:4px 4px #080808}.hint-panel>div{padding-right:30px}.hint-panel #suggestion{max-width:none}.hint-panel .dismiss-panel{max-width:44px;background:transparent}.competition .mission{margin-bottom:12px}@media(max-width:600px){.hint-panel{bottom:166px}}.traffic-car{width:30px;height:24px;offset-rotate:0deg}.car-axis-sw{opacity:0}@media(prefers-reduced-motion:no-preference){.traffic-moving .car-axis-se{animation:car-axis-a var(--car-duration) steps(1,end) var(--car-delay) infinite}.traffic-moving .car-axis-sw{animation:car-axis-b var(--car-duration) steps(1,end) var(--car-delay) infinite}}@keyframes car-axis-a{0%,50%{opacity:1}25%,75%{opacity:0}}@keyframes car-axis-b{0%,50%{opacity:0}25%,75%{opacity:1}}.opengfx-crop{position:absolute;display:block;overflow:hidden;image-rendering:pixelated}.opengfx-crop img{position:absolute;max-width:none;image-rendering:pixelated}.traffic-car{width:20px;height:16px}.traffic-car .opengfx-crop{inset:0}.building-life{pointer-events:none}.building-life .cow{position:absolute;left:8px;top:101px;width:28px;height:22px;shape-rendering:crispEdges}.building-life .wagon{left:28px;top:70px;transform:scale(.55);transform-origin:top left;clip-path:polygon(0 48%,100% 48%,100% 100%,0 100%)}.building-life .smoke{position:absolute;left:48px;top:22px;width:26px;height:30px}.building-life .smoke i{position:absolute;width:8px;height:5px;background:#ccc9b9;transform:skewY(26deg);image-rendering:pixelated}.building-life .smoke i:nth-child(2){left:7px;top:-8px;background:#dedbcf}.building-life .smoke i:nth-child(3){left:14px;top:-15px;background:#eeeade}@media(prefers-reduced-motion:no-preference){.life-moving .cow{animation:cow-iso 5s steps(2,end) infinite;animation-delay:var(--life-delay)}.life-moving .wagon{animation:wagon-iso 3.5s steps(3,end) infinite;animation-delay:var(--life-delay)}.life-moving .smoke{animation:smoke-iso 3s steps(4,end) infinite;animation-delay:var(--life-delay)}@keyframes cow-iso{50%{transform:translate(8px,4px)}}@keyframes wagon-iso{50%{transform:translate(9px,5px) scale(.55)}}@keyframes smoke-iso{0%{opacity:.8;transform:translate(0)}to{opacity:0;transform:translate(12px,-16px)}}}.map-tools{position:absolute;right:10px;top:10px;z-index:7;margin:0}.map-tools strong{display:none}.map-tools button{background:beige}.map-hud{top:66px}.round-toast{top:200px}.district-viewport #scene{margin:0 auto 110px}@media(max-width:600px){.map-tools{top:8px;right:8px}.map-hud{top:62px}.round-toast{top:190px}}.map-inspector button:not(:disabled):not(.close-inspector),.round-control .primary{outline:0}.round-control .primary{--pulse-a:#00c2cb;--pulse-b:#ffd700}.next-cue,.action-target{--pulse-a:#ffd700;--pulse-b:#00c2cb}@media(prefers-reduced-motion:no-preference){@keyframes next-action{0%,to{background-color:var(--pulse-a)}50%{background-color:var(--pulse-b)}}}.map-hud{pointer-events:none}.map-hud button{pointer-events:auto}.map-frame{background:#d4d4cf}.life-plane .world-building{image-rendering:pixelated}.resource-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px;padding:8px 0;border-top:2px solid #080808;border-bottom:2px solid #080808}.resource-counters>div{display:flex;flex-direction:column;gap:4px;font-size:11px}.resource-counters strong{font-size:17px;white-space:nowrap}.resource-counters small{font-size:10px;font-weight:400}.resource-gain{color:#076268;font-weight:700}.shared-capacity{grid-column:1/-1}.hud-hint{min-width:52px;padding:5px;font-size:11px;background:gold}.map-hud .round-control{flex-wrap:wrap;gap:8px}.map-hud .round-control>span{flex:1 1 100%}.round-toast{top:270px;pointer-events:auto;padding-right:42px;max-width:330px}.round-toast button{position:absolute;right:0;top:0;min-height:36px;width:36px;padding:0;border:0;box-shadow:none;background:transparent;font-size:21px}@media(max-width:600px){.map-tools{top:auto;bottom:126px}.round-toast{top:265px;max-width:calc(100% - 20px)}}.building-life .smoke .smoke-frame{left:0;top:0;transform:scale(1.25);transform-origin:bottom left}.building-life .smoke .smoke-a,.building-life .smoke .smoke-b{display:none}.map-hud,.map-tools{top:10px}.round-toast{top:145px}.building-life .cow{width:9px!important;height:7px!important;transform:scale(2);transform-origin:top left;left:9px;top:110px}.building-life .wagon{left:25px;top:100px;transform:scale(1);clip-path:none}.traffic-car .car-direction{opacity:0}.traffic-car .car-direction-0{opacity:1}@media(max-width:600px){.map-hud{top:10px}.map-tools{top:150px}.round-toast{top:205px}}@media(prefers-reduced-motion:no-preference){.traffic-moving .car-direction{animation:car-directions var(--car-duration) steps(1,end) var(--car-delay) infinite}.traffic-moving .car-direction-1{animation-name:car-dir-1}.traffic-moving .car-direction-2{animation-name:car-dir-2}.traffic-moving .car-direction-3{animation-name:car-dir-3}@keyframes car-directions{0%{opacity:1}25%,50%,75%{opacity:0}}@keyframes car-dir-1{0%{opacity:0}25%{opacity:1}50%,75%{opacity:0}}@keyframes car-dir-2{0%,25%{opacity:0}50%{opacity:1}75%{opacity:0}}@keyframes car-dir-3{0%,25%,50%{opacity:0}75%{opacity:1}}@keyframes cow-iso{0%,to{transform:scale(2)}50%{transform:translate(6px,3px) scale(2)}}@keyframes wagon-iso{0%,to{transform:translate(0)}50%{transform:translate(8px,4px)}}}@media(max-width:600px){.map-hud{width:calc(100% - 85px)}.map-tools{top:10px;bottom:auto;flex-direction:column}.round-toast{top:275px}}.trade-target{--pulse-a:#ffd700;--pulse-b:#00c2cb;background:gold}@media(prefers-reduced-motion:no-preference){.trade-target,.action-target{animation:available-action 1.4s steps(1,end) infinite}@keyframes available-action{0%,to{background-color:gold}50%{background-color:#00c2cb}}}