:root{color-scheme:dark;--bg: #0a0d12;--panel: #161b22;--border: #2a313c;--text: #e6edf3;--muted: #8b949e;--accent: #3b82f6}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0e1730;background-image:radial-gradient(2px 2px at 15% 20%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 65% 12%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 82% 48%,rgba(255,255,255,.55),transparent),radial-gradient(2px 2px at 33% 72%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 52% 88%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 90% 80%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 8% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1100px 800px at 22% 12%,rgba(86,116,184,.55),transparent),radial-gradient(1000px 900px at 82% 88%,rgba(132,96,172,.45),transparent),linear-gradient(160deg,#243558,#16203b 45%,#0c1224)}#globe{position:absolute;top:0;right:0;bottom:0;left:0}#globe canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#globe canvas:active{cursor:grabbing}#world{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:10px;image-rendering:pixelated;background:#000;cursor:crosshair;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.panel{position:absolute;pointer-events:auto;background:#141921d1;border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 12px;box-shadow:0 6px 24px #00000073}#topPanel{top:14px;left:14px;display:flex;flex-direction:column;gap:8px;max-width:min(700px,calc(100vw - 28px))}#menuOpen{top:14px;left:14px;font-size:18px;line-height:1;padding:9px 13px;font-weight:700;cursor:pointer;background:#141921d1}.brand{font-size:14px;font-weight:650;letter-spacing:.01em;background:transparent;border:none;color:var(--text);padding:0;margin-bottom:2px;text-align:left;cursor:pointer}.brand:hover{color:#fff}#statsPanel{top:14px;right:14px;padding:14px 18px}#stats{display:flex;gap:8px;font-variant-numeric:tabular-nums;color:var(--text)}.statSpecies{display:inline-flex;align-items:baseline;gap:6px;background:transparent;border:none;padding:4px 8px;border-radius:8px;cursor:pointer;color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.statSpecies:hover{background:#ffffff1a}.statSpecies .statIco{font-size:22px}.statSpecies .statCnt{font-size:20px}#creatureModal{top:50%;right:14px;transform:translateY(-50%);width:232px}#creatureClose{position:absolute;top:6px;right:8px;background:transparent;border:none;color:var(--muted);font-size:15px;padding:2px 4px;cursor:pointer}#creatureClose:hover{color:#fff}.cm-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cm-ico{font-size:30px;line-height:1}.cm-name{font-size:16px;font-weight:650}.cm-dead{color:#d8392c}.cm-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:4px 0}.cm-row b{color:var(--text);font-weight:600}.cm-label{font-size:11px;color:var(--muted);margin-top:8px}.cm-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:3px}.cm-bar i{display:block;height:100%;background:#4cae7a}.cm-bar i.age{background:#c9a23a}.cm-empty{font-size:13px;color:var(--muted);padding:4px 18px 4px 0}#worldStats{margin-top:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}#spellbar{bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 28px)}#legendPanel{bottom:14px;left:14px;max-width:260px;max-height:38vh;overflow:auto}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.controls label,#spellbar label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}button,select,input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit}input{width:96px}button{cursor:pointer;font-weight:600}button:hover{border-color:var(--accent)}button.active{border-color:var(--accent);background:#3b82f633;color:#fff}.group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}#hint{margin-top:6px;font-size:11px;color:var(--muted)}#legend{display:flex;flex-wrap:wrap;gap:8px 12px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-item i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.15)}