:root{color-scheme:dark}html,body{margin:0;height:100%;background:#14111a;overflow:hidden;font-family:ui-monospace,Menlo,Consolas,monospace;color:#e9dfc8}#game{position:absolute;inset:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}#masthead{position:absolute;left:16px;top:14px;background:#14111ad1;border:1px solid #4a3b33;padding:10px 14px;border-radius:6px}.kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a8917a}.title{font-size:20px;font-weight:600;color:#f3e6c9}.status{font-size:11px;color:#c9b58f;margin-top:4px}.status.ok{color:#9fd08a}.status.demo{color:#d8b978}.status.bad{color:#e08a6a}#masthead{max-width:min(760px,calc(100vw - 62px))}#connection-help{margin-top:8px;max-width:430px;font-size:11px;line-height:1.5;max-height:45vh;overflow:auto}#connection-help summary{cursor:pointer;color:#f0c27a}#connection-help p{margin:8px 0}#connection-help ol{padding-left:20px}#connection-help code{color:#f0c27a;overflow-wrap:anywhere}#connection-help .privacy-note{color:#a8917a}#controls{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:6px;background:#14111ad1;border:1px solid #4a3b33;padding:6px;border-radius:6px}#controls button{font:inherit;font-size:11px;background:#2a2230;color:#e9dfc8;border:1px solid #5a4838;padding:5px 9px;border-radius:4px;cursor:pointer}#controls button:hover{background:#3a2f40}#controls button.on{background:#7a4a2a;border-color:#c98a4a}#panel{position:absolute;right:16px;top:14px;width:250px;background:#14111ae6;border:1px solid #4a3b33;padding:12px 14px;border-radius:6px;font-size:12px}#panel h3{margin:0 0 2px;font-size:15px;color:#f3e6c9}#panel .sub{color:#a8917a;margin-bottom:8px}#panel .row{display:flex;justify-content:space-between;padding:2px 0;border-top:1px solid #2f2632}#panel .row span:last-child{color:#f0c27a}#panel ul{list-style:none;padding:0;margin:8px 0 0;max-height:160px;overflow:auto}#panel li{color:#c9b58f;padding:1px 0}#panel li b{color:#e9dfc8;font-weight:500}#minimap{position:absolute;right:16px;bottom:16px;width:128px;height:80px;border:1px solid #4a3b33;background:#1a1620;image-rendering:pixelated;cursor:pointer;opacity:.85}#foot{position:absolute;left:16px;bottom:62px;padding:4px 7px;border-radius:4px;background:#14111ac2;font-size:10px;color:#d6c4a5}@media(max-width:1000px){#controls{max-width:calc(100% - 180px);flex-wrap:wrap;justify-content:center}#foot{display:none}}@media(max-width:640px){#masthead{left:8px;top:8px;right:8px;padding:8px 10px}#controls{left:8px;right:8px;bottom:8px;transform:none;max-width:none;gap:4px}#controls button{padding:6px}#minimap{bottom:98px;right:8px;width:96px;height:60px}#panel{top:95px;right:8px}}