@font-face{font-family:"Press Start 2P";src:url(../fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}:root{color:#fff;background:#07120f;font-family:"Press Start 2P",monospace;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#236b25,#0b2b20 58%,#06100d)}main{width:min(100vw,1488px);text-align:center}#menu{width:min(92vw,620px);margin:auto}.panel{padding:clamp(24px,6vw,52px);border:4px solid #fff;outline:4px solid #111;background:#163f36;box-shadow:12px 12px #07120f}h1{margin:0 0 28px;color:#ffd92f;font-size:clamp(20px,5vw,38px);line-height:1.35;text-shadow:4px 4px 0 #8d321d}.subtitle,.welcome{margin:0 0 24px;font-size:10px;line-height:1.8}label{display:block;margin-bottom:10px;font-size:9px}input,select{width:100%;padding:14px;border:3px solid #fff;outline:3px solid #111;background:#07120f;color:#fff;font:inherit;font-size:12px;text-align:center}.check-label{display:flex;align-items:center;gap:10px;margin:18px 0;line-height:1.5;text-align:left}.check-label input{width:auto;outline:0}form>label:not(:first-child){margin-top:18px}button{width:100%;padding:14px 12px;border:3px solid #111;background:#ffd92f;color:#111;font:inherit;font-size:10px;cursor:pointer;box-shadow:4px 4px #07120f}button:hover,button:focus-visible{transform:translate(2px,2px);background:#fff27a;box-shadow:2px 2px #07120f}.mode-buttons{display:grid;gap:14px}.mode-buttons span{display:block;margin-top:8px;color:#4b3211;font-size:6px}.text-button{margin-top:24px;border:0;background:transparent;color:#d9e7dd;box-shadow:none}.error{min-height:30px;margin:10px 0;color:#ff8585;font-size:7px;line-height:1.5}.status-panel p{font-size:8px;line-height:1.8}.status-panel button{margin-top:24px}.room-list,.players{display:grid;gap:10px;margin-bottom:20px}.room-list p,.players p,.room-code{font-size:8px;line-height:1.8}.room-list button span{display:block;margin-top:7px;font-size:6px}button+button{margin-top:12px}button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45;transform:none;box-shadow:4px 4px #07120f}#game{width:100%;aspect-ratio:496 / 232}#game canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}#controls{margin:12px 8px 0;color:#d9e7dd;font-size:clamp(7px,1.2vw,11px);line-height:1.6}[hidden]{display:none!important}