:root{color-scheme:dark;--ink:#e2dfc9;--muted:#9da998;--gold:#bbaa6b;--green:#3e5946;--panel:#14231b;--dark:#0b120e;--red:#b44339;font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#0b120e;color:var(--ink);min-height:100dvh}button,input,select{font:inherit}button,select{color:var(--ink);background:#213427;border:1px solid #53634a;border-radius:2px}button{padding:8px 14px;cursor:pointer;min-height:36px}button:hover{background:#304635;border-color:var(--gold)}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #d5c482;outline-offset:3px}.app{max-width:1260px;margin:auto;padding:20px 28px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;gap:12px;align-items:center}.moon{width:38px;height:38px;border-radius:50%;background:#ad3930;box-shadow:inset -9px -3px 0 #69261f,0 0 20px #8e30252b;border:1px solid #c07955}h1{font-family:"PMingLiU","Noto Serif TC",serif;font-size:30px;letter-spacing:3px;font-weight:600;margin:0;color:#d6c48e}h1 span{font-size:20px;letter-spacing:0;margin-left:7px;font-weight:400}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.header-actions{display:flex;gap:10px;align-items:center}.quiet{background:transparent}.connection{font-size:12px;color:#bdc8ad;border-left:3px solid #8d9c67;padding-left:9px;margin-right:8px}.game-shell{border:1px solid #6d7a55;background:var(--panel);box-shadow:0 0 0 3px #17271c,0 12px 40px #0006}.game-toolbar{display:flex;align-items:center;gap:22px;padding:10px 14px;border-bottom:1px solid #546348;background:#192a20}.game-toolbar label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}select{height:32px;min-width:130px;padding:0 26px 0 9px}.view-controls{margin-left:auto;display:flex;align-items:center;gap:5px}.view-controls button{min-height:30px;padding:4px 10px}.view-controls output{width:45px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#bdc8ad}.viewport{position:relative;overflow:hidden;background:#050a07;aspect-ratio:25/16;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.world-caption{position:absolute;top:16px;left:18px;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 3px #000,1px 1px #000}.world-caption strong{font-family:"PMingLiU",serif;font-size:18px;font-weight:500;color:#eee4b3}.world-caption span{font-size:12px;color:#dddcc0;font-variant-numeric:tabular-nums}.compass{position:absolute;top:16px;right:20px;text-align:center;font-family:serif;line-height:1.3;color:#e1d49c;text-shadow:0 1px 3px #000;pointer-events:none}.loading{position:absolute;inset:0;background:#0b120ef5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5}.loading[hidden]{display:none}.loading strong{font-family:"PMingLiU",serif;font-size:24px;font-weight:400;color:#ddce9a}.loading p{margin:0;color:var(--muted);font-size:13px}.loader-moon{width:62px;height:62px;border:1px solid #a16c46;border-radius:50%;background:#913228;box-shadow:inset -18px -3px #4c221b}progress{width:210px;height:5px;accent-color:#bbaa6b}.toast{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);max-width:85%;padding:10px 18px;background:#14231be8;border:1px solid #7b825b;border-radius:2px;text-align:center;opacity:0;transition:opacity .15s;pointer-events:none}.toast.visible{opacity:1}.bottom-bar{display:flex;align-items:center;gap:20px;min-height:72px;padding:11px 14px;border-top:1px solid #69794e}.character-label{display:flex;gap:10px;align-items:center;min-width:130px}.portrait-mark{width:38px;height:43px;display:grid;place-items:center;border:1px solid #8b8150;background:#223b29;font-family:serif;font-size:22px;color:#d8c68e}.character-label strong,.character-label div>span{display:block}.character-label strong{font-weight:500;font-size:14px}.character-label div>span{font-size:11px;color:#a9b79d;margin-top:4px}.bottom-bar p{font-size:12px;color:#afbaa5;flex:1;line-height:1.6;margin:0}.bottom-bar button{font-size:12px}.mobile-controls{display:none}footer{display:flex;justify-content:space-between;gap:20px;color:#788776;font-size:11px;padding-top:15px;line-height:1.6}footer p{margin:0}footer span{white-space:nowrap}dialog{background:#16261c;color:var(--ink);border:1px solid #a1935c;box-shadow:0 0 0 4px #253d2a,0 20px 80px #000b;max-width:410px;width:calc(100% - 40px);padding:23px}dialog::backdrop{background:#0009}.dialog-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}h2{font:400 24px "PMingLiU",serif;color:#d9c98d;margin:0}.dialog-title button{padding:0;background:none;border:0;font-size:26px;min-height:30px;width:30px;color:#c2c8b0}dialog p,dialog dd{font-size:13px;line-height:1.75;color:#bac4af}dialog form>label{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:13px;color:#c7cbb4}input{background:#09130d;color:#eee7cf;border:1px solid #4e654b;padding:10px;border-radius:2px;min-width:0}.primary{background:#667047;border:1px solid #b1a66b;color:#f5edc8;width:100%;margin-top:12px}.secondary{width:100%;margin-top:9px;background:none;border-color:#40523e}#login-status{min-height:1.5em;color:#e7bb88;font-size:12px}dl{margin:0 0 15px}dt{color:#d0c796;margin-top:17px}dd{margin:6px 0}.game-shell:fullscreen{display:flex;flex-direction:column;background:#0b120e}.game-shell:fullscreen .viewport{flex:1;aspect-ratio:auto}.game-shell:fullscreen canvas{height:100%;width:100%}@media(max-width:700px){.app{padding:12px 10px}.masthead{margin-bottom:12px}.brand{gap:8px}.moon{width:28px;height:28px}h1{font-size:25px}h1 span{font-size:15px;margin-left:1px}.brand p{font-size:10px}.header-actions{gap:5px}.connection{display:none}.header-actions button{padding:6px 9px;font-size:12px}.game-toolbar{gap:12px;padding:8px;flex-wrap:wrap}.game-toolbar label{gap:5px}select{min-width:95px;max-width:130px;font-size:12px}.view-controls{gap:2px}.view-controls button{padding:4px 7px;font-size:11px}.view-controls output{width:35px}.viewport{aspect-ratio:4/3;min-height:280px}.world-caption{top:10px;left:11px}.world-caption strong{font-size:16px}.bottom-bar{padding:9px;gap:10px}.character-label{min-width:100px;gap:8px}.portrait-mark{width:30px;height:36px;font-size:18px}.bottom-bar p{font-size:11px}.bottom-bar button{font-size:11px;padding:5px 7px}.mobile-controls{display:grid;grid-template-columns:repeat(3,40px);gap:3px;padding:12px;justify-content:center;border-top:1px solid #354a34}.mobile-controls button{width:40px;height:32px;min-height:32px;padding:0;font-size:19px;touch-action:none;user-select:none}.mobile-controls span{display:grid;place-items:center;color:#869879;font-size:10px}footer{gap:10px;font-size:10px;flex-direction:column}footer span{display:none}.compass{right:12px;top:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.stage-note{margin:0 0 16px;padding:9px 12px;border-left:2px solid #897b48;background:#1b2419;color:#c8c5a6;font-size:12px;line-height:1.6}