:root{--bg:var(--c-night);--text:var(--c-cloud);--dim:var(--c-stone3);--accent:var(--c-forge2);--accent-hi:var(--c-forge3);--good:var(--c-teal1);--bad:var(--c-forge1);--panel-w:400px;--nav-w:84px;--sheet-half:44dvh;--gap:calc(var(--px) * 4);--font:"Fusion Pixel 12px", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);font:var(--fs,12px) / 1.5 var(--font);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}h2,h3,h4,p{margin:0;font-weight:400}b,strong{color:var(--accent-hi);font-weight:400}small{font-size:var(--fs-s)}.num{font-variant-numeric:tabular-nums}.dim{color:var(--dim)}.ok{color:var(--good)}.short,.err{color:var(--bad)}.big{font-size:var(--fs-l)}img.px{image-rendering:pixelated;flex:none;display:block}.icon-s{width:var(--icon-s);height:var(--icon-s)}.icon-m{width:var(--icon-m);height:var(--icon-m)}.icon-l{width:var(--icon-l);height:var(--icon-l)}.pf-panel,.pf-card,.pf-cardHi,.pf-inset,.pf-btn,.pf-tabOn,.btn,.seg,.chip-btn,.text-in{border-style:solid;border-width:calc(var(--px) * 4);border-image-slice:4 fill;border-image-width:calc(var(--px) * 4);image-rendering:pixelated;background:0 0;border-image-repeat:stretch}.pf-panel{border-image-source:var(--pf-panel)}.pf-card{border-image-source:var(--pf-card)}.pf-cardHi{border-image-source:var(--pf-cardHi)}.pf-inset,.text-in{border-image-source:var(--pf-inset)}.pf-btn,.btn,.btn-default,.chip-btn{border-image-source:var(--pf-btn)}.pf-tabOn{border-image-source:var(--pf-tabOn)}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;position:fixed;inset:0}.topbar{grid-area:top}.stage{grid-area:stage}.panel{grid-area:panel}.nav{grid-area:nav}.app[data-layout=portrait]{grid-template:"top""stage"1fr"panel""nav"/100%}.app[data-layout=portrait] .panel{height:var(--sheet-half);transition:height .2s steps(5,end)}.app[data-layout=portrait][data-sheet=full] .panel{height:calc(100dvh - 190px)}.app[data-layout=portrait][data-sheet=closed] .panel{border-width:0;height:0;overflow:hidden}.app[data-layout=portrait][data-roomy]{--sheet-half:46dvh}.app[data-layout=square]{grid-template:"top top""stage panel"1fr"stage nav"/1fr minmax(330px,42%)}.app[data-layout=square][data-sheet=closed]{grid-template-columns:1fr minmax(0,auto)}.app[data-layout=square][data-sheet=closed] .panel{display:none}.app[data-layout=wide]{grid-template:"nav top top" auto "nav stage panel" 1fr / var(--nav-w) 1fr var(--panel-w)}.app[data-layout=wide][data-sheet=closed]{grid-template-columns:var(--nav-w) 1fr 0}.app[data-layout=wide][data-sheet=closed] .panel{display:none}.app[data-layout=landscape-short]{grid-template:"nav stage panel"1fr/auto 1fr 320px}.app[data-layout=landscape-short][data-sheet=closed]{grid-template-columns:auto 1fr 0}.app[data-layout=landscape-short][data-sheet=closed] .panel{display:none}.app[data-layout=landscape-short] .topbar{z-index:6;background:linear-gradient(#1a1426e6,#0000);grid-area:stage;align-self:start}.app[data-layout=landscape-short] .nav-btn span{display:none}.app[data-layout=wide] .nav,.app[data-layout=landscape-short] .nav{flex-direction:column;justify-content:flex-start}.topbar{align-items:center;gap:var(--gap);padding:var(--gap);z-index:4;background:var(--c-ink);min-width:0;display:flex}.region-tag{align-items:center;gap:var(--gap);padding:0 var(--gap);cursor:pointer;flex:none;min-height:36px;display:flex}.region-no{color:var(--accent-hi)}.top-res{gap:var(--gap);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.top-res::-webkit-scrollbar{display:none}.chip{align-items:center;gap:calc(var(--px) * 2);padding:0 var(--gap);flex:none;min-height:32px;display:flex}.chip .rate{color:var(--good)}.meta-chip .num{color:var(--accent-hi)}.icon-btn{cursor:pointer;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.sync-idle img{filter:none}.sync-error img,.sync-conflict img{filter:hue-rotate(160deg)saturate(3)}.sync-none img{opacity:.55}@media (max-width:520px){.region-name,.chip .rate{display:none}}.stage{background:var(--c-sky0);min-width:0;min-height:0;position:relative;overflow:hidden}.stage-canvas{position:absolute;inset:0}.stage-canvas canvas{cursor:pointer;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floats{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.float{color:var(--c-white);text-shadow:1px 1px 0 var(--c-ink), -1px -1px 0 var(--c-ink), 1px -1px 0 var(--c-ink), -1px 1px 0 var(--c-ink), 2px 2px 0 var(--c-ink);white-space:nowrap;align-items:center;gap:2px;animation:.9s steps(9,end) forwards float-up;display:flex;position:absolute;transform:translate(-50%,-100%)}.float.crit{color:var(--accent-hi);font-size:var(--fs-l)}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-100%)scale(.7)}15%{transform:translate(-50%,-150%)scale(1.15)}to{opacity:0;transform:translate(-50%,-340%)}}.combo{bottom:var(--gap);left:var(--gap);transform-origin:0 100%;padding:0 var(--gap);color:var(--accent-hi);pointer-events:none;z-index:4;white-space:nowrap;animation:.15s steps(3,end) pop;position:absolute}.combo b{font-size:var(--fs-l);margin:0 4px}.combo small{color:var(--text)}@keyframes pop{0%{transform:scale(1.3)}}.hud-left{top:var(--gap);left:var(--gap);z-index:5;gap:var(--gap);width:min(340px, calc(100% - 2 * var(--gap) - 56px));scrollbar-width:none;pointer-events:none;flex-direction:column;max-height:calc(100% - 150px);display:flex;position:absolute;overflow-y:auto}.hud-left>*{pointer-events:auto}.app[data-layout=landscape-short] .hud-left{top:calc(var(--fs) * 3.2);width:min(300px,45%)}.quest-card{gap:calc(var(--px) * 2);padding:calc(var(--px) * 2) var(--gap) var(--gap);flex-direction:column;animation:.3s steps(5,end) quest-in;display:flex}.quest-card.ready{border-image-source:var(--pf-cardHi)}@keyframes quest-in{0%{opacity:0;transform:translate(-24px)}}.quest-head{align-items:center;gap:var(--gap);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0;display:flex}.quest-face{background:var(--c-ink);box-shadow:0 0 0 var(--px) var(--c-dusk)}.quest-main{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.quest-who{color:var(--dim);font-size:var(--fs-s)}.quest-title{color:var(--accent-hi)}.quest-card.ready .quest-title{color:var(--good)}.quest-num{color:var(--text);flex:none}.quest-body{flex-direction:column;gap:2px;display:flex}.quest-say{color:var(--text)}.quest-hint{color:var(--dim);font-size:var(--fs-s)}.quest-card .btn{align-self:flex-start}.goal{width:100%}.goal.ready{border-image-source:var(--pf-cardHi)}.goal-head{align-items:center;gap:var(--gap);width:100%;padding:calc(var(--px) * 2) var(--gap);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.goal-head b{flex:1}.goal-toggle,.goal-time{color:var(--dim)}.goal-body{gap:var(--gap);padding:0 var(--gap) var(--gap);flex-direction:column;display:flex}.goal-hint{color:var(--dim);font-size:var(--fs-s)}.goal-list{gap:calc(var(--px) * 2);flex-direction:column;display:flex}.goal-row{align-items:center;gap:var(--gap);grid-template-columns:auto 1fr;display:grid}.tut-glow{z-index:1;animation:.9s steps(2,end) infinite tut-pulse;position:relative}.tut-glow:after{content:"";inset:calc(var(--px) * -3);pointer-events:none;box-shadow:0 0 0 calc(var(--px) * 2) var(--c-forge3), 0 0 0 calc(var(--px) * 4) var(--c-ink);animation:.9s steps(2,end) infinite tut-ring;position:absolute}@keyframes tut-ring{50%{box-shadow:0 0 0 calc(var(--px) * 2) var(--c-forge4), 0 0 0 calc(var(--px) * 5) #0000}}@keyframes tut-pulse{50%{filter:brightness(1.25)}}.toasts{top:var(--gap);right:var(--gap);align-items:flex-end;gap:var(--gap);z-index:7;pointer-events:none;flex-direction:column;max-width:min(360px,70%);display:flex;position:absolute}.toast{align-items:center;gap:var(--gap);padding:0 var(--gap);animation:.2s steps(4,end) toast-in;display:flex}.toast.tone-good{border-image-source:var(--pf-cardHi)}.toast.tone-warn span{color:var(--c-forge3)}@keyframes toast-in{0%{opacity:0;transform:translate(30%)}}.app[data-layout=portrait] .toasts{top:auto;bottom:calc(var(--gap) * 2 + 96px);left:var(--gap);right:var(--gap);align-items:center;max-width:none}.stage-bottom{left:var(--gap);right:calc(var(--gap) * 2 + 44px);bottom:var(--gap);z-index:5;pointer-events:none;justify-content:center;display:flex;position:absolute}.stage-bottom>*{pointer-events:auto}.buildbar{justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap);flex-wrap:wrap;width:100%;max-width:640px;display:flex}.buildbar-main{align-items:center;gap:var(--gap);flex:180px;min-width:0;display:flex}.buildbar-text{flex-direction:column;min-width:0;display:flex}.buildbar-text small{color:var(--dim)}.buildbar-actions{align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.buildbar-options{gap:calc(var(--px) * 2);flex-wrap:wrap;flex-basis:100%;display:flex}.drag-info{color:var(--good)}.inspector{gap:var(--gap);padding:var(--gap);flex-direction:column;width:100%;max-width:560px;max-height:56vh;display:flex;overflow-y:auto}.insp-head{align-items:flex-start;gap:var(--gap);display:flex}.insp-thumb{flex:none;width:56px;height:56px}.insp-title{flex-direction:column;flex:1;min-width:0;display:flex}.insp-name{align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.insp-title small{color:var(--dim)}.insp-badge{font-size:var(--fs-s);color:var(--c-ink);background:var(--c-stone2);padding:0 6px}.insp-badge.tone-good{background:var(--c-teal1)}.insp-badge.tone-warn{background:var(--c-forge3)}.insp-badge.tone-bad{background:var(--c-forge1);color:var(--c-white)}.insp-prod{align-items:center;gap:var(--gap);padding:calc(var(--px) * 2) var(--gap);display:flex}.insp-prod-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.insp-prod-line{justify-content:space-between;gap:var(--gap);display:flex}.insp-detail{font-size:var(--fs-s);color:var(--dim)}.insp-detail.tone-warn{color:var(--c-forge3)}.insp-detail.tone-bad{color:var(--c-forge2)}.insp-section{flex-direction:column;gap:2px;display:flex}.insp-label{color:var(--dim);font-size:var(--fs-s)}.insp-inv,.insp-recipes{align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.recipe-card{padding:calc(var(--px) * 2) var(--gap);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.recipe-card small{color:var(--dim)}.recipe-io{align-items:center;gap:calc(var(--px) * 2);display:inline-flex}.side-grid{gap:calc(var(--px) * 2);grid-template-columns:repeat(3,minmax(96px,1fr));max-width:360px;display:grid}.side-btn{min-height:52px;padding:2px 4px calc(var(--px) * 3);cursor:pointer;font-size:var(--fs-s);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:0;line-height:1.25;display:flex}.side-btn small{color:var(--dim)}.side-btn.mode-in{border-image-source:var(--pf-btnGood);color:var(--c-ink)}.side-btn.mode-out{border-image-source:var(--pf-btnPrimary);color:var(--c-ink)}.side-btn.mode-off{border-image-source:var(--pf-btnOff)}.side-btn.mode-in small,.side-btn.mode-out small{color:var(--c-ink)}.side-btn.focus{outline:calc(var(--px) * 2) solid var(--c-white);outline-offset:1px}.side-core{border-width:calc(var(--px) * 3);background:#00000040;place-self:center;place-items:center;width:100px;height:100px;display:grid;position:relative}.side-thumb{width:68px;height:68px}.side-mark{place-items:center;display:grid;position:absolute}.side-mark-0{top:calc(var(--icon-s) / -2 - var(--px) * 1.5);left:50%;transform:translate(-50%)}.side-mark-2{bottom:calc(var(--icon-s) / -2 - var(--px) * 1.5);left:50%;transform:translate(-50%)}.side-mark-1{right:calc(var(--icon-s) / -2 - var(--px) * 1.5);top:50%;transform:translateY(-50%)}.side-mark-3{left:calc(var(--icon-s) / -2 - var(--px) * 1.5);top:50%;transform:translateY(-50%)}.side-arrow{background:var(--c-ink);box-shadow:0 0 0 var(--px) var(--c-ink)}.side-summary{gap:2px var(--gap);font-size:var(--fs-s);flex-wrap:wrap;display:flex}.side-sum.mode-in{color:var(--c-teal1)}.side-sum.mode-out{color:var(--c-forge3)}.side-sum.mode-off{color:var(--c-forge2)}.link-btn{margin-left:var(--gap);color:var(--accent-hi);cursor:pointer;font-size:var(--fs-s);background:0 0;border:0;padding:0;text-decoration:underline}.insp-actions{gap:calc(var(--px) * 2);flex-wrap:wrap;display:flex}.insp-act{justify-content:center;align-items:center;gap:calc(var(--px) * 2);min-height:44px;padding:0 calc(var(--gap) * 2) calc(var(--px) * 2);cursor:pointer;white-space:nowrap;flex:1 0 auto;display:flex}.insp-act.danger{border-image-source:var(--pf-btnDanger)}.insp-act:active{border-image-source:var(--pf-btnDown)}.cam-controls{right:var(--gap);bottom:var(--gap);gap:calc(var(--px) * 2);z-index:5;grid-template-columns:52px;display:grid;position:absolute}.cam-btn{width:52px;height:48px;padding:0 0 calc(var(--px) * 2);cursor:pointer;font-size:var(--fs-l);justify-content:center;align-items:center;line-height:1;display:flex}.cam-btn:active{border-image-source:var(--pf-btnDown)}.btn{justify-content:center;align-items:center;gap:calc(var(--px) * 2);min-height:40px;padding:0 calc(var(--gap) * 2);color:var(--text);cursor:pointer;white-space:nowrap;display:inline-flex}.btn-small{min-height:34px;padding:0 var(--gap)}.btn-primary{border-image-source:var(--pf-btnPrimary);color:var(--c-ink)}.btn-good{border-image-source:var(--pf-btnGood);color:var(--c-ink)}.btn-danger{border-image-source:var(--pf-btnDanger)}.btn-ghost{border-color:#0000;border-image-source:none}.btn:active:not(:disabled){border-image-source:var(--pf-btnDown);color:var(--text);padding-top:2px}.btn:disabled{border-image-source:var(--pf-btnOff);color:var(--c-stone2);cursor:not-allowed}.x-btn{width:36px;height:36px;color:var(--dim);font-size:var(--fs-l);cursor:pointer;background:0 0;border:0;flex:none;padding:0;line-height:1}.x-btn:hover{color:var(--accent-hi)}.chip-btn{align-items:center;gap:calc(var(--px) * 2);min-height:32px;padding:0 var(--gap);cursor:pointer;font-size:var(--fs-s);display:inline-flex}.chip-btn.on{border-image-source:var(--pf-btnPrimary);color:var(--c-ink)}.chip-btn.icon-only{padding:0 calc(var(--px) * 2)}.tool-row{gap:var(--gap);flex-wrap:wrap;display:flex}.tool-row+.text-in,.text-in+.btn,.note+.btn{margin-top:calc(var(--gap) * 2)}.tool-row+.text-in{margin-bottom:calc(var(--gap) * 2)}.seg{margin-bottom:var(--gap);border-image-source:var(--pf-inset);top:calc(var(--gap) * -2);z-index:2;gap:0;padding:0;display:flex;position:sticky}.seg-btn{min-height:34px;padding:0 var(--gap);color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;position:relative}.seg-btn.on{color:var(--c-ink);background:var(--accent)}.dot{background:var(--bad);width:6px;height:6px;box-shadow:0 0 0 1px var(--c-ink);position:absolute;top:4px;right:4px}.nav{justify-content:space-around;gap:calc(var(--px) * 2);padding:calc(var(--px) * 2);background:var(--c-ink);z-index:4;display:flex}.nav-btn{max-width:100px;min-height:56px;font-size:var(--fs-s);color:var(--dim);border-style:solid;border-width:calc(var(--px) * 4);cursor:pointer;background:0 0;border-color:#0000;border-image:;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.nav-btn:hover{color:var(--text)}.nav-btn.on{color:var(--c-ink);border-image:var(--pf-tabOn) 4 fill / calc(var(--px) * 4) stretch}.nav-btn .dot{top:0;right:8px}.app[data-layout=wide] .nav-btn,.app[data-layout=landscape-short] .nav-btn{flex:none;width:100%}.panel{z-index:3;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-head{padding:0 0 0 var(--gap);flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}.panel-head h2{font-size:var(--fs-l);color:var(--accent-hi)}.sheet-handle{left:50%;top:calc(var(--px) * -2);cursor:pointer;background:0 0;border:0;width:120px;height:24px;position:absolute;transform:translate(-50%)}.sheet-handle:after{content:"";height:calc(var(--px) * 2);background:var(--c-stone1);position:absolute;top:8px;left:36px;right:36px}.panel-body{padding:var(--gap) var(--gap) calc(var(--gap) * 4);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--c-dusk) transparent;flex:1;overflow-y:auto}.section{margin-bottom:calc(var(--gap) * 3)}.section-head{justify-content:space-between;align-items:center;gap:var(--gap);margin-bottom:var(--gap);display:flex}.section-head h3{color:var(--text);padding-left:var(--gap);box-shadow:inset calc(var(--px) * 2) 0 0 var(--accent)}.note{color:var(--dim);font-size:var(--fs-s);margin-bottom:var(--gap)}.empty{color:var(--dim);text-align:center;padding:calc(var(--gap) * 3) var(--gap)}.lock{color:var(--c-stone2);font-size:var(--fs-s);white-space:nowrap}.tag{background:var(--c-dusk);color:var(--dim);padding:0 4px}.tag.ok{background:var(--c-teal0);color:var(--c-ink)}.list{gap:var(--gap);flex-direction:column;display:flex}.bullets{color:var(--dim);margin:0;padding-left:1.2em}.bullets li{margin-bottom:4px}.callout{justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap);margin-bottom:var(--gap);flex-wrap:wrap;display:flex}.callout p{color:var(--dim);flex-basis:100%}.tool-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.tool-btn{padding:calc(var(--px) * 2) 2px;cursor:pointer;font-size:var(--fs-s);white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex}.upcoming{align-items:center;gap:var(--gap);width:100%;padding:var(--gap);margin-bottom:calc(var(--gap) * 3);cursor:pointer;text-align:left;font-size:var(--fs-s);flex-wrap:wrap;display:flex}.upcoming-item{align-items:center;gap:2px;display:inline-flex}.machine-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.machine-card{padding:calc(var(--px) * 2);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.machine-card .thumb{width:80px;height:80px}.machine-card.locked{opacity:.55;cursor:not-allowed}.machine-card.poor .machine-name{color:var(--dim)}.machine-count{color:var(--dim);font-size:var(--fs-s);position:absolute;top:2px;right:4px}.cost{gap:calc(var(--px) * 2) var(--gap);font-size:var(--fs-s);flex-wrap:wrap;justify-content:center;align-items:center;display:inline-flex}.cost-item{align-items:center;gap:2px;display:inline-flex}.cost.free{color:var(--good)}.inv-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.inv-cell{align-items:center;gap:var(--gap);padding:calc(var(--px) * 2) var(--gap);min-width:0;display:flex}.inv-cell.empty{opacity:.45}.inv-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.inv-name{color:var(--dim);font-size:var(--fs-s)}.rate{color:var(--good)}.passive{color:var(--c-sky3)}.res-amt{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.res-amt.short .num{color:var(--c-forge3)}.bar{height:calc(var(--px) * 6);background:var(--c-ink);min-width:40px;box-shadow:inset 0 0 0 var(--px) var(--c-dusk);position:relative}.bar-fill{background:var(--accent);height:100%;transition:width .2s steps(4,end)}.bar-good .bar-fill{background:var(--c-teal1)}.bar-storm .bar-fill{background:var(--c-storm1)}.bar-label{font-size:var(--fs-s);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.bar:has(.bar-label){height:auto;min-height:calc(var(--fs-s) * 1.4)}.tech-cols{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tech{padding:var(--gap);flex-direction:column;gap:3px;display:flex}.tech-head{align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.tech-head b{color:var(--text)}.tech.st-done{border-image-source:var(--pf-inset);opacity:.8}.tech.st-locked-region,.tech.st-locked-prereq{opacity:.55}.tech-foot{justify-content:space-between;align-items:center;gap:var(--gap);flex-wrap:wrap;margin-top:2px;display:flex}.pips{gap:2px;display:inline-flex}.pips i{background:var(--c-night);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--c-stone1)}.pips i.on{background:var(--accent-hi)}.talent-top{align-items:center;gap:var(--gap);padding:var(--gap);margin-bottom:var(--gap);display:flex}.talent-top>div{flex:1}.mg-card{gap:var(--gap);padding:var(--gap);align-items:flex-start;display:flex}.mg-card.locked{opacity:.55}.mg-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mg-head{align-items:center;gap:var(--gap);display:flex}.mg-foot{align-items:center;gap:calc(var(--gap) * 2);flex-wrap:wrap;margin-top:4px;display:flex}.grade{background:var(--c-dusk);min-width:1.6em;color:var(--text);place-items:center;padding:0 4px;display:inline-grid}.grade.big{font-size:var(--fs-xl);min-width:2em}.g-S{background:var(--accent-hi);color:var(--c-ink)}.g-A{background:var(--c-teal1);color:var(--c-ink)}.g-B{background:var(--c-sky2);color:var(--c-ink)}.toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle.off{color:var(--dim);cursor:not-allowed}.toggle input{accent-color:var(--accent);width:18px;height:18px}.mg-full{z-index:30;background:var(--c-ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}.mg-bar{padding:0 var(--gap);flex:none;justify-content:space-between;align-items:center;display:flex}.mg-host{flex:1;min-height:0;position:relative;overflow:hidden}.mg-result{justify-content:center;align-items:center;gap:calc(var(--gap) * 3);margin:var(--gap) 0 calc(var(--gap) * 2);font-size:var(--fs-l);display:flex}.stats-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.stat{padding:var(--gap);background:#00000040;flex-direction:column;display:flex}.stat-label{color:var(--dim);font-size:var(--fs-s)}.stat-value{font-size:var(--fs-l)}.sat,.bp{gap:var(--gap);padding:var(--gap);flex-direction:column;display:flex}.bp{flex-flow:wrap;justify-content:space-between;align-items:center}.sat-head,.bp-head{align-items:center;gap:var(--gap);min-width:0;display:flex}.bp-head{flex-direction:column;flex:160px;align-items:flex-start;gap:0}.sat-rates,.bp-actions{gap:calc(var(--px) * 2);flex-wrap:wrap;display:flex}.text-in{resize:vertical;-webkit-user-select:text;user-select:text;width:100%;min-height:40px;margin-bottom:var(--gap);outline:none;padding:4px 6px}textarea.text-in{height:72px;font-size:var(--fs-s)}.text-in:focus{border-image-source:var(--pf-cardHi)}.res-cards{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.resident{gap:var(--gap);padding:var(--gap);align-items:flex-start;display:flex}.resident.locked img{filter:brightness(.25)}.resident.on{border-image-source:var(--pf-cardHi)}.resident-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.relic-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.relic{text-align:center;padding:var(--gap);flex-direction:column;align-items:center;gap:2px;display:flex}.relic.missing img{filter:brightness(0)opacity(.4)}.bonus{padding:var(--gap)}.board{gap:calc(var(--px) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.board li{align-items:center;gap:var(--gap);padding:0 var(--gap);grid-template-columns:2.5em 1fr auto;display:grid}.board li.me{border-image-source:var(--pf-cardHi)}.rank{color:var(--dim)}.act{margin-bottom:calc(var(--gap) * 2)}.act h3{color:var(--good);margin-bottom:var(--gap)}.regions{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.region{gap:var(--gap);padding:var(--gap);align-items:center;display:flex}.region>div{flex-direction:column;display:flex}.region-id{background:var(--c-dusk);flex:none;place-items:center;width:28px;height:28px;display:grid}.region.current{border-image-source:var(--pf-cardHi)}.region.current .region-id{background:var(--accent);color:var(--c-ink)}.region.done .region-id{background:var(--c-teal0);color:var(--c-ink)}.region.future{opacity:.6}.modal-back{z-index:20;padding:var(--gap);background:#1a1426b8;place-items:center;animation:.15s steps(3,end) fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{flex-direction:column;width:min(480px,100%);max-height:min(86dvh,760px);animation:.18s steps(4,end) modal-in;display:flex}.modal.wide{width:min(760px,100%)}@keyframes modal-in{0%{transform:translateY(16px)}}.modal-head{padding-left:var(--gap);flex:none;justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:var(--fs-l);color:var(--accent-hi)}.modal-body{gap:var(--gap);padding:var(--gap);flex-direction:column;display:flex;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap;display:flex}.story-line{line-height:1.8}.gains{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.gain{align-items:center;gap:var(--gap);padding:calc(var(--px) * 2) var(--gap);display:flex}.gain span{color:var(--dim);flex:1}.monsoon{align-items:center;gap:calc(var(--gap) * 2);padding:var(--gap);text-align:left;cursor:pointer;display:flex}.monsoon>div{flex-direction:column;display:flex}.monsoon small{color:var(--dim)}.monsoon:hover{border-image-source:var(--pf-cardHi)}.sides{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.side{padding:var(--gap);flex-direction:column;gap:2px;display:flex}.form{gap:var(--gap);align-items:flex-start;display:flex}.form.col{flex-direction:column;align-items:stretch}.form .text-in{margin:0}.slider{align-items:center;gap:var(--gap);grid-template-columns:4em 1fr 2.5em;display:grid}.slider input{accent-color:var(--accent)}@media (max-width:520px){.modal-back{place-items:end stretch;padding:0}.modal,.modal.wide{width:100%;max-height:92dvh}}