:root{--bg: #0e071b;--panel: rgba(19, 19, 19, .9);--border: #3d3d3d;--text: #f9e6cf;--muted: #b4b4b4;--accent: #ffc825;--danger: #f5555d;--good: #5ac54f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.35 system-ui,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;touch-action:none}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>.menu{pointer-events:auto}[hidden]{display:none!important}button,input{font:inherit;color:var(--text);background:#272727;border:1px solid var(--border);border-radius:6px;padding:4px 10px}button{cursor:pointer}button:hover{border-color:var(--muted)}button.active{border-color:var(--accent);color:var(--accent)}button.primary{font-size:18px;font-weight:700;padding:10px 14px;background:var(--accent);color:#131313;border-color:var(--accent)}.muted{color:var(--muted)}.warn{color:var(--danger)}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e071b59}.menu .panel{width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.menu h1{margin:0;font-size:28px;color:var(--accent)}.menu .subtitle{margin:0;color:var(--muted)}.menu .field{display:flex;flex-direction:column;gap:4px}.menu .row{display:flex;gap:6px}.menu input{flex:1;min-width:0;user-select:text}.menu .hint{margin:0;font-size:12px;color:var(--muted)}.menu .langs{display:flex;gap:6px}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.top-bar{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.top-bar .stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;flex:1;min-width:260px}.top-bar .time{color:var(--accent);font-weight:700}.top-bar .group{display:flex;gap:4px}.side-panel{position:absolute;top:64px;right:8px;width:300px;max-height:calc(100% - 140px);overflow-y:auto;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.side-panel .close{position:absolute;top:6px;right:6px;width:26px;height:26px;padding:0;font-size:18px;line-height:1}.bar{height:6px;margin:2px 0 4px;background:#272727;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--muted)}.bar.hunger i{background:#ffa214}.bar.fatigue i{background:#0098dc}.top-bar .kingdom{display:inline-flex;align-items:center;gap:4px}.top-bar .kingdom i{width:10px;height:10px;border-radius:50%}.side-panel .follow{position:absolute;top:6px;right:38px;height:26px;padding:0 10px;font-size:13px}.history,.chronicle ul{margin:0;padding:0;list-style:none;font-size:12px}.history li,.chronicle li{margin-bottom:4px}.history li span,.chronicle li span{display:block;color:var(--muted);font-size:11px}.chronicle{position:absolute;left:8px;bottom:8px;width:min(360px,calc(100% - 16px));max-height:40%;overflow-y:auto;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.chronicle h3{margin:0 0 6px;font-size:13px;color:var(--accent)}.chronicle li{cursor:pointer}.chronicle li:hover{color:var(--accent)}.chronicle li.imp4,.chronicle li.imp5{font-weight:700}.tile-info{position:absolute;right:8px;bottom:8px;padding:4px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--muted);pointer-events:none!important}@media (max-width: 700px){.chronicle{max-height:25%}.tile-info{display:none}}a[data-creature],a[data-kingdom],a[data-settlement]{color:var(--accent);cursor:pointer;text-decoration:none}a[data-creature]:hover,a[data-kingdom]:hover,a[data-settlement]:hover{text-decoration:underline}.top-bar a.kingdom{color:var(--text)}.dot{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%}.good{color:var(--good)}.bad{color:#ffa214}.legendary{color:var(--accent);text-shadow:0 0 6px rgba(255,200,37,.6)}.side-panel{width:330px}.side-panel h2{display:flex;align-items:center;gap:8px;margin:0 110px 8px 0;font-size:17px}.side-panel h3{margin:10px 0 4px;font-size:13px;color:var(--accent)}.side-panel p{margin:0 0 4px}.side-panel .row{display:flex;justify-content:space-between;gap:8px}.side-panel .row>span{color:var(--muted)}.side-panel .swatch{width:16px;height:16px;border-radius:50%;border:3px solid #131313;flex:none}.side-panel .stat-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:0 8px;font-size:12px}.side-panel .stat-grid span{color:var(--muted)}.skill-list,.scores{display:grid;grid-template-columns:110px 36px 1fr;align-items:center;gap:2px 8px;font-size:12px}.skill-list span,.scores span{color:var(--muted)}.scores span.current{color:var(--accent);font-weight:700}.skill-list .bar,.scores .bar{margin:0}.bar.social i{background:#b33ec8}.bar.safety i{background:var(--good)}.bar.blood i{background:var(--danger)}.bar.skill i{background:#0098dc}.bar.score i{background:#6d758d}.bar.score.current i{background:var(--accent)}.body-diagram{display:grid;grid-template-columns:26px 34px 26px;grid-template-rows:26px 40px 34px;gap:3px;justify-content:center;margin:4px 0 6px}.body-diagram .part{position:relative;border-radius:5px;border:1px solid #131313}.body-diagram .part.lost{background:repeating-linear-gradient(45deg,#131313 0 4px,#3d3d3d 4px 8px)!important}.body-diagram .part em{position:absolute;right:2px;bottom:0;font-size:11px;font-style:normal;font-weight:700;color:#f9e6cf}.items{margin:0;padding-left:16px;font-size:12px}.items li{margin-bottom:4px}.history li[data-locate],.chronicle li{cursor:pointer}.chronicle .head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.chronicle .head h3{margin:0}.chronicle select{font:inherit;font-size:12px;color:var(--accent);background:#272727;border:1px solid var(--border);border-radius:6px}.chronicle li.imp3{color:#f9e6cf}.chronicle li.imp1,.chronicle li.imp2{color:var(--muted)}.chronicle li.imp5{color:var(--accent)}.power-bar{position:absolute;right:8px;bottom:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;max-width:min(640px,calc(100% - 390px));padding:5px 8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:12px}.power-bar .title{color:var(--accent);font-weight:700;margin-right:4px}.power-bar button{padding:3px 8px;font-size:12px}.power-bar button b{color:var(--accent)}.power-bar .hint{flex-basis:100%;text-align:right;color:var(--accent)}.chart-panel{position:absolute;top:64px;left:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:12px}.chart-panel h3{margin:0 0 6px;font-size:13px;color:var(--accent)}.chart-panel canvas{display:block;background:#131313;border-radius:6px}.chart-panel .legend{max-width:320px;margin-top:6px;line-height:1.6}.chart-panel .legend a{margin-right:8px;white-space:nowrap}.menu .saves{flex-wrap:wrap}.menu .message{margin:0;color:var(--accent)}@media (max-width: 700px){.power-bar{max-width:calc(100% - 16px);bottom:auto;top:110px}.chart-panel{top:160px}}