:root{--ink:#2b2116;--panel-top:#362d22f2;--panel-bottom:#221c15f2;--line:#e2be7442;--line-strong:#ecc8749e;--text:#f4ecd6;--muted:#bcae8e;--faint:#8c7f65;--accent:#f0c968;--accent-soft:#f0c96824;--good:#9ad883;--bad:#f2907a;--info:#93bbe6;--button:#fff0cd0f;--button-hover:#fff0cd21;--radius:14px;--shadow:0 10px 28px #00000052, 0 2px 6px #00000040, inset 0 1px 0 #fff0cd12;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--hud-height:46px;--gap:10px}.ui{color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.ui .title{font-family:var(--serif);color:var(--accent);letter-spacing:.01em;font-weight:600}.panel{background:linear-gradient(180deg, var(--panel-top), var(--panel-bottom));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.good{color:var(--good)}.bad{color:var(--bad)}.ico{vertical-align:middle;flex:none;width:1.3em;height:1.3em;display:inline-block}.ico svg{width:100%;height:100%;display:block}button{font:inherit;color:var(--text);background:var(--button);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:4px 10px;transition:background-color .12s,border-color .12s,color .12s,transform 80ms}button:hover:not(:disabled){background:var(--button-hover);border-color:var(--line-strong)}button:active:not(:disabled){transform:translateY(1px)}button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-btn{background:0 0;border-color:#0000;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-btn .ico{width:22px;height:22px}.icon-btn.small{width:28px;height:28px;color:var(--muted)}.icon-btn.small .ico{width:16px;height:16px}select{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#00000040;border-radius:8px;padding:4px 8px}kbd{color:var(--text);border:1px solid var(--line);text-align:center;white-space:nowrap;background:#fff0cd14;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:600 11px/1 system-ui,sans-serif}.menu.panel,#hud .card{background:linear-gradient(#3a3126,#251e17)}.ui ::-webkit-scrollbar{width:8px}.ui ::-webkit-scrollbar-thumb{background:#e2be7440 padding-box padding-box;border:2px solid #0000;border-radius:4px}.ui ::-webkit-scrollbar-track{background:0 0}#info,#build .items{scrollbar-width:thin;scrollbar-color:#e2be744d transparent}.sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:9px 4px}#hud{top:var(--gap);left:var(--gap);right:var(--gap);z-index:20;align-items:start;gap:var(--gap);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:fixed}#hud>*{pointer-events:auto}#hud>:first-child{justify-self:start}#hud .pill{height:var(--hud-height);box-sizing:border-box;align-items:center;gap:2px;padding:0 5px;display:flex}#hud .brand{white-space:nowrap;padding:0 10px 0 9px;font-size:18px}#hud .date{align-items:center;gap:8px;height:100%;padding:0 12px 0 8px;display:flex;position:relative}#hud .date>.ico{width:24px;height:24px}#hud .when{white-space:nowrap;flex-direction:column;line-height:1.15;display:flex}#hud .when b{font-size:13.5px}#hud .when small{color:var(--muted);font-size:11px}#hud .month{background:#fff0cd1a;border-radius:1px;height:2px;position:absolute;bottom:6px;left:40px;right:12px;overflow:hidden}#hud .month span{background:var(--accent);opacity:.7;height:100%;transition:width .2s linear;display:block}#hud .hud-center{pointer-events:none;flex-direction:column;justify-self:center;align-items:center;gap:8px;display:flex}.hud-center>*{pointer-events:auto}#hud .stat{cursor:default;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 11px 0 9px;display:flex;position:relative}#hud .stat:hover{background:var(--button-hover)}#hud .stat>.ico{width:24px;height:24px}#hud .stat>b{font-variant-numeric:tabular-nums;font-size:14.5px}#hud .stat.toggle{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;font-weight:600}#hud .stat.toggle:hover{background:var(--button-hover);border-color:#0000}#hud .stat.toggle.active{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}#hud .stat.toggle .chev{width:14px;height:14px;color:var(--muted);transition:transform .2s}#hud .stat.toggle.active .chev{color:var(--accent);transform:rotate(180deg)}#hud .card{z-index:30;white-space:normal;width:max-content;min-width:200px;max-width:290px;color:var(--text);opacity:0;visibility:hidden;border-radius:12px;padding:10px 12px;font-weight:400;transition:opacity .14s .2s,transform .14s .2s,visibility 0s .34s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}#hud .card:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}#hud .stat:hover>.card{opacity:1;visibility:visible;transition:opacity .14s .12s,transform .14s .12s,visibility 0s .12s;transform:translate(-50%)}#hud .card:has(.choice){width:284px;max-width:none}#hud .card .choice{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}#hud .card .title{margin-bottom:5px;font-size:14px}#hud .card .row{justify-content:space-between;gap:14px;padding:1px 0;display:flex}#hud .card .row.sub span{color:var(--muted);padding-left:12px}#hud .stat>.badge{box-sizing:border-box;background:var(--good);min-width:16px;height:16px;color:var(--ink);text-align:center;box-shadow:0 0 0 2px var(--panel-bottom);border-radius:8px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:0;left:34px;transform:translate(-75%)}#hud .stat>.badge[hidden]{display:none}#hud .card .row.total{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}#hud .card .note{color:var(--muted);margin-top:6px;font-size:11.5px;line-height:1.35}.speed{background:#00000038;border-radius:10px;gap:2px;padding:3px;display:flex}.speed button{min-width:34px;height:30px;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;padding:0 6px;font-weight:650;display:grid}.speed button .ico{width:15px;height:15px}.speed button:hover:not(:disabled){color:var(--text)}.speed button.active{background:var(--accent);color:var(--ink)}#hud .hud-right{justify-self:end;position:relative}.hud-right .menu{flex-direction:column;gap:2px;width:290px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0}.hud-right.menu-open .menu{animation:.16s ease-out pop-in;display:flex}.hud-right.menu-open .menu-btn{background:var(--accent-soft);color:var(--accent)}.menu-title{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;padding:8px 8px 3px;font-size:11px}.menu-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 9px;font-size:13px;text-decoration:none;display:block}.menu-item:hover{background:var(--button-hover)}.menu-fold>summary{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;list-style:none;display:flex}.menu-fold>summary::-webkit-details-marker{display:none}.menu-fold>summary:hover{color:var(--muted);background:var(--button-hover)}.menu-fold>summary .ico{width:14px;height:14px;transition:transform .15s;transform:rotate(-90deg)}.menu-fold[open]>summary .ico{transform:none}.menu .keys{color:var(--muted);grid-template-columns:auto 1fr;align-items:baseline;gap:7px 10px;padding:4px 8px 8px;font-size:12px;display:grid}.menu .keys .topic{color:var(--faint);font-size:11px}.menu .keys .line{flex-wrap:wrap;gap:5px 10px;display:flex}.menu .keys .key{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.menu .keys kbd{padding:2px 5px;font-size:10.5px}.menu .credits{color:var(--muted);padding:2px 8px 6px;font-size:12px;line-height:1.4}.menu .credits a{color:var(--text)}.menu .credits .tracks{color:var(--faint);margin-top:3px;font-size:11px}.menu .graphics{background:#00000038;border-radius:10px;gap:2px;margin:0 8px 4px;padding:3px;display:flex}.menu .graphics button{height:28px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:0 6px;font-weight:650}.menu .graphics button:hover:not(.active){color:var(--text)}.menu .graphics button.active{background:var(--accent);color:var(--ink)}#hud .stat.sound{padding:0}#hud .stat.end>.card{left:auto;right:-6px;transform:translateY(-4px)}#hud .stat.end:hover>.card{transform:translate(0)}#hud .stat.sound .track{margin:2px 0}#hud .stat.sound .track span{color:var(--muted)}#hud .stat.sound.muted>button .ico{position:relative}#hud .stat.sound.muted>button svg{opacity:.4}#hud .stat.sound.muted>button .ico:after{content:"";background:var(--bad);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:-1px;right:-1px;transform:rotate(-40deg)}#stores{flex-direction:column;gap:10px;padding:10px 12px 12px;display:none}#stores.open{animation:.18s ease-out pop-in;display:flex}#stores .line{gap:18px;display:flex}#stores section{flex-direction:column;gap:5px;display:flex}#stores header{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px;display:flex}#stores header>span:first-child{font-family:var(--serif);color:var(--accent);font-size:13.5px;font-weight:600}#stores header .fill{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}#stores header .fill.bad{color:var(--bad)}#stores .cells{gap:4px;display:flex}#stores .res{background:#0000002e;border-radius:10px;flex-direction:column;align-items:center;gap:1px;width:66px;padding:6px 2px 5px;transition:opacity .3s;display:flex}#stores .res .ico{width:28px;height:28px;margin-bottom:2px}#stores .res b{font-variant-numeric:tabular-nums;font-size:15px;transition:color .3s}#stores .res small{color:var(--muted);white-space:nowrap;font-size:10.5px}#stores .res.zero{opacity:.45}#stores .res.up b{color:var(--good)}#stores .res.down b{color:var(--bad)}#stores .res .flow{white-space:nowrap;font-variant-numeric:tabular-nums;border-top:1px solid #fff0cd14;justify-content:center;align-self:stretch;gap:4px;margin-top:3px;padding-top:3px;font-size:10px;display:flex}#stores .res .flow .in{color:var(--good)}#stores .res .flow .out{color:var(--bad)}#stores .res .flow .nil{color:var(--faint)}#stores .res .net{min-height:1.4em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}#stores .res .net.good{color:var(--good)}#stores .res .net.bad{color:var(--bad)}#stores .legend{color:var(--faint);padding:0 2px;font-size:10.5px}#siege{cursor:help;border-radius:12px;align-items:center;gap:8px;padding:6px 16px 6px 12px;display:none}#siege .ico{width:20px;height:20px}#siege .title{white-space:nowrap;font-size:15px}#siege.warn{border-color:#f0c96899}#siege.warn .title{color:var(--accent)}#siege.bad{box-shadow:var(--shadow), 0 0 0 3px #f2907a1f;border-color:#f2907aa6}#siege.bad .title{color:var(--bad)}#siege.good .title{color:var(--good)}#founding{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:340px;padding:10px 16px 12px;display:flex}#founding[hidden]{display:none}#founding .label{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}#founding .steps{gap:6px;display:flex}#founding .step{color:var(--faint);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:12px;display:flex}#founding .step img{object-fit:contain;opacity:.55;width:26px;height:26px}#founding .step.now{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}#founding .step.now img{opacity:1}#founding .step.done{color:var(--good)}#founding .step.done img{opacity:.9}#founding .step.done span:before{content:"✓ "}#founding .title{font-family:var(--serif);color:var(--text);font-size:17px}#founding .hint{color:var(--muted);font-size:12px;line-height:1.35}#build{left:var(--gap);top:calc(var(--gap) * 2 + var(--hud-height));z-index:15;max-height:calc(100vh - var(--hud-height) - var(--gap) * 3);align-items:flex-start;gap:8px;display:flex;position:fixed}#build .rail{border-radius:16px;flex-direction:column;gap:3px;padding:5px;display:flex}#build .rail button{background:0 0;border-color:#0000;border-radius:11px;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}#build .rail .cat .ico{width:30px;height:30px;transition:transform .15s}#build .rail .cat:hover .ico{transform:scale(1.1)}#build .rail .cat.active{background:var(--accent-soft);border-color:var(--line-strong)}#build .rail .cat.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-5px}#build:not(.open) .rail .cat:hover:after{content:attr(data-name);background:var(--panel-bottom);border:1px solid var(--line);color:var(--text);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);border-radius:8px;padding:4px 9px;font-size:12.5px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}#build .rail .grow{height:4px}#build .rail .fold{height:30px;color:var(--muted)}#build .rail .fold .ico{width:18px;height:18px;transition:transform .2s}#build:not(.open) .rail .fold .ico{transform:rotate(180deg)}#build .drawer{width:244px;max-height:inherit;flex-direction:column;display:none;overflow:hidden}#build.open .drawer{animation:.18s ease-out slide-in;display:flex}#build .head{justify-content:space-between;align-items:center;padding:10px 8px 6px 14px;display:flex}#build .head .title{font-size:17px}.segmented{background:#00000038;border-radius:10px;gap:2px;margin:0 10px 6px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:7px;flex:1;padding:4px;font-size:12px}.segmented button:hover:not(:disabled){color:var(--text);background:0 0}.segmented button.active{background:var(--button-hover);color:var(--accent)}#build .items{grid-template-columns:1fr 1fr;gap:6px;min-height:0;padding:2px 10px 10px;display:grid;overflow-y:auto}#build .item{white-space:normal;text-align:center;background:#0000002e;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 7px;display:flex}#build .item:hover{background:var(--button-hover);border-color:var(--line)}#build .item img,#build .item .img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);max-width:100%;height:50px;transition:transform .15s}#build .item:hover img{transform:translateY(-2px)scale(1.04)}#build .item .name{font-size:12px;line-height:1.2}#build .item.off{opacity:.55}#build .item.active{opacity:1;border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #f0c96859}.cost{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2px 7px;font-size:11px;display:inline-flex}.cost>span{align-items:center;gap:2px;display:inline-flex}.cost .ico{width:14px;height:14px}.cost .short{color:var(--bad)}.cost .free{color:var(--good)}#build .details{border-top:1px solid var(--line);flex:none;min-height:52px;padding:9px 14px 12px;font-size:12px}#build .details .row{justify-content:space-between;align-items:center;gap:8px;display:flex}#build .details .name{font-family:var(--serif);color:var(--accent);font-size:14px}#build .details .desc{color:var(--muted);margin:3px 0 4px;line-height:1.35}#build .details .facts{color:var(--text);opacity:.85;font-size:11.5px}#build .details .facts.warn{color:var(--accent)}#build .details .hint{color:var(--muted);line-height:1.4}#build .details .rotate{width:100%;color:var(--accent);justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}#build .details .rotate .ico{width:16px;height:16px}#info{right:var(--gap);top:calc(var(--gap) * 2 + var(--hud-height));z-index:12;box-sizing:border-box;width:286px;max-height:calc(100vh - var(--hud-height) - 150px);padding:12px 14px;animation:.16s ease-out pop-in;position:fixed;overflow:hidden auto}#info:empty{display:none}#info .title{flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:15px;display:flex}#info .title .tools{flex:none;align-items:center;gap:1px;margin-left:auto;display:inline-flex}#info .title .name{align-items:center;gap:5px;min-width:0;display:inline-flex}#info .title .help,#info .choice .help{border:1px solid var(--line-strong);width:16px;height:16px;color:var(--muted);cursor:help;border-radius:50%;flex:none;place-items:center;font:700 10.5px/1 system-ui,sans-serif;display:inline-grid}#info .title .help:hover,#info .choice .help:hover{color:var(--accent);border-color:var(--accent)}#info .choice .row .named{align-items:center;gap:6px;display:inline-flex}.icon-btn.tiny{border-radius:7px;width:22px;height:24px}.icon-btn.tiny .ico{width:17px;height:17px}#info .demolish{opacity:.7}#info .demolish:hover{opacity:1;background:#f2907a1f;border-color:#f2907a80}#info .title .hp{color:var(--text);font-variant-numeric:tabular-nums;cursor:help;align-items:center;gap:3px;font:600 13px/1 system-ui,sans-serif;display:inline-flex}#info .title .hp .ico{width:15px;height:15px}#info .title .hp.warn{color:var(--accent)}#info .title .hp.bad{color:var(--bad)}#info .row{justify-content:space-between;gap:8px;padding:1px 0;display:flex}#info .row b{font-variant-numeric:tabular-nums}#info .desc{color:var(--muted);margin:3px 0 8px;font-size:12px;line-height:1.35}#info .status{color:var(--accent);background:var(--accent-soft);border-radius:8px;margin:6px 0;padding:5px 8px}#info .status.bad{color:var(--bad);background:#f2907a1f}#info .bar{background:#00000059;border-radius:3px;height:6px;margin:3px 0 5px;overflow:hidden}#info .bar>div{background:var(--good);border-radius:3px;height:100%}#info .actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}#info .actions .label{color:var(--muted);font-size:11.5px}#info .list{margin:6px 0}#info .res-label{align-items:center;gap:6px;display:inline-flex}#info .res-label .ico{width:17px;height:17px}#info .hint{color:var(--muted);margin-top:6px;font-size:11px}.ui .choice{margin:10px 0 2px}.ui .choice>.row{justify-content:space-between;gap:8px;margin-bottom:5px;display:flex}.ui .choice>.hint{color:var(--muted);margin-top:5px;font-size:11px}.ui .levels{background:#0000003d;border-radius:11px;gap:2px;padding:3px;display:flex}.ui .levels button{background:0 0;border-color:#0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 0 4px;display:flex}.ui .levels button:hover:not(.active){background:var(--button-hover);border-color:#0000}.ui .levels button.active{background:var(--accent-soft);border-color:var(--accent)}.ui .levels .icons{justify-content:center;align-items:center;height:20px;display:flex}.ui .levels .ico{width:18px;height:18px}.ui .levels .ico+.ico{margin-left:-8px}.ui .levels .ico.half{clip-path:inset(0 48% 0 0);margin-right:-8px}.ui .levels .ico.none{position:relative}.ui .levels .ico.none svg{opacity:.4}.ui .levels .ico.none:after{content:"";background:var(--bad);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:-1px;right:-1px;transform:rotate(-40deg)}.ui .levels small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.ui .levels small.good{color:var(--good)}.ui .levels small.bad{color:var(--bad)}#info .recipes{grid-template-columns:1fr 1fr;gap:6px;display:grid}#info .recipe{white-space:normal;background:#0000002e;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;display:flex}#info .recipe:hover:not(.active){background:var(--button-hover);border-color:var(--line)}#info .recipe.active{border-color:var(--accent);background:var(--accent-soft)}#info .recipe>.ico{width:32px;height:32px}#info .recipe .name{font-size:12.5px}#info .recipe.single{background:var(--accent-soft);border-color:var(--line-strong);flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 14px}#info .recipe.single>div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}#info .recipe.single .name{font-size:13.5px}.cost .arrow{color:var(--faint)}#info .units{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:5px;margin-top:8px;display:grid}#info .unit{cursor:pointer;text-align:center;background:#0000002e;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:5px 3px;transition:background-color .12s,border-color .12s;display:flex;position:relative}#info .unit:hover{border-color:var(--line-strong);background:var(--button-hover)}#info .unit:active{transform:translateY(1px)}#info .unit.off{opacity:.55}#info .unit img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);pointer-events:none;max-width:100%;height:44px}#info .unit .ico.weapon{filter:drop-shadow(0 2px 2px #00000059);width:34px;height:34px;margin:4px 0 3px}#info .unit .name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.15;overflow:hidden}#info .unit .cost{color:var(--muted);font-size:10.5px}#info .unit .avail{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}#info .unit .badge{color:var(--good);font-size:11px;font-weight:700;position:absolute;top:4px;left:6px}#info .unit .flag{color:var(--muted);padding:0 5px;font-size:12px;line-height:18px;position:absolute;top:3px;right:3px}#info .unit .flag.set{color:#8fb6ff;border-color:#8fb6ff}#info .unit .flag.active{color:var(--accent);border-color:var(--accent)}#info .feasts{flex-direction:column;gap:6px;margin-top:6px;display:flex}#info .feast{cursor:pointer;background:#0000002e;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:background-color .12s,border-color .12s;display:flex}#info .feast:hover{border-color:var(--line-strong);background:var(--button-hover)}#info .feast:active{transform:translateY(1px)}#info .feast.off{opacity:.55;cursor:default}#info .feast .plate{filter:drop-shadow(0 2px 2px #00000059);flex:none;width:44px;height:44px}#info .feast .body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#info .feast .top{justify-content:space-between;align-items:center;gap:8px;display:flex}#info .feast .name{color:var(--accent);font-family:var(--serif);white-space:nowrap;font-size:14px}#info .feast .cost{color:var(--muted);justify-content:flex-end;font-size:11.5px}#info .feast .effect{color:var(--good);font-variant-numeric:tabular-nums;gap:12px;font-size:12px;display:flex}#info .feast .effect>span,#info .hall-stats .stat{align-items:center;gap:3px;display:inline-flex}#info .feast .effect .ico{width:15px;height:15px}#info .feast .avail{color:var(--bad);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}#info .hall-stats{font-variant-numeric:tabular-nums;color:var(--text);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px;display:flex}#info .hall-stats .stat{cursor:help}#info .hall-stats .ico{width:16px;height:16px}#info .hall-stats .live{color:var(--accent)}#info .hall-stats .good{color:var(--good)}#info .segmented{margin:10px 0 6px}#info .segmented button{justify-content:center;align-items:center;gap:3px;display:inline-flex}#info .segmented .ico.auto{width:12px;height:12px;color:var(--good)}#info .mk-list{flex-direction:column;gap:2px;display:flex}#info .mk-row{grid-template-columns:1fr 34px 48px 48px 26px;align-items:center;gap:4px;padding:2px 0;display:grid}#info .mk-head{color:var(--faint);padding:0;font-size:10.5px}#info .mk-head span:nth-child(n+2){text-align:center}#info .mk-row.open{background:var(--accent-soft);border-radius:8px 8px 0 0;margin:0 -6px;padding:2px 6px}#info .mk-name{flex-direction:column;min-width:0;font-size:12.5px;display:flex}#info .mk-name .res-label{white-space:nowrap}#info .mk-name small{color:var(--good);white-space:nowrap;text-overflow:ellipsis;padding-left:23px;font-size:10.5px;overflow:hidden}#info .mk-name small.bad{color:var(--bad)}#info .mk-have{text-align:center;font-variant-numeric:tabular-nums}#info .mk-buy,#info .mk-sell{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;padding:3px 2px;font-size:12px;display:inline-flex}#info .mk-buy .ico,#info .mk-sell .ico{width:13px;height:13px}#info .mk-sell{color:var(--good)}#info .mk-buy.off,#info .mk-sell.off{opacity:.4}#info .mk-cfg{width:26px;height:24px;color:var(--faint);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}#info .mk-cfg .ico{width:15px;height:15px}#info .mk-cfg.set{color:var(--good)}#info .mk-cfg.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}#info .mk-editor{background:#00000038;border-radius:0 0 8px 8px;flex-direction:column;gap:4px;margin:0 -6px 4px;padding:6px;display:flex}#info .mk-editor .status{margin:2px 0 0;font-size:11.5px}#info .mk-line{grid-template-columns:1fr auto;align-items:center;column-gap:6px;display:grid}#info .mk-line>b{font-variant-numeric:tabular-nums;padding-right:2px;font-size:12px}#info .mk-line>b.off{color:var(--faint)}#info .mk-range{appearance:none;cursor:pointer;--fill:0%;--tint:var(--accent);--empty:#0000006b;--track:linear-gradient(to right, var(--tint) var(--fill), var(--empty) var(--fill));background:0 0;grid-column:1/-1;width:100%;height:18px;margin:0 0 2px;padding:0}#info .mk-range.sell{--tint:var(--good);--track:linear-gradient(to right, var(--empty) var(--fill), var(--tint) var(--fill))}#info .mk-range.off{opacity:.4}#info .mk-range:focus-visible{outline:1px solid var(--line-strong);outline-offset:2px;border-radius:4px}#info .mk-range::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}#info .mk-range::-moz-range-track{background:var(--track);border-radius:2px;height:4px}#info .mk-range::-webkit-slider-thumb{border:2px solid var(--tint);appearance:none;background:var(--text);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #00000080}#info .mk-range::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--tint);background:var(--text);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000080}#info .mk-range:hover::-webkit-slider-thumb{transform:scale(1.12)}#info .check{color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:7px;padding:2px 4px;font-size:12px;display:inline-flex}#info .check .box{border:1px solid var(--line-strong);background:#00000040;border-radius:4px;width:13px;height:13px;position:relative}#info .check.on{color:var(--text)}#info .check.on .box{border-color:var(--accent);background:var(--accent)}#info .check.on .box:after{content:"";border:solid var(--ink);border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}#info .mk-reserve>.mk-line>span{color:var(--muted);font-size:12px}#info .mk-reserve>.mk-line>b{align-items:center;gap:2px;display:inline-flex}#info .mk-reserve>.mk-line>b .ico{width:13px;height:13px}#info .mk-reserve>.mk-line>.mk-range{margin-top:2px}#info .mk-ledgers{border-top:1px solid var(--line);color:var(--muted);margin-top:10px;padding-top:8px;font-size:12px}#info .mk-ledger{font-variant-numeric:tabular-nums;gap:8px;display:inline-flex}#squad{left:50%;bottom:var(--gap);z-index:14;box-sizing:border-box;max-width:calc(100vw - 2 * var(--gap));gap:14px;padding:10px 14px 9px 10px;animation:.18s ease-out rise-in;display:flex;position:fixed;transform:translate(-50%)}#squad[hidden]{display:none}#squad .left{flex-direction:column;gap:6px;min-width:0;display:flex}#squad .cards{gap:6px;padding-bottom:1px;display:flex;overflow-x:auto}#squad .sep{background:var(--line);flex:none;width:1px;margin:8px 3px}#squad .unit-card{box-sizing:border-box;border:1px solid var(--line);background:#0003;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:0;width:68px;height:88px;padding:2px 2px 9px;display:flex;position:relative}#squad .unit-card img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);pointer-events:none;max-width:64px;height:56px;transition:transform .15s}#squad .unit-card .portrait{width:40px;height:40px;margin-bottom:8px}#squad .unit-card:hover img{transform:translateY(-2px)scale(1.05)}#squad .unit-card .count{font-variant-numeric:tabular-nums;font-size:16px;line-height:1.1}#squad .unit-card.chosen{border-color:var(--accent);background:var(--accent-soft)}#squad .unit-card.more{opacity:.5;border-style:dashed}#squad .unit-card.more:hover{opacity:1}#squad .unit-card .hp{background:#0006;border-radius:2px;height:3px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}#squad .unit-card .hp i{border-radius:2px;height:100%;display:block}#squad .unit-card.more .hp{display:none}#squad .unit-card .pips{flex-direction:column;gap:2px;display:flex;position:absolute;top:6px;left:6px}#squad .unit-card .pips i{background:var(--accent);border-radius:1px;width:9px;height:2px;display:block;box-shadow:0 1px #00000080}#squad .unit-card .drop{width:18px;height:18px;color:var(--text);background:#00000073;border-radius:6px;place-items:center;display:none;position:absolute;top:3px;right:3px}#squad .unit-card .drop .ico{width:11px;height:11px}#squad .unit-card .drop:hover{background:var(--bad);color:var(--ink)}#squad .unit-card:hover .drop{display:grid}#squad .unit-card .foot{justify-content:center;align-items:center;gap:3px;max-width:100%;display:flex}#squad .unit-card .rest{color:var(--accent);font-variant-numeric:tabular-nums;background:#00000059;border-radius:5px;padding:0 3px;font-size:10.5px;font-weight:700;line-height:15px}#squad .unit-card .rest:hover{background:var(--accent);color:var(--ink)}#squad .unit-card .rest[hidden]{display:none}#squad .unit-card .plus{color:var(--accent);font-size:15px;font-weight:700;position:absolute;top:3px;right:7px}#squad .hint{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}#squad .about,#squad .actions{border-left:1px solid var(--line);flex:none;padding-left:14px}#squad .about{flex-direction:column;justify-content:center;gap:4px;width:214px;display:flex}#squad .head{justify-content:space-between;align-items:center;gap:8px;display:flex}#squad .head .title{font-size:17px}#squad .chip{color:var(--text);white-space:nowrap;background:#fff0cd14;border-radius:9px;padding:1px 8px;font-size:11.5px}#squad .head .chip{background:var(--accent-soft);color:var(--accent);font-weight:650}#squad .state{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}#squad .meter{color:var(--muted);grid-template-columns:74px 1fr 50px;align-items:center;gap:8px;font-size:12px;display:grid}#squad .meter b{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}#squad .meter .track{background:#00000059;border-radius:3px;height:6px;overflow:hidden}#squad .meter .track i{border-radius:3px;height:100%;display:block}#squad .actions{align-items:center;gap:6px;display:flex}#squad .stances{background:#0000003d;border-radius:13px;gap:2px;padding:2px;display:flex}#squad .stances .cmd{background:0 0;border-color:#0000}#squad .stances .cmd:hover:not(.active){background:var(--button-hover)}#squad .stances .cmd.active{border-color:var(--accent);background:var(--accent-soft)}#squad .cmd{box-sizing:border-box;border:1px solid var(--line);background:#0003;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;height:54px;padding:5px 2px 3px;display:flex;position:relative}#squad .cmd .ico{width:26px;height:26px;transition:transform .15s}#squad .cmd:hover:not(.off) .ico{transform:scale(1.1)}#squad .cmd small{color:var(--muted);white-space:nowrap;font-size:10.5px;line-height:1.1}#squad .cmd kbd{color:var(--muted);border-bottom-width:1px;padding:1px 3px;font-size:9px;position:absolute;top:3px;right:3px}#squad .cmd.active{border-color:var(--accent);background:var(--accent-soft)}#squad .cmd.active small{color:var(--accent)}#squad .cmd.off{opacity:.4;cursor:default}#squad .cmd.off:hover{border-color:var(--line);background:#0003}#squad .cmd.off:active{transform:none}@media (width<=1500px){body.squad-open #toasts{bottom:calc(var(--gap) * 2 + var(--squad-h,120px))}}#toasts{right:var(--gap);bottom:var(--gap);z-index:25;pointer-events:none;max-width:min(380px, calc(100vw - 2 * var(--gap)));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.toast{pointer-events:auto;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 11px;transition:opacity .45s,transform .45s;animation:.32s cubic-bezier(.2,.9,.3,1.15) toast-in;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--info);width:3px;position:absolute;top:0;bottom:0;left:0}.toast.good:before{background:var(--good)}.toast.bad:before{background:var(--bad)}.toast.bad{border-color:#f2907a66}.toast>.ico{width:24px;height:24px}.toast .text{line-height:1.3}.toast .count{background:var(--accent);color:var(--ink);border-radius:9px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.toast.bump{animation:.3s ease-out toast-bump}.toast.leaving{opacity:0;transform:translate(24px)}#tooltip{pointer-events:none;z-index:30;border-radius:8px;padding:4px 9px;font-size:12px;display:none;position:fixed}#uitip{z-index:60;pointer-events:none;max-width:260px;color:var(--text);white-space:pre-line;opacity:0;visibility:hidden;background:linear-gradient(#3a3126,#251e17);border-radius:9px;padding:6px 10px;font-size:12px;line-height:1.38;transition:opacity .1s,transform .1s;position:fixed;top:0;left:0;transform:translateY(2px)}#uitip.on{opacity:1;visibility:visible;transform:none}#selbox{border:1px dashed var(--accent);pointer-events:none;z-index:4;background:#f0c9681f;border-radius:3px;display:none;position:fixed}#defeat{z-index:40;text-align:center;min-width:320px;max-width:440px;box-shadow:var(--shadow), 0 0 0 100vmax #0f0b0659;flex-direction:column;align-items:center;gap:12px;padding:24px 32px 22px;display:flex;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}#defeat .title{color:var(--bad);font-size:30px}#defeat.victory .title{color:var(--good)}#defeat button{border-color:var(--accent);color:var(--accent);padding:7px 22px;font-weight:600}#topbar{top:var(--gap);left:var(--gap);right:var(--gap);z-index:10;flex-wrap:wrap;align-items:center;gap:16px;padding:9px 16px;display:flex;position:fixed}#topbar .title{font-size:17px}#topbar .label{color:var(--muted)}#topbar .spacer{flex:1}a.nav{color:var(--accent);border:1px solid var(--line);background:var(--button);white-space:nowrap;border-radius:8px;padding:4px 12px;text-decoration:none}a.nav:hover{background:var(--button-hover)}.gallery-label{color:#f6efd9;white-space:nowrap;pointer-events:none;z-index:5;background:#1b1a17b8;border-radius:4px;padding:1px 6px;font-size:11px;position:fixed;transform:translate(-50%)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}}@keyframes toast-in{0%{opacity:0;transform:translate(40px)scale(.96)}}@keyframes toast-bump{40%{transform:scale(1.04)}}@media (width<=1180px){#hud .brand,#hud .brand+.sep{display:none}}@media (width<=980px){#hud{grid-template-columns:1fr auto}#hud .hud-center{grid-area:2/1/auto/-1}#build,#info{top:calc(var(--gap) * 3 + var(--hud-height) * 2)}#stores .line{flex-wrap:wrap}}@media (width<=720px){#hud .stat{padding:0 7px}#hud .stat.toggle>span:not(.ico){display:none}#build .drawer{width:220px}#info{left:var(--gap);width:calc(100vw - 2 * var(--gap));max-height:45vh;top:auto;bottom:180px;right:auto}#stores .res{width:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#info .title .hp.fire .ico{transform-origin:50% 90%;animation:.7s ease-in-out infinite alternate flicker}@keyframes flicker{0%{transform:scale(.92,.96)}to{transform:scale(1.04,1.1)}}#fps{left:var(--gap);bottom:var(--gap);z-index:14;font-variant-numeric:tabular-nums;color:var(--muted);cursor:help;border-radius:9px;padding:4px 9px;font:600 12px/1 system-ui,sans-serif;position:fixed}#fps.good{color:#8fd18a}#fps.warn{color:var(--accent)}#fps.bad{color:var(--bad)}