@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--black:#000;--cyan:#00d7d7;--bright-cyan:#0ff;--red:red;--yellow:#ff0;--white:#d7d7d7;--green:#00d700;font-family:"Press Start 2P",ui-monospace,monospace}*{box-sizing:border-box}html,body{background:var(--black);height:100%;color:var(--white);margin:0}body.game{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}#screen{image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;display:block}#invite{background:var(--cyan);max-width:calc(100vw - 32px);color:var(--black);border:3px solid #fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}#invite[hidden],#name-entry[hidden]{display:none}#name-entry{background:var(--cyan);max-width:calc(100vw - 32px);color:var(--black);border:3px solid #fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}#name-entry input{font:inherit;border:2px solid var(--black);text-transform:uppercase;width:14ch;padding:4px}#invite input{font:inherit;border:2px solid var(--black);width:min(42ch,70vw);padding:4px}button{font:inherit;cursor:pointer;background:var(--green);color:#fff;border:2px solid #fff;padding:6px 10px}body.landing{place-items:center;display:grid;overflow:hidden}.stage{position:relative}#menu[hidden],#scores[hidden]{display:none}#menu button,#scores button{opacity:0;margin:0;padding:0;position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}