html,body,#root{color:#f3ead2;background:#10180e;height:100%;margin:0;font-family:system-ui,sans-serif;font-size:14px;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{touch-action:none;display:block}.panel{background:#201a12e0;border:1px solid #7a6440;border-radius:6px;padding:8px 12px;position:absolute;box-shadow:0 2px 8px #0006}.hud{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex;top:8px;left:8px;right:8px}.hud h1{letter-spacing:.05em;margin:0;font-size:18px}.stock{flex-wrap:wrap;flex:auto;gap:4px 12px;display:flex}.stock>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}@media (width<=760px){.stock .label{display:none}}.stock .people{opacity:.8}.speed{gap:2px;display:flex}.speed button{justify-content:center;align-items:center;min-width:34px;display:flex}.speed-icon{fill:currentColor;stroke:currentColor;stroke-width:.8px}button,select{font:inherit;color:inherit;cursor:pointer;background:#4a3c27;border:1px solid #8a7248;border-radius:4px;padding:4px 8px}button:hover{background:#5d4b30}button.active{background:#8a6d32;border-color:#e0c070}.hint,.notice{max-width:calc(100% - 32px);bottom:16px;left:50%;transform:translate(-50%)}.notice{border-color:#c0603a;bottom:64px}.node-panel{flex-direction:column;gap:6px;width:260px;max-width:calc(100% - 32px);display:flex;bottom:8px;left:8px}.node-panel h2{margin:0 24px 4px 0;font-size:16px}.node-panel p,.node-panel ul{margin:0}.node-panel .close{padding:0 8px;position:absolute;top:4px;right:4px}.menu-screen{box-sizing:border-box;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 8px);background:radial-gradient(circle at 30% 20%,#78a04659,#0000 60%),linear-gradient(160deg,#2a3d22,#10180e);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow:auto}.menu-backdrop{background:#10180e;position:fixed;inset:0;overflow:hidden}.menu-backdrop video,.menu-backdrop img{object-fit:cover;width:100%;height:100%}.menu-backdrop:after{content:"";background:radial-gradient(#0a0e0840,#0a0e08b3 85%),linear-gradient(#0a0e0826,#0a0e0873);position:absolute;inset:0}.menu-screen.over-backdrop{background:0 0}.menu{box-sizing:border-box;flex-direction:column;gap:8px;width:360px;max-width:calc(100vw - 32px);padding:20px;display:flex;position:relative}.logo{text-align:center;letter-spacing:.12em;color:#f0d78a;margin:0 0 8px;font-size:40px}.logo img{width:min(320px,70vw);height:auto;margin:0 auto;display:block}.hud .hud-logo img{width:auto;height:30px;display:block}.menu-screen>:first-child{margin-top:auto}.menu-screen>:last-child{margin-bottom:auto}.menu-screen>.menu{flex:none;max-width:100%}.menu-screen .credits{text-align:center;color:#e8dcc08c;flex:none;max-width:360px;font-size:11px}.preloader{color:#e8dcc0;justify-items:center;gap:18px;display:grid}.preloader-bar{background:#00000073;border-radius:5px;width:min(360px,80vw);height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #f0d78a59}.preloader-bar>div{background:linear-gradient(90deg,#b8862e,#f0d78a);height:100%;transition:width .2s ease-out}.preloader p{opacity:.85;margin:0;font-size:14px}.menu h2{margin:0;font-size:18px}button.primary{background:#8a6d32;border-color:#e0c070}button:disabled{opacity:.6;cursor:default}.account{opacity:.95;border-top:1px solid #5a4a30;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;font-size:13px;display:flex}.auth,.load,.save-form{flex-direction:column;gap:8px;display:flex}.auth label,.save-form label{flex-direction:column;gap:2px;font-size:13px;display:flex}input{font:inherit;color:inherit;background:#1c160e;border:1px solid #8a7248;border-radius:4px;padding:6px 8px}.tabs{gap:4px;display:flex}.tabs button{flex:1}.error{color:#ff9a7a;margin:0}.save-list{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.save-list li{gap:4px;display:flex}.save-name{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.save-name small{opacity:.75}.modal-backdrop{background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.modal-backdrop .menu{position:relative}button.danger{background:#8a3a2a;border-color:#e07a5a}.stock-grid h3{opacity:.8;margin:6px 0 2px;font-size:13px}.stock-grid ul{grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.stock-grid li{justify-content:space-between;display:flex}.node-panel{max-height:calc(100vh - 120px);overflow:auto}.priorities h3{opacity:.8;margin:6px 0 2px;font-size:13px}.priorities label{grid-template-columns:1fr 90px 18px;align-items:center;gap:6px;font-size:13px;display:grid}.build-group{flex-direction:column;gap:4px;display:flex}.build-group h3{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:4px 0 0;font-size:12px}.follow-panel{align-items:center;gap:6px;max-width:calc(100% - 32px);display:flex;top:64px;left:50%;transform:translate(-50%)}.follow-text{white-space:nowrap;flex-direction:column;margin-right:6px;display:flex}.follow-text span{opacity:.8;font-size:12px}.minimap{width:192px;max-width:40vw;image-rendering:pixelated;cursor:pointer;padding:4px;bottom:8px;right:8px}.economy{flex-direction:column;gap:8px;width:400px;max-width:calc(100% - 32px);max-height:calc(100vh - 200px);display:flex;top:64px;right:8px;overflow:auto}.economy h2{margin:0 24px 0 0;font-size:16px}.economy .close{padding:0 8px;position:absolute;top:4px;right:4px}.economy fieldset{border:1px solid #5a4a30;border-radius:4px;margin:0 0 6px;padding:4px 8px}.economy legend{opacity:.85;font-size:13px}.transport{gap:2px;margin:0;padding-left:24px;display:grid}.transport li span{min-width:160px;display:inline-block}.transport button{padding:0 8px}.hint-text,.tooltip-line{opacity:.8;margin:0;font-size:12px}.stats svg{width:100%;height:auto;display:block}.stats h3{margin:4px 0;font-size:13px}.stats-controls{gap:6px;display:flex}.stats .grid{stroke:#5a4a30;stroke-width:1px}.stats .axis{fill:#cbbf9f;font-size:11px}.stats .crosshair{stroke:#cbbf9f;stroke-width:1px;stroke-dasharray:3 3}.stats .dot{stroke:#201a12;stroke-width:2px}.stats table{border-collapse:collapse;width:100%;font-size:13px}.stats td,.stats th{text-align:left;border-bottom:1px solid #3a3020;padding:2px 4px}.economy .tabs{flex-wrap:wrap}.economy .tabs button{flex:auto}.node-panel{width:300px}.size-tabs button{flex:1;padding:4px 2px}.build-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.build-item{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;line-height:1.2;display:flex}.build-item img,.icon-placeholder{object-fit:contain;max-width:100%;height:40px}.icon-placeholder{width:40px;display:block}@media (width<=600px){.node-panel{width:auto;right:8px;top:auto!important;bottom:8px!important;left:8px!important}}.round-actions{flex-direction:column;gap:2px;display:flex}.round-row{gap:10px;display:flex}.round-action{background:radial-gradient(circle at 35% 30%,#6d5a3a,#3e321f);border:2px solid #a88a52;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 1px 3px #00000080}.round-action:hover{border-color:#e0c070}.round-action svg{fill:none;stroke:#f3ead2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.round-action.destructive svg{stroke:#ffb19a}.round-action.armed{background:radial-gradient(circle at 35% 30%,#b04a32,#6a2414);border-color:#ff8a6a}.round-action.armed svg{stroke:#fff}.round-caption{color:#ffb19a;min-height:1.2em;margin:0;font-size:12px}.badge{color:#fff;text-align:center;background:#c0603a;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:12px;line-height:18px;display:inline-block}.messages{flex-direction:column;gap:6px;width:340px;max-width:calc(100% - 32px);max-height:calc(100vh - 220px);display:flex;top:64px;right:8px;overflow:auto}.messages h2{margin:0 24px 0 0;font-size:16px}.messages .close{padding:0 8px;position:absolute;top:4px;right:4px}.messages ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.messages li button{text-align:left;width:100%}.messages small{opacity:.7;margin-right:4px}.toast{cursor:pointer;border-color:#e0c070;max-width:calc(100% - 32px);bottom:110px;left:50%;transform:translate(-50%)}.volume{flex-direction:column;gap:2px;font-size:13px;display:flex}.new-game{grid-template-columns:1fr 1fr;gap:8px;display:grid}:is(.new-game>h2,.new-game>ul,.new-game>p,.new-game>button,.new-game>label:has(.seed-row)){grid-column:1/-1}.new-game select{width:100%;min-width:0}.menu.sub .logo img{width:min(180px,50vw)}.new-game h2{margin:4px 0 0;font-size:15px}.new-game label{flex-direction:column;gap:2px;font-size:13px;display:flex}.scenarios{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scenarios button{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.scenarios small{opacity:.75}.seed-row{gap:4px;display:flex}.seed-row input{flex:1;min-width:0}.goal{white-space:nowrap;border:1px solid #8a7248;border-radius:4px;align-items:center;gap:6px;max-width:100%;padding:2px 8px;font-size:13px;display:inline-flex;overflow:hidden}.goal-wrap{position:relative}.goal-details{z-index:8;background:#201a12;width:300px;max-width:calc(100vw - 32px);max-height:60vh;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.goal-details h3{margin:0 0 4px;font-size:15px}.goal-details ul{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.goal-details li{justify-content:space-between;align-items:center;gap:8px;display:flex}.goal-details li span{align-items:center;gap:4px;display:inline-flex}.goal-details li.met{color:#b8e08a}.explain{opacity:.85;max-width:320px;margin:0;font-size:12px;line-height:1.4}.goal-part{opacity:.85;align-items:center;gap:2px;display:inline-flex}.goal-part.met{color:#b8e08a}.victory-backdrop{background:radial-gradient(circle at 50% 40%,#46320a8c,#000000a6);animation:.6s ease-out both victory-fade}.confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.victory{text-align:center;border-color:#e0c070;align-items:center;max-width:min(380px,100% - 32px);animation:.7s cubic-bezier(.2,1.4,.4,1) .15s both victory-pop;box-shadow:0 0 0 2px #f0d78a40,0 8px 40px #0009}.victory h2{color:#f0d78a;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#f0d78a 35%,#fff8dc 50%,#f0d78a 65%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;animation:3s linear .8s infinite victory-shimmer}.victory-goal{opacity:.85;margin:0;font-size:13px}.victory-crest{width:150px;height:150px;margin:-70px auto 0;position:relative}.victory-crest img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:100%;height:100%;animation:.9s cubic-bezier(.2,1.3,.4,1) .35s both victory-drop,2.4s ease-in-out 1.3s infinite victory-glow;position:relative}.victory-rays{background:repeating-conic-gradient(#ffdc7852 0deg 9deg,#ffdc7800 9deg 22.5deg);border-radius:50%;animation:1s ease-out .5s both victory-fade,24s linear infinite victory-turn;position:absolute;inset:-45px;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.victory-summary{grid-template-columns:1fr 1fr;gap:6px 16px;width:100%;margin:4px 0;display:grid}.victory-summary div{background:#0003;border:1px solid #f0d78a40;border-radius:4px;flex-direction:column;padding:4px 8px;display:flex}.victory-summary dt{opacity:.75;font-size:11px}.victory-summary dd{color:#f0d78a;margin:0;font-size:17px;font-weight:600}.victory button{width:100%}@keyframes victory-fade{0%{opacity:0}}@keyframes victory-pop{0%{opacity:0;transform:scale(.7)translateY(30px)}}@keyframes victory-drop{0%{opacity:0;transform:translateY(-80px)scale(.6)rotate(-8deg)}}@keyframes victory-glow{50%{filter:drop-shadow(0 0 14px #ffd764cc)}}@keyframes victory-shimmer{to{background-position:-250% 0}}@keyframes victory-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.victory,.victory-backdrop,.victory h2,.victory-crest img,.victory-rays{animation:none}}.settings{flex-direction:column;gap:8px;display:flex}.settings label{flex-direction:column;gap:2px;font-size:13px;display:flex}.settings label.check{flex-direction:row;align-items:center;gap:6px}.help table{border-collapse:collapse;font-size:13px}.help th{text-align:left;white-space:nowrap;color:#f0d78a;padding:3px 10px 3px 0}.help td{padding:3px 0}.tutorial{border-color:#e0c070;flex-direction:column;gap:6px;width:280px;max-width:calc(100% - 32px);display:flex;bottom:8px;left:8px}.tutorial h3{color:#f0d78a;margin:0;font-size:13px}.tutorial p{margin:0;font-size:13px}.tutorial-actions{gap:6px;display:flex}.tutorial-actions button{flex:1}.guide{width:460px}.guide-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-card{background:#0000002e;border-radius:6px;flex-direction:column;gap:4px;padding:8px;font-size:13px;display:flex}.guide-card p{margin:0}.guide-head{align-items:center;gap:8px;display:flex}.guide-head img,.guide-head .icon-placeholder{object-fit:contain;width:44px;height:44px}.guide-head small{opacity:.7;display:block}.guide-flow{color:#f0d78a;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.guide-flow>span{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.guide-part small{opacity:.7}.guide-meta{opacity:.85;flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.guide-cost{margin-right:6px}.ware-icon{vertical-align:-.35em;object-fit:contain;width:1.4em;height:1.4em;margin-right:.25em}.ranks{flex-wrap:wrap;gap:4px 10px;margin:4px 0;padding:0;font-size:13px;list-style:none;display:flex}.rank-pips{color:#c9c3b4;letter-spacing:-1px;margin-right:4px}.rank-3 .rank-pips,.rank-4 .rank-pips{color:#f0c84a}.stepper{align-items:center;gap:8px;margin:4px 0;font-size:13px;display:flex}.stepper button{min-width:28px;padding:2px 6px}.stock-rows{flex-direction:column;gap:4px;margin:4px 0;display:flex}.stock-row{align-items:center;gap:6px;display:flex}.stock-icons{flex-wrap:wrap;gap:1px;display:inline-flex}.stock-slot .ware-icon{vertical-align:middle;width:1.6em;height:1.6em;margin:0}.stock-slot:not(.full) .ware-icon{filter:grayscale()brightness(.55);opacity:.35}.stock-slot.coming .ware-icon{filter:none;opacity:.55}.stock-row small{opacity:.75}.sheet-icon{background-repeat:no-repeat;display:inline-block}:root{--safe-top:max(8px, env(safe-area-inset-top));--safe-right:max(8px, env(safe-area-inset-right));--safe-bottom:max(8px, env(safe-area-inset-bottom));--safe-left:max(8px, env(safe-area-inset-left))}.hud{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right)}.minimap{right:var(--safe-right);bottom:var(--safe-bottom)}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}.hud-button{align-items:center;gap:6px;display:inline-flex;position:relative}.hud-icon{flex:none}.hud-icon .stroke,.hud-icon .stroke-thin,.hud-icon .stroke-dash{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.hud-icon .stroke{stroke-width:1.8px}.hud-icon .stroke-thin{stroke-width:1px;opacity:.7}.hud-icon .stroke-dash{stroke-width:1.4px;stroke-dasharray:2 2}.hud-icon .fill{fill:currentColor}.hud-icon .fill-soft{fill:currentColor;fill-opacity:.22;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.hud-button.map-toggle{display:none}@media (pointer:coarse){button,select{min-height:38px}.speed button{min-width:40px}.build-item{padding:8px 2px}}@media (width<=600px){.hud-button.map-toggle{display:inline-flex}.hud-label{display:none}.hud-button,.speed button{justify-content:center;min-width:32px;padding:3px}.hud-icon{width:16px;height:16px}.hud-button .badge{position:absolute;top:-6px;right:-6px}.minimap:not(.open){display:none}.minimap.open{z-index:5;width:min(70vw,260px);max-width:none}.economy,.messages{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);z-index:10;background:#201a12;width:auto;max-width:none;max-height:none}.node-panel{z-index:6;max-height:55vh;overflow:auto;bottom:var(--safe-bottom)!important}.follow-panel{top:auto;bottom:var(--safe-bottom)}.tutorial{width:auto;right:var(--safe-right);font-size:13px}.hud{gap:6px 4px;padding:8px}.hud .hud-logo{display:none}.hud button{padding:4px 8px;font-size:13px}.menu{padding:16px}.victory-crest{width:110px;height:110px;margin-top:-50px}}@media (height<=500px){.minimap{width:120px}.node-panel{max-height:calc(100vh - 80px);overflow:auto}.economy,.messages{top:var(--safe-top);z-index:10;max-height:calc(100vh - 16px)}.victory-crest{display:none}}.start-wait{color:#f2e6cc;pointer-events:none;background:#1e160ed9;border-radius:8px;padding:10px 18px;font-size:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.start-detail{opacity:.7;word-break:break-word;font-family:monospace;font-size:12px}.menu:has(.lobby){width:560px}.lobby{flex-direction:column;gap:8px;display:flex}.lobby-link{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lobby-link input{flex:1;min-width:180px}.seats{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.seats li{background:#00000026;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.seats li.mine{outline:1px solid #ffdc8c99}.seats .swatch{border:1px solid #00000080;border-radius:3px;flex:none;width:14px;height:14px}.seats .who{flex:1}.seats .ready{opacity:.6;font-size:12px}.seats .ready.on{color:#8fd46a;opacity:1}.lobby-settings{border:none;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 10px;margin:0;padding:0;display:grid}.lobby-settings label{flex-direction:column;gap:2px;font-size:13px;display:flex}.lobby-chat ul{background:#00000026;border-radius:6px;max-height:110px;margin:0 0 4px;padding:4px 6px;font-size:13px;list-style:none;overflow-y:auto}.lobby-chat input{width:100%}.lobby-actions{flex-wrap:wrap;gap:8px;display:flex}.network-banner{left:50%;top:calc(var(--safe-top) + 100px);color:#f2e6cc;text-align:center;pointer-events:none;background:#1e160ee0;border-radius:8px;max-width:min(640px,100vw - 32px);padding:8px 14px;font-size:14px;position:fixed;transform:translate(-50%)}