*{box-sizing:border-box}html,body{color:#1c2024;background:#bfe3f5;height:100%;margin:0;font:15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{width:100%;height:100%;display:block}.labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.name{white-space:nowrap;background:#ffffffd9;border:2px solid;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}#hud{font-variant-numeric:tabular-nums;background:#ffffffd9;border-left:4px solid #888;border-radius:6px;padding:4px 10px;font-size:13px;display:none;position:fixed;top:10px;left:10px}body.playing #hud{display:block}body.playing #join{display:none}#join{z-index:1;background:#fff;border-radius:14px;gap:12px;width:min(360px,92vw);height:-moz-fit-content;height:fit-content;margin:auto;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:0 10px 40px #00000026}#join h1{margin:0;font-size:22px}#join input{font:inherit;border:1px solid #c4c8cc;border-radius:8px;padding:10px 12px}#looks{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}#join button{font:inherit;cursor:pointer;background:#f4f5f6;border:1px solid #c4c8cc;border-radius:8px;padding:10px}#join button[aria-pressed=true]{background:#e6edfe;border-color:#3e63dd;font-weight:600}#join button[type=submit]{color:#fff;background:#3e63dd;border-color:#3e63dd;font-weight:600}#join button:disabled{opacity:.6;cursor:wait}#error{color:#c62a2f;min-height:1.4em;margin:0}