:root{--bg:#1f2a1c;--panel:#181610e0;--text:#f1ead8;--muted:#b9b09a;--accent:#e0b04a;--border:#5a4d33;--button:#3a3222;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font:13px/1.4 system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:10px 12px;position:absolute;overflow-y:auto}.topbar{flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:calc(100% - 270px);padding:6px 10px;display:flex;top:12px;left:12px}.topbar-logo{image-rendering:auto;flex:none;width:30px;height:30px;margin:-2px 0}.topbar-title{color:var(--accent);white-space:nowrap;font-size:15px}.topbar-figures{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;display:flex}.figure{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.figure-label{color:var(--muted);font-size:13px}.topbar-group{align-items:center;gap:4px;display:flex}.topbar-group .ui-icon:only-child{margin:0}.topbar-group button{padding:2px 5px}.menu-button{align-items:center;gap:4px;display:flex}.topbar button.off .ui-icon{opacity:.45}.stats{width:250px;top:72px;left:12px}.stats h2{color:var(--accent);margin:0 0 6px;font-size:14px}.stats dl{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:1px 10px;margin:0;display:grid}.stats dt{color:var(--muted);white-space:nowrap}.stats dd{text-align:right;margin:0}.row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}button,select{font:inherit;color:var(--text);background:var(--button);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 8px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.active{border-color:var(--accent);background:#6a5326}.minimap-panel{padding:6px;top:12px;right:12px}.minimap{touch-action:none;cursor:crosshair;border-radius:4px;display:block}.toolbar button{white-space:nowrap}@media (max-width:1280px){.toolbar .key,.topbar-title,.menu-text,.figure-wares{display:none}}.toolbar{scrollbar-width:none;gap:6px;max-width:calc(100% - 16px);padding:6px;display:flex;bottom:40px;left:50%;overflow-x:auto;transform:translate(-50%)}.status{white-space:nowrap;text-overflow:ellipsis;background:#00000073;border-radius:4px;max-width:calc(100% - 24px);padding:2px 10px;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.error{color:#ff8a7a;max-width:calc(100% - 24px);top:72px;left:50%;transform:translate(-50%)}.error:empty{display:none}@media (max-width:720px){.topbar{gap:4px 8px;max-width:calc(100% - 140px);top:8px;left:8px}.topbar .fold,.topbar-title,.figure-hq,.figure-wares{display:none}.stats{top:auto;bottom:90px;left:8px}.toolbar{scrollbar-width:none;bottom:34px;left:8px;right:8px;overflow-x:auto;transform:none}.toolbar .key{display:none}.toolbar button{flex:none}.minimap-panel{padding:4px;top:8px;right:8px}.minimap-panel canvas{width:112px!important;height:auto!important}}@media (pointer:coarse){button,select{min-width:38px;min-height:38px}.toolbar button{padding:6px 12px}input[type=checkbox]{width:22px;height:22px}}.panel h2{color:var(--accent);margin:0 0 8px;font-size:14px}.muted{color:var(--muted);margin:4px 0 8px}.build-menu{z-index:2;width:520px;max-height:calc(100vh - 16px);padding-top:0;overflow:auto}.build-head,.build-menu>.build-tabs{z-index:1;background:#241e14;position:sticky}.build-head{align-items:center;gap:10px;padding-top:8px;display:flex;top:0}.build-head h2{color:var(--accent);align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.build-head .close{margin-left:auto}.build-menu>.build-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;margin:0 0 6px;padding:6px 0;top:34px}.build-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px;margin-bottom:4px;display:grid}.build-option{text-align:left;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:5px 8px;display:grid}.build-option .portrait{width:40px;height:40px}.build-option-text{gap:2px;min-width:0;display:grid}.build-option-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.size-badge{border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:0 4px;font-size:11px}.build-purpose,.build-cost{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 4px;font-size:12px;display:flex}.build-purpose .arrow{color:var(--accent)}.cost-label{margin-right:2px}.cost-chip{font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:1px;display:inline-flex}.side-panel{z-index:3;width:280px;max-height:calc(100vh - 324px);top:200px;right:12px}.side-panel dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 8px;display:grid}.side-panel dt{color:var(--muted)}.side-panel dd{margin:0}button.danger{border-color:#9a3a2a}button.danger:hover{background:#6a2a1a}.economy-panel{z-index:2;width:min(760px,100% - 24px);max-height:calc(100vh - 182px);padding-top:0;top:72px;left:50%;overflow:auto;transform:translate(-50%)}.economy-head,.economy-tabs{z-index:1;background:#241e14;position:sticky}.economy-head{justify-content:space-between;align-items:center;padding-top:8px;display:flex;top:0}.economy-head h2{color:var(--accent);align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.economy-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;margin:0 0 6px;padding:6px 0;top:34px}.ware-group h3{color:var(--accent);margin:10px 0 4px;font-size:13px}.ware-tiles{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:4px;display:grid}.ware-tile{border:1px solid var(--border);background:#0000002e;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:grid}.ware-tile.empty{opacity:.45}.ware-tile-text{min-width:0;line-height:1.15;display:grid}.ware-tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ware-tile-made{color:var(--muted);font-size:11px}.ware-tile-count{font-variant-numeric:tabular-nums;font-size:16px}.people-chips{flex-wrap:wrap;gap:4px;display:flex}.people-chip{border:1px solid var(--border);background:#0000002e;border-radius:6px;align-items:center;gap:5px;padding:2px 8px 2px 2px;display:flex}.ware-cell{align-items:center;gap:6px;display:flex}.stock-table td.rate.up{color:#9ad070}.stock-table tr.ordered td{background:#e0b04a14}.slider{grid-template-columns:1fr 22px;align-items:center;gap:6px;display:grid}.slider .value{text-align:right;font-variant-numeric:tabular-nums}.stock-table td.weight{width:40%}.military-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin-bottom:8px;display:grid}.military-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;padding:4px 10px 8px}.military-card h3{color:var(--accent);margin:4px 0;font-size:13px}.military-card .ranks{flex-wrap:wrap;gap:4px 10px;display:flex}.recruit-needs{align-items:center;gap:2px;display:inline-flex}.tabs{margin:0 0 8px}.tabs .close{margin-left:auto}.stock-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stock-table th{text-align:left;color:var(--muted);font-weight:500}.stock-table td,.stock-table th{border-bottom:1px solid #ffffff0f;padding:2px 6px}.stock-table td:not(:first-child),.stock-table th:not(:first-child){text-align:right}.distribution-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:0 8px;display:grid}.distribution fieldset{border:1px solid var(--border);border-radius:6px;margin:0 0 8px;padding:4px 10px 8px}.distribution legend{color:var(--accent);align-items:center;gap:4px;padding:0 4px;display:flex}.distribution label{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.priority ol{columns:3 200px;margin:0;padding:0;list-style:none}.priority li{break-inside:avoid;align-items:center;gap:4px;padding:1px 0;display:flex}.priority .name{flex:1;align-items:center;gap:5px;display:flex}.priority .rank-no{text-align:right;min-width:2.2ch;color:var(--muted);font-variant-numeric:tabular-nums}button.mini{padding:0 5px;font-size:11px}@media (max-width:720px){.side-panel{width:auto;max-height:calc(100vh - 24px);top:12px;left:12px;right:12px}.priority ol{columns:1}}.menu-overlay{pointer-events:auto;z-index:10;background:radial-gradient(at 30% 20%,#5a783c8c,#0000 60%),#0e120cd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.menu-overlay[hidden]{display:none}.menu-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(520px,100%);padding:20px 24px;box-shadow:0 12px 48px #00000080}.menu-title{letter-spacing:.04em;color:var(--accent);margin:0 0 4px;font-size:30px}.menu-sub{color:var(--muted);margin:0 0 16px}.menu-list{gap:8px;display:grid}.menu-list>button,.menu-actions button{padding:8px 12px;font-size:14px}button.primary{border-color:var(--accent);background:#6a5326}.menu-card{text-align:left;gap:2px;display:grid}.menu-card span{color:var(--muted);font-size:13px}.menu-form,.menu-page{gap:10px;display:grid}.menu-page[hidden]{display:none}.menu-form label{grid-template-columns:1fr 1.4fr;align-items:center;gap:10px;display:grid}.menu-form input,.menu-form select{font:inherit;color:var(--text);border:1px solid var(--border);background:#2a2418;border-radius:4px;padding:4px 6px}.menu-form fieldset.rules{border:1px solid var(--border);border-radius:6px;gap:6px;padding:6px 10px 10px;display:grid}.menu-form fieldset.rules label{grid-template-columns:1fr 70px;font-size:13px}.menu-form fieldset.rules label.check{grid-template-columns:auto 1fr}.menu-actions{justify-content:flex-end;gap:8px;display:flex}.menu-message{color:var(--accent);margin:12px 0 0}.save-row{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 0;display:grid}.save-row strong,.save-row span{display:block}.save-row span{color:var(--muted);font-size:13px}.messages-panel{width:380px;max-height:min(60vh,100vh - 190px);padding-top:0;bottom:90px;right:12px;overflow:auto}.messages-head,.message-filters{z-index:1;background:#241e14;position:sticky}.messages-head{justify-content:space-between;align-items:center;padding-top:8px;display:flex;top:0}.messages-head h2{color:var(--accent);align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.messages-panel .close,.economy-panel .close{margin-left:auto}.message-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:6px;padding:6px 0;display:flex;top:34px}button.chip{align-items:center;gap:5px;padding:1px 8px;font-size:13px;display:inline-flex}.chip-count{color:var(--muted);font-variant-numeric:tabular-nums}button.chip.active .chip-count{color:var(--text)}.message-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.message-list li{border:1px solid #ffffff0f;border-left:4px solid var(--sev,var(--border));background:#0000002e;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.message-list li.jump{cursor:pointer}.message-list li.jump:hover{background:#e0b04a1f}.message-list li.unread{background:#e0b04a1a}.message-list li.unread .text>span:first-child{font-weight:700}.message-list .text{gap:1px;display:grid}.message-list .when{color:var(--muted);font-size:12px}.message-list .go{color:var(--muted)}.message-list li.jump:hover .go{color:var(--accent)}.messages-empty{margin:8px 0}.sev-alarm{--sev:#d0503a}.sev-problem{--sev:#e0b04a}.sev-good{--sev:#7aa84a}.sev-info{--sev:#7a8aa8}.messages-panel .message-list .ui-icon{width:24px;height:24px;margin:0}.badge[hidden]{display:none}.badge{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#c0402c;border-radius:9px;min-width:18px;margin-left:5px;padding:0 4px;font-size:12px;line-height:16px;display:inline-block}.toasts{justify-items:end;gap:6px;display:grid;position:absolute;bottom:90px;right:12px}.toast{pointer-events:auto;text-align:left;background:#281e0ef2;border-color:#b08030;max-width:320px;animation:.2s ease-out toast-in}.toast.sev-alarm,.toast.sev-problem,.toast.sev-good,.toast.sev-info{border-left:4px solid var(--sev)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.mission-panel{width:min(420px,100% - 600px);min-width:300px;top:72px;left:50%;transform:translate(-50%)}.objectives{margin:6px 0;padding:0;list-style:none}.objectives li{gap:6px;display:flex}.objectives li.done{color:#9ad070}.mission-panel .hint{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;display:flex}.mission-done{color:#9ad070;font-weight:600}.stats-view h3{color:var(--accent);margin:10px 0 4px;font-size:13px}.bottlenecks{gap:4px;display:grid}.bottleneck{border:1px solid var(--accent);background:#e0b04a14;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.ok-note{color:#9ad070}canvas.spark{display:block}.orders{white-space:nowrap}.orders .value{text-align:center;width:24px;display:inline-block}@media (max-width:1100px){.mission-panel{width:300px;min-width:0;top:200px;left:auto;right:12px;transform:none}}.military-view dl{grid-template-columns:auto 1fr;gap:2px 10px;display:grid}.military-view dt{color:var(--muted)}.military-view dd{margin:0}.game-over{pointer-events:auto;z-index:9;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.game-over[hidden]{display:none}.game-over-card{background:var(--panel);border:1px solid var(--accent);text-align:center;border-radius:12px;max-width:420px;padding:24px 28px}.loading{z-index:25}.loading-card{min-width:280px}.loading-track{border:1px solid var(--border);background:#00000059;border-radius:5px;height:10px;overflow:hidden}.loading-fill{background:var(--accent);width:0;height:100%;transition:width .15s linear}.loading-percent{font-variant-numeric:tabular-nums}.game-over-card h1{color:var(--accent);margin:0 0 8px;font-size:34px}.net-heading{color:var(--accent);margin:8px 0 0;font-size:14px}.menu-form textarea{color:var(--text);border:1px solid var(--border);resize:vertical;box-sizing:border-box;background:#2a2418;border-radius:4px;width:100%;padding:4px 6px;font:11px/1.3 ui-monospace,monospace}.menu-form label.check{grid-template-columns:auto 1fr}.net-row,.net-code{align-items:flex-start;gap:8px;display:flex}.net-row input,.net-code textarea{flex:1}.net-seats{gap:6px;display:grid}.net-seat{align-items:center;gap:8px;min-height:28px;display:flex}.net-seat select{flex:1}.net-seat select[title]{flex:none;width:84px}.net-seat select.seat-faction{width:132px}.menu-form label>input[type=checkbox]{justify-self:start;width:auto}.net-team{color:var(--muted)}.net-dot{border:1px solid #00000080;border-radius:50%;flex:none;width:12px;height:12px}.net-name{flex:1}.net-name.muted,.net-wait,.net-ping{color:var(--muted)}.net-ready,.net-ok{color:#8fd07a}.net-warn{color:#ff9a6a}.net-room{letter-spacing:.15em;color:var(--accent);font-size:18px}.net-chat{gap:4px;display:grid}.net-chat-log{background:#00000040;border-radius:4px;height:90px;padding:4px 6px;font-size:13px;overflow-y:auto}.net-panel{background:var(--panel);border:1px solid var(--border);pointer-events:auto;border-radius:8px;gap:4px;width:210px;padding:8px 10px;font-size:13px;display:grid;position:absolute;top:120px;right:12px}.net-panel[hidden],.net-banner[hidden]{display:none}.net-panel strong{color:var(--accent)}.net-panel-row{align-items:center;gap:6px;display:flex}.net-panel-row span:nth-child(2){flex:1}.net-banner{background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:10px 18px;font-size:16px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.replay-view{align-items:center;gap:6px;display:flex}.replay-view select{flex:1}.save-row.replay-row{grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:column}body.aux-window{box-sizing:border-box;background:#1f2a1c;gap:8px;height:100vh;margin:0;padding:8px;display:flex;overflow:hidden}.aux-map{flex:1;place-items:center;min-width:0;display:grid}.aux-map canvas{cursor:crosshair;touch-action:none;image-rendering:pixelated;border:1px solid var(--border)}.aux-side{flex-direction:column;gap:8px;width:380px;display:flex;overflow-y:auto}.panel.docked{width:auto;max-height:none;position:static;transform:none}@media (max-width:760px){body.aux-window{flex-direction:column}.aux-side{width:auto}}.editing .topbar,.editing .stats,.editing .toolbar,.editing .mission-panel,.editing .net-panel,.editing .side-panel{display:none}.editor-panel{align-content:start;gap:8px;width:270px;font-size:13px;display:grid;top:12px;bottom:12px;left:12px;overflow-y:auto}.editor-panel[hidden]{display:none}.editor-panel h1{color:var(--accent);margin:0;font-size:18px}.editor-panel label{grid-template-columns:50px 1fr;align-items:center;gap:6px;display:grid}.editor-panel input:not([type=range]){font:inherit;color:var(--text);border:1px solid var(--border);background:#2a2418;border-radius:4px;padding:3px 6px}.editor-title{color:var(--muted);margin-bottom:3px}.editor-tools{flex-wrap:wrap;gap:4px;display:flex}.editor-tools button{padding:3px 6px;font-size:12px}.editor-tools button.active{border-color:var(--accent);background:#6a5326}.editor-row{align-items:center;gap:6px;display:flex}.editor-row input[type=range]{flex:1}.editor-actions{flex-wrap:wrap}.editor-messages{gap:2px;display:grid}@media (max-width:640px){.editor-panel{width:calc(100% - 24px);max-height:45vh;bottom:auto}}@font-face{font-family:Cinzel;font-weight:700;font-display:swap;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2")}.pixel body,.pixel button,.pixel select,.pixel input{font-variant-numeric:lining-nums tabular-nums;font-family:Alegreya Sans,system-ui,sans-serif}.pixel h1,.pixel h2,.pixel h3,.pixel .menu-title,.pixel .topbar-title{font-family:Cinzel,Georgia,serif;font-weight:700}.pixel body{font-size:15px}.pixel{--bevel-light:#8a7246;--bevel-dark:#120e08;--dither:repeating-conic-gradient(#ffffff09 0 25%, transparent 0 50%) 0 0 / 4px 4px}.pixel *,.pixel :before,.pixel :after{border-radius:0!important}.pixel .panel,.pixel .menu-box,.pixel .toast,.pixel .game-over-card,.pixel .net-banner{border:2px solid var(--bevel-dark);background:var(--dither), #241e14;box-shadow:inset 2px 2px 0 var(--bevel-light), inset -2px -2px 0 #3a2e1c, 4px 4px 0 #00000073}.pixel button,.pixel select{border:2px solid var(--bevel-dark);text-shadow:1px 1px #000;background:#4a3e28;box-shadow:inset 2px 2px #7c6a44,inset -2px -2px #2c2416}.pixel button:hover:not(:disabled){border-color:var(--bevel-dark);background:#5a4a2e}.pixel button:active:not(:disabled),.pixel button.active,.pixel button.primary{background:#7a5a22;box-shadow:inset 2px 2px #2c2416,inset -2px -2px #b08a40}.pixel button:active:not(:disabled){transform:translate(1px,1px)}.pixel button.danger{background:#6a2a20}.pixel input,.pixel textarea{box-shadow:inset 2px 2px #120e08;border:2px solid var(--bevel-dark)!important}.pixel h1,.pixel h2,.pixel h3,.pixel .menu-title{text-shadow:2px 2px #000;letter-spacing:.06em}.pixel .menu-title{text-transform:uppercase;font-size:34px}.pixel canvas.minimap,.pixel .aux-map canvas{image-rendering:pixelated}.pixel .menu-overlay{background:var(--dither), radial-gradient(ellipse at 30% 20%, #5a783c8c, transparent 60%), #0e120cd9}.confirm-overlay{pointer-events:auto;z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-box{width:min(380px,100%);position:static}.confirm-box p{margin:0 0 8px}.ui-icon{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle;flex:none}button:has(.ui-icon){justify-content:center;align-items:center;gap:5px;display:inline-flex}.toast .ui-icon,.messages-panel .ui-icon,.net-panel .ui-icon{width:16px;height:16px;margin-right:5px}.menu-logo{image-rendering:auto;max-width:100%;height:auto;margin:0 auto;display:none}.menu-title.has-logo .menu-logo{display:block}.menu-title.has-logo span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pixel .menu-overlay{image-rendering:pixelated;background:linear-gradient(#0e120c8c,#0e120cbf),url(/sprites/ui/menu_background.png) 50%/cover no-repeat,#0e120cd9}.game-over-art{width:320px;max-width:100%;height:auto;image-rendering:pixelated;margin:0 auto 8px;display:block}.confirm-head{align-items:center;gap:8px;display:flex}.pixel .panel,.pixel .menu-box,.pixel .toast,.pixel .game-over-card,.pixel .net-banner{box-shadow:none;image-rendering:pixelated;background:0 0;border:8px solid #0000;border-image:url(/sprites/ui/panel.png) 8 fill/8px round}.pixel button:not(.danger){box-shadow:none;image-rendering:pixelated;background:0 0;border:5px solid #0000;border-image:url(/sprites/ui/button.png) 5 fill/5px;padding:0 4px}.pixel button:not(.danger):hover:not(:disabled){background:0 0;border-image-source:url(/sprites/ui/button_hover.png)}.pixel button:not(.danger):active:not(:disabled),.pixel button:not(.danger).active,.pixel button:not(.danger).primary{box-shadow:none;background:0 0;border-image-source:url(/sprites/ui/button_active.png)}.portrait{width:32px;height:32px;image-rendering:pixelated;flex:none}h2.with-portrait{align-items:center;gap:8px;display:flex}.job-icon,.rank-icon{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle;margin-right:4px}.job-icon{width:24px;height:24px}.ranks{flex-wrap:wrap;gap:2px 8px;display:inline-flex}.rank{white-space:nowrap}.replay-controls{gap:6px;margin:6px 0;display:flex}.team-icon{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle;margin-right:4px}.build-tabs{gap:4px;display:flex}.build-tabs button.active{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.copilot-panel{width:300px}.copilot-list{gap:8px;margin:8px 0;display:grid}.copilot-area{align-items:flex-start;gap:8px;display:flex}.copilot-area span{display:grid}.copilot-area small{color:var(--muted)}.flag-menu button:not(.close){width:100%;margin-bottom:4px;display:block}.side-panel.wide{width:min(560px,100vw - 24px)}.research-section{margin:0 0 8px}.research-mana{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.research-mana strong{color:var(--accent);font-size:18px}.research-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.research{border:1px solid var(--border);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;display:flex}.research.affordable{border-color:var(--accent)}.research-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.research-effect{color:var(--muted);flex:1;margin:0;font-size:12px}.research-cost{font-weight:700}.research button{width:100%}.min-stock{margin:0 0 8px}.min-stock-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;margin-bottom:6px;display:flex}.min-stock-head>*{white-space:nowrap}.min-stock-alert{color:var(--accent);font-weight:700}.min-stock-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 8px;display:grid}.min-stock-card{border:1px solid var(--border);border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:3px 6px;display:grid}.min-stock-card.short{border-color:var(--accent);background:#e0b04a14}.min-stock-text{gap:1px;min-width:0;display:grid}.ware-icon{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;display:block}.min-stock-name{font-weight:700}.min-stock-stored{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.min-stock-card.short .min-stock-stored{color:var(--accent)}.min-stock-bar{background:#00000059;border-radius:2px;width:100%;height:4px;overflow:hidden}.min-stock-bar>span{background:#6f9a4a;height:100%;display:block}.min-stock-card.short .min-stock-bar>span{background:var(--accent)}.stepper{align-items:center;gap:6px;display:flex}.stepper .value{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.min-stock-hint{margin:6px 0 0;font-size:12px}.storage-tab-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:6px;padding-bottom:6px}.rank-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;display:grid}.rank-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:4px 8px;display:grid}.rank-card.empty{opacity:.45}.rank-card strong{font-variant-numeric:tabular-nums;font-size:16px}.rank-icon.big{width:24px;height:24px;margin:0}.training-view>p{margin:0 0 6px}.training-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.training-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;gap:6px;padding:6px 8px;display:grid}.training-card.short{border-color:var(--accent);background:#e0b04a14}.training-head,.training-tool{align-items:center;gap:6px;display:flex}.training-head strong{flex:1}.expedition-target{flex-basis:100%}.expedition-target p{margin:4px 0 0}.expedition-goal{color:var(--accent)}.garrison,.coin-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;margin:0 0 8px;padding:6px 8px}.garrison{gap:6px;display:grid}.garrison-head{justify-content:space-between;align-items:baseline;display:flex}.garrison-count{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.soldier-slots{flex-wrap:wrap;gap:4px;display:flex}.soldier-slot{border:1px dashed var(--border);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;background:0 0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.soldier-slot.filled{border-style:solid;border-color:var(--accent);background:#e0b04a1f}.soldier-slot.closed{opacity:.35;background:#00000059}.soldier-slot .rank-icon{width:20px;height:20px;margin:0}.coin-card{grid-template-columns:28px 1fr auto;align-items:center;gap:8px;display:grid}.coin-text{gap:1px;font-size:13px;display:grid}button.toggle.active{color:var(--accent)}.attack-vs{color:var(--muted);align-self:center;font-size:12px}.odds-bar{background:#0006;border-radius:3px;height:6px;overflow:hidden}.odds-bar>span{background:currentColor;height:100%;display:block}.flag-menu{width:300px;padding-top:8px}.flag-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.flag-head h2{color:var(--accent);align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.flag-wares{flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:8px;font-size:13px;display:flex}.flag-actions{gap:4px;display:grid}.flag-menu button.flag-action{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:8px;margin:0;padding:4px 8px;display:grid}.flag-action .ui-icon,.flag-action .job-icon{width:24px;height:24px;margin:0}.flag-action-text{gap:1px;display:grid}.flag-action-text .muted{font-size:12px}.road-facts,.road-crew{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:6px;font-size:13px;display:flex}.road-pips{gap:3px;display:inline-flex}.road-pips>span{border:1px solid var(--border);background:#0000004d;border-radius:2px;width:12px;height:8px}.road-pips>span.on{border-color:var(--accent);background:var(--accent)}.road-member{align-items:center;gap:3px;display:inline-flex}.road-member .job-icon{width:22px;height:22px}.road-waiting.busy{color:var(--accent)}.road-price{align-items:center;gap:3px;display:inline-flex}.road-note{margin:0 0 4px;font-size:13px}.ship-facts{gap:2px;margin-bottom:8px;font-size:13px;display:grid}.ship-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;gap:5px;margin:0 0 8px;padding:6px 8px;display:grid}.menu-box.menu-box-main{width:min(780px,100%)}.menu-main{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}.menu-actions-main{gap:8px;display:grid}.menu-actions-main button.big{text-align:left;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex}.menu-actions-main button.big .ui-icon{width:28px;height:28px}.menu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}button.menu-tile{text-align:left;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.menu-tile .ui-icon{width:32px;height:32px;margin:0}.menu-tile-text{gap:2px;display:grid}.menu-tile-text span{color:var(--muted);font-size:13px}@media (max-width:720px){.menu-main,.menu-tiles{grid-template-columns:1fr}}.ship-head{align-items:center;gap:6px;display:flex}.ship-head .muted{margin-left:auto;font-size:12px}.ship-icon{width:24px;height:24px}.ship-queue{flex-wrap:wrap;gap:4px;display:flex}.ship-slot{border:1px dashed var(--border);border-radius:4px;place-items:center;width:30px;height:30px;display:inline-grid;position:relative;overflow:hidden}.ship-slot.building{border-style:solid;border-color:var(--accent)}.ship-slot-fill{background:#e0b04a59;position:absolute;bottom:0;left:0;right:0}.ship-slot-icon{opacity:.8;width:22px;height:22px;margin:0;position:relative}.ship-warning{color:#f08070;margin:0;font-size:13px}.ship-fleet{font-size:12px}.temple-top{grid-template-columns:1.4fr 1fr;gap:6px;margin-bottom:6px;display:grid}.temple-card{border:1px solid var(--border);background:#0000002e;border-radius:6px;align-content:start;gap:4px;padding:6px 8px;display:grid}.temple-gifts{flex-wrap:wrap;gap:4px 10px;display:flex}.temple-gift{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.temple-gift.empty{opacity:.5}.temple-state{align-items:center;gap:8px;display:inline-flex}.temple-state button{min-width:8.5em}.temple-note{font-size:12px}.temple-mana-value{color:var(--accent);font-size:22px;line-height:1}.research-pips{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.research-pips>span{border:1px solid var(--border);background:#0000004d;border-radius:1px;width:8px;height:6px}.research-pips>span.on{border-color:var(--accent);background:var(--accent)}.research-level{font-size:12px}.research.done{opacity:.7}.research-done{color:#9ad070;font-weight:700}button.research-buy{gap:0;width:100%;padding:3px 6px;line-height:1.2;display:grid}.research-price{font-size:12px}@media (max-width:720px){.temple-top{grid-template-columns:1fr}}.storage-cards{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;margin-bottom:6px;padding-bottom:6px;display:grid}button.storage-card{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:6px;padding:4px 8px;display:grid}button.storage-card.active{border-color:var(--accent)}.storage-card .job-icon,.storage-card .rank-icon,.storage-card .ware-icon{margin:0}.storage-card-text{line-height:1.15;display:grid}.storage-card-text span{color:var(--muted);font-size:12px}.storage-card-text strong{font-variant-numeric:tabular-nums;font-size:16px}.storage-empty{margin:4px 0;font-size:13px}.fieldwork{gap:6px;margin-bottom:8px;display:grid}.fieldwork-crew{gap:3px;display:grid}.fieldwork-worker{align-items:center;gap:6px;font-size:13px;display:flex}.fieldwork-grid{gap:2px;width:min(120px,100%);margin:2px 0;display:grid}.fieldwork-cell{aspect-ratio:1;border:1px dashed var(--border);border-radius:2px}.fieldwork-cell.sx{background:#00000073;border-style:solid}.fieldwork-cell.s1,.fieldwork-cell.s2,.fieldwork-cell.s3,.fieldwork-cell.s4{border-style:solid}.fieldwork-cell.farm.s1{background:#7a5a34}.fieldwork-cell.farm.s2{background:#6f8a3a}.fieldwork-cell.farm.s3{background:#9ab040}.fieldwork-cell.farm.s4{background:#e0b84a}.fieldwork-cell.forest.s1{background:#5a7a3a}.fieldwork-cell.forest.s2{background:#4a7a34}.fieldwork-cell.forest.s3{background:#3a6a2c}.fieldwork-cell.forest.s4{background:#2a5a24}.harbor-cards{grid-template-columns:1fr 1.3fr;align-items:start;gap:6px;margin-bottom:8px;display:grid}.harbor-cards .ship-card{margin:0}.harbor-facts{grid-template-columns:1fr 1fr;gap:4px;display:grid}.harbor-fact{border:1px solid var(--border);background:#00000026;border-radius:4px;padding:3px 6px;font-size:12px;line-height:1.2;display:grid}.harbor-fact strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px}.harbor-fact.none{opacity:.55}.harbor-note{margin:0;font-size:12px}.expedition-steps{counter-reset:step;gap:2px;margin:0;padding:0;list-style:none;display:flex}.expedition-steps li{border:1px solid var(--border);text-align:center;color:var(--muted);counter-increment:step;border-radius:3px;flex:1;padding:3px 4px;font-size:12px}.expedition-steps li:before{content:counter(step) ". "}.expedition-steps li.current{border-color:var(--accent);color:var(--text);background:#e0b04a26}.expedition-steps li.done{color:#9ad070}.expedition-steps li.done:before{content:"✔ "}.harbor-materials{gap:4px;display:grid}.harbor-material{font-variant-numeric:tabular-nums;grid-template-columns:22px auto 1fr;align-items:center;gap:6px;font-size:13px;display:grid}.harbor-material.ok{color:#9ad070}@media (max-width:720px){.harbor-cards{grid-template-columns:1fr}}.residence-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:20px;line-height:1.1}.min-stock-bar.full>span{background:#d0805a}.residence-sizes{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.residence-size{text-align:center;border:1px solid var(--border);color:var(--muted);border-radius:4px;gap:1px;padding:4px 6px;font-size:12px;display:grid}.residence-size-icon{justify-self:center;width:32px;height:32px}.residence-size strong{color:var(--text);font-size:13px}.residence-size.current{border-color:var(--accent);background:#e0b04a1f}.strength{border:1px solid var(--border);background:#0000002e;border-radius:6px;grid-template-columns:48px 1fr;align-items:center;gap:8px;margin:4px 0;padding:6px 8px;display:grid}.strength-portrait{width:48px;height:48px}.strength-text{gap:1px;font-size:13px;display:grid}.strength-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;line-height:1}.strength-ranks{gap:6px;margin-top:2px;display:flex}.strength-rank{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.strength-rank.none{opacity:.4}.production{margin-bottom:8px}.production-state{color:#f0a070;margin-left:auto;font-size:12px}.production-state.ok{color:#9ad070}.ship-icon.faded{opacity:.4}.production-flow{grid-template-columns:1fr auto .8fr;align-items:center;gap:8px;display:grid}.production-inputs,.production-outputs{gap:4px;display:grid}.production-ware{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;align-items:center;column-gap:6px;padding:4px 6px;font-size:13px;display:grid}.production-ware>:first-child{grid-row:span 3}.production-ware.empty{border-color:#a0604a}.production-ware.product{border-color:var(--accent);grid-template-columns:32px 1fr}.production-arrow{color:var(--accent);font-size:20px}.research-volk{border:1px solid var(--accent);color:var(--accent);border-radius:8px;justify-self:center;padding:0 6px;font-size:11px}.research.locked{opacity:.55}.hq-overview{grid-template-columns:1fr 1fr;align-items:stretch;gap:6px;margin-bottom:8px;display:grid}.hq-overview .ship-card{margin:0}.hq-overview .hq-guard{grid-column:1/-1}.hq-overview .strength{background:0 0;border:0;margin:0;padding:0}@media (max-width:720px){.hq-overview{grid-template-columns:1fr}}.side-panel.xwide{width:min(1180px,100vw - 24px);max-height:calc(100vh - 240px);top:116px}.side-panel.xwide.xwide-military{width:min(720px,100vw - 24px)}.panel-split{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:8px;margin-bottom:6px;display:grid}.xwide-military .panel-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-split>div{align-content:start;gap:6px;display:grid}.panel-split .temple-top{grid-template-columns:1fr;margin:0}.panel-split .research-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.panel-split .strength{grid-template-columns:34px 1fr;padding:4px 6px}.panel-split .strength-portrait{width:34px;height:34px}.panel-split .strength-value{font-size:17px}.panel-split .research{text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px 6px;padding:4px 5px;display:grid}.panel-split .research>.research-icon{grid-row:span 2;width:32px;height:32px}.panel-split .research>strong{font-size:13px;line-height:1.15}.panel-split .research .research-pips{justify-content:flex-start}.panel-split .research .research-level{display:none}.panel-split .research-effect,.panel-split .research>.research-volk,.panel-split .research>button,.panel-split .research>.research-done,.panel-split .research>.research-cost{grid-column:1/-1}.panel-split .research-effect{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.panel-split .research>.research-volk{justify-self:start}.panel-split button.research-buy{white-space:nowrap;justify-content:center;align-items:baseline;gap:4px;padding:2px 3px;font-size:12px;display:flex}.panel-split .research-price{font-size:11px}.panel-split .research-done,.panel-split .research-cost{text-align:center;font-size:12px}.panel-split .temple-mana-value{font-size:18px}.panel-split .garrison,.panel-split .coin-card{margin:0}.panel-split .temple-card,.panel-split .garrison{gap:3px;padding:4px 6px}@media (max-width:720px){.panel-split,.xwide-military .panel-split{grid-template-columns:1fr}.panel-split .research-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.store-bar{background:#0006;border-radius:4px;height:8px;display:flex;overflow:hidden}.store-part{min-width:3px}.store-legend{color:var(--muted);flex-wrap:wrap;gap:2px 8px;font-size:10.5px;display:flex}.store-key{align-items:center;gap:3px;display:inline-flex}.store-dot{border-radius:2px;width:8px;height:8px}.g0{background:#b88a52}.g1{background:#8fbf5a}.g2{background:#7a8aa0}.g3{background:#c0504a}.g4{background:#d0b050}.g5{background:#9a7ab8}.side-panel.xwide.xwide-store{width:min(900px,100vw - 24px)}.panel-split .store-overview{grid-template-columns:1fr;margin:0}.store-overview .reserve-card{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;margin:4px 0 0;padding:4px 0 0}.store-overview .reserve-card .harbor-note{display:none}.owned-badge{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:8px;margin-left:auto;padding:0 5px;font-size:10.5px}.owned-badge+.size-badge{margin-left:4px}.harbor-note.warn{color:var(--accent)}.training-view .recruit-card{margin:0 0 6px}.panel-split .harbor-cards{grid-template-columns:1fr;margin-bottom:6px}.fleet-strip{flex-wrap:wrap;align-items:center;gap:2px;margin:2px 0 6px;font-size:12px;display:flex}.fleet-ship{image-rendering:pixelated;background-repeat:no-repeat;display:inline-block}.fleet-ship.coming{opacity:.6}.fleet-ship.away{opacity:.25;filter:grayscale()}.panel-split .harbor-facts{grid-template-columns:repeat(4,1fr)}.panel-split .harbor-fact strong{font-size:15px}.harbor-guard{grid-template-columns:1fr 1fr;align-items:start;gap:6px;margin-top:6px;display:grid}.harbor-guard .strength,.harbor-guard .reserve-card{margin:0}h2 .head-note{margin-left:auto;font-size:12px;font-weight:400}.storage-tabs[data-tab=training]+.harbor-guard{display:none}.research-tree{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px;display:grid}.research-branch{border:1px solid var(--border);background:#0000001f;border-radius:6px;flex-direction:column;gap:7px;padding:3px;display:flex}.research-branch-head{letter-spacing:.04em;text-align:center;color:var(--accent);margin:0 0 -4px;font-size:12px}.research-tree .research{text-align:left;background:#0003;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:2px 5px;padding:3px 5px;display:grid;position:relative}.research-tree .research.follows:before{content:"";background:var(--border);width:2px;height:7px;position:absolute;top:-8px;left:50%}.research-tree .research.follows:not(.locked):before{background:var(--accent)}.research-tree .research>.research-icon{grid-row:span 2;width:32px;height:32px}.research-tree .research>strong{font-size:11.5px;line-height:1.15}.research-tree .research-level{display:none}.research-tree .research-effect,.research-tree .research>button,.research-tree .research>.research-done,.research-tree .research>.research-cost{grid-column:1/-1}.research-tree .research-effect{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.research-tree .research>.research-cost{color:var(--muted);font-size:10.5px;font-weight:400}.research-tree .research>button{padding:2px 4px;font-size:12px}.research-bar{background:#0006;border-radius:3px;height:5px;display:block;overflow:hidden}.research-bar>span{background:var(--accent);height:100%;display:block}@media (max-width:720px){.research-tree{grid-template-columns:repeat(2,minmax(0,1fr))}}.research-tree .research-volks{grid-column:1/-1}.research-volk-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.research-volk-row .research.locked{opacity:.55}.research-volk-row .research.locked>.research-pips,.research-volk-row .research.locked>.research-bar{display:none}.research-volk-row .research{row-gap:0;padding:2px 4px}.research-volk-row .research>.research-icon{width:32px;height:32px}.research-volk-row .research>strong{font-size:10.5px}.copilot-main{align-items:center;gap:6px;margin:4px 0 8px;display:flex}.copilot-panel.resting .copilot-list{opacity:.5}.copilot-military{flex-wrap:wrap;gap:4px 10px;margin:-2px 0 6px 26px;font-size:13px;display:flex}.copilot-military label{align-items:center;gap:4px;display:flex}.copilot-military-icon{object-fit:contain;width:20px;height:20px;image-rendering:pixelated}.figure-mil b.short{color:#e0704a}.figure-icon{object-fit:contain;width:16px;height:16px;image-rendering:pixelated;align-self:center}@media (max-width:1280px){.topbar{column-gap:6px}.topbar-figures{gap:4px 8px}.figure{gap:3px}}.road-carried{align-items:center;gap:5px;margin:2px 0 4px;font-size:13px;display:flex}.road-ordered{color:var(--accent)}.figure.clickable{cursor:pointer}.figure.clickable:hover b{text-decoration:underline}.overview{width:min(680px,100vw - 24px)}.overview-head{align-items:center;gap:8px;display:flex}.overview-head h2{align-items:center;gap:6px;margin:0;display:flex}.overview-head .close{margin-left:auto}.jobs-tools{margin:6px 0 8px}.temple-gift.ordered{border-style:dashed}.jobs-table td,.soldiers-table td{padding:2px 4px}.jobs-table .job-name,.soldiers-table .job-name{white-space:nowrap;align-items:center;gap:4px;display:flex}.jobs-table tr.open .job-open,.soldiers-table tr.open td{color:var(--accent);font-weight:700}.jobs-table td.job-tool{white-space:nowrap}.job-tool .ware-icon{vertical-align:middle;margin-right:3px;display:inline-block}.jobs-table td.job-priority{white-space:nowrap}.job-priority .mini+.mini{margin-left:2px}.job-priority .mini{padding:1px 4px;font-size:11px}.job-priority .mini.active{border-color:var(--accent);color:var(--accent)}.soldiers-facts{grid-template-columns:repeat(3,1fr);margin:6px 0 8px}h2.with-portrait .panel-close{margin-left:auto;font-size:16px}h2.with-portrait .head-note+.panel-close{margin-left:8px}.side-panel.attack-panel{width:360px;overflow:hidden}.attack-body{gap:8px;display:grid}.attack-grid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.attack-grid .strength{text-align:center;border:1px solid var(--border);background:#0000002e;border-radius:6px;grid-template-columns:1fr;justify-items:center;margin:0;padding:6px 4px}.attack-grid .strength-portrait{width:40px;height:40px}.attack-grid .strength-ranks{flex-wrap:wrap;justify-content:center;gap:2px 6px}.attack-grid .attack-vs{color:var(--muted);align-self:center;font-size:12px}.attack-picked{border-top:1px dashed var(--border);margin-top:4px;padding-top:4px}.strength-rank.picked{color:var(--accent)}.attack-grid .attack-empty{opacity:.75;background:0 0;border-style:dashed}.attack-empty-portrait{border:1px dashed var(--border);border-radius:50%;display:block}.attack-why{color:var(--muted);font-size:12px;line-height:1.3}.attack-odds{border:1px solid var(--border);border-radius:6px;justify-items:center;gap:2px;padding:6px;display:grid}.attack-percent{font-size:26px;line-height:1.1}.attack-odds .odds-bar{width:100%;height:8px}.attack-odds.good{color:#9ad070}.attack-odds.even{color:#f0c060}.attack-odds.bad{color:#f08070}.attack-odds.none{color:var(--muted)}.attack-hint{font-size:12px}.attack-controls{grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;display:grid}.attack-value{text-align:right;min-width:64px;font-size:13px}.attack-quick{justify-content:center;gap:6px;display:flex}.attack-go{justify-self:stretch;padding:6px;font-size:14px}.attack-body.blocked .attack-controls,.attack-body.blocked .attack-quick,.attack-body.blocked .attack-go{opacity:.4}.figure-mana b.ready{color:var(--accent)}.overview.research-panel{width:min(1180px,100vw - 24px)}.research-facts{margin-bottom:8px}.blueprint-panel{width:380px;max-height:calc(100vh - 140px);overflow-y:auto}.blueprint-locked{color:var(--accent)}.blueprint-list{gap:6px;margin:8px 0;display:grid}.blueprint-row{text-align:left;gap:4px;width:100%;display:grid}.blueprint-row.active{outline:2px solid var(--accent)}.blueprint-words{justify-content:space-between;gap:8px;display:flex}.blueprint-strip{flex-wrap:wrap;gap:2px 6px;display:flex}.blueprint-chip{align-items:center;gap:1px;display:inline-flex}.blueprint-icon{object-fit:contain;width:28px;height:28px;image-rendering:pixelated}.blueprint-actions{flex-wrap:wrap;gap:6px;margin-top:6px}.blueprint-name-row{align-items:center;gap:8px;margin:8px 0;display:flex}.blueprint-name{flex:1;min-width:0}.blueprint-counts{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.blueprint-count{opacity:.7;grid-template-columns:28px 1fr auto 2ch auto;align-items:center;gap:4px;display:grid}.blueprint-count.used{opacity:1}.blueprint-count strong{text-align:center}.blueprint-count button{min-width:24px;padding:0 4px}.blueprint-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}