@font-face{font-family:Rubik Wet Paint;src:url(/fonts/RubikWetPaint-Regular.ttf);font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter%5Bopsz,wght%5D.ttf);font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body,#root{color:#d8d4cc;background:#07070a;height:100%;margin:0;font:15px/1.4 Inter,system-ui,sans-serif}button,input,select{font:inherit;color:inherit;background:#1b1a20;border:1px solid #3a3740;border-radius:4px;padding:6px 12px}button:hover:not(:disabled){cursor:pointer;background:#2a2830}button:disabled{opacity:.5}.menu{flex-direction:column;gap:12px;max-width:560px;margin:8vh auto;padding:0 16px;display:flex}.menu h1{color:#9b2c22;margin:0;font:56px Rubik Wet Paint,serif}.sub,.muted{color:#7d786f}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rooms{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rooms li{background:#111015;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.error{color:#e0655f}.code{letter-spacing:3px;color:#e8c770;font-family:ui-monospace,monospace}.small{align-self:flex-start;padding:2px 8px;font-size:13px}.result{border-radius:4px;padding:10px}.result.ok{background:#18301c}.result.bad{background:#351818}canvas.game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{text-shadow:0 1px 2px #000;pointer-events:none;position:fixed;bottom:16px;left:20px}.journal{color:#2a241b;background:#e9e1cfee;border-radius:4px;flex-direction:column;gap:6px;width:340px;max-height:calc(100% - 40px);padding:16px;display:flex;position:fixed;top:20px;right:20px;overflow:auto}.journal button{text-align:left;background:#d8cfba;border-color:#a99f88}.journal button.picked{background:#b9d3a4}.journal .muted{color:#6b6253}