@font-face{font-family:WepfontGerak;src:url(./WepfontGerak-DrZOg2Ov.otf) format("opentype");font-style:normal;font-weight:400;font-display:block}:root{color-scheme:dark;--game-font-primary: "WepfontGerak";--game-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--game-font-main: var(--game-font-primary), var(--game-font-ui);--game-opacity: 1;--pixel-perfect-canvas-size: 1024px;--window-control-gutter-width: 34px;--window-control-gutter-gap: 8px;--panel-bg: rgba(15, 21, 24, .86);--panel-border: rgba(220, 238, 231, .18);--text: #e8f1f2;--muted: #92a7ad;--green: #64d38b;--blue: #70d5f5;--amber: #ffd166;--red: #f26d6d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:transparent;color:var(--text);font-family:var(--game-font-main)}body[data-shell-profile^=fullscreen]{background:#000}button,input{font:inherit}#settings-panel,#settings-panel *,.map-audio-menu,.map-audio-menu *,.game-stats-panel,.game-stats-panel *{font-family:var(--game-font-ui)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{min-width:0;min-height:34px;border:1px solid rgba(232,241,242,.14);border-radius:8px;padding:0 9px;background:#e8f1f214;color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover:not(:disabled){border-color:#70d5f58c;background:#70d5f521}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:2px solid rgba(112,213,245,.9);outline-offset:2px}button:disabled{color:#e8f1f257;cursor:not-allowed}#app{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,250px);gap:10px;padding:10px;background:transparent;-webkit-app-region:drag}#app[data-settings-open=false],body[data-world-map-open=true] #app,body[data-dialogue-open=true] #app{grid-template-columns:minmax(0,1fr)}#app[data-settings-open=false] #settings-panel{display:none}.game-region{display:grid;min-width:0;min-height:0;place-items:center}.game-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;width:min(100%,calc(100vh - 20px));max-width:calc(100vw - 280px)}body[data-floating-shell=true] .game-frame{grid-template-columns:minmax(0,1fr) var(--window-control-gutter-width);gap:var(--window-control-gutter-gap);width:min(100%,calc(100vh - 20px + var(--window-control-gutter-width) + var(--window-control-gutter-gap)))}#game-shell{position:relative;width:100%;min-width:230px;aspect-ratio:1;overflow:hidden;border:0;background:#10191d;box-shadow:0 18px 42px #00000057;opacity:var(--game-opacity);-webkit-app-region:no-drag}#app[data-settings-open=false] .game-frame,body[data-world-map-open=true] .game-frame,body[data-dialogue-open=true] .game-frame{max-width:calc(100vw - 20px)}body[data-pixel-perfect-mode=true] #app[data-settings-open=false] .game-frame{width:min(var(--pixel-perfect-canvas-size),calc(100vw - 20px),calc(100vh - 20px));max-width:min(var(--pixel-perfect-canvas-size),calc(100vw - 20px),calc(100vh - 20px))}body[data-floating-shell=true][data-pixel-perfect-mode=true] #app[data-settings-open=false] .game-frame{width:min(calc(var(--pixel-perfect-canvas-size) + var(--window-control-gutter-width) + var(--window-control-gutter-gap)),calc(100vw - 20px),calc(100vh - 20px + var(--window-control-gutter-width) + var(--window-control-gutter-gap)));max-width:min(calc(var(--pixel-perfect-canvas-size) + var(--window-control-gutter-width) + var(--window-control-gutter-gap)),calc(100vw - 20px),calc(100vh - 20px + var(--window-control-gutter-width) + var(--window-control-gutter-gap)))}body[data-fullscreen=true] #app{padding:0;background:#000}body[data-fullscreen=true] .game-region{background:#000}body[data-fullscreen=true] .game-frame{width:min(100vw,100vh);max-width:100vw}body[data-floating-shell=true][data-fullscreen=true] .game-frame{width:min(100vw,calc(100vh + var(--window-control-gutter-width) + var(--window-control-gutter-gap)));max-width:100vw}body[data-fullscreen=true][data-fullscreen-mode=pixel-perfect] .game-frame{width:min(var(--pixel-perfect-canvas-size),100vw,100vh);max-width:min(var(--pixel-perfect-canvas-size),100vw,100vh)}body[data-floating-shell=true][data-fullscreen=true][data-fullscreen-mode=pixel-perfect] .game-frame{width:min(calc(var(--pixel-perfect-canvas-size) + var(--window-control-gutter-width) + var(--window-control-gutter-gap)),100vw,calc(100vh + var(--window-control-gutter-width) + var(--window-control-gutter-gap)));max-width:min(calc(var(--pixel-perfect-canvas-size) + var(--window-control-gutter-width) + var(--window-control-gutter-gap)),100vw,calc(100vh + var(--window-control-gutter-width) + var(--window-control-gutter-gap)))}body[data-shape=square] #game-shell{border-radius:8px;clip-path:inset(0 round 8px)}body[data-shape=circle] #game-shell{border:1px solid rgba(112,213,245,.14);border-radius:50%;background:transparent;clip-path:circle(50% at 50% 50%)}#game-container,#game-container canvas{display:block;width:100%;height:100%}#game-container{position:absolute;inset:0}body[data-shape=circle] #game-container{border-radius:50%}.window-overlay-controls{position:relative;z-index:70;display:none;grid-auto-flow:row;gap:5px;place-items:center;padding:4px;border:1px solid rgba(220,238,231,.12);border-radius:10px;background:#080e1057;box-shadow:0 8px 20px #0000003d;opacity:.45;transition:opacity .12s ease,background .12s ease,border-color .12s ease;-webkit-app-region:no-drag}body[data-floating-shell=true] .window-overlay-controls{display:inline-grid}body[data-floating-shell=false] .window-overlay-controls{display:none}.window-overlay-controls:hover,body[data-click-through=true] .window-overlay-controls{border-color:#dceee738;background:#080e10b3;opacity:1}.overlay-control-button,.overlay-drag-handle{display:grid;width:28px;height:28px;border:1px solid rgba(220,238,231,.24);border-radius:8px;padding:0;place-items:center;background:#0a111394;color:#e8f1f2d6}.overlay-control-button{cursor:pointer;-webkit-app-region:no-drag}.overlay-drag-handle{cursor:grab;-webkit-app-region:drag}.overlay-drag-handle:active{cursor:grabbing}.overlay-resize-grip{cursor:nwse-resize}.overlay-shape-toggle[data-next-shape=circle] .shape-icon-square,.overlay-shape-toggle[data-next-shape=square] .shape-icon-circle{display:none}.overlay-control-button:hover,.overlay-control-button[data-active=true],.overlay-drag-handle:hover{border-color:#64d38bb8;background:#153822db;color:#eaffef}.overlay-control-button svg,.overlay-drag-handle svg{width:15px;height:15px}html[data-shell-profile=bottom-dock],body[data-display-mode=bottom-dock]{background:#000}body[data-display-mode=bottom-dock] #app{position:fixed;left:50%;right:auto;bottom:0;width:var(--dock-width-px, 100vw);height:var(--dock-height-px, 100vh);min-height:1vh;padding:0;background:#000;grid-template-columns:minmax(0,1fr);transform:translate(-50%);-webkit-app-region:no-drag}body[data-display-mode=bottom-dock] .game-region{width:100%;height:100%;background:#000;place-items:center}body[data-display-mode=bottom-dock] .game-frame{width:min(100%,var(--dock-content-max-width, 100%));height:min(100%,var(--dock-content-max-height, 100%));max-width:var(--dock-content-max-width);max-height:var(--dock-content-max-height)}body[data-display-mode=bottom-dock] #game-shell{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;border-radius:0;clip-path:none;box-shadow:none}body[data-display-mode=bottom-dock] #app[data-settings-open=true]{grid-template-columns:minmax(0,1fr) minmax(210px,250px);gap:10px;padding:10px}body[data-display-mode=bottom-dock] #app[data-settings-open=true] .game-frame{width:min(100%,var(--dock-content-max-width, 100%));height:min(100%,var(--dock-content-max-height, 100%));max-width:var(--dock-content-max-width);max-height:var(--dock-content-max-height)}body[data-display-mode=bottom-dock][data-fullscreen=true] #app{top:0;bottom:auto;width:100vw;height:100vh}body[data-display-mode=bottom-dock][data-fullscreen=true] .game-frame{width:min(100%,var(--dock-content-max-width, 100vw));height:min(100%,var(--dock-content-max-height, 100vh));max-width:var(--dock-content-max-width);max-height:var(--dock-content-max-height)}body[data-display-mode=bottom-dock][data-fullscreen=true][data-fullscreen-mode=pixel-perfect] .game-frame{width:min(var(--pixel-perfect-canvas-size),100vw,var(--dock-content-max-width, 100vw));height:min(var(--pixel-perfect-canvas-size),100vh,var(--dock-content-max-height, 100vh));max-width:min(var(--pixel-perfect-canvas-size),var(--dock-content-max-width, 100vw));max-height:min(var(--pixel-perfect-canvas-size),var(--dock-content-max-height, 100vh))}body[data-display-mode=bottom-dock]:not([data-floating-shell=true]) .window-overlay-controls{display:none}body[data-app-flow=sprite-lab] #app{position:static;width:100%;height:100%;padding:10px}:root{--map-small-icon-size: max(13px, 2.1875% )}#map-setup-ui{position:absolute;top:max(3px,.5625%);right:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:max(4px,.5%);pointer-events:none}#map-build-ui{position:absolute;top:0;right:0;bottom:max(3px,.5625%);left:0;z-index:4;display:grid;align-content:end;justify-items:center;gap:7px;pointer-events:none}body[data-world-map-open=true] #map-setup-ui,body[data-world-map-open=true] #map-build-ui,body[data-world-map-open=true] #settings-panel,body[data-dialogue-open=true] #map-setup-ui,body[data-dialogue-open=true] #map-build-ui,body[data-dialogue-open=true] #settings-panel{display:none}#build-menu{position:relative;display:flex;width:min(96%,780px);height:calc(100% - 46px);max-width:min(96%,780px);align-items:flex-end;justify-content:center;border:0;border-radius:0;padding:7px 57px 7px 7px;background:transparent;box-shadow:none;overflow:visible;opacity:1;transform:translateY(0);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.build-menu-columns{display:flex;min-width:0;height:100%;flex-wrap:wrap;align-content:flex-end;align-items:flex-end;justify-content:center;gap:6px 15px}.build-menu-column{display:grid;grid-auto-rows:min-content;align-content:end;gap:6px}.build-menu-tools{position:absolute;right:10px;bottom:7px;display:flex;justify-content:flex-end}#map-build-ui[data-open=false] #build-menu{opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none}.map-build-buttons{display:flex;width:100%;align-items:center;justify-content:center;gap:max(3px,.375%);pointer-events:none}.map-build-buttons>.map-icon-button{width:var(--map-small-icon-size);pointer-events:auto}.map-build-buttons>.map-icon-button[hidden]{display:none}.map-icon-button{display:grid;width:max(18px,3.125%);min-height:0;aspect-ratio:1;place-items:center;border-radius:50%;padding:0;background:#e8f1f214;pointer-events:auto}.map-icon-button svg{width:62%;height:62%}.map-icon-button[data-active=true]{border-color:#70d5f5b8;background:#70d5f526;color:#b6f0ff}.map-icon-button:disabled{opacity:.38}#setup-toggle{width:var(--map-small-icon-size)}.map-speed-control,.map-zoom-control{display:inline-grid;grid-template-columns:16px minmax(20px,auto) 16px;align-items:center;gap:3px;border:1px solid rgba(209,231,221,.14);border-radius:999px;padding:2px 4px;background:#e8f1f214;color:#d7eef4;pointer-events:auto}.map-speed-control button,.map-zoom-control button{display:grid;width:16px;min-height:16px;place-items:center;border:0;padding:0;background:transparent;color:inherit}.map-speed-control button:disabled,.map-zoom-control button:disabled{opacity:.32}.map-speed-control svg,.map-zoom-control svg{width:11px;height:11px}.map-speed-control output,.map-zoom-control output{min-width:20px;color:#b6f0ff;font-size:1rem;font-weight:800;line-height:1;text-align:center}.build-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:76px;min-height:28px;padding:5px 10px;font-size:1.5rem;pointer-events:auto;white-space:nowrap}.build-item svg{width:27px;height:27px;color:#fff;flex:0 0 auto}.build-item[data-active=true]{border-color:#70d5f594;background:#70d5f524}.build-item--tool{width:auto;min-width:48px;padding:5px 10px;justify-content:center}.build-item--tool svg{width:28px;height:28px;color:#f0aaa1}.build-item-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:12;display:grid;width:min(330px,calc(100vw - 24px));gap:7px;border:1px solid rgba(232,241,242,.2);border-radius:8px;padding:9px;background:#0a1114db;box-shadow:0 12px 24px #0000004d;color:#e8f1f2;opacity:0;pointer-events:none;text-align:left;transform:translate(-50%,5px);transition:opacity .1s ease,transform .1s ease,visibility .1s ease;visibility:hidden;white-space:normal}.build-item:focus .build-item-tooltip,.build-item:hover .build-item-tooltip,.build-item:focus-visible .build-item-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.build-menu-column:nth-child(-n+2) .build-item-tooltip{left:0;transform:translateY(5px)}.build-menu-column:nth-child(-n+2) .build-item:focus .build-item-tooltip,.build-menu-column:nth-child(-n+2) .build-item:hover .build-item-tooltip,.build-menu-column:nth-child(-n+2) .build-item:focus-visible .build-item-tooltip{transform:translate(0)}.build-menu-column:nth-last-child(-n+2) .build-item-tooltip,.build-menu-tools .build-item-tooltip{right:0;left:auto;transform:translateY(5px)}.build-menu-column:nth-last-child(-n+2) .build-item:focus .build-item-tooltip,.build-menu-column:nth-last-child(-n+2) .build-item:hover .build-item-tooltip,.build-menu-column:nth-last-child(-n+2) .build-item:focus-visible .build-item-tooltip,.build-menu-tools .build-item:focus .build-item-tooltip,.build-menu-tools .build-item:hover .build-item-tooltip,.build-menu-tools .build-item:focus-visible .build-item-tooltip{transform:translate(0)}.build-tooltip-title{color:#fff;font-size:1.2rem;line-height:1.1}.build-tooltip-description{color:#e8f1f2d1;font-size:1.2rem;font-weight:650;line-height:1.22}.build-tooltip-diagram{display:flex;min-height:68px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(232,241,242,.12);border-radius:7px;padding:6px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.09),transparent 24px),#e8f1f20f}.build-tooltip-diagram[data-layout=vertical]{min-height:154px;flex-direction:column;gap:3px}.build-tooltip-diagram[data-empty=true]{opacity:.5}.build-tooltip-diagram[data-empty=true]:before,.build-tooltip-diagram[data-empty=true]:after{content:"";display:block;width:34%;height:1px;background:#e8f1f22e}.build-tooltip-node,.build-tooltip-flow,.build-tooltip-icon-node{display:inline-flex;min-width:0;align-items:center;justify-content:center;border-radius:999px;font-size:.56rem;font-weight:850;line-height:1}.build-tooltip-icon-node,.build-tooltip-node{border:1px solid rgba(232,241,242,.18)}.build-tooltip-icon-node{width:50px;height:50px;flex:0 0 auto;border:0;background:transparent}.build-tooltip-icon-node[data-resource=egg],.build-tooltip-icon-node[data-resource=chicken]{color:#fff0b8}.build-tooltip-icon-node[data-resource=grain]{color:#e8b83c}.build-tooltip-icon-node[data-resource=water],.build-tooltip-icon-node[data-resource=water-source],.build-tooltip-icon-node[data-resource=fish]{color:#61c9f2}.build-tooltip-icon-node[data-resource=wood]{color:#b87638}.build-tooltip-icon-node[data-resource=sheep]{color:#f5f1dd}.build-tooltip-icon-node[data-resource=pig]{color:#efa0a7}.build-tooltip-icon-node[data-resource=cow]{color:#f1e2c7}.build-tooltip-icon-node[data-resource=horse]{color:#9f6939}.build-tooltip-icon-node[data-resource=tree],.build-tooltip-icon-node[data-resource=forest],.build-tooltip-icon-node[data-resource=field]{color:#5fbf68}.build-tooltip-icon-node[data-resource=chicken-meal]{color:#d99b53}.build-tooltip-icon-node[data-resource=lamb-meal]{color:#d6c58c}.build-tooltip-icon-node[data-resource=beef-meal]{color:#b85c46}.build-tooltip-icon-node[data-resource=coal]{color:#2b3237}.build-tooltip-icon-node[data-resource=copper],.build-tooltip-icon-node[data-resource=bronze-bar],.build-tooltip-icon-node[data-resource=bronze-sword]{color:#c4753e}.build-tooltip-icon-node[data-resource=iron],.build-tooltip-icon-node[data-resource=stone],.build-tooltip-icon-node[data-resource=building],.build-tooltip-icon-node[data-resource=addon],.build-tooltip-icon-node[data-resource=clean]{color:#a8b0ad}.build-tooltip-icon-node[data-resource=gold]{color:#f0c449}.build-tooltip-icon-node[data-resource=worker],.build-tooltip-icon-node[data-resource=armed-villager]{color:#f4e6bf}.build-tooltip-icon-node[data-resource=sprinkler]{color:#7ad8f2}.build-tooltip-node{min-height:21px;padding:0 8px;border-color:#e8f1f238;background:#e8f1f21a;color:#fff;white-space:nowrap}.build-tooltip-flow{color:#e8f1f2b8;font-size:.62rem;min-width:7px}.build-tooltip-icon-group,.build-tooltip-icon-chain{display:inline-flex;align-items:center;justify-content:center;gap:5px}.build-tooltip-icon-chain{flex-direction:column;gap:2px}.build-tooltip-icon-group[data-role=outputs]{max-width:184px;flex-wrap:wrap}.build-tooltip-arrow{flex:0 0 auto;color:#e8f1f2b8;overflow:visible}.build-tooltip-arrow[data-direction=right]{width:32px;height:15px}.build-tooltip-arrow[data-direction=down]{width:15px;height:20px}.build-tooltip-arrow line{stroke:currentColor;stroke-linecap:round;stroke-width:2}.build-tooltip-arrow polygon{fill:currentColor}.build-tooltip-resource-icon{width:44px;height:44px;overflow:visible}.build-item .build-tooltip-arrow{color:#e8f1f2c2}.build-item .build-tooltip-resource-icon{width:44px;height:44px;color:inherit}.build-tooltip-icon-fill{fill:currentColor}.build-tooltip-icon-shine,.build-tooltip-icon-line,.build-tooltip-icon-stem,.build-tooltip-icon-wing,.build-tooltip-icon-steam{fill:none;stroke:#ffffff6b;stroke-linecap:round;stroke-width:2}.build-tooltip-icon-ring{fill:none;stroke:#ffffff6b;stroke-width:1.8}.build-tooltip-icon-beak{fill:#f2b15c}.build-tooltip-icon-eye{fill:#263238}.build-tooltip-icon-dark{fill:#211b16c7}.build-tooltip-icon-soft{fill:#ffffff47}.build-tooltip-icon-spot{fill:#2a211c9e}.build-tooltip-icon-trunk{fill:#8b5a33}.build-tooltip-icon-outline{fill:none;stroke:#ffffff57;stroke-width:1.6}.build-tooltip-icon-plate{fill:#e8f1f238}.map-audio-control{position:relative;display:grid;width:var(--map-small-icon-size);place-items:center;pointer-events:auto}.map-audio-control>.map-icon-button{width:100%}.map-audio-menu{position:absolute;top:calc(100% + 7px);left:50%;display:grid;width:min(230px,78vw);gap:8px;border:1px solid rgba(209,231,221,.2);border-radius:8px;padding:9px;background:#0f1518e6;box-shadow:0 10px 24px #00000052;color:#d7eef4;transform:translate(-50%);pointer-events:auto}.map-audio-menu[hidden]{display:none}.audio-slider{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:7px;font-size:.72rem;font-weight:700}.audio-slider input{min-width:0}.audio-slider output{color:#b6f0ff;font-size:.68rem;font-weight:800;text-align:right}.audio-track-label{margin-top:-4px;color:#d7eef4b3;font-size:.66rem;font-weight:700}.audio-loop-row,.audio-track-list{display:flex;flex-wrap:wrap;gap:5px}.audio-loop-row button,.audio-track-list button{min-height:24px;border-radius:999px;padding:0 8px;font-size:.68rem;white-space:nowrap}.audio-loop-row button[data-active=true],.audio-track-list button[data-active=true]{border-color:#70d5f594;background:#70d5f524;color:#b6f0ff}.game-stats-panel{position:absolute;bottom:max(32px,4.21875%);left:50%;z-index:5;display:grid;min-width:132px;gap:3px;border:1px solid rgba(209,231,221,.16);border-radius:8px;padding:7px 8px;background:#0c1214d1;color:#d7eef4;font-size:.68rem;line-height:1;pointer-events:auto;transform:translate(-50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-stats-panel[hidden]{display:none}.stats-row{display:grid;grid-template-columns:auto minmax(54px,auto);align-items:center;gap:10px}.stats-row--section{border-top:1px solid rgba(209,231,221,.12);margin-top:3px;padding-top:5px}.stats-row span{color:#d7eef4b8}.stats-row output{color:#b6f0ff;font-weight:800;text-align:right;white-space:nowrap}.font-diagnostics-warning{position:absolute;top:max(28px,3.75%);left:50%;z-index:6;border:1px solid rgba(255,209,102,.45);border-radius:8px;padding:6px 9px;background:#201608d6;color:#ffd166;font-family:var(--game-font-ui);font-size:.68rem;font-weight:800;pointer-events:none;transform:translate(-50%)}.font-diagnostics-warning[hidden]{display:none}#settings-panel{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);box-shadow:0 18px 42px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-app-region:no-drag;scrollbar-width:thin}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;-webkit-app-region:drag}.eyebrow{margin:0 0 4px;color:var(--green);font-size:.72rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:1.15rem;line-height:1.1}#platform-badge{max-width:74px;overflow:hidden;border:1px solid rgba(112,213,245,.28);border-radius:999px;padding:4px 8px;color:var(--blue);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:6px;-webkit-app-region:no-drag}.window-control{display:inline-grid;width:28px;min-height:28px;place-items:center;padding:0}.window-control svg{width:14px;height:14px}.panel-hide-button{display:inline-grid;width:28px;min-height:28px;place-items:center;padding:0}.panel-hide-button svg{width:14px;height:14px}.panel-bottom-actions{display:flex;justify-content:flex-end;margin-top:2px;-webkit-app-region:no-drag}body[data-desktop=false] .window-control,body[data-floating-shell=false] .window-control,body[data-shell-profile^=fullscreen] #settings-panel .settings-group[aria-label="Window settings"]{display:none}.readout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.squad-readout{display:grid;margin-top:2px}.readout{min-width:0;border:1px solid rgba(209,231,221,.13);border-radius:8px;padding:8px;background:#ffffff0a}.readout span{display:block;overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.readout strong{display:block;margin-top:3px;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scenario-objective{display:grid;gap:4px;border:1px solid rgba(112,213,245,.24);border-radius:8px;padding:9px;background:#70d5f514}.scenario-objective[hidden]{display:none}.scenario-objective span{color:var(--blue);font-size:.7rem;font-weight:800;text-transform:uppercase}.scenario-objective strong{font-size:.86rem}.scenario-objective p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.3}.save-controls{display:grid;gap:8px}.save-reset{display:inline-flex;align-items:center;justify-content:center;gap:7px}.save-reset svg{width:14px;height:14px}.save-slot-list{display:grid;gap:5px}.save-slot-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:6px;min-height:30px;border:1px solid rgba(209,231,221,.11);border-radius:8px;padding:4px 5px 4px 7px;background:#ffffff09}.save-slot-row[data-filled=true]{border-color:#70d5f538}.save-slot-row strong,.save-slot-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-slot-row strong{font-size:.76rem}.save-slot-row span{color:var(--muted);font-size:.68rem}.save-slot-row button{display:inline-grid;width:28px;min-height:28px;place-items:center;padding:0}.save-slot-row button svg{width:14px;height:14px}#status-log{min-height:42px;margin-top:auto;border-top:1px solid rgba(209,231,221,.12);padding-top:10px;color:var(--amber);font-size:.82rem;line-height:1.3}.settings-group{display:grid;gap:12px}.debug-resource-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.debug-resource-buttons button{min-width:0;min-height:30px;padding:6px;font-size:.68rem}.setting-block{display:grid;gap:7px}.setting-block>label{color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-label-row label,.setting-label-row output{color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.setting-label-row output{color:var(--blue)}.setting-status{display:block;min-width:0;border:1px solid rgba(112,213,245,.18);border-radius:8px;padding:7px 8px;background:#70d5f50e;color:var(--blue);font-size:.66rem;font-weight:700;line-height:1.35}.setting-help{margin:-1px 0 0;color:#d1e7dd9e;font-size:.64rem;line-height:1.35}.setting-action-button{min-height:32px;border-color:#64d38b5c;background:#64d38b1f;color:#d7f8df;font-size:.7rem;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button[data-active=true]{border-color:#64d38b94;background:#64d38b2e;color:#baf6cc}.zoom-control{display:grid;grid-template-columns:18px 32px minmax(52px,1fr) 32px;align-items:center;gap:6px}.zoom-control>svg{width:14px;height:14px;color:var(--blue)}.zoom-control button{display:inline-grid;width:32px;min-height:30px;place-items:center;padding:0}.zoom-control button svg{width:15px;height:15px}.zoom-control output{min-width:0;border:1px solid rgba(112,213,245,.22);border-radius:8px;padding:7px 6px;color:var(--blue);font-size:.78rem;font-weight:700;text-align:center}.toggle-list{display:grid;gap:6px}.toggle-row{display:flex;min-width:0;align-items:center;gap:5px;border:1px solid rgba(209,231,221,.11);border-radius:8px;padding:6px;background:#ffffff09;color:var(--muted);font-size:.68rem;font-weight:700}button.toggle-row{width:100%;cursor:pointer;font:inherit}.toggle-row[data-active=true]{border-color:#7ed39a6b;background:#7ed39a1f;color:var(--green)}.toggle-row input{width:13px;height:13px;margin:0;accent-color:var(--green)}.toggle-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=range]{width:100%;accent-color:var(--green)}.terrain-control{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px}.terrain-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:30px}.terrain-swatches button{display:block;min-width:0;min-height:30px;border:1px solid rgba(232,241,242,.18);border-radius:7px;padding:0;box-shadow:inset 0 0 0 1px #00000029}.terrain-swatches button[data-active=true]{border-color:#e8f1f2d1;box-shadow:0 0 0 1px #70d5f56b,inset 0 0 0 1px #00000029}.terrain-control>button{display:inline-grid;width:34px;min-height:30px;place-items:center;padding:0}.terrain-control svg{width:14px;height:14px}.terrain-choice-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;min-height:44px}.terrain-choice-grid button{min-width:0;min-height:19px;aspect-ratio:1;border:1px solid rgba(232,241,242,.13);border-radius:4px;padding:0;box-shadow:inset 0 0 0 1px #00000024}.terrain-choice-grid button[data-active=true]{border-color:#e8f1f2e0;box-shadow:0 0 0 1px #64d38b80,inset 0 0 0 1px #00000024}.terrain-adjustment-controls{display:grid;gap:5px}.terrain-detail-controls{display:grid;gap:5px;padding-top:5px;border-top:1px solid rgba(232,241,242,.08)}.terrain-adjustment-row{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;align-items:center;gap:7px;color:var(--muted);font-size:.64rem}.terrain-adjustment-row output{color:var(--blue);font-variant-numeric:tabular-nums;text-align:right}.terrain-reset-button{justify-content:center;min-height:28px;margin-top:2px;font-size:.66rem}.tutorial-hud{position:absolute;top:max(30px,5.78125%);right:12px;left:12px;z-index:5;display:grid;justify-items:center;gap:4px;pointer-events:none}.tutorial-hud[hidden],body[data-world-map-open=true] .tutorial-hud,body[data-dialogue-open=true] .tutorial-hud{display:none}.tutorial-goal-label,.tutorial-goal,.tutorial-tip{max-width:min(88%,520px);border:1px solid rgba(241,232,186,.36);border-radius:6px;background:#121812bd;color:#fff7d7;font-family:var(--game-font-main);line-height:1.2;text-align:center;box-shadow:0 3px 10px #00000047}.tutorial-goal-label{padding:3px 9px;font-size:1.3rem;font-weight:700}.tutorial-goal{padding:5px 10px;font-size:1.3rem;font-weight:700}.tutorial-tip{display:flex;align-items:center;gap:8px;padding:4px 5px 4px 10px;font-size:1.3rem;pointer-events:auto}.tutorial-tip-copy{display:grid;gap:3px}.tutorial-tip-attention{color:#f66}.tutorial-tip[hidden]{display:none}.tutorial-tip button{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,247,215,.28);border-radius:50%;padding:0;background:#0000003d;color:#fff7d7;font:inherit;line-height:1;cursor:pointer}body:not([data-app-flow=game]):not([data-app-flow=settings]) #app{grid-template-columns:minmax(0,1fr)}body[data-app-flow=settings] #app{grid-template-columns:minmax(240px,1fr) minmax(210px,250px)}body:not([data-app-flow=game]):not([data-app-flow=settings]) #settings-panel,body:not([data-app-flow=game]) #map-setup-ui,body:not([data-app-flow=game]) #map-build-ui{display:none}body:not([data-app-flow=game]):not([data-app-flow=settings]) #game-shell{max-width:calc(100vw - 20px)}.start-flow{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(16px,4vw,28px);background:radial-gradient(circle at 50% 45%,rgba(112,213,245,.12),transparent 32%),linear-gradient(180deg,#111e1ff5,#090f10f5);color:var(--text)}.start-flow[hidden],body[data-app-flow=game] .start-flow{display:none}.start-card,.start-generator{width:min(100%,560px);max-height:100%;overflow:auto;border:1px solid rgba(220,238,231,.18);border-radius:8px;padding:18px;background:#0f1518d1;box-shadow:0 18px 42px #00000047;-webkit-app-region:no-drag}body[data-app-flow=settings] #settings-panel .readout-grid,body[data-app-flow=settings] #settings-panel .squad-readout,body[data-app-flow=settings] #settings-panel .action-row,body[data-app-flow=settings] #settings-panel .scenario-objective,body[data-app-flow=settings] #settings-panel .save-controls,body[data-app-flow=settings] #settings-panel .debug-resource-buttons,body[data-app-flow=settings] #settings-panel #status-log,body[data-app-flow=generator] #start-main-menu,body[data-app-flow=generator] #start-load-game,body[data-app-flow=generator] #start-settings-menu,body[data-app-flow=generator] #start-sprite-lab,body[data-app-flow=load] #start-main-menu,body[data-app-flow=load] #start-map-generator,body[data-app-flow=load] #start-settings-menu,body[data-app-flow=load] #start-sprite-lab,body[data-app-flow=settings] #start-main-menu,body[data-app-flow=settings] #start-map-generator,body[data-app-flow=settings] #start-load-game,body[data-app-flow=settings] #start-sprite-lab,body[data-app-flow=sprite-lab] #start-main-menu,body[data-app-flow=sprite-lab] #start-map-generator,body[data-app-flow=sprite-lab] #start-load-game,body[data-app-flow=sprite-lab] #start-settings-menu,body[data-app-flow=menu] #start-map-generator,body[data-app-flow=menu] #start-load-game,body[data-app-flow=menu] #start-settings-menu,body[data-app-flow=menu] #start-sprite-lab{display:none}.start-card{display:grid;justify-items:start;gap:12px}.start-card button{min-width:190px}.start-card h2,.start-generator h2{margin:0;font-size:1.4rem;line-height:1.1}.start-kicker{margin:0;color:var(--green);font-size:.74rem;font-weight:800;text-transform:uppercase}.start-card button,.generator-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.start-save-status,.start-pixel-perfect-status,.start-scenario-label,.start-settings-menu p{color:var(--muted);font-size:.84rem}.start-save-status,.start-pixel-perfect-status{margin-top:-8px}.start-pixel-perfect-toggle,.start-control-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px;border:1px solid rgba(220,238,231,.16);border-radius:8px;padding:8px 10px;background:#ffffff0b;color:var(--text);font:inherit;cursor:pointer}.start-control-toggle[data-active=true]{border-color:#7ed39a80;background:#7ed39a24;color:var(--green)}.start-pixel-perfect-toggle input,.start-control-toggle input{width:16px;height:16px;accent-color:var(--green)}.start-pixel-size-group,.start-option-group{display:grid;gap:6px;width:100%;color:var(--muted);font-size:.78rem}.start-pixel-size-buttons,.start-segmented-buttons{display:flex;flex-wrap:wrap;gap:6px}.start-pixel-size-buttons button,.start-segmented-buttons button{min-width:54px;padding:6px 8px;font-size:.78rem}.start-pixel-size-buttons button[data-active=true],.start-segmented-buttons button[data-active=true]{border-color:#64d38bd9;background:#64d38b29;color:#f4fff7}.start-range-control{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;color:var(--muted);font-size:.78rem}#start-click-through-opacity{width:100%;accent-color:var(--green)}body[data-shell-profile^=fullscreen] .start-option-group[aria-label="Fullscreen mode"],body:not([data-floating-shell=true]) .start-range-control[for=start-click-through-opacity],body:not([data-floating-shell=true]) #start-click-through-opacity{display:none}.start-card button svg,.generator-actions button svg{width:15px;height:15px}.start-generator{display:grid;gap:12px}.generator-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.generator-actions{display:flex;flex-wrap:wrap;gap:8px}.map-preview{display:grid;grid-template-columns:repeat(32,1fr);gap:1px;aspect-ratio:1;overflow:hidden;border:1px solid rgba(220,238,231,.16);border-radius:8px;background:#080e0fbf}.map-preview-cell[data-kind=grass]{background:#417f36}.map-preview-cell[data-kind=resource]{background:#66726e}.map-preview-cell[data-kind=water]{background:#1e87a5}.map-preview-cell[data-kind=forest]{background:#245f34}.map-preview-cell[data-kind=hq]{background:#97dffc}.generator-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.generator-settings label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:.72rem}.generator-settings input{width:100%}.generator-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;color:var(--muted);font-size:.72rem}.generator-readouts span{overflow:hidden;border:1px solid rgba(220,238,231,.12);border-radius:8px;padding:7px;background:#ffffff0a;text-overflow:ellipsis;white-space:nowrap}.generator-readouts output{color:var(--text);font-weight:700}.start-load-game{gap:14px}.start-load-slot-list{display:grid;gap:8px;width:100%}.start-load-slot-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:1px solid rgba(220,238,231,.12);border-radius:8px;padding:8px;background:#ffffff0a}.start-load-slot-row div{display:grid;gap:2px;min-width:0}.start-load-slot-row span{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.start-load-slot-row button{min-width:72px}.sprite-lab{width:min(100%,1180px);height:min(100%,900px);overflow:hidden;border:1px solid rgba(220,238,231,.18);border-radius:8px;padding:14px;background:#0f1518e6;box-shadow:0 18px 42px #00000047;-webkit-app-region:no-drag}.sprite-lab-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sprite-lab-header h2{margin:0;font-size:1.4rem;line-height:1.1}.sprite-lab-header button,.sprite-lab-playbar button,.sprite-lab-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.sprite-lab-workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,390px);gap:12px;min-height:0;height:calc(100% - 52px)}.sprite-lab-preview-panel{display:grid;grid-template-rows:minmax(260px,1fr) auto auto minmax(150px,270px);gap:8px;min-width:0;min-height:0}.sprite-lab-canvas{width:100%;height:auto;max-height:100%;aspect-ratio:1;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid rgba(220,238,231,.18);border-radius:8px;background:#f6f3e9}.sprite-lab-status{overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.sprite-lab-playbar{display:flex;align-items:center;gap:8px}.sprite-lab-playbar output{color:var(--text);font-size:.84rem}.sprite-lab-frame-browser{display:grid;gap:8px;overflow:auto;min-height:0;border:1px solid rgba(220,238,231,.14);border-radius:8px;padding:8px;background:#ffffff09}.sprite-lab-frame-section{display:grid;gap:5px;min-width:0}.sprite-lab-frame-section h3{margin:0;color:var(--green);font-size:.74rem;text-transform:uppercase}.sprite-lab-frame-strip,.sprite-lab-direction-sheets{display:grid;gap:6px;min-width:0}.sprite-lab-frame-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0}.sprite-lab-frame-strip .sprite-lab-frame-row{grid-template-columns:minmax(0,1fr)}.sprite-lab-frame-row-label{min-width:36px;color:var(--muted);font-size:.72rem;text-transform:uppercase}.sprite-lab-frame-thumbnails{display:flex;gap:5px;overflow-x:auto;min-width:0;padding-bottom:2px}.sprite-lab-frame-thumb{position:relative;flex:0 0 auto;min-width:48px;padding:2px;border:1px solid rgba(220,238,231,.16);border-radius:6px;background:#050a0c85;color:var(--text)}.sprite-lab-frame-thumb[data-active=true]{border-color:#ffcf55f2;box-shadow:0 0 0 1px #ffcf556b}.sprite-lab-frame-thumb canvas{display:block;width:46px;height:56px;image-rendering:pixelated;image-rendering:crisp-edges}.sprite-lab-frame-thumb span{position:absolute;right:4px;bottom:2px;color:#f7efe4c7;font-size:.62rem;line-height:1}.sprite-lab-frame-empty{color:var(--muted);font-size:.72rem}.sprite-lab-controls{display:grid;gap:10px;align-content:start;overflow:auto;min-height:0;padding-right:4px}.sprite-lab-panel{display:grid;gap:8px;border:1px solid rgba(220,238,231,.14);border-radius:8px;padding:10px;background:#ffffff0b}.sprite-lab-panel h3{margin:0;color:var(--green);font-size:.82rem;text-transform:uppercase}.sprite-lab-panel label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:.74rem}.sprite-lab-panel input,.sprite-lab-panel select{width:100%;min-width:0;color:var(--text)}.sprite-lab-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sprite-lab-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.sprite-lab-checkbox-grid label,.sprite-lab-inline-check{display:flex;align-items:center;gap:6px;color:var(--text)}.sprite-lab-checkbox-grid input,.sprite-lab-inline-check input{width:15px;height:15px;accent-color:var(--green)}.sprite-lab-pack-file-list{display:grid;gap:5px}.sprite-lab-pack-file-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:6px;font-size:.72rem}.sprite-lab-pack-file-row span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.sprite-lab{height:100%}.sprite-lab-workspace{grid-template-columns:1fr;overflow:auto}.sprite-lab-controls{overflow:visible}}@media(max-width:620px){#app{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) auto}#game-shell{width:min(calc(100vw - 20px),calc(100vh - 210px));max-width:calc(100vw - 20px)}#settings-panel{gap:8px;padding:10px}.settings-group{grid-template-columns:repeat(3,minmax(0,1fr))}}body[data-build-target=website-demo]{background:#000}body[data-build-target=website-demo] #app{position:fixed;inset:0;width:100vw;height:100vh;padding:0;background:#000;grid-template-columns:minmax(0,1fr);transform:none}body[data-build-target=website-demo] .game-region{width:100%;height:100%;background:#000;place-items:center}body[data-build-target=website-demo] .game-frame{width:min(100vw,100vh);height:min(100vw,100vh);max-width:100vw;max-height:100vh}body[data-build-target=website-demo] #game-shell{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1;border-radius:0;clip-path:none;box-shadow:none}body[data-build-target=website-demo] #settings-panel,body[data-build-target=website-demo] #map-setup-ui,body[data-build-target=website-demo] #game-stats-toggle,body[data-build-target=website-demo] #game-stats-panel,body[data-build-target=website-demo] #font-diagnostics-warning,body[data-build-target=website-demo] .window-overlay-controls{display:none!important}body[data-build-target=website-demo] .start-flow{background:radial-gradient(circle at 50% 46%,rgba(112,213,245,.12),transparent 34%),linear-gradient(180deg,#111e1ffa,#050809fa)}body[data-build-target=website-demo] .start-card{width:min(100%,360px);justify-items:center;text-align:center}body[data-build-target=website-demo] #start-main-menu>:not(.start-kicker):not(h2):not(#start-new-game){display:none!important}body[data-build-target=website-demo] #start-new-game{min-width:210px}