:root{color-scheme:light;--ink:#233d3b;--muted:#687b73;--line:rgba(48,76,64,.14);--paper:rgba(250,251,242,.94);--green:#1d7662;--mint:#d9efc6;--copper:#ad633c;--danger:#a84935;--shadow:0 8px 36px #1a34351a;--radius:14px;font:400 16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b4d3d3}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #35967a;outline-offset:3px}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--green)}button svg{pointer-events:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}#world{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}.atmosphere-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(231,239,227,.4),transparent 25%,transparent 68%,rgba(215,229,212,.25))}#app{position:fixed;inset:0;pointer-events:none}#app>*{pointer-events:auto}.panel{background:var(--paper);border:1px solid rgba(255,255,250,.75);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.topbar{position:absolute;top:20px;left:24px;right:24px;height:64px;display:flex;align-items:center;gap:28px;padding:0 20px}.brand{display:flex;align-items:center;gap:12px;min-width:173px}.brand-symbol{width:28px;height:32px;stroke-width:1.6}.brand strong{font-size:20px;font-weight:600;letter-spacing:-.3px}.brand span{display:block;font-size:12px;color:var(--muted)}.separator{width:1px;height:28px;background:var(--line)}.financial{display:flex;align-items:center;gap:32px;flex:1}.stat{display:grid;gap:2px}.stat small{font-size:12px;color:var(--muted)}.stat strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.stat strong em{font-style:normal;font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.status{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:#6eaa73;box-shadow:0 0 0 3px #6eaa7318}.dot.off{background:#b88856}.wallet-btn{display:flex;gap:9px;align-items:center;padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:#fff8;font-size:14px;font-weight:500}.wallet-btn:hover{background:#fff}.city-title{position:absolute;left:34px;top:110px;text-shadow:0 1px 12px #f2f6e9}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#4e7469}.city-title h1{font-size:32px;line-height:1.12;letter-spacing:-.8px;font-weight:500;margin:9px 0 8px}.city-meta{display:flex;align-items:center;gap:12px;color:#537168;font-size:14px}.city-meta i{height:3px;width:3px;background:currentColor;border-radius:50%}.market{position:absolute;right:24px;top:104px;width:294px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title h2{font-size:16px;font-weight:600;margin:0}.round-pill{font-size:12px;padding:4px 8px;border-radius:6px;background:#e9eee2;color:#657a68}.subtext{font-size:12px;color:var(--muted);margin:6px 0 17px}.market-head,.market-row{display:grid;grid-template-columns:1fr 60px 57px;gap:6px;align-items:center}.market-head{font-size:12px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.market-head span:not(:first-child){text-align:right}.market-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.resource-name{display:flex;align-items:center;gap:9px}.resource-name svg{width:17px;height:17px}.market-price{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.demand{text-align:right;font-size:12px;color:var(--green)}.demand.low{color:var(--muted)}.market-insight{font-size:12px;line-height:1.55;margin:14px 0 0;color:#5c7166}.market-insight strong{font-weight:500;color:var(--ink)}.market-toggle{display:none}.camera-tools{position:absolute;left:24px;top:242px;padding:5px;display:grid;gap:3px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent}.icon-btn:hover,.icon-btn.active{background:#e4eddf;color:var(--green)}.view-label{position:absolute;left:78px;top:255px;font-size:12px;color:#44675d;text-shadow:0 1px 6px #fff}.world-tag{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:7px;background:#f5f9eccf;box-shadow:0 2px 16px #234b4b1c;border:1px solid #ffffffab;backdrop-filter:blur(10px);padding:7px 10px;display:flex;align-items:center;gap:7px;font-size:12px;pointer-events:none!important;transition:opacity .2s}.world-tag .dot{box-shadow:none}.instruction{position:absolute;bottom:268px;left:50%;transform:translateX(-50%);font-size:12px;color:#315e54;background:#eff6e8b3;padding:7px 13px;border-radius:20px;backdrop-filter:blur(10px);white-space:nowrap;pointer-events:none!important}.dock{position:absolute;left:24px;right:24px;bottom:24px;min-height:213px;padding:20px;display:grid;grid-template-columns:minmax(460px,1.3fr) minmax(320px,.9fr) 212px;gap:24px}.dock-section+.dock-section{border-left:1px solid var(--line);padding-left:24px}.dock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dock-top h2{font-size:14px;font-weight:500;margin:0}.dock-top small{font-size:12px;color:var(--muted)}.industries{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.industry{position:relative;background:#f0f2e8;border:1px solid transparent;border-radius:9px;text-align:left;padding:12px;min-height:124px;transition:background .16s,border .16s,transform .16s}.industry:hover{background:#e8efe0;transform:translateY(-2px)}.industry.selected{background:#e4efda;border-color:#9cba84;box-shadow:inset 0 0 0 1px #a6c19030}.industry-icon{display:flex;align-items:center;justify-content:space-between;color:#638068;margin-bottom:13px}.industry-icon svg{width:24px;height:24px}.industry-icon span{font-size:12px;background:#fff7;border-radius:4px;padding:1px 5px}.industry strong{display:block;font-size:14px;font-weight:600}.industry .condition{font-size:12px;color:#61715e;margin-top:3px;display:flex;justify-content:space-between;gap:5px}.condition-track{height:3px;background:#c9d5bd;border-radius:3px;margin-top:8px;overflow:hidden}.condition-track span{display:block;height:100%;background:#86a567;transition:width .5s}.industry.low .condition-track span{background:#c78346}.allocation-line{display:flex;justify-content:space-between;align-items:center;margin:3px 0 10px;font-size:14px}.allocation-line strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.segment{display:flex;background:#e9eee3;border-radius:7px;padding:3px;gap:3px}.segment button{flex:1;background:transparent;border-radius:5px;font-size:12px;font-weight:500;padding:7px}.segment button.active{background:#fffdf5;box-shadow:0 1px 5px #172d1e12}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px}.switch{display:flex;align-items:center;gap:6px;padding:5px 0;background:transparent;font-size:12px}.switch .track{width:27px;height:16px;border-radius:12px;background:#cbd4c2;padding:2px}.switch .track::after{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s}.switch.active .track{background:#bc7a47}.switch.active .track::after{transform:translateX(11px)}.mode-note{color:var(--muted)}.commit-area{display:flex;flex-direction:column;justify-content:space-between}.cycle-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.cycle-status strong{font-size:20px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.commit-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px;background:#254f40;color:#f3f8e9;border-radius:8px;font-size:14px;font-weight:500;transition:background .16s}.commit-btn:hover{background:#336752}.commit-btn.committed{background:#e2ead9;color:#436044}.commit-note{font-size:12px;color:var(--muted);margin-top:8px}.city-actions{display:flex;gap:7px;margin-top:10px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#ffffff70}.text-btn:hover{background:#fff}.text-btn svg{width:14px;height:14px}.city-actions .text-btn{flex:1;padding:6px 4px}.inspector{position:absolute;left:88px;top:222px;width:246px;padding:17px;transform:translateY(5px);animation:appear .2s ease-out}.inspector h2{font-size:16px;margin:0;font-weight:600}.inspector .close{position:absolute;right:8px;top:8px;width:26px;height:26px}.inspector p{font-size:12px;color:var(--muted);line-height:1.55;margin:10px 0}.detail-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.detail-row strong{font-weight:500}.result{position:absolute;top:102px;left:50%;transform:translateX(-50%);width:350px;padding:18px 20px;animation:result-in .5s cubic-bezier(.2,.8,.2,1)}.result-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.result h2{font-size:32px;font-weight:500;letter-spacing:-.8px;margin:5px 0;color:var(--green);font-variant-numeric:tabular-nums}.result h2.loss{color:var(--danger)}.result p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.result .close{background:transparent;padding:0;height:20px}.welcome{position:absolute;top:50%;left:9%;transform:translateY(-45%);width:358px;padding:28px}.welcome .eyebrow{margin-bottom:14px}.welcome h1{font-size:32px;line-height:1.12;letter-spacing:-.8px;font-weight:500;margin:0 0 14px}.welcome p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 24px}.field-label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}input{display:block;width:100%;padding:12px 13px;border:1px solid #c4cfbe;border-radius:7px;color:var(--ink);background:#fffdf6;font-size:16px;outline:none}.welcome .commit-btn{margin-top:12px}.welcome .footnote{font-size:12px;color:var(--muted);margin:12px 0 0}.welcome .steps{display:flex;gap:8px;font-size:12px;margin:0 0 20px}.welcome .steps span{padding:5px 8px;background:#e9eee2;border-radius:5px}.hud-footer{position:absolute;left:26px;bottom:4px;font-size:12px;line-height:16px;color:#355f53;pointer-events:none!important}.hud-footer.right{left:auto;right:26px}.hidden{display:none!important}#toast{position:fixed;bottom:260px;left:50%;transform:translate(-50%,12px);max-width:min(480px,90vw);padding:12px 18px;border:1px solid #d4deca;border-radius:10px;background:#fafcf0f5;box-shadow:var(--shadow);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #fff;border-radius:18px;background:#f6f8ed;color:var(--ink);box-shadow:0 24px 90px #183d3755}dialog::backdrop{background:#133b3a45;backdrop-filter:blur(7px)}dialog h2{font-size:20px;font-weight:500;margin:0}dialog p{font-size:14px;color:var(--muted);line-height:1.6}dialog .dialog-head{display:flex;justify-content:space-between;align-items:center}dialog .dialog-head .icon-btn{width:30px;height:30px}dialog .commit-btn{margin-top:15px}dialog .detail-row{font-size:14px;padding:13px 0;margin:0}dialog .footnote{font-size:12px}dialog .ledger{margin:16px 0}dialog .transaction{font-size:12px;overflow-wrap:anywhere;padding:10px;background:#e9eee2;border-radius:7px;margin:8px 0}.ranking-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.ranking-row small{display:block;font-size:12px;color:var(--muted)}.ranking-row strong{font-weight:500}.ranking-row .profit{color:var(--green);font-variant-numeric:tabular-nums}.ranking-row .profit.loss{color:var(--danger)}.error-text{color:var(--danger)!important}.skeleton{position:fixed;inset:0;display:grid;place-content:center;color:#2c5a50;background:#c0d7d5;z-index:100}.skeleton p{font-size:14px}.skeleton .spinner{margin:auto;width:28px;height:28px;border:2px solid #aec7bb;border-top-color:#2b6351;border-radius:50%;animation:spin 1s linear infinite}.photo-mode .topbar,.photo-mode .city-title,.photo-mode .market,.photo-mode .dock,.photo-mode .instruction,.photo-mode .inspector,.photo-mode .world-tag,.photo-mode .hud-footer,.photo-mode .view-label,.photo-mode .result{display:none}.photo-mode .camera-tools{opacity:.2}.photo-mode .camera-tools:hover{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(5px)}}@keyframes result-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:1700px){.dock{max-width:1420px;left:50%;right:auto;width:calc(100% - 48px);transform:translateX(-50%)}.market{width:314px}.city-title{top:119px}}
@media(max-width:1180px){.dock{grid-template-columns:minmax(330px,1fr) minmax(260px,.8fr) 177px;gap:16px;padding:16px}.dock-section+.dock-section{padding-left:16px}.financial{gap:18px}.topbar{gap:18px}.brand{min-width:130px}.status{display:none}.market{width:258px}.industry{padding:10px}.industry .condition{font-size:12px}.result{top:195px;left:50%;width:290px}.inspector{top:214px;width:218px;left:80px}}
@media(max-width:900px){.topbar{left:14px;right:14px;top:14px;height:60px;padding:0 14px;gap:13px}.brand{min-width:0}.brand strong{font-size:16px}.brand span{font-size:12px}.brand-symbol{width:22px}.financial{gap:18px;justify-content:flex-end}.stat.world-stat,.separator{display:none}.wallet-btn{padding:9px}.wallet-btn span{display:none}.city-title{left:24px;top:95px}.market{right:14px;top:92px;width:236px;padding:15px}.dock{left:14px;right:14px;bottom:22px;grid-template-columns:1.1fr 1fr;gap:14px;min-height:auto}.commit-area{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);padding:12px 0 0!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.commit-area .commit-note{display:none}.cycle-status{justify-content:flex-start;gap:14px}.industry{min-height:110px;padding:9px}.industry-icon{margin-bottom:9px}.instruction{bottom:332px}.camera-tools{left:14px;top:205px}.view-label{display:none}.inspector{top:200px;left:66px}.result{top:180px;left:40%;width:280px}#toast{bottom:326px}.hud-footer{left:16px}.hud-footer.right{right:16px}}
@media(max-width:620px){.topbar{left:10px;right:10px;top:10px;height:57px;gap:12px;padding:0 12px;border-radius:11px}.brand{gap:7px}.brand span{display:none}.financial{gap:13px}.stat small{font-size:12px}.stat strong{font-size:14px}.stat strong em{display:none}.stat.value-stat{display:none}.wallet-btn{padding:8px}.city-title{top:86px;left:18px}.city-title h1{font-size:20px;letter-spacing:-.3px;margin:7px 0}.city-meta{font-size:12px;gap:7px}.city-title .eyebrow{font-size:12px}.market{top:151px;right:10px;width:215px;display:none;z-index:8}.market.open{display:block}.market-toggle{display:flex;position:absolute;right:10px;top:85px;padding:9px 12px;align-items:center;gap:7px;font-size:12px;min-height:40px}.market-toggle svg{width:16px;height:16px}.camera-tools{left:10px;top:167px;padding:3px}.icon-btn{width:34px;height:34px}.camera-tools .secondary-tool{display:none}.dock{bottom:20px;left:10px;right:10px;padding:12px;gap:11px;grid-template-columns:1fr;border-radius:12px}.dock-top{margin-bottom:8px}.industries{gap:6px}.industry{min-height:96px;padding:9px}.industry-icon{margin-bottom:5px}.industry-icon svg{width:20px;height:20px}.industry strong{font-size:14px}.industry .condition{font-size:12px}.condition-track{margin-top:6px}.dock-section+.dock-section{padding:0;border:0}.allocation-section{display:grid;grid-template-columns:1fr 1fr;gap:7px 13px;border-top:1px solid var(--line)!important;padding-top:10px!important}.allocation-section .dock-top{display:none}.allocation-line{font-size:12px;margin:0}.allocation-line strong{font-size:16px}.segment{align-items:center}.segment button{padding:5px;font-size:12px}.mode-row{grid-column:1/-1;margin:0}.city-actions{display:none}.commit-area{padding-top:9px!important;grid-template-columns:1fr 1.3fr;gap:10px}.commit-btn{padding:12px;font-size:14px}.cycle-status{gap:8px}.cycle-status strong{font-size:16px}.instruction{bottom:346px;font-size:12px;padding:5px 10px}.hud-footer{font-size:12px;left:13px;bottom:2px}.hud-footer.right{display:none}.inspector{top:155px;left:56px;width:220px;z-index:7}.world-tag{font-size:12px;padding:5px 8px}.result{top:158px;left:50%;width:calc(100% - 100px);z-index:9;padding:13px}.result h2{font-size:20px;letter-spacing:0}.welcome{left:16px;right:16px;top:auto;bottom:28px;transform:none;width:auto;padding:24px}.welcome h1{font-size:32px}.welcome p{margin-bottom:18px}.welcome .steps{margin-bottom:15px}#toast{bottom:348px;font-size:12px}.welcome-active .camera-tools,.welcome-active .instruction{display:none}.welcome-active .city-title{display:none}}
.production-quote{font-size:12px;line-height:1.45;padding-top:9px;margin-top:8px;border-top:1px solid var(--line)}.production-quote>div{display:flex;align-items:center;gap:6px;margin:2px 0}.production-quote>div>span{color:var(--muted)}.production-quote>div>strong{font-weight:500;font-variant-numeric:tabular-nums}.production-quote>div>span:nth-of-type(2){margin-left:auto}.production-quote small{font-size:12px;color:var(--muted)}.settlement-math{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:9px;margin-top:11px;font-size:12px}.instruction{bottom:326px}#toast{bottom:320px}@media(max-width:900px){.instruction{bottom:394px}#toast{bottom:390px}}@media(max-width:620px){.production-quote{grid-column:1/-1;margin:0;padding-top:5px}.production-quote small{display:none}.instruction{bottom:404px}#toast{bottom:410px}.market-insight:last-child{display:none}}
@media(max-width:620px){.city-actions{display:flex}.allocation-section .city-actions{grid-column:1/-1;margin:0}.allocation-section .city-actions .text-btn{min-height:34px}.instruction{display:none}.cycle-status{flex-wrap:wrap;gap:3px}.cycle-status span{max-width:105px}.dock{max-height:49dvh;overflow:auto}.world-tag{display:none}.market{max-height:39dvh;overflow:auto}dialog .city-actions{flex-wrap:wrap}dialog .city-actions .text-btn{padding:10px}}
@media(min-width:901px){.dock{padding:16px 20px;min-height:235px}.dock-top{margin-bottom:10px}.city-actions{margin-top:12px}.city-actions .text-btn{min-height:35px}.industry{min-height:120px}.mode-row{margin-top:7px}.production-quote{padding-top:6px;margin-top:5px}.instruction{bottom:287px}#toast{bottom:292px}.market-insight:last-child{margin-top:10px}.market-insight:last-child br{display:none}.market{max-height:42dvh;overflow:auto}}
.industry .condition{color:#4b614e}.industry-icon{color:#526747}
.photo-mode .welcome,.photo-mode .market-toggle{display:none}
.atmosphere-vignette{background:linear-gradient(180deg,rgba(231,239,227,.06),transparent 25%,transparent 68%,rgba(215,229,212,.04))}
#world:focus-visible{outline:3px solid #276e59;outline-offset:-4px}
.round-pill{color:#4e634f}
.market-toggle{position:absolute}
.practice-entry{width:100%;margin-top:10px;min-height:38px}.founding-progress{display:flex;align-items:center;gap:10px;padding:16px 0;font-size:14px;color:var(--green)}
dialog input+.field-label,dialog .commit-btn+.field-label{margin-top:18px}dialog .city-actions{flex-wrap:wrap}dialog .text-btn{min-height:38px}#confirm-wallet-replace{display:inline-block;vertical-align:middle;margin-right:6px}#join-world{margin-top:10px}
.market-insight strong{margin-right:4px}.dock-top{gap:12px}.dock-top small{text-align:right}.city-title{padding:10px 14px;left:24px;top:104px;border-radius:12px;background:rgba(244,249,237,.78);backdrop-filter:blur(16px);box-shadow:0 2px 12px #35594908}.city-title h1{margin:5px 0}.city-title .eyebrow{font-size:12px}dialog{max-height:90dvh;overflow:auto}
@media(max-width:1180px){.allocation-section .dock-top small{display:none}}
@media(min-width:621px) and (max-width:900px){.city-title{left:14px;top:92px}}
@media(max-width:620px){.city-title{top:79px;left:10px;padding:8px 10px;max-width:calc(100vw - 112px)}.city-title .eyebrow{display:none}.city-title h1{margin:0 0 4px}.city-meta{flex-wrap:wrap;gap:3px 6px}}
@media(max-height:540px) and (min-width:621px){.topbar{top:8px;left:10px;right:10px;height:48px}.brand span,.world-stat,.value-stat{display:none!important}.city-title{top:67px;left:10px;padding:8px 10px}.city-title h1{font-size:20px;letter-spacing:-.3px}.city-title .eyebrow{display:none}.camera-tools{top:155px;left:10px}.camera-tools .secondary-tool{display:none}.market{display:none}.market-toggle{display:flex;right:14px;top:70px;padding:10px}.market.open{display:block;right:14px;top:115px;max-height:190px;overflow:auto}.dock{left:auto;right:12px;top:120px;bottom:20px;width:375px;overflow:auto;display:flex;flex-direction:column;padding:12px;gap:12px;min-height:0}.dock-section+.dock-section{border:0;padding:0}.dock-top{margin-bottom:7px}.industry{min-height:90px;padding:8px}.industry-icon{margin-bottom:6px}.commit-area{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.commit-area>div:last-child{flex:1}.commit-note{display:none}.city-actions{margin-top:7px}.instruction,.hud-footer.right{display:none}.welcome{left:14px;top:70px;bottom:16px;width:350px;transform:none;padding:18px;overflow:auto}.welcome h1{font-size:20px;letter-spacing:-.3px}.welcome p{margin-bottom:12px}.welcome .steps{display:none}.welcome .eyebrow{margin-bottom:8px}.result{top:130px;left:35%;width:280px}.inspector{left:57px;top:120px;max-height:230px;overflow:auto}#toast{bottom:20px}.dock .segment{role:group}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.mayor-roster{display:grid;gap:3px;margin:9px 0 12px}.mayor-row{width:100%;justify-content:space-between;gap:8px;min-height:30px;text-align:left;padding:5px 7px}.mayor-row>span:first-child{min-width:0;overflow-wrap:anywhere}.mayor-row>span:last-child{display:flex;align-items:center;gap:4px;flex:none}.review-cycle,.pause-cycle{width:100%;margin-top:8px;min-height:34px}.capacity-note,.public-supply{flex-wrap:wrap}.production-quote .capacity-note>span:nth-of-type(2){margin-left:0}.cycle-ledger{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.cycle-ledger .ledger{margin:12px 0}.ranking-row>div{min-width:0;overflow-wrap:anywhere}dialog .detail-row{flex-wrap:wrap}.result .review-cycle{margin-top:12px}.commit-area{gap:8px}
.dock>.mayor-roster{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.dock{row-gap:12px}
@media(min-width:901px){.dock{max-height:48dvh;overflow:auto}.instruction{display:none}}
@media(max-width:900px){.mayor-roster{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;margin:2px 0}.commit-area .review-cycle,.commit-area .pause-cycle{grid-column:1/-1}.commit-area>.cycle-status{grid-column:1/-1}.commit-area{display:grid;grid-template-columns:1fr}.commit-area>div:has(.commit-btn){min-width:0}.mayor-row{min-height:34px}.public-supply{grid-column:1/-1}}
@media(max-width:620px){.mayor-roster{gap:4px}.production-quote .capacity-note{display:flex}.result{max-height:37dvh;overflow:auto}.result .review-cycle{min-height:38px}.dock{max-height:52dvh}.commit-area .review-cycle{margin-top:0}}
@media(max-width:900px){.dock>.mayor-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:540px) and (min-width:621px){.dock{max-height:none}.mayor-roster{grid-template-columns:1fr 1fr}.commit-area{display:flex;flex-direction:column}.result{max-height:55dvh;overflow:auto}}
@media(max-width:620px){.commit-area{position:sticky;bottom:-12px;z-index:2;grid-template-columns:1fr 1.6fr;gap:6px;margin:0 -12px -12px;padding:10px 12px!important;background:var(--paper);border-top:1px solid var(--line)!important}.commit-area>.cycle-status{grid-column:auto}.commit-area>.review-cycle,.commit-area>.pause-cycle{grid-column:1/-1}.commit-area .commit-btn{min-height:44px}.mayor-row{min-height:36px}.dock{padding-bottom:12px}}
.mayor-summary{display:none}
@media(max-width:620px){.dock>.mayor-roster{grid-template-columns:1fr}.mayor-row{display:none}.mayor-summary{display:flex;justify-content:space-between;min-height:38px}.mayor-summary>span:last-child{display:flex;align-items:center;gap:6px}.commit-area{background:#f6f8ed}}
@media(max-width:620px){.dock>.dock-section:has(.industries)>.dock-top{display:none}.industry{min-height:84px;padding:8px}.industry-icon{margin-bottom:2px}.industry .condition-track{margin-top:4px}.allocation-section>.city-actions{order:1}}