html,body{background:#cfe6ea;height:100%;margin:0;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;overflow:hidden}canvas{display:block}.hud{pointer-events:none;color:#fffaf0;text-shadow:0 2px #2b221999;-webkit-user-select:none;user-select:none;position:fixed}#stats{gap:2px;font-size:18px;display:grid;top:16px;left:18px}#stats .big{font-size:32px;font-weight:600}#help{opacity:.92;font-size:14px;bottom:12px;left:18px}#prompt{text-shadow:none;white-space:nowrap;background:#2b22199e;border-radius:14px;padding:10px 18px;font-size:18px;bottom:64px;left:50%;transform:translate(-50%)}#prompt[hidden]{display:none}#prompt svg.mouse{vertical-align:middle;margin-left:4px}#prompt kbd{color:#2b2219;text-align:center;background:#fffaf0;border-radius:6px;min-width:1.4em;margin:0 2px;padding:1px 7px;font:600 15px Fredoka,sans-serif;display:inline-block}#modes{text-shadow:none;align-items:center;gap:8px;font-size:16px;display:flex;bottom:116px;left:50%;transform:translate(-50%)}#modes[hidden]{display:none}#modes span{color:#fffaf0b3;background:#2b221973;border:2px solid #0000;border-radius:999px;padding:6px 14px}#modes span.on{color:#fffaf0;background:#2b2219bf;border-color:#fffaf0}#modes em{opacity:.8;text-shadow:0 1px #2b221999;margin-left:4px;font-size:13px;font-style:normal}#power{background:#78787859;border:1px solid #ffffff73;border-radius:7px;width:120px;height:12px;top:0;left:0;overflow:hidden}#power[hidden]{display:none}#power b{background:#ebebebbf;width:50%;height:100%;display:block}#msg{text-align:center;opacity:0;font-size:40px;font-weight:600;transition:opacity .25s;top:30%;left:0;right:0}#overlay{color:#fffaf0;cursor:pointer;text-align:center;background:#1c261c59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}#overlay h1{text-shadow:0 5px #2b2219;margin:0;font-size:72px}#overlay p{text-shadow:0 2px #2b221999;margin:10px 0 0;font-size:22px}#lobby{cursor:default;justify-items:center;gap:14px;margin-top:22px;display:grid}#lobby button{color:#fffaf0;cursor:pointer;background:#2b22198c;border:2px solid #fffaf0;border-radius:999px;padding:10px 20px;font:600 17px Fredoka,sans-serif}#lobby button:hover{background:#2b2219cc}#lobby button.big{color:#2b2219;background:#ffb547;border-color:#2b2219;padding:12px 34px;font-size:22px}#lobby .choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#lobby .join{gap:8px;display:flex}#lobby input{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#2b2219;background:#fffaf0eb;border:2px solid #fffaf0;border-radius:12px;width:150px;padding:8px 12px;font:600 20px Fredoka,sans-serif}#lobby .hosting{background:#2b22198c;border-radius:16px;padding:12px 18px;display:none}#lobby .hosting .code{justify-content:center;align-items:center;gap:10px;margin:4px 0;display:flex}#lobby .hosting strong{letter-spacing:.2em;font-size:40px}#lobby .hosting small{opacity:.9}#lobby[data-state=hosting] .hosting{display:block}#lobby[data-state=hosting] .join,#lobby[data-state=joined] .join,#lobby[data-state=joined] #btn-host,#lobby[data-state=loading],#lobby[data-state=hosting] #btn-host{display:none}#lobby[data-state=busy] .choices,#lobby[data-state=busy] .join{opacity:.5;pointer-events:none}#lobby-msg{min-height:1.2em;margin:0;font-size:16px}#room{text-align:right;text-shadow:none;background:#2b221980;border-radius:12px;padding:8px 14px;font-size:16px;top:16px;right:18px}#room[hidden]{display:none}#room strong{letter-spacing:.12em;font-size:20px}#overlay .goal{max-width:50ch;margin:18px auto 0;font-size:16px;line-height:1.5}