.world{isolation:isolate;position:absolute;inset:0}.world-marks{--w-you:#f285a1;--w-wait:#f5b94a;--w-foe:#ff6a55;--w-food:#9be38a;--w-prod:#ffb366;--w-gold:#e8c06a;--w-sci:#9fd3ff;--w-cul:#d7b0ff;--w-faith:#8fe3d6;--w-white:#fff;--w-edge:#00000052;--w-track:#0006;--w-dark:#12141794;--w-halo:0 1px 2px #000000b3;--w-sans:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--w-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color:var(--w-white);font-family:var(--w-sans);-webkit-font-smoothing:antialiased}.world-marks :is(.pop,.hp,.route-stop,.yield-chip,.float-num){font-variant-numeric:tabular-nums lining-nums}.city-label{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;translate:0 -50%}.city-label .head{white-space:nowrap;align-items:center;gap:6px;min-height:22px;padding-bottom:5px;display:flex;position:relative}.city-label .name{font:500 14px/1 var(--w-sans);letter-spacing:.01em;text-shadow:var(--w-halo)}.city-label .pop{box-sizing:border-box;min-width:21px;height:19px;font:500 13px/1 var(--w-mono);filter:drop-shadow(0 1px 1.5px #000000a6);border:1px solid #fffc;border-radius:999px;place-items:center;padding:0 5px;font-style:normal;display:grid}.city-label .call{background:var(--w-wait);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--w-edge);border-radius:50%}.city-label .rule{background:linear-gradient(var(--nation), var(--nation)) center / 100% 1.5px no-repeat;filter:drop-shadow(0 1px 1px #0006);height:3px;position:absolute;bottom:0;left:0;right:0}.city-label .rule i{background:var(--nation);border-radius:1.5px;height:3px;position:absolute;top:0;left:0}.city-label .hp{background:var(--w-track);border-radius:1.5px;width:40px;height:3px}.city-label .hp i{border-radius:inherit;height:100%;display:block}.city-label .makes{font:400 12px/1.1 var(--w-sans);color:#ffffffdb;white-space:nowrap;text-shadow:var(--w-halo)}.city-label.own .head{pointer-events:auto;cursor:pointer}.city-label.own .head:before{content:"";position:absolute;inset:-11px -10px}.city-label.own .head:hover .name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.city-label.crowded :is(.name,.rule,.makes){visibility:hidden}.city-label.remembered{opacity:.62}.world-marks .hp.hale>*{background:var(--w-white)}.world-marks .hp.worn>*{background:var(--w-wait)}.world-marks .hp.low>*{background:var(--w-foe)}.counter{pointer-events:none;translate:calc(var(--fan,0) * 30px) -50%;position:relative}.counter .face{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--w-edge);border-radius:50%;place-items:center;display:grid}.counter .face svg{width:15px;height:15px}.counter .hp{background:var(--w-track);border-radius:1.5px;width:22px;height:3px;margin-top:3px;position:absolute;top:100%;left:50%;translate:-50%}.counter .hp b{border-radius:inherit;height:100%;display:block}.counter.idle:after{content:"";background:var(--w-wait);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--w-edge);border-radius:50%;position:absolute;top:-3px;right:-3px}.counter.threat:before{content:"";border:2px dashed var(--w-foe);filter:drop-shadow(0 0 1px #0009);border-radius:50%;position:absolute;inset:-6px}.counter .aim{width:0;height:0;position:absolute;top:50%;left:50%}.counter .aim:before{content:"";border-left:8px solid var(--w-foe);filter:drop-shadow(0 0 1px #0000008c);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-5px;left:20px}.counter.garrison{translate:calc(52px + var(--fan,0) * 30px) 18px}.atlas .counter{translate:calc(var(--fan,0) * 40px) 0}.atlas .counter .face{width:36px;height:36px}.atlas .counter .face svg{width:20px;height:20px}.atlas .counter .hp{border-radius:2px;width:28px;height:4px}.atlas .counter.idle:after{width:11px;height:11px}.atlas .counter .aim:before{left:25px}.resource{box-sizing:border-box;pointer-events:none;width:20px;height:20px;color:var(--w-white);background:var(--w-dark);place-items:center;display:grid;box-shadow:0 0 0 1px #ffffff80}.resource svg{width:13px;height:13px}.resource.bonus{border-radius:50%}.resource.strategic{border-radius:3px}.resource.luxury{isolation:isolate;box-shadow:none;background:0 0}.resource.luxury:before{content:"";z-index:-1;background:var(--w-dark);border-radius:2px;position:absolute;inset:3px;rotate:45deg;box-shadow:0 0 0 1px #ffffff80}.resource.remembered{opacity:.55}.atlas .resource{width:24px;height:24px}.atlas .resource svg{width:16px;height:16px}.route-stop{box-sizing:border-box;pointer-events:none;border:2px solid var(--w-you);min-width:22px;height:22px;font:600 13px/1 var(--w-mono);text-shadow:var(--w-halo);background:#0000004d;border-radius:999px;place-items:center;padding:0 4px;display:grid}.route-stop.goal{border-width:2.5px;min-width:26px;height:26px}.site-loss{pointer-events:none;background:var(--w-foe);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--w-edge);border-radius:50%}.yield-chip{pointer-events:none;white-space:nowrap;font:600 13px/1 var(--w-mono);text-shadow:var(--w-halo);align-items:center;gap:7px;display:flex}.yield-chip span{align-items:center;gap:3px;display:flex}.yield-chip span i{width:7px;height:7px;box-shadow:0 0 0 1px var(--w-edge);border-radius:50%}.yield-chip .food{background:var(--w-food)}.yield-chip .prod{background:var(--w-prod)}.yield-chip .gold{background:var(--w-gold)}.yield-chip .sci{background:var(--w-sci)}.yield-chip .cul{background:var(--w-cul)}.yield-chip .faith{background:var(--w-faith)}.yield-chip .none{opacity:.72}.yield-chip .mark{box-sizing:border-box;border-radius:50%;width:10px;height:10px}.yield-chip.worked .mark{background:var(--w-white);box-shadow:0 0 0 1.5px var(--w-edge)}.yield-chip.open .mark{box-shadow:inset 0 0 0 1.5px var(--w-white), 0 0 0 1px var(--w-edge)}.yield-chip.taken .mark{background:var(--w-white);opacity:.32}.yield-chip.locked .mark{outline:1.5px solid var(--w-you);outline-offset:2px}.float-num{pointer-events:none;font:600 17px/1 var(--w-mono);color:var(--w-white);text-shadow:var(--w-halo);align-items:center;gap:3px;animation:1.5s ease-out forwards w-rise;display:flex}.float-num svg{filter:drop-shadow(0 1px 2px #000000b3)}.float-num.foe{color:var(--w-foe)}.float-num.food,.float-num.heal{color:var(--w-food)}.float-num.gold{color:var(--w-gold)}.float-num.faith{color:var(--w-faith)}.float-num.calm{animation:1.5s linear forwards w-fade}@keyframes w-rise{0%{opacity:0;translate:0 6px}12%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 -30px}}@keyframes w-fade{0%,70%{opacity:1}to{opacity:0}}.world.blurred{filter:blur(2px)}
