:root{color-scheme:dark;font-family:Verdana,sans-serif;color:#f3dfb8;background:#233b42}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;outline:none}.debug-hud{position:absolute;left:4vw;top:4vh;pointer-events:none;max-width:min(520px,92vw)}.runtime-fault{margin:10px 0 0;padding:10px 12px;background:#321c19ed;color:#ffbea4;border:1px solid #b7866c;font-size:12px;line-height:1.5}.runtime-fault[hidden]{display:none}.state{position:absolute;right:4vw;top:5vh;font-size:12px;letter-spacing:1px;display:flex;gap:10px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#deb766}footer{position:absolute;bottom:4vh;left:4vw;right:4vw;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;font-size:11px;text-shadow:0 2px 10px #000}footer p{width:100%;margin:0;color:#c4cfcb;font-size:10px}.keys{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.keys span{margin:0 12px 0 5px}kbd{font:11px Verdana,sans-serif;padding:6px 8px;background:#142a33b0;border:1px solid #8b9d9680;border-radius:3px}button{margin-left:auto;background:#142a33a0;border:1px solid #af986c;color:inherit;padding:10px 15px;cursor:pointer;font:11px Verdana,sans-serif}button:focus-visible,summary:focus-visible{outline:2px solid #efd494;outline-offset:4px}details{position:absolute;right:4vw;bottom:14vh;font-size:10px;max-width:330px;max-height:75vh;overflow:auto;background:#10262be8;padding:10px 12px;border-radius:3px;color:#c4cfcb}details p{line-height:1.6}summary{cursor:pointer;color:#d9caa8}@media(max-width:600px){.keys span{margin-right:5px}footer{gap:12px}button{margin-left:0}details{bottom:21vh;max-width:250px}}

.encounter{position:absolute;top:75px;right:4vw;background:#233b42d9;color:#decab0;padding:10px 14px;font:12px Verdana,sans-serif;pointer-events:none}@media(max-width:700px){.encounter{top:178px;left:4vw;right:auto;max-width:92vw}.keys{flex-wrap:wrap}}

details select{max-width:165px;background:#142a33;color:#f3dfb8;border:1px solid #8b9d96;padding:6px;font:11px Verdana,sans-serif}details button{padding:6px 10px;margin-left:4px}

.debug-location{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;max-width:min(520px,92vw);padding:8px 10px;background:#10262be6;border:1px solid #af986c66;border-radius:3px;font-size:10px;text-shadow:none;pointer-events:auto}.debug-location output{white-space:pre-wrap;font:10px/1.6 monospace;overflow-wrap:anywhere}.debug-location button{margin:0;padding:6px 9px;flex-shrink:0}.debug-location span{width:100%;font-size:10px}.debug-location span:empty{display:none}.debug-location textarea{width:100%;font:10px/1.5 monospace;color:inherit;background:#10262b;border:1px solid #af986c;padding:5px;resize:vertical}.debug-location [hidden]{display:none}