:root{color:#eee9d4;font-synthesis:none;background:#151e29;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}a{color:#e6c984}button{font:inherit;cursor:pointer;color:#f2eddb;background:#2d3a4c;border:1px solid #677082;border-radius:3px;padding:9px 12px}button:hover:not(:disabled){background:#42526a;border-color:#eed6a0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #efd08a}header{background:#1d2838;border-bottom:1px solid #424957;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brandmark{color:#e6c984;font-size:32px}.brand small{letter-spacing:2px;color:#a7b3bf;margin-top:3px;font-size:8px;font-weight:400;display:block}.header-right{align-items:center;gap:22px;display:flex}.prototype{color:#b7c4bd;font-size:12px}.quiet{background:0 0}.danger{color:#e2b8ab}main{max-width:1600px;margin:auto;padding:15px 24px}.title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.eyebrow,.intro{display:none}h1{letter-spacing:2px;margin:0;font-size:16px;font-weight:500}.session-actions{gap:8px;display:flex}.session-actions button{padding:6px 10px;font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:16px;display:grid}.field-panel{background:#25382f;border:2px solid #7a7c7f;border-radius:4px;overflow:hidden;box-shadow:0 0 0 2px #101821,0 14px 40px #0004}.field-top,.field-bottom{color:#e9e1c7;background:#253044;justify-content:space-between;align-items:center;padding:10px 15px;font-size:12px;display:flex}.field-top small{color:#9baaba;margin-left:9px;font-size:10px}.live-dot{background:#c4dca0;width:6px;height:6px;margin-right:7px;display:inline-block}.divider{color:#8a91a0;margin:0 12px}#board{background:#25382f;width:100%;height:clamp(320px,100dvh - 300px,680px);position:relative}canvas{image-rendering:pixelated;display:block}#loading{z-index:2;color:#e7d2a5;background:#253044;place-items:center;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}.field-bottom{border-top:1px solid #626b78;font-size:11px}.field-bottom label{align-items:center;gap:4px;display:flex}input{accent-color:#e1c182}.controls{background:#1e2b3a;border-top:1px solid #475367;align-items:center;gap:20px;padding:12px 16px;display:flex}.pad{grid-template-columns:repeat(3,29px);gap:3px;display:grid}.pad button{height:25px;padding:0;font-size:17px}.control-copy strong{color:#e9d8b0;font-size:12px;font-weight:500}.control-copy p{color:#a8b7c3;margin:5px 0 7px;font-size:10px;line-height:1.6}.control-buttons{gap:7px;display:flex}.control-buttons button{padding:6px 10px;font-size:11px}.primary{color:#253044;background:#d8c18d;border-color:#e9d7ac;font-weight:600}.primary:hover:not(:disabled){color:#253044;background:#ead5a2}.primary kbd{color:#535647;margin-left:12px;font-size:9px}.compass{color:#c5ba98;text-align:center;margin-left:auto;line-height:1.4}.legend{color:#a6b9b0;background:#1d2a36;border-top:1px solid #3c4b57;flex-wrap:wrap;gap:13px;padding:8px 15px;font-size:10px;display:flex}.legend i{width:7px;height:7px;margin-right:4px;display:inline-block}.grass{background:#79a75e}.water{background:#6caebe}.fire{background:#bd7751}aside{flex-direction:column;gap:14px;display:flex}.side-card{background:#233044;border:2px solid #687181;border-radius:3px;padding:15px;box-shadow:inset 0 0 0 2px #182331}.card-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}h2{letter-spacing:1px;margin:0;font-size:14px;font-weight:500}.status{color:#c7dbad;border:1px solid #809979;padding:3px 6px;font-size:10px}.status[data-state=ERROR]{color:#efb09b;border-color:#ba7658}#inventory-count{color:#b2bbc5;font-size:11px}.target{white-space:pre-line;color:#c2ccda;background:#1a2637;border-left:2px solid #d0b479;margin-bottom:12px;padding:8px 10px;font-size:11px;line-height:1.8}.action-list{scrollbar-width:thin;gap:6px;max-height:300px;display:grid;overflow-y:auto}.action{text-align:left;background:#2b3b51;border-color:#53637a;padding:9px 10px;font-size:11px}.action[data-kind=CAPTURE]{color:#f4d89e;border-color:#ad976a}.action[data-kind=ATTACK]{color:#e6b09b}.inventory-card{min-height:154px}.muted,#inventory:empty{color:#acb5c3;font-size:12px}#inventory{max-height:220px;overflow-y:auto}.item{color:#d4d9de;border-bottom:1px solid #46566a;justify-content:space-between;align-items:center;gap:7px;padding:8px 0;font-size:11px;display:flex}.item button{flex-shrink:0;padding:5px;font-size:10px}.hint{color:#99a9b8;margin-top:12px;font-size:10px}.journal{background:#1c2838;border:1px solid #4e5a6b;grid-template-columns:120px minmax(0,1fr);gap:12px;margin-top:15px;padding:14px 16px;display:grid}.journal h2{margin-top:5px}.journal p{color:#a5b5c1;font-size:10px}.journal ol{scrollbar-width:thin;height:100px;margin:0;padding:0;list-style:none;overflow-y:auto}.journal li{color:#bac9cf;padding:4px 0;font-size:11px;line-height:1.5}.journal li small{color:#8c9ea9;min-width:45px;font-size:9px;display:inline-block}.journal #dialogue{background:#344256;border-left:2px solid #e1c892;grid-column:2;padding:12px;font-size:12px;line-height:1.7}#error{color:#ffe5b8;background:#4f392c;border:1px solid #a27955;margin-bottom:12px;padding:12px;line-height:1.7}#error button{margin-left:10px;padding:5px 9px;font-size:12px}#help{color:#cfdae1;border:1px solid #66718a;margin-top:15px;padding:20px;font-size:13px;line-height:1.9}footer{color:#93a2b3;letter-spacing:1px;justify-content:space-between;margin-top:14px;font-size:10px;display:flex}[hidden]{display:none!important}@media (min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:1000px){main{padding:12px}.layout{grid-template-columns:minmax(0,1fr) 255px;gap:12px}.side-card{padding:12px}.controls{gap:12px}.compass{display:none}}@media (max-width:760px){header{padding:0 14px}.brand{font-size:17px}.prototype{display:none}.header-right{gap:0}.header-right button{font-size:11px}.layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;gap:10px;display:grid}.journal{grid-template-columns:1fr}.journal #dialogue{grid-column:auto}.journal>div>p{display:none}.field-bottom{padding:9px;font-size:10px}.legend{gap:9px}.control-copy p{font-size:9px}}@media (max-width:450px){aside{grid-template-columns:1fr}.field-top small{display:none}.field-bottom{flex-wrap:wrap;gap:8px}.controls{gap:10px;padding:10px}.compass{display:none}}.pad [data-direction=North]{grid-area:1/2}.pad [data-direction=West]{grid-area:2/1}.pad [data-direction=East]{grid-area:2/3}.pad [data-direction=South]{grid-area:3/2}aside .journal{min-width:0;margin-top:0;display:block}aside .journal .hint,aside .journal h2{margin:0}aside .journal ol{overflow-wrap:anywhere;height:180px}aside .journal #dialogue{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:10px}@media (max-width:760px){aside .journal{grid-column:1/-1}}.interaction-step{color:#e9d8b0;margin:10px 0 7px;font-size:11px}.target-list{color:#acb5c3;gap:6px;max-height:160px;margin-bottom:10px;font-size:11px;display:grid;overflow-y:auto}.target-choice{text-align:left;padding:8px;font-size:11px}.target-choice[aria-pressed=true]{color:#fff1bc;background:#4d4939;border-color:#ffdf7a}#actions:empty{color:#acb5c3}