:root{--paper:#f4ecd8;--paper-2:#e8dcc0;--ink:#33291f;--sky:#8fc4d8;--grass:#7fa05a;--terracotta:#c0664a;--sun:#e0a83c;--storm:#2b2140;--stone:#a9a49b;--motion:.18s}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud button,#hud a{pointer-events:auto}#loading{background:var(--paper);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading-name{letter-spacing:.35em;font-size:14px}.loading-bar{background:var(--paper-2);width:180px;height:2px;overflow:hidden}.loading-bar span{background:var(--ink);width:0%;height:100%;transition:width .2s;display:block}.loading-pct{letter-spacing:.2em;opacity:.6;font-size:10px}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}#topbar{justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}#village-title{letter-spacing:.25em;font-size:12px}#counters{gap:10px;display:flex}.chip{border:1px solid var(--ink);letter-spacing:.12em;background:var(--paper);padding:2px 8px;font-size:10px}.chip-warn{border-color:var(--terracotta);color:var(--terracotta)}.chip-stone{border-color:var(--stone);color:var(--stone)}.chip-storm{background:var(--storm);color:var(--paper);border-color:var(--storm)}#hover-label{border:1px solid var(--ink);background:var(--paper);letter-spacing:.08em;padding:2px 8px;font-size:11px;position:fixed}#toast{border:1px solid var(--ink);background:var(--paper);padding:6px 14px;font-size:12px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.toast-in{animation:.22s ease-out rise}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.detail{background:var(--paper);pointer-events:auto;display:flex;position:absolute;inset:0}.detail-stage{flex:3;min-width:0;position:relative}.detail-view{width:100%;height:100%;display:block}.detail-loading{letter-spacing:.2em;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.detail-panel{border-left:1px solid var(--ink);flex-direction:column;flex:2;min-width:0;display:flex;overflow-y:auto}.detail-panel header{border-bottom:1px solid var(--ink);padding:14px 16px 10px}.detail-name{margin:6px 0;font-size:18px}.detail-panel section{border-bottom:1px solid var(--ink);gap:6px;padding:10px 16px;font-size:13px;display:grid}.detail-brain{border-bottom:1px solid var(--ink);background:var(--storm);width:100%;height:190px;display:block}.detail-panel footer{justify-content:space-between;padding:10px 16px;display:flex}.note{letter-spacing:.14em;opacity:.7;font-size:10px}.bar{background:var(--paper-2);height:4px}.bar span{background:var(--grass);height:100%;display:block}.detail-panel button{border:1px solid var(--ink);color:var(--ink);font:inherit;letter-spacing:.12em;cursor:pointer;transition:background var(--motion);background:0 0;padding:4px 10px;font-size:10px}.detail-panel button:hover{background:var(--paper-2)}#error{background:var(--paper);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#error button{border:1px solid var(--ink);font:inherit;cursor:pointer;background:0 0;padding:6px 18px}[hidden]{display:none!important}#back-btn{pointer-events:auto;position:absolute;bottom:18px;right:18px}#fader{background:var(--storm);opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}#fader.on{opacity:1;pointer-events:auto}.fader-note{color:var(--paper);letter-spacing:.3em;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fader-note:not(:empty):after{content:"";border:1px solid var(--paper);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:10px;height:10px;margin-left:10px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){#topbar{flex-direction:column;align-items:flex-start;gap:8px}#counters{flex-wrap:wrap;gap:6px}.chip{padding:1px 6px;font-size:9px}#village-title{font-size:10px}#toast{text-align:center;width:92%;font-size:11px}.detail{flex-direction:column}.detail-stage{height:44vh;flex:none!important}.detail-panel{border-left:none;border-top:1px solid var(--ink);flex:1;overflow-y:auto}#back-btn{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.loading-bar span,.toast-in{animation:none}#fader{transition:none}}