@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;600&display=swap";:root{--bg:#12141cdb;--bg-solid:#16181f;--line:#ffffff1f;--text:#ece8de;--muted:#ece8de99;--accent:#e0b33a;--war:#c94b45;--ally:#4fa36a;--pixel:"Pixelify Sans", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#2d6ea3;margin:0;font:13px/1.4 system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}a{color:var(--accent);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}h2,h3{font-family:var(--pixel);margin:0 0 6px;font-weight:600}h2{font-size:17px}h3{color:var(--accent);font-size:14px}.muted{color:var(--muted)}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:4px;padding:3px 8px}button:hover:not(:disabled){background:#ffffff2e}button.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}.badge{border:1px solid var(--line);border-radius:8px;margin:2px 4px 2px 0;padding:1px 6px;font-size:11px;display:inline-block}.badge.war{background:var(--war);border-color:var(--war)}.badge.alliance{background:var(--ally);border-color:var(--ally)}.badge.ghost{opacity:.7;border-style:dashed}.badge.saga{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.hud{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:6px 10px;display:flex;position:absolute;top:8px;left:8px;right:8px}.hud .world-name{font-family:var(--pixel);background:0 0;border:none;font-size:16px}.hud .clock{font-family:var(--pixel);min-width:210px;font-size:15px}.hud .group{align-items:center;gap:3px;display:flex}.hud .label{color:var(--muted);margin-right:4px}.hud .follow{margin-left:auto}.hud .gen{opacity:.7;font-size:11px}.hud .busy{color:var(--accent);font-family:var(--pixel)}.panel{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;position:absolute;overflow-y:auto}.panel h2[data-action=toggle]{cursor:pointer;-webkit-user-select:none;user-select:none}.left{flex-direction:column;width:320px;padding:0;display:flex;top:64px;bottom:8px;left:8px;overflow:hidden}.left .tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px 10px 6px;display:flex}.left .tabs .fold{background:0 0;border:none;padding:3px 4px}.left .tab-body{padding:6px 12px 10px;overflow-y:auto}.left:has(.tab-body:empty){bottom:auto}.camp{border-top:1px solid var(--line);padding:6px 0}.camp-head{cursor:pointer;align-items:center;gap:6px;display:flex}.camp-head:hover strong{color:var(--accent)}.camp .right{margin-left:auto;font-size:11px}.swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.camp .stats{flex-wrap:wrap;gap:2px 10px;display:flex}.chronicle-list,.events,.person ul{margin:0;padding:0;list-style:none}.chronicle-list li{padding:3px 0}.chronicle-list li .muted{font-size:11px;display:block}.chronicle-list li.major{font-weight:600}.chronicle-list li.minor{opacity:.6}.check{cursor:pointer;margin:4px 0 6px;display:block}.events{margin:0 0 8px;padding:0;list-style:none}.events .event{cursor:pointer;border-radius:6px;grid-template-columns:22px 1fr;gap:4px;padding:5px 6px;display:grid}.events .event:hover{background:#ffffff12}.events .event.ongoing strong{color:var(--accent)}.events .icon{font-size:15px}.aftermath li{padding:2px 0}.badge.legend{text-transform:capitalize;background:#5b3a8c;border-color:#5b3a8c}.captive{color:#e0a080;margin:4px 0}.person{width:360px;top:64px;bottom:8px;right:8px}.person .close,.dialog .close{background:0 0;border:none;font-size:16px;position:absolute;top:8px;right:8px}.person .sub{color:var(--muted);margin:0 0 6px}.person section{border-top:1px solid var(--line);padding:8px 0}.grid4{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px;display:grid}.grid4>div>span{font-size:11px;display:block}.bar{grid-template-columns:60px 1fr;align-items:center;margin:3px 0;display:grid}.bar>div{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.bar i{height:100%;display:block}.bar .good{background:var(--ally)}.bar .warn{background:#d9a03a}.bar .bad{background:var(--war)}.bar .gold{background:var(--accent)}.family{grid-template-columns:70px 1fr;margin-bottom:4px;display:grid}.nudges{flex-wrap:wrap;gap:4px;display:flex}.nudges button{font-size:12px}.today li,.story li{grid-template-columns:52px 1fr;padding:2px 0;display:grid}.lobby{background:#0000008c;justify-content:center;align-items:center;position:absolute;inset:0}.dialog{background:var(--bg-solid);border:1px solid var(--line);border-radius:10px;width:min(480px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px 20px;position:relative;overflow-y:auto}.worlds{margin:0 0 14px;padding:0;list-style:none}.worlds li{border:1px solid var(--line);cursor:pointer;border-radius:6px;margin-bottom:6px;padding:8px 10px}.worlds li:hover,.worlds li.current{border-color:var(--accent)}.dialog input{font:inherit;border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:4px;margin:6px 0;padding:6px 8px}.tooltip{background:var(--bg-solid);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:3px 7px;display:none;position:absolute;pointer-events:none!important}.toast{opacity:0;background:var(--bg-solid);border:1px solid var(--accent);border-radius:6px;padding:8px 14px;transition:all .25s;position:absolute;bottom:24px;left:50%;transform:translate(-50%,20px);pointer-events:none!important}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=800px){.left{display:none}.person{width:auto;height:55vh;top:auto;left:8px}}.worlds .end{float:right;font-size:11px}.worlds .end:hover{background:var(--war);border-color:var(--war)}.region{padding:4px 0 8px}.fronts li{margin-bottom:6px}.tug{background:linear-gradient(90deg, var(--war), #ffffff26 50%, var(--ally));border-radius:3px;height:6px;margin-top:3px;position:relative}.tug i{background:var(--text);border-radius:2px;width:4px;height:12px;margin-left:-2px;position:absolute;top:-3px}.person h2 .swatch{width:14px;height:14px}.camp .age{font-family:var(--pixel);color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:0 4px;font-size:11px}