html.touch,html.touch body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html.touch #ui{overflow:visible}.create-panel.create-wide{left:10px;width:300px}html.touch .inv-panel{z-index:2}.touch-layer{position:absolute;z-index:1;pointer-events:auto;touch-action:none}.touch-btn,.touch-stick{position:absolute}.touch-stick{pointer-events:none}.rotate{display:none}@media(orientation:portrait){html.touch .rotate{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--c-black);pointer-events:auto}}.rotate canvas{display:block;image-rendering:pixelated}:root{--c-black: #000000;--c-void: #05060a;--c-panel: #10131b;--c-panel-hi: #1f2430;--c-frame-dark: #31231b;--c-frame: #8a7a62;--c-bright: #ddd2b6;--c-text: #a3a8b0;--c-dim: #5a6170;--c-warn: #a01c18}html,body{margin:0;height:100%;overflow:hidden;background:var(--c-black)}#view{position:fixed;display:block;left:env(safe-area-inset-left,0px);top:env(safe-area-inset-top,0px);width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));image-rendering:pixelated}#ui{position:fixed;left:0;top:0;width:320px;height:200px;transform-origin:0 0;pointer-events:none;user-select:none;image-rendering:pixelated;overflow:hidden}#ui canvas.px{display:block;image-rendering:pixelated}.screen{position:absolute;inset:0;pointer-events:auto;background:var(--c-void)}.panel{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:2px;border:4px solid var(--c-frame);border-image:var(--frame-tile) 4 fill / 4px / 0 stretch;background:var(--c-panel);pointer-events:auto}.row{display:flex;gap:4px;align-items:center}.col{display:flex;flex-direction:column;gap:2px}.center{align-self:center}.spacer{flex:1}.btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:2px 3px;border:1px solid var(--c-frame);background:var(--c-panel-hi)}.btn:hover,.btn:focus-visible,.btn.selected{border-color:var(--c-bright);background:var(--c-frame-dark)}.btn[disabled]{cursor:default;border-color:var(--c-dim);background:var(--c-panel)}.field{position:relative;box-sizing:border-box;height:13px;padding:2px 3px;border:1px solid var(--c-frame);background:var(--c-void)}.field input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:text}.create-panel{left:36px;top:8px;width:248px;height:184px}.death-panel{left:24px;top:44px;width:272px}.board-panel{padding:0;left:0;top:0;width:320px;height:200px}.board-rows{flex:1}.hud{position:absolute;inset:0}.hud-strip{position:absolute;left:0;top:144px}.crosshair{position:absolute;left:160px;top:100px;width:1px;height:1px;background:var(--c-text)}.hint{position:absolute;left:0;right:0;top:133px;display:flex;justify-content:center}.inv-panel{left:52px;top:14px;width:216px}.slots{display:grid;grid-template-columns:repeat(4,24px);gap:2px}.slot{padding:1px;width:24px;height:24px}.hidden{display:none!important}.bubbles{position:absolute;left:0;top:0}.chat-line{position:absolute;left:6px;top:131px;box-sizing:border-box;width:308px;height:11px;padding:2px 3px;border:1px solid var(--c-frame);background:var(--c-void);pointer-events:auto}.chat-line input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px}