:root{--bg:#0b1014;--panel:#10181cd1;--panel-border:#96beaa38;--text:#dfe9e2;--muted:#93a79c;--accent:#8fd694;--warn:#e8b45a;--bad:#e06a5a;--good:#74cf7f;font-size:14px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{cursor:crosshair;display:block}#hud{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(240px,300px) 1fr minmax(250px,320px);gap:12px;padding:12px;display:grid;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #00000059}.panel h1{letter-spacing:.02em;margin:0 0 2px;font-size:1rem}.panel h2{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:10px 0 6px;font-size:.72rem}.panel .sub{color:var(--muted);font-size:.75rem;line-height:1.35}#panel-top-left{grid-area:1/1}#panel-bottom-left{grid-area:2/1/span 2;align-self:end}#panel-right{grid-area:1/3/span 2;align-self:start;max-height:calc(100vh - 190px);overflow-y:auto}#panel-log{grid-area:3/2;justify-self:center;width:min(680px,92%)}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spread{justify-content:space-between}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:4px 9px;font-size:.78rem}button:hover{background:#ffffff21}button:active{transform:translateY(1px)}input[type=number]{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#00000047;border-radius:6px;width:9ch;padding:3px 6px;font-size:.78rem}input[type=number]:focus{outline:1px solid var(--accent)}button.active{background:var(--accent);color:#0d1b12;border-color:#0000;font-weight:600}.clock{align-items:baseline;gap:10px;margin-top:6px;display:flex}.clock .time{font-variant-numeric:tabular-nums;font-size:1.5rem}.clock .badge{border:1px solid var(--panel-border);background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:.72rem}.bar{margin:4px 0 6px}.bar-label{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.bar-track{background:#ffffff1a;border-radius:4px;height:6px;margin-top:2px;overflow:hidden}.bar-fill{width:0;height:100%;transition:width .14s linear}dl.facts{grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 0;font-size:.75rem;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{text-align:right;margin:0}.status-line{color:var(--accent);margin-top:4px;font-size:.82rem;font-style:italic}.fatal{color:#f2ded6;pointer-events:auto;background:#261412f0;border:1px solid #d6846c80;border-radius:10px;max-width:min(46rem,84vw);padding:10px 16px;font-size:.85rem;line-height:1.4;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.fatal[hidden]{display:none}#graph{background:#00000040;border-radius:6px;width:100%;height:132px;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:.7rem;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}#log-list{max-height:92px;margin:6px 0 0;padding:0;font-size:.75rem;list-style:none;overflow:hidden}#log-list li{color:var(--muted);gap:8px;padding:1px 0;display:flex}#log-list li .at{color:#ffffff59;font-variant-numeric:tabular-nums;flex:none}#log-list li.kill{color:#f0a08c}#log-list li.birth{color:var(--good)}#log-list li.death{color:var(--warn)}#log-list li.weather{color:#93c5e8}#log-list li.flora,#log-list li.plant{color:#b9d6a3}#log-list li.season{color:#cbb2e8}.hint{color:var(--muted);margin-top:8px;font-size:.7rem;line-height:1.4}.kbd{border:1px solid var(--panel-border);border-radius:4px;padding:0 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem}.swatch{border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}