:root{--bg: #1b1f26;--panel: #252a32;--panel2: #2d333c;--panel3: #353c47;--edge: #0d0f13;--hi: #4a5260;--text: #ebe6d8;--muted: #9aa2ab;--dim: #6c747e;--gold: #e2b84a;--gold2: #a9832b;--red: #c3463a;--green: #6fbf4a;--blue: #5b8ccc;--font: "Silkscreen", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--ui: 1;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--top-h: calc(40px * var(--ui));--bottom-h: calc(96px * var(--ui))}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);font-size:calc(14px * var(--ui));-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;color:inherit}#app{position:fixed;inset:0;overflow:hidden}#map{position:absolute;inset:0;display:block;touch-action:none;cursor:grab;image-rendering:pixelated}#map.moving{cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.pi,img.pix{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle}.boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);z-index:50;transition:opacity .25s}.boot.hidden{opacity:0;pointer-events:none}.boot-logo{font-size:40px;font-weight:700;letter-spacing:6px;color:var(--gold);text-shadow:3px 3px 0 var(--edge)}.boot-sub{color:var(--muted)}.frame{background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi),inset 0 2px #ffffff0a,0 6px 18px #00000059}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 12px;border:0;cursor:pointer;background:linear-gradient(var(--panel3),var(--panel2));box-shadow:0 0 0 2px var(--edge),inset 0 1px #ffffff1a,inset 0 -2px #00000040;color:var(--text);font-weight:600;letter-spacing:.3px;transition:transform .06s,filter .1s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(#c49a3a,#9b7424);color:#1a1408;box-shadow:0 0 0 2px var(--edge),inset 0 1px #ffffff59,inset 0 -2px #00000040}.btn.danger{background:linear-gradient(#9a3a31,#742a23)}.btn:disabled,.btn.locked{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.btn.small{min-height:26px;padding:2px 8px;font-size:.9em}.btn.tiny{min-height:20px;padding:1px 6px;font-size:.78em}.btn.icon{padding:4px;min-width:32px}.btn.active{background:linear-gradient(#5b6a3a,#44502a);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--gold2)}#topbar{position:absolute;top:0;left:0;right:0;height:calc(var(--top-h) + var(--sat));padding:var(--sat) calc(6px + var(--sar)) 0 calc(6px + var(--sal));display:flex;align-items:center;gap:6px;background:linear-gradient(#2a3039,#20252c);box-shadow:0 2px 0 var(--edge),inset 0 -1px 0 var(--hi),0 4px 12px #00000059;z-index:10}.tb-country{display:flex;align-items:center;gap:8px;padding:0 10px 0 4px;height:32px;cursor:pointer;font-weight:700;white-space:nowrap;background:var(--panel2);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi)}.tb-country img{width:27px;height:18px;box-shadow:0 0 0 1px var(--edge)}.tb-res{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}.tb-res::-webkit-scrollbar{display:none}.res{display:flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 6px;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #3a414c;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums;cursor:default;position:relative}.res img{width:18px;height:18px;object-fit:contain}.res .gain{color:var(--green);font-size:.78em;font-weight:500}.res .gain.neg{color:var(--red)}.res.warn{box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--red)}.tb-time{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}.tb-date{min-width:150px;text-align:center;height:30px;line-height:30px;padding:0 10px;background:var(--edge);box-shadow:inset 0 0 0 1px #2b3038;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px}.tb-date.paused{color:var(--gold)}.speed{width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;background:var(--panel2);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #3c434e;color:var(--muted);font-weight:700;font-size:.85em}.speed.on{background:#3e4a2a;color:#e9f4c8;box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #7b9a45}.speed.pause.on{background:#4f3a22;color:var(--gold);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--gold2)}.speed svg{width:14px;height:14px;shape-rendering:crispEdges}.tip{position:fixed;z-index:100;max-width:280px;padding:8px 10px;pointer-events:none;font-size:.9em;line-height:1.35;background:#15181d;box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi)}.tip b{color:var(--gold);font-weight:600}.tip .row{display:flex;justify-content:space-between;gap:14px}#bottombar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bottom-h) + var(--sab));padding:8px calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal));display:flex;gap:10px;align-items:stretch;background:linear-gradient(#232830,#1b1f25);box-shadow:0 -2px 0 var(--edge),inset 0 1px 0 var(--hi),0 -4px 14px #00000059;z-index:10}.minimap{flex:0 0 auto;width:calc(150px * var(--ui));position:relative;box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi);background:#16202c;cursor:pointer;overflow:hidden}.minimap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.army-strip{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #3a414c;padding:4px 6px}.army-strip-head{display:flex;align-items:center;gap:6px;font-size:.82em;color:var(--muted);height:14px}.army-strip-head b{color:var(--text);font-weight:600}.gens{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:thin;align-items:flex-start}.gen{flex:0 0 auto;width:calc(46px * var(--ui));cursor:pointer;text-align:center;font-size:.78em;font-weight:600}.gen .ph{position:relative;width:100%;aspect-ratio:24/28;background:#111;box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #4a5260}.gen .ph img{width:100%;height:100%;display:block;image-rendering:pixelated}.gen.sel .ph{box-shadow:0 0 0 2px var(--ac, var(--gold)),0 0 0 4px var(--edge)}.gen .rib{height:3px;margin-top:2px;background:var(--ac, var(--gold))}.gen .bar{height:2px;background:#0d0f12;margin-top:1px}.gen .bar.org i{display:block;height:100%;background:var(--green)}.gen .bar.sup i{display:block;height:100%;background:var(--blue, #4c9fe0)}.gen .n{margin-top:1px;font-variant-numeric:tabular-nums}.gen .mv{position:absolute;right:1px;top:1px;width:10px;height:10px;background:var(--green);box-shadow:0 0 0 1px var(--edge)}.new-army-btn{align-self:center;margin:auto}.marshal-head{flex:0 0 auto;width:54px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68em;color:var(--gold);text-align:center;border-left:2px solid var(--edge);padding:0 2px 0 6px;margin-left:2px}.marshal-head img.pix,.marshal-head .ph-empty{width:32px;height:37px;image-rendering:pixelated;box-shadow:0 0 0 1px var(--edge)}.marshal-head .ph-empty{background:var(--panel3)}.marshal-head.over{color:var(--red, #cf4a3c)}.toolgrid{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,calc(36px * var(--ui)));grid-auto-rows:calc(36px * var(--ui));gap:6px;align-content:center}.toolgrid .btn{min-height:0;padding:0;position:relative}.toolgrid .btn img{width:20px;height:20px}.toolgrid .btn .lk{position:absolute;right:-3px;bottom:-3px;width:10px;height:11px}.gencard{flex:0 0 auto;width:calc(330px * var(--ui));display:flex;gap:8px;overflow:hidden;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px #3a414c;padding:6px;position:relative}.gencard.empty{align-items:center;justify-content:center;color:var(--dim);font-size:.85em;text-align:center}.gencard .rib{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ac, var(--gold))}.gencard .ph{flex:0 0 auto;width:54px;margin-left:4px}.gencard .ph img{width:54px;height:63px;margin-top:4px;display:block;image-rendering:pixelated;box-shadow:0 0 0 2px var(--edge)}.gencard .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:.92em;line-height:1.15}.gencard .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.gencard .nm .btn.icon.small{min-width:18px;min-height:18px;padding:0 3px;font-size:.75em;margin-left:auto}.gencard .sub{color:var(--muted);font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gencard .traits{display:flex;gap:4px;flex-wrap:wrap}.gencard .trait{font-size:.72em;padding:1px 5px;background:var(--panel3);color:var(--gold);box-shadow:0 0 0 1px var(--edge);white-space:nowrap}.gencard .orders{display:flex;gap:5px;margin-top:auto}.gencard .orders .btn{min-height:24px;padding:1px 6px;font-size:.8em;gap:4px}.gencard .orders .btn.icon{min-width:24px;padding:1px 4px}.gencard .orders .btn img{width:14px;height:14px}.ordertools{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.ordertools .btn{position:relative;min-width:26px;min-height:26px;padding:2px}.ordertools .btn img.pi{width:16px;height:16px}.ordertools .btn .lk{position:absolute;right:-3px;bottom:-3px;width:10px;height:11px}.ordertools .btn.active{box-shadow:0 0 0 2px var(--edge),inset 0 0 0 2px var(--gold);background:linear-gradient(#4a5a2e,#36421f)}.skills{display:flex;gap:8px;font-size:.78em;color:var(--muted)}.skills b{color:var(--text)}.stars{color:var(--gold);letter-spacing:1px}.genpicker-search{width:100%;box-sizing:border-box;background:var(--panel3);color:var(--text);border:0;box-shadow:0 0 0 1px var(--edge);padding:7px 9px;font:inherit}.genpicker-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.genpicker-row{display:flex;gap:8px;align-items:center;background:var(--panel3);border:0;box-shadow:0 0 0 1px var(--edge);padding:6px;text-align:left;cursor:pointer;color:var(--text);font:inherit}.genpicker-row:hover{box-shadow:0 0 0 1px var(--gold)}.genpicker-row img.pix{flex:0 0 auto;width:48px;height:56px;image-rendering:pixelated;box-shadow:0 0 0 1px var(--edge)}.gp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gp-name{font-weight:700}.genpicker-row .traits{display:flex;gap:4px;flex-wrap:wrap}.genpicker-row .trait{font-size:.72em;padding:1px 5px;background:var(--panel2);color:var(--gold);box-shadow:0 0 0 1px var(--edge);white-space:nowrap}.armygrp-card{background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;padding:6px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.armygrp-card .ag-head img.pix,.armygrp-card .ph-empty{width:40px;height:47px;flex:0 0 auto;image-rendering:pixelated;box-shadow:0 0 0 1px var(--edge)}.armygrp-card .ph-empty{background:var(--panel3)}.icon-x{background:none;border:0;color:var(--dim);cursor:pointer;font:inherit;padding:0 0 0 4px}.icon-x:hover{color:var(--text)}.adw-head{display:flex;gap:10px;align-items:center;position:relative;padding-left:8px}.adw-head .rib{position:absolute;left:0;top:0;bottom:0;width:4px}.adw-head img.pix{width:54px;height:63px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--edge);flex:0 0 auto}.adw-stats{display:flex;gap:14px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:6px 10px}.adw-stat{display:flex;align-items:center;gap:5px;font-weight:700}.adw-stat .note{font-weight:400}.adw-divlist{display:flex;flex-direction:column;gap:3px;max-height:40vh;overflow-y:auto}.adw-div{display:flex;align-items:center;gap:7px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:4px 7px;font-size:.88em}.adw-div-name{flex:0 0 auto;min-width:140px}.adw-bar{flex:1;height:6px;background:#0d0f12;box-shadow:inset 0 0 0 1px var(--edge);max-width:90px}.adw-bar i{display:block;height:100%}.adw-bar.org i{background:var(--green)}.adw-bar.str i{background:#e0b24c}.res-slots{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.res-slot{display:flex;align-items:center;gap:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:5px 9px;font-size:.88em}.res-slot.free{color:var(--muted);font-style:italic}.res-slot-name{flex:0 0 auto;min-width:180px;display:flex;align-items:center;gap:5px}.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:14px}.res-card{background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.res-card-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.res-card p{margin:0}.res-effects{margin:0;padding-left:18px;font-size:.88em}.res-card.res-completed{box-shadow:0 0 0 1px var(--green)}.res-card.res-active{box-shadow:0 0 0 1px #e2b84a}.res-card.res-locked{opacity:.6}#province{position:absolute;right:calc(10px + var(--sar));top:calc(var(--top-h) + var(--sat) + 10px);width:calc(290px * var(--ui));max-height:calc(100% - var(--top-h) - var(--bottom-h) - var(--sat) - var(--sab) - 24px);overflow:auto;z-index:8;padding:0;animation:slideIn .14s ease-out}@keyframes slideIn{0%{transform:translate(16px);opacity:0}to{transform:none;opacity:1}}@keyframes sheetIn{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.ph-head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;background:linear-gradient(#323946,#2a3039);box-shadow:inset 0 -1px 0 var(--edge)}.ph-head h3{margin:0;font-size:1.12em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-head img.flag{width:27px;height:18px;box-shadow:0 0 0 1px var(--edge)}.close{width:28px;height:28px;border:0;background:var(--panel3);box-shadow:0 0 0 2px var(--edge);cursor:pointer;font-weight:700;color:var(--muted);flex:0 0 auto}.close:hover{color:var(--text)}.pbody{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:.92em}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.spirits{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.spirit{border:1px solid var(--line, #2c3138);background:#ffffff08;padding:6px 8px}.spirit-name{font-weight:700;margin-bottom:2px}.spirit-eff{font-size:.92em;margin-bottom:3px}.btn.link{background:none;border:none;padding:0;min-height:0;color:var(--accent, #f2c84b);text-decoration:underline;cursor:pointer;font:inherit}@media(max-width:760px){.btn.link{padding:10px 0}}.army-sym{display:inline-flex;align-items:center;gap:1px;vertical-align:middle}.pips{display:inline-flex;gap:2px;vertical-align:middle}.pips i{width:8px;height:8px;background:#11141a;box-shadow:inset 0 0 0 1px #3c434e}.pips i.on{background:var(--gold);box-shadow:inset 0 0 0 1px #6b5418}.sect{font-size:.78em;text-transform:uppercase;letter-spacing:1px;color:var(--dim);border-bottom:1px solid #3a414c;padding-bottom:2px}.bld{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.bld .b{background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;text-align:center;padding:4px 0 2px;font-size:.8em;font-weight:700}.bld .b img{width:22px;height:18px;object-fit:contain;display:block;margin:0 auto 2px}.bld .b.off{opacity:.45}.armies-here{display:flex;flex-direction:column;gap:4px}.armies-here .ah{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--panel2);cursor:pointer;font-size:.9em}.armies-here .ah img{width:18px;height:21px}.note{font-size:.8em;color:var(--dim)}.row-btns{display:flex;gap:6px;flex-wrap:wrap}.win-layer{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}#ui>.win-layer{pointer-events:none}.win-layer.modal{background:#080a0e73;pointer-events:auto}.win{pointer-events:auto;width:min(560px,calc(100% - 24px));max-height:calc(100% - var(--top-h) - var(--bottom-h) - 40px);display:flex;flex-direction:column;animation:sheetIn .14s ease-out}.win.wide{width:min(760px,calc(100% - 24px))}.win .wbody{overflow:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.grabber{display:none}#toasts{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--top-h) + var(--sat) + 10px);display:flex;flex-direction:column;gap:6px;z-index:30;pointer-events:none;align-items:center}.toast{padding:6px 12px;font-size:.9em;background:#15181d;box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi);animation:sheetIn .15s ease-out;max-width:90vw}.toast.warning{box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--red)}.toast.military{box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--green)}.multisel-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-h) + var(--sab) + 10px);display:flex;align-items:center;gap:10px;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi);padding:7px 10px;z-index:15;animation:sheetIn .15s ease-out;font-size:.9em}.multisel-bar span{color:var(--muted);white-space:nowrap}.toast.out{opacity:0;transition:opacity .3s}.screen{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0e111659,#0a0c10d1)}.menu-box{width:min(380px,calc(100% - 32px));padding:26px 24px 18px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.logo{text-align:center;font-size:46px;line-height:1;font-weight:700;letter-spacing:6px;color:var(--gold);text-shadow:3px 3px 0 #000,0 0 18px rgba(226,184,74,.25)}.logo-sub{text-align:center;color:var(--muted);margin:-2px 0 12px;letter-spacing:2px;font-size:.9em}.menu-box .btn{min-height:42px;font-size:1.05em}.menu-foot{margin-top:8px;text-align:center;font-size:.72em;color:var(--dim);line-height:1.5}.slot{display:flex;align-items:center;gap:10px;padding:8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.slot .meta{flex:1;min-width:0}.slot .meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot .meta span{color:var(--muted);font-size:.8em}.slot img{width:27px;height:18px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #333a44}.setting:last-child{border-bottom:0}.seg{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.select-ui{position:absolute;inset:0;z-index:15;pointer-events:none}.select-ui>*{pointer-events:auto}.select-title{position:absolute;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);padding:8px 18px;font-weight:700;letter-spacing:1px;white-space:nowrap}.select-list{position:absolute;left:calc(10px + var(--sal));top:calc(60px + var(--sat));bottom:calc(10px + var(--sab));width:calc(250px * var(--ui));display:flex;flex-direction:column}.select-list .lst{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.citem{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:pointer;background:var(--panel2);font-weight:600;font-size:.95em}.citem:hover{filter:brightness(1.15)}.citem.sel{background:#4a4126;box-shadow:inset 0 0 0 1px var(--gold2)}.citem img{width:24px;height:16px;box-shadow:0 0 0 1px var(--edge)}.citem .maj{margin-left:auto;color:var(--gold);font-size:.75em}.select-card{position:absolute;right:calc(10px + var(--sar));bottom:calc(10px + var(--sab));width:calc(320px * var(--ui))}.select-card .big-flag{width:72px;height:48px;box-shadow:0 0 0 2px var(--edge)}.gov{font-size:.82em;color:var(--muted)}.fps{position:absolute;left:calc(8px + var(--sal));top:calc(var(--top-h) + var(--sat) + 8px);z-index:9;font:12px monospace;background:#0000008c;padding:2px 6px;pointer-events:none}.mobile-only{display:none!important}@media(max-width:760px){:root{--top-h: calc(44px * var(--ui));--bottom-h: calc(88px * var(--ui))}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.tb-country span{display:none}.tb-country{padding:0 4px}.res{padding:0 6px 0 4px;gap:4px;font-size:.9em}.res .gain,.res .lbl{display:none}.tb-date{min-width:0;padding:0 6px;font-size:.85em}.speed{width:28px}.speed.sp2,.speed.sp3,.gencard{display:none}#province,.win,.select-card{inset:auto 0 0!important;width:100%!important;position:absolute;max-height:62%;padding-bottom:var(--sab);animation:sheetIn .16s ease-out}#province{z-index:12}.win-layer{align-items:flex-end}.win{max-height:88%;width:100%}.grabber{display:block;width:44px;height:5px;margin:6px auto 0;background:#4a5260}.toolgrid{grid-template-columns:repeat(2,calc(34px * var(--ui)));grid-auto-rows:calc(34px * var(--ui));gap:5px}.toolgrid .btn.extra{display:none}.select-list{top:calc(54px + var(--sat));bottom:auto;max-height:34%;left:8px;right:8px;width:auto}.select-title{font-size:.9em}.logo{font-size:36px}#mgen{display:flex}}#mgen{display:none}@media(max-width:760px)and (orientation:landscape){:root{--bottom-h: calc(76px * var(--ui))}}.toolgrid{grid-template-columns:repeat(5,calc(36px * var(--ui)))}.toolgrid .btn.active{box-shadow:0 0 0 2px var(--edge),inset 0 0 0 2px var(--gold);background:linear-gradient(#4a5a2e,#36421f)}.st-good{color:#7ee06a}.st-low{color:#f0c94a}.st-critical{color:#f06a52}.st-none{color:#a0a0a0}#province.wide{width:calc(430px * var(--ui))}.tabs{display:flex;gap:4px;padding:6px 8px 0;background:#20252c;box-shadow:inset 0 -1px 0 var(--edge)}.tab{flex:1;border:0;cursor:pointer;padding:6px 4px;font-weight:600;font-size:.86em;color:var(--muted);background:var(--panel2);box-shadow:0 0 0 1px var(--edge);display:inline-flex;align-items:center;justify-content:center;gap:4px}.tab.on{color:var(--text);background:var(--panel);box-shadow:0 0 0 1px var(--edge),inset 0 2px 0 var(--gold)}.tab:disabled{opacity:.4;cursor:not-allowed}.tab .pi{width:12px;height:12px}.bld .b{padding:2px 0}.bld .b img.bico,img.bico{width:32px;height:32px;display:block;margin:0 auto}.bld .b span{display:block;font-size:.95em}.fsel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge)}.fsel .fnum{min-width:22px;text-align:center;font-size:1.15em;color:var(--gold)}.bcards{display:flex;flex-direction:column;gap:5px}.bcard{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:center;padding:4px 6px 4px 2px;background:linear-gradient(#2f353f,#292e36);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.bcard.dis{opacity:.62}.bcard img.bimg{width:64px;height:64px;image-rendering:pixelated}.bc-name{font-weight:700}.bc-desc{font-size:.78em;color:var(--muted);line-height:1.2;margin:1px 0 3px}.bc-stats{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.8em;color:var(--muted)}.bc-stats b{color:var(--text)}.bcard .btn{white-space:nowrap}.qmini{display:grid;grid-template-columns:32px auto 1fr auto;gap:6px;align-items:center;font-size:.85em}.pbar{position:relative;height:6px;background:#0f1216;box-shadow:inset 0 0 0 1px #2b313a}.pbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#e7c35a,#b48526)}.pbar.big{height:12px;margin-top:3px}.pbar.big span{position:absolute;right:4px;top:-2px;font-size:.75em;font-weight:700}.qhead{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding-bottom:6px;border-bottom:1px solid #333a44}.qrow.idle{opacity:.75}.qprio{display:flex;flex-direction:column;gap:3px}.qprio .btn{min-height:18px;min-width:22px;padding:0 4px;font-size:.7em}.qname{font-weight:700}.qinfo a{color:var(--gold);text-decoration:none}.qfac{display:flex;align-items:center;gap:4px}.qfac b{min-width:14px;text-align:center}.qfac img{width:22px;height:18px}.links{display:flex;flex-direction:column;gap:3px}.lk-row{display:grid;grid-template-columns:34px 1fr 60px auto;gap:6px;align-items:center;font-size:.82em}.lk-type{text-align:center;font-weight:700;font-size:.85em;padding:1px 0;background:#3a414c}.lk-type.rail{background:#5b4a2e;color:#f2d27a}.lk-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lk-bar{height:6px;background:#0f1216;position:relative;box-shadow:inset 0 0 0 1px #2b313a}.lk-bar i{position:absolute;left:0;top:0;bottom:0;background:#6fd65e}.lk-bar i.busy{background:#f0c94a}.lk-bar i.over{background:#ec5a44}.gencard .sub a{color:var(--gold);text-decoration:none}.gencard .skills{font-size:.78em;color:var(--muted);font-weight:500}@media(max-width:760px){.toolgrid{grid-template-columns:repeat(3,calc(34px * var(--ui)))}.bcard{grid-template-columns:48px 1fr}.bcard img.bimg{width:48px;height:48px}.bcard .btn{grid-column:1 / -1}}#buildpanel{position:absolute;left:calc(10px + var(--sal));top:calc(var(--top-h) + var(--sat) + 10px);width:calc(330px * var(--ui));max-height:calc(100% - var(--top-h) - var(--bottom-h) - var(--sat) - var(--sab) - 24px);overflow:auto;z-index:8;animation:slideIn .14s ease-out}#buildpanel .ph-head .btn{white-space:nowrap}.tabs.cats{flex-wrap:wrap;padding-bottom:6px}.tabs.cats .tab{flex:1 1 30%;font-size:.78em;padding:5px 2px}.blist{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bitem{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;text-align:left;border:0;cursor:pointer;padding:3px 5px 3px 3px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;position:relative}.bitem img.bico{grid-row:1 / 3;width:32px;height:32px}.bitem .bi-name{font-weight:700;font-size:.84em;line-height:1.1}.bitem .bi-cost{font-size:.72em;color:var(--muted)}.bitem>.pi{position:absolute;right:3px;top:3px;width:10px;height:11px}.bitem:hover{filter:brightness(1.15)}.bitem.sel{background:#4a4126;box-shadow:0 0 0 1px var(--edge),inset 0 0 0 2px var(--gold)}.bitem.locked{opacity:.55}.bdetail{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start;padding:6px;background:linear-gradient(#2f353f,#292e36);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.bdetail img.bimg{width:64px;height:64px}.route-info{padding:6px 8px;background:#2a2618;box-shadow:inset 0 0 0 1px var(--gold2);line-height:1.4}img.bico.s20{width:20px;height:20px;display:inline-block}.rcard{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;font-size:.92em}.rc-row{display:flex;justify-content:space-between;gap:8px}.rc-row>span{color:var(--muted)}.slots{display:flex;flex-wrap:wrap;gap:2px}.slots i{width:12px;height:12px;background:#11141a;box-shadow:inset 0 0 0 1px #3c434e}.slots i.on{background:#c9704f;box-shadow:inset 0 0 0 1px #5a2a22}.slots i.q{background:repeating-linear-gradient(45deg,#e2b84a 0 2px,#6b5418 2px 4px)}.infra{display:flex;flex-direction:column;gap:4px}.infra-head{display:flex;gap:6px;align-items:center}.infra-head img.bico{width:32px;height:32px}table.eff{width:100%;border-collapse:collapse;font-size:.85em}table.eff td{padding:1px 0}table.eff td:first-child{color:var(--muted)}table.eff td:nth-child(2){text-align:right;font-weight:700;padding-left:6px}table.eff td.nx{text-align:right;color:var(--green);padding-left:6px;white-space:nowrap}.bld{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}#queuepanel{position:absolute;right:calc(10px + var(--sar));top:calc(var(--top-h) + var(--sat) + 10px);width:calc(360px * var(--ui));max-height:calc(100% - var(--top-h) - var(--bottom-h) - var(--sat) - var(--sab) - 24px);display:flex;flex-direction:column;z-index:8;animation:slideIn .14s ease-out}#queuepanel .qhead{padding:6px 10px;font-size:.82em;color:var(--muted);border-bottom:1px solid #333a44}#queuepanel .qhead b{color:var(--text)}#queuepanel>.note{padding:4px 10px}.qlist{overflow:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:4px}.qrow{display:grid;grid-template-columns:auto 32px 1fr auto auto auto;gap:6px;align-items:center;padding:4px 5px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;position:relative}.qrow img.qimg{width:32px;height:32px}.qrow .qinfo{min-width:0}.qrow .qinfo .note a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.qrow .qname{font-size:.9em}.qhandle{cursor:grab;color:var(--dim);font-size:.8em;display:flex;flex-direction:column;align-items:center;line-height:1;padding:2px;user-select:none}.qhandle b{color:var(--gold);font-size:1.1em}.qrow.drag{z-index:2;opacity:.9;box-shadow:0 0 0 2px var(--gold),0 6px 14px #00000080}.qrow.drop-before{box-shadow:0 -3px 0 var(--gold),0 0 0 1px var(--edge)}.qrow.drop-after{box-shadow:0 3px 0 var(--gold),0 0 0 1px var(--edge)}.qfac{font-size:.85em;white-space:nowrap}.qfac .btn.icon{min-width:22px;min-height:22px;padding:0}.qprio .btn{min-height:16px}.ptabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.ptab{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel2);color:var(--text);box-shadow:0 0 0 1px var(--edge);border:0;padding:6px 10px;cursor:pointer;font-family:inherit;font-size:.78em}.ptab:hover{filter:brightness(1.15)}.ptab.active{background:linear-gradient(#5b6a3a,#44502a);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--gold2)}.phead5{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-bottom:6px}.phtile{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge)}.phtile b{display:block;color:var(--gold);font-size:1.05em}.phtile .note{font-size:.78em}.prodwin .phead{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;align-items:center;margin-bottom:6px}.pres{display:flex;gap:6px;align-items:center;padding:4px 6px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge)}.pres.short{box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px var(--red)}.stock{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.stk{display:flex;align-items:center;gap:5px;padding:3px 8px;background:var(--edge)}.plines{display:flex;flex-direction:column;gap:4px}.pline2{display:grid;grid-template-columns:auto 1.3fr 1fr auto auto;gap:10px;align-items:center;padding:6px 8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.pl-ic{display:flex;align-items:center;justify-content:center}.pl-info b{display:block}.pl-out2{color:#7ee06a;font-weight:700;font-size:.95em}.pl-pips{display:flex;flex-direction:column;gap:3px}.pl-pips .pips{flex-wrap:wrap;max-width:140px}.pl-pips .pips i{width:7px;height:7px}.pl-pips .pips.eff-hi i.on{background:#7ee06a;box-shadow:inset 0 0 0 1px #3f7a2e}.pl-pips .pips.eff-mid i.on{background:#f0c94a;box-shadow:inset 0 0 0 1px #8a6b1e}.pl-pips .pips.eff-lo i.on{background:#f06a52;box-shadow:inset 0 0 0 1px #8a2e1e}.pl-btns{display:flex;flex-direction:column;gap:3px}.pl-btns .seg{justify-content:flex-start}.pl-btns .btn.tiny{min-width:30px}@media(max-width:760px){#buildpanel,#queuepanel{inset:auto 0 0!important;width:100%!important;max-height:55%;padding-bottom:var(--sab);animation:sheetIn .16s ease-out;z-index:12}#queuepanel{z-index:13}.blist{grid-template-columns:1fr 1fr}.qrow{grid-template-columns:auto 32px 1fr auto}.qrow .qprio{display:none}.qrow>.btn.danger{grid-column:4;grid-row:1}.qrow .qfac{grid-column:2 / 4}.pline2{grid-template-columns:auto 1fr}.pline2 .pl-pips,.pline2 .pl-btns{grid-column:span 2}.ptab span{display:none}}@media(min-width:761px){.q-open #province{right:calc(380px * var(--ui) + var(--sar))}}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.state-grid .kv dd{white-space:nowrap}#recruitpanel{position:absolute;left:calc(10px + var(--sal));top:calc(var(--top-h) + var(--sat) + 10px);width:calc(340px * var(--ui));max-height:calc(100% - var(--top-h) - var(--bottom-h) - var(--sat) - var(--sab) - 24px);display:flex;flex-direction:column;z-index:8;animation:slideIn .14s ease-out}.recbody{overflow:auto;padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.rec-top{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:1px solid #333a44}.rec-top .stock{display:flex;gap:6px;flex-wrap:wrap}.tpllist{display:flex;flex-direction:column;gap:5px}.tplrow{background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.tplmain{display:grid;grid-template-columns:22px 1fr auto auto auto;gap:6px;align-items:center;padding:5px 6px}.tplmain img.pi{width:22px;height:22px}.tplname{font-weight:700;font-size:.92em}.ordbuilder{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;border-top:1px dashed #3c434e}.trainqueue{display:flex;flex-direction:column;gap:4px}.trow{grid-template-columns:auto 28px 1fr auto auto auto}.trow img.pi{width:22px;height:22px}.win.designer{width:min(980px,calc(100% - 24px))}.desg-head{display:flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid #333a44}.desg-head .dname{flex:1;background:var(--panel2);color:var(--text);border:0;box-shadow:0 0 0 1px var(--edge);font-family:inherit;font-size:1.05em;font-weight:700;padding:6px 8px}.dicon{border:0;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);cursor:pointer;padding:3px}.dicon img.pi{width:36px;height:36px}.desg-grid{display:grid;grid-template-columns:90px 1.5fr 1fr;gap:12px;align-items:start}.desg-support,.desg-combat,.desg-right{display:flex;flex-direction:column;gap:6px}.combat-head,.combat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.colh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:30px;font-size:.72em;color:var(--muted);font-weight:700;text-align:center}.colh.newreg{justify-content:flex-start}.colh.newreg .btn.tiny{font-size:.66em;padding:2px 3px;width:100%}.colh.locked{opacity:.3}.bcell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--panel);box-shadow:0 0 0 1px #2b313a;font-size:.66em;text-align:center;padding:2px}.bcell.filled{cursor:pointer;background:var(--panel2)}.bcell.filled:hover{box-shadow:0 0 0 1px var(--red)}.bcell.filled img.pi{width:26px;height:26px}.bcell.locked{opacity:.25;font-size:1.1em}.bcell.add{cursor:pointer}.bcell.add select{position:absolute;inset:0;opacity:0;cursor:pointer}.suppcol{display:flex;flex-direction:column;gap:6px}.suppslot{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e;font-size:.64em;text-align:center}.suppslot.filled{cursor:pointer}.suppslot.filled:hover{box-shadow:0 0 0 1px var(--red)}.suppslot.filled img.pi{width:24px;height:24px}.suppslot.add select{position:absolute;inset:0;opacity:0;cursor:pointer}.plus-ic{font-size:1.3em;color:var(--gold);pointer-events:none;line-height:1}.widebox{background:var(--edge);box-shadow:inset 0 0 0 1px #2b3038;padding:6px 10px;font-size:1.4em;font-weight:700;color:var(--gold);text-align:center}.desg-foot{display:flex;align-items:center;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid #333a44}@media(max-width:760px){#recruitpanel{inset:auto 0 0!important;width:100%!important;max-height:60%;padding-bottom:var(--sab);animation:sheetIn .16s ease-out;z-index:12}.tplmain{display:flex;flex-wrap:wrap;gap:6px}.tplmain img.pi{order:1}.tplmain .tplinfo{order:2;flex:1 1 auto;min-width:0}.tplmain [data-train]{order:3}.tplmain [data-edit]{order:4}.tplmain [data-del]{order:5}.desg-grid{grid-template-columns:64px 1fr}.desg-right{grid-column:1 / -1}.bcell.filled img.pi,.suppslot.filled img.pi{width:20px;height:20px}}.unitgroups{display:flex;flex-direction:column;gap:6px}.armygrp{background:var(--panel2);box-shadow:0 0 0 1px var(--edge),inset 0 0 0 1px #3c434e}.ag-head{display:flex;align-items:center;gap:6px;padding:5px 6px;font-weight:700;font-size:.9em}.ag-head input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);flex:0 0 auto}.ag-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-divs{display:flex;flex-direction:column;border-top:1px solid #333a44}.divrow{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;font-size:.85em;cursor:pointer}.divrow:hover{background:#ffffff0a}.divrow input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold);flex:0 0 auto}.dv-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dest-select{width:100%;background:var(--panel3);color:var(--text);border:0;box-shadow:0 0 0 1px var(--edge);font-family:inherit;padding:6px 8px;margin-bottom:6px}.win.win-fullscreen{width:calc(100% - 24px);max-width:1600px;height:calc(100% - var(--top-h) - var(--bottom-h) - 40px);max-height:calc(100% - var(--top-h) - var(--bottom-h) - 40px)}.win.win-fullscreen .wbody{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;gap:0}.ft-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel2);box-shadow:inset 0 -1px 0 var(--edge);flex-wrap:wrap}.ft-title{font-weight:700;color:var(--gold);white-space:nowrap}.ft-active{flex:1;min-width:160px;font-size:.9em}.ft-active img.pi{vertical-align:-4px}.ft-zoom{display:flex;gap:4px}.ft-stage{position:relative;flex:1;min-height:0;background:#101115}.ft-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.ft-canvas:active{cursor:grabbing}.ft-tip{z-index:60}.ft-info{position:absolute;right:12px;top:56px;width:min(320px,calc(100% - 24px));max-height:calc(100% - 68px);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi),0 6px 18px #0006;animation:slideIn .14s ease-out}.ft-info-head{display:flex;align-items:flex-start;gap:8px}.ft-info-head h4{margin:0;font-size:1em}.ft-info-head>div{flex:1;min-width:0}.ft-info-head .btn{margin-left:auto}.ft-info p{margin:0;font-size:.88em;line-height:1.4;color:var(--text)}.ft-effects{margin:0;padding-left:18px;font-size:.85em;color:var(--muted)}.ft-effects li{margin-bottom:2px}@media(max-width:760px){.win.win-fullscreen{width:100%;max-width:100%;height:100%;max-height:100%}.ft-info{inset:auto 8px 8px;width:auto;max-height:48%}.ft-toolbar{gap:6px}.ft-zoom .btn span{display:none}}#stickies{position:absolute;right:calc(10px + var(--sar));top:calc(var(--top-h) + var(--sat) + 10px);display:flex;flex-direction:column;gap:6px;z-index:31;max-width:min(360px,calc(100% - 20px))}.sticky{display:flex;align-items:stretch;padding:0;pointer-events:auto}.sticky .sticky-body{flex:1;text-align:left;background:none;border:0;padding:8px 10px;cursor:pointer;color:var(--text);font-weight:600}.sticky .sticky-x{background:none;border:0;padding:0 10px;cursor:pointer;color:var(--muted)}.toolgrid .btn.has-badge:after{content:attr(data-badge);position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;padding:0 3px;background:var(--red);color:#fff;font-size:10px;line-height:16px;text-align:center;box-shadow:0 0 0 1px var(--edge)}.logfilters{flex-wrap:wrap}.loglist{display:flex;flex-direction:column;gap:3px}.logrow{display:grid;grid-template-columns:92px 104px 1fr auto;gap:8px;align-items:center;padding:4px 8px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);font-size:.88em}.logrow.unseen{box-shadow:0 0 0 1px var(--edge),inset 3px 0 0 var(--gold)}.logrow .logtext{min-width:0}@media(max-width:760px){.logrow{grid-template-columns:1fr auto}.logrow .logdate,.logrow .logcat{grid-column:1}}@media(pointer:coarse){.btn,.tab,.ptab,.icon-x,.toolgrid .btn,.ordertools .btn,.speed{min-height:44px;min-width:44px}.btn.small,.btn.tiny,select{min-height:44px}}@media(max-width:760px)and (orientation:portrait){:root{--bottom-h: calc(108px * var(--ui))}.minimap{display:none}.toolgrid{grid-auto-flow:column;grid-template-columns:none!important;grid-template-rows:repeat(2,44px);grid-auto-columns:44px;gap:5px;overflow-x:auto;overflow-y:hidden;max-width:68vw;align-content:center}.speed.sp1{display:none}.tb-date{font-size:.74em;padding:0 4px}.tb-time .speed[aria-label=Меню]{margin-left:2px!important}.army-strip-head{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-height:500px){:root{--top-h: calc(38px * var(--ui));--bottom-h: calc(62px * var(--ui))}#bottombar{padding-top:6px;padding-bottom:calc(6px + var(--sab));gap:6px}.gencard{display:none}.minimap{width:calc(96px * var(--ui))}.gen{width:calc(32px * var(--ui))}.gen .n,.army-strip-head{display:none}.toolgrid{grid-auto-flow:column;grid-template-columns:none!important;grid-template-rows:44px;grid-auto-columns:44px;gap:5px;overflow-x:auto;overflow-y:hidden;max-width:52vw;align-content:center}.win-layer{align-items:flex-start;padding:calc(var(--top-h) + var(--sat) + 4px) calc(8px + var(--sar)) calc(var(--bottom-h) + var(--sab) + 4px) calc(8px + var(--sal))}#province,#buildpanel,#recruitpanel,#queuepanel{max-height:calc(100% - var(--top-h) - var(--bottom-h) - var(--sat) - var(--sab) - 8px)!important}.win{top:auto!important;bottom:auto!important;position:relative;max-height:100%!important}}@media(max-width:760px),(max-height:500px){.adw-stats{flex-wrap:wrap;gap:8px}.adw-div{flex-wrap:wrap}.adw-div-name{flex:1 1 100%;min-width:0}.adw-bar{max-width:none}}.oprow{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:4px 8px;font-size:.88em}.toolgrid .btn.warn-badge:after{background:var(--gold2);color:#111}.firststeps{position:absolute;left:calc(10px + var(--sal));top:calc(var(--top-h) + var(--sat) + 10px);width:min(300px,calc(100% - 20px));padding:8px 10px;z-index:9;background:var(--panel);box-shadow:0 0 0 2px var(--edge),inset 0 0 0 1px var(--hi);font-size:.86em;pointer-events:auto}.firststeps .fs-head{display:flex;align-items:center;gap:6px}.firststeps .fs-head .btn{margin-left:auto}.firststeps .fs-list{margin:6px 0 0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:3px}.firststeps li.done{color:var(--muted)}.firststeps li.next span{color:var(--gold);font-weight:700}@media(max-width:760px),(max-height:500px){.firststeps{top:auto;bottom:calc(var(--bottom-h) + var(--sab) + 8px);max-height:40%;overflow:auto}}.victory-banner{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:30;padding:8px 16px;min-height:40px;font:inherit;font-weight:700;color:#1a1408;background:linear-gradient(#e6c25a,#b98d2a);border:0;border-radius:4px;box-shadow:0 0 0 2px var(--edge),0 4px 12px #00000073;cursor:pointer;max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.victory-banner:hover{filter:brightness(1.08)}.victory-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 6px}.btn.big{font-size:1.08em;padding:10px 18px;min-height:44px}.front-counts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.86em;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:4px 8px;margin:4px 0}.front-counts b{font-variant-numeric:tabular-nums}.front-mode{align-items:center}.prodwin .plist{display:flex;flex-direction:column;gap:3px;max-height:min(52vh,560px);overflow-y:auto;padding:2px}.prow{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center;padding:4px 6px;background:var(--panel2);box-shadow:0 0 0 1px var(--edge);font-size:.9em}.prow.paused{opacity:.72}.prow .pr-prio{color:var(--dim);font-variant-numeric:tabular-nums;min-width:2.2em}.prow .pr-name .note{font-size:.82em}.prow .pr-fac b{min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}.prow .seg{display:flex;align-items:center;gap:2px}.prow .pr-change{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;border-top:1px dashed var(--edge)}.pchip{font-size:.78em;padding:0 5px;border-radius:2px;white-space:nowrap}.pchip.ok{background:#2f5a2a;color:#cfe9c4}.pchip.short{background:#6a3a22;color:#ffd7b8}.pchip.paused{background:#4a4f5a;color:#dfe3ea}.pchip.idle{background:#3a3f48;color:#c2c7cf}.phtile.full b{color:var(--red)}.padd{align-items:center;flex-wrap:wrap}@media(max-width:760px){.prow{grid-template-columns:auto auto 1fr}.prow .pr-fac,.prow .pr-act{grid-column:1 / -1;justify-content:flex-start}}.prow .pr-model{grid-column:1 / -1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.doc-col{display:flex;flex-direction:column;gap:4px}.doc-col.closed{opacity:.5}.doc-step{background:var(--panel2);box-shadow:0 0 0 1px var(--edge);padding:5px 7px;font-size:.9em}.doc-step.done{box-shadow:0 0 0 1px var(--edge),inset 3px 0 #6fbf4a}.doc-step.running{box-shadow:0 0 0 1px var(--edge),inset 3px 0 #f0c94a}