:root{--panel-bg: rgba(16, 19, 24, .86);--panel-bg-soft: rgba(16, 19, 24, .55);--panel-border: rgba(170, 186, 204, .32);--text: #e6e9ee;--muted: #98a2b0;--accent: #e8c25a;--own: #63e06b;--btn-bg: rgba(40, 46, 56, .92);--btn-bg-hover: rgba(62, 71, 86, .95);--btn-border: rgba(170, 186, 204, .38);--mm-w: 352px;--mm-h: 230px;--util-h: 32px;--font: 13px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#1b1f24;color:var(--text);font:var(--font);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#view{display:block;width:100%;height:100%}body.playing,body.playing *{cursor:none!important}#cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;transform-origin:0 0;will-change:transform}#cursor[data-shape=pan]{transform-origin:14px 14px}#cursor svg{display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.drag-box{position:absolute;left:0;top:0;z-index:0;border:1px solid rgba(140,255,150,.9);background:#78e6821f;box-sizing:border-box;pointer-events:none!important}.panel{position:absolute;z-index:1;box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text)}.minimap-panel{left:0;bottom:0;width:var(--mm-w);height:calc(var(--mm-h) + var(--util-h));display:flex;flex-direction:column;border-left:0;border-bottom:0}.utility-bar{display:flex;height:var(--util-h);flex:none;border-bottom:1px solid var(--panel-border)}.minimap{position:relative;flex:1;min-height:0;background:#0b0e12}.minimap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud-btn{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);overflow:hidden}.hud-btn .key{position:absolute;top:1px;right:3px;font-size:9.5px;line-height:1.1;letter-spacing:.01em;color:var(--accent);font-variant-numeric:tabular-nums}.hud-btn.hover{background:var(--btn-bg-hover);border-color:#dce6f0b3}.hud-btn.pressed{background:#181c22fa}.hud-btn.lit{background:#6e5c1ef2;border-color:var(--accent);box-shadow:inset 0 0 6px #e8c25a80}.hud-btn.disabled{color:#e6e9ee59;background:#20242ad9}.hud-btn.disabled .key{color:#e8c25a73}.hud-btn.util{flex:1 1 0;min-width:0;border-width:0 1px 0 0}.hud-btn.util:last-child{border-right:0}.hud-btn.util .face{font-size:15px;margin-top:9px}.hud-btn.util .key{left:0;right:0;text-align:center;font-size:9px}.hud-btn.util.cam .face{font-size:13px;font-weight:600}.hud-btn.util.cam.saved .face{color:var(--own)}.message-panel{left:8px;bottom:calc(var(--mm-h) + var(--util-h) + 8px);width:calc(var(--mm-w) - 16px);height:160px;display:flex;flex-direction:column;background:var(--panel-bg-soft);border-color:#aabacc33;transition:background-color .15s}.message-panel.hover{background:var(--panel-bg);border-color:var(--panel-border)}.message-list{flex:1;overflow-y:auto;padding:6px 8px;scrollbar-width:thin}.msg{margin:1px 0;text-shadow:0 1px 1px rgba(0,0,0,.8)}.msg-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px;font-size:11.5px}.msg.alert{color:#ffd27a}.chat{flex:none;margin:0;border:0;border-top:1px solid var(--panel-border);padding:5px 8px;font:12px/1.3 system-ui,sans-serif;background:#0000004d;color:var(--muted)}.selection-panel{bottom:0;left:50%;transform:translate(-50%);width:clamp(220px,calc(100vw - 2 * var(--mm-w) - 16px),520px);height:178px;display:flex;flex-direction:column;border-bottom:0}.sel-head{display:flex;align-items:center;height:28px;flex:none;padding-left:10px;border-bottom:1px solid var(--panel-border)}.sel-title{flex:1;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-corner{align-self:stretch}.hud-btn.clear{width:40px;height:100%;border-width:0 0 0 1px;justify-content:flex-start;padding-left:8px;font-size:12px}.hud-btn.clear.idle{color:#e6e9ee59}.sel-body{flex:1;overflow-y:auto;padding:6px 10px}.sel-row{margin:1px 0}.sel-row.hint{color:var(--muted)}.sel-row.owner{color:var(--muted);font-size:12px}.sel-row.group{display:inline-block;margin:2px 6px 2px 0;padding:2px 8px;border:1px solid var(--panel-border);background:#ffffff0a}.command-card{right:0;bottom:0;display:grid;grid-template-columns:repeat(5,52px);grid-template-rows:repeat(3,52px);gap:4px;padding:8px;border-right:0;border-bottom:0}.slot{position:relative;border:1px dashed rgba(170,186,204,.12)}.hud-btn.cmd{position:absolute;inset:-1px;align-items:flex-end;padding-bottom:5px;font-size:11.5px}.hud-btn.cmd .key{font-size:11px;top:2px;right:4px;font-weight:600}.hud-btn.cmd.cancel{border-color:#ff786e99}.top-right{top:0;right:0;display:flex;height:32px;border-top:0;border-right:0}.top-right-buttons{display:flex}.hud-btn.top{padding:0 12px;border-width:0 1px 0 0;font-size:12px}.resource-bar{display:flex;align-items:stretch}.res{display:flex;align-items:center;gap:5px;padding:0 10px;border-right:1px solid rgba(170,186,204,.16);white-space:nowrap}.res-name{color:var(--muted);font-size:12px}.res-value{font-variant-numeric:tabular-nums;font-weight:600}.hud-btn.res-toggle{width:34px;border-width:0;font-size:13px}.resource-all{top:36px;right:4px;width:360px;max-height:calc(100vh - 236px);min-height:120px;overflow-y:auto;padding:6px 10px 10px}.res-section{margin:6px 0 4px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.res-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.res-row{display:flex;justify-content:space-between;padding:1px 0;border-bottom:1px solid rgba(170,186,204,.08)}.clock{top:0;left:50%;transform:translate(-50%);min-width:150px;padding:3px 14px 4px;text-align:center;border-top:0}.clock-day{font-weight:600;font-size:14px}.clock-time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.debug{top:6px;left:6px;padding:4px 8px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,DejaVu Sans Mono,monospace;background:#0a0c10a8;border-color:#aabacc33;display:grid;grid-template-columns:auto auto;column-gap:8px}.dbg-row{display:contents}.dbg-label{color:var(--muted)}.dbg-value{color:var(--text);text-align:right}.dbg-tools{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;max-width:200px}.dbg-tools .hud-btn.dbg-btn{width:auto;height:20px;padding:0 6px;font-size:10px}#tooltip{position:fixed;left:0;top:0;z-index:50;max-width:280px;padding:6px 9px 7px;background:#0a0c10f5;border:1px solid rgba(200,212,226,.45);pointer-events:none;font-size:12.5px}.tt-head{font-weight:600;margin-bottom:2px}.tt-key{display:inline-block;margin-left:4px;padding:0 5px;border:1px solid rgba(232,194,90,.6);color:var(--accent);font-size:11px;font-weight:600}.tt-body{color:#c9cfd8}.tt-reason{margin-top:4px;color:#ffb37a}.overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#080a0d8c;user-select:auto}.overlay[hidden]{display:none}.start-overlay{background:radial-gradient(ellipse at 50% 40%,#2a3440,#12161b 75%)}.dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:20px 22px;background:#12161cf7;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:10px}.dialog h1{margin:0;font-size:22px;letter-spacing:.01em}.dialog h2{margin:0 0 4px;font-size:17px}.dialog h3{margin:8px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.tagline{margin:-4px 0 6px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:4px}.field>span:first-child{font-weight:600}.field .row{display:flex;gap:6px}.field small{color:var(--muted)}.field small.error{color:#ff8a7a}.dialog input:not([type]),.dialog input[type=text],.dialog select{flex:1;min-width:0;padding:6px 8px;font:14px/1.3 ui-monospace,DejaVu Sans Mono,monospace;color:var(--text);background:#0d1014;border:1px solid var(--btn-border)}.dialog select{font:var(--font);font-size:14px}.dialog button{padding:7px 12px;font:var(--font);font-size:14px;color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer}.dialog button:hover{background:var(--btn-bg-hover)}.dialog button.primary{background:#3b5d33;border-color:#6fae5e;font-weight:600}.dialog button.primary:hover{background:#46703c}.dialog button.danger{border-color:#ff786e99}.start-btn{margin-top:6px;padding:9px 12px!important}.note{margin:-4px 0 0;color:var(--muted);font-size:12px}.setting{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:8px}.setting output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.setting.toggle{grid-template-columns:auto 1fr;row-gap:0}.setting.toggle small{grid-column:2;color:var(--muted);font-size:11.5px}.dialog hr{width:100%;border:0;border-top:1px solid var(--panel-border);margin:4px 0}.group-tabs{display:flex;flex:none;height:22px;border-bottom:1px solid var(--panel-border)}.hud-btn.group-tab{flex:1;border-width:0 1px 0 0;font-size:11px;justify-content:flex-end;padding-right:6px}.hud-btn.group-tab .key{left:4px;right:auto;top:4px}.hud-btn.group-tab.empty .face{color:transparent}.sel-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.hud-btn.sub-tab{padding:1px 8px;font-size:11.5px}.sel-portraits,.sel-queue{display:flex;flex-wrap:wrap;gap:3px}.hud-btn.portrait{width:30px;height:30px;font-size:15px;padding-bottom:3px}.hud-btn.portrait.active{border-color:#e6f0fad9}.hud-btn.portrait .hp{position:absolute;left:2px;bottom:2px;height:3px;width:100%;max-width:calc(100% - 4px);background:var(--own)}.hud-btn.portrait .hp.low{background:#e05a4a}.hud-btn.portrait .mana{position:absolute;left:2px;bottom:6px;height:2px;width:100%;max-width:calc(100% - 4px);background:#8a7aff}.hud-btn.queue-item .hp{background:var(--accent)}.sel-row.label{color:var(--muted);font-size:12px;margin-top:4px}.hud-btn.msg-btn{display:block;margin:1px 0;background:none;border:0;text-align:left;overflow:visible;text-shadow:0 1px 1px rgba(0,0,0,.8)}.hud-btn.msg-btn.hover{background:#ffffff12}.hud-btn.msg-btn.alert{color:#ffd27a}.hud-btn.cmd.short:not(.disabled) .face{color:#ff9a8a}.hud-btn.cmd.grid .face{font-size:9.5px;letter-spacing:-.02em;overflow-wrap:anywhere;text-align:center;line-height:1.1;padding:0 2px}.res.food,.res.supply{background:#465a3266}.res.supply.full .res-value{color:#ff9a8a}.clock-note{font-size:11px;color:var(--muted)}.clock-note:empty{display:none}.clock-note.over{color:#ffb27a}.clock[data-period="1"] .clock-day,.clock[data-period="3"] .clock-day{color:#ffc27a}.clock[data-period="2"] .clock-day{color:#9ab4ff}.clock.blood .clock-day{color:#ff5a4a}.clock.fog .clock-day:after{content:" · fog";color:#b8c0c8}.dbg-tools .hud-btn.lit{background:#6e5c1ef2}.hotkeys summary{cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hotkey-group{margin:8px 0 2px;font-size:11.5px;color:var(--accent)}.setting.hotkey{grid-template-columns:1fr 96px;margin:2px 0}.setting.hotkey button.waiting{border-color:var(--accent);color:var(--accent)}.note.warn{color:#ffb27a}@media(max-width:1180px){:root{--mm-h: 190px}.resource-bar .res:nth-child(n+3){display:none}}.res.food.starving .res-value{color:#ff7060}.res-row.dont-eat .res-name,.res-row.dont-eat .res-value{text-decoration:line-through;opacity:.6}.res-row .hud-btn.donteat{width:18px;height:18px;min-width:0;font-size:11px;margin-left:4px}.res-row .hud-btn.donteat .key{display:none}.dialog.loading{width:auto;color:var(--text)}.msg-head{flex:none;display:flex;justify-content:flex-end;gap:4px;padding:3px 4px 0}.hud-btn.msg-tool{height:18px;padding:0 6px;font-size:11px;background:#282e3899}.hud-btn.msg-tool.lit{color:var(--accent)}.msg-name{color:#a8d0ff;font-weight:600}.hud-btn.msg-btn.speech .msg-name{color:#b8e0a0}.hud-btn.msg-btn.player{color:#9ad8ff;background:#3c6ea02e}.hud-btn.msg-btn.urgent{color:#fff2c8;background:#c8781e61}.messages-open{left:8px;bottom:calc(var(--mm-h) + var(--util-h) + 8px);padding:2px}.hud-btn.msg-open{width:34px;height:28px;font-size:16px}.messages-open.flash .hud-btn.msg-open{animation:msg-flash .6s steps(2) infinite}@keyframes msg-flash{0%{background:#c8501e}to{background:var(--btn-bg)}}.bubbles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;left:0;top:0;max-width:220px;padding:3px 8px;font-size:12px;line-height:1.3;color:#1c1f24;background:#faf8f0f0;border-radius:8px;box-shadow:0 1px 3px #00000080;white-space:normal;text-align:center;will-change:transform}.bubble.foreign{background:#ecf6e2f2}.bubble.remark{opacity:.88;font-style:italic}.peoples-panel,.trade-dialog,.hire-dialog,.war-confirm{z-index:5;padding:10px 12px 12px;overflow-y:auto;background:#12161cf5}.peoples-panel{top:44px;right:4px;width:380px;max-height:calc(100vh - 294px)}.trade-dialog{left:50%;top:60px;transform:translate(-50%);width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 310px)}.hire-dialog,.war-confirm{left:50%;top:120px;transform:translate(-50%);width:min(420px,calc(100vw - 32px))}.war-confirm{z-index:6;border-color:#ff786eb3}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dlg-title{margin:0;font-size:15px}.dlg-note{margin:6px 0;color:var(--muted);font-size:12px}.dlg-why{margin:6px 0;color:#ffb08a;font-size:12px}.dlg-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hud-btn.dlg-btn{padding:5px 10px;min-height:26px;font-size:12.5px}.hud-btn.dlg-btn.primary{background:#3b5d33;border-color:#6fae5e;font-weight:600}.hud-btn.dlg-btn.danger{border-color:#ff786e99;color:#ffc0b8}.hud-btn.dlg-btn.bundle{flex:1 1 100%;justify-content:flex-start;text-align:left}.hud-btn.dlg-close{width:24px;height:22px;font-size:15px}.ppl-row{padding:8px 0;border-top:1px solid rgba(170,186,204,.18)}.ppl-name{font-weight:600}.ppl-name.war{color:#ff8a7a}.ppl-status{color:var(--muted);font-size:12px}.trade-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:8px}.trade-head{margin:6px 0 4px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.trade-list{display:flex;flex-direction:column;gap:2px}.trade-list.goods{max-height:260px;overflow-y:auto}.trade-good{font-size:12.5px}.trade-good.muted{color:var(--muted)}.trade-good.refused{color:#8a8f98;text-decoration:line-through}.hud-btn.trade-item{justify-content:flex-start;padding:3px 8px;font-size:12.5px}.hud-btn.trade-item.refused{color:#7a808a}.hud-btn.trade-item.in-box{background:#506e3c80}.worth-bar{height:8px;margin-top:10px;background:#00000073;border:1px solid var(--panel-border)}.worth-fill{height:100%;background:linear-gradient(90deg,#8a6a2a,#e8c25a)}.worth-words{margin-top:3px;font-size:12px;color:var(--muted)}