:root{color-scheme:dark;font-family:Georgia,"Noto Serif TC",Microsoft JhengHei,serif;color:#e1dbca;background:#0c1110;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit;background:#18201be8;border:1px solid #66706166;border-radius:2px}button{padding:9px 16px;cursor:pointer;transition:background .15s}button:hover{background:#354033}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ddb981;outline-offset:3px}button[aria-pressed=true]{color:#f3d5a0;border-color:#a98954;background:#51412a80}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#app,#viewport{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:linear-gradient(#090e10d9,transparent);gap:18px;pointer-events:none}header>*{pointer-events:auto}.identity{display:flex;align-items:baseline;gap:15px}.wordmark{letter-spacing:.17em;font-size:21px}.edition{font:10px/1.3 monospace;letter-spacing:.12em;color:#acb1a4}nav{display:flex;gap:4px}nav button{background:transparent;border-color:transparent}#settings-toggle{font-size:12px;background:#111b1799}#caption{position:absolute;left:34px;top:100px;pointer-events:none;text-shadow:0 2px 16px #000}.eyebrow{font:10px monospace;color:#b49b70;letter-spacing:.24em;margin:0 0 9px}h1{font-size:29px;letter-spacing:.12em;font-weight:400;margin:0 0 10px}#view-description{color:#afb7a9;font-size:12px;margin:0;max-width:320px;line-height:1.6}#settings{position:absolute;right:32px;top:77px;width:245px;padding:20px;background:#111a17f5;border:1px solid #69755a66;box-shadow:0 10px 40px #0008;z-index:3}h2{font-size:15px;font-weight:400;margin:0 0 20px}#settings label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:16px 0;gap:10px}select{padding:6px;font-size:12px;max-width:145px}input[type=range]{width:120px;accent-color:#b5955c}.check{justify-content:flex-start!important}input[type=checkbox]{accent-color:#b5955c}.setting-note{font-size:10px;line-height:1.7;color:#99a191;margin-bottom:0}footer{position:absolute;inset:auto 0 0;padding:35px 32px 23px;background:linear-gradient(transparent,#080e10ed);pointer-events:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.controls{display:flex;flex-wrap:wrap;gap:7px;pointer-events:auto}#combat{background:#6a3526;border-color:#b08050}#combat:hover{background:#8a4931}.readout{font:11px/1.8 monospace;display:flex;flex-direction:column;text-align:right;color:#c4c9b8}#metrics{color:#8c9b8e;font-size:10px}.help{margin:0;color:#929f94;font-size:10px;grid-column:1/-1;letter-spacing:.04em}#loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#0a100ffa;font-size:20px;letter-spacing:.1em}#loading small{font-size:12px;color:#a5b29f;letter-spacing:0;max-width:80%;text-align:center}#touch-controls{display:none}@media(max-width:700px){header{padding:16px;gap:7px;flex-wrap:wrap}.identity{width:100%;justify-content:space-between}.wordmark{font-size:17px}.edition{font-size:9px}nav button{padding:8px 13px;font-size:12px}#settings-toggle{margin-left:auto}#caption{left:18px;top:108px}h1{font-size:23px}#view-description{font-size:10px;max-width:230px}.eyebrow{font-size:9px}#settings{right:16px;top:92px;max-height:calc(100dvh - 205px);overflow:auto}footer{padding:24px 16px 15px;grid-template-columns:1fr;gap:9px}.controls{gap:5px}.controls button{padding:10px 11px;font-size:12px;min-height:42px}.readout{text-align:left;flex-direction:row;flex-wrap:wrap;gap:12px;font-size:10px}.help,.readout #metrics{font-size:9px}#touch-controls{display:flex;position:absolute;bottom:145px;left:16px;gap:4px}#touch-controls button{padding:10px 12px;min-width:42px;min-height:44px;background:#15201bba}#touch-roll{margin-left:8px;font-size:12px}}@media(prefers-reduced-motion:reduce){button{transition:none}}