[hidden]{display:none !important}
*{-webkit-touch-callout:none;-webkit-user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
html,body{margin:0;height:100%;background:#0b0b1a;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none}
#lobby{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}
#lobby h1{font-size:clamp(40px,12vw,84px);line-height:.95;margin:0;text-align:center;color:#ffd23f;text-shadow:4px 4px 0 #b3541e;letter-spacing:4px}
.sub,.help{color:#9aa;margin:0;text-align:center;font-size:13px}
input{width:min(320px,90vw);padding:12px;font:inherit;font-size:16px;background:#151530;color:#fff;border:2px solid #3a3a7a;border-radius:6px;text-align:center;text-transform:none;user-select:text;-webkit-user-select:text}
button{font:inherit;font-size:18px;font-weight:700;padding:12px 28px;width:min(320px,90vw);background:#ffd23f;color:#201000;border:0;border-radius:6px;cursor:pointer}
button.alt{background:#2b2b5c;color:#fff}
#msg{color:#ff7a7a;min-height:1em;margin:0}
#game{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
#cv{image-rendering:pixelated;background:#000;max-width:100%;max-height:100%}
#hud{position:fixed;top:calc(4px + env(safe-area-inset-top));left:8px;right:8px;display:flex;justify-content:space-between;font-size:12px;color:#bbb;pointer-events:none;text-shadow:1px 1px 0 #000}
#touch{display:none;position:fixed;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom));padding:0 12px;justify-content:space-between;align-items:flex-end;pointer-events:none}
@media (pointer:coarse){#touch{display:flex}}
#dpad{display:grid;grid-template:repeat(3,56px)/repeat(3,56px);pointer-events:auto}
#dpad button{width:56px;padding:0;font-size:22px;opacity:.75;background:#2b2b5c;color:#fff}
#dpad .up{grid-area:1/2}#dpad .left{grid-area:2/1}#dpad .right{grid-area:2/3}#dpad .down{grid-area:3/2}
#digs{display:flex;gap:10px;pointer-events:auto}
#digs button{width:76px;height:76px;padding:0;border-radius:50%;opacity:.8;font-size:20px}

button,#touch,#game,canvas{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#dpad button,#digs button{-webkit-appearance:none;appearance:none;-webkit-text-size-adjust:none}