/* Shared Rooms canvas. Login and the signed-in portal both use this,
   so the portal background is the login background. Warm terracotta from
   the Rooms logo orange. Painted on html as well so the viewport cannot
   fall back to white below a short body. */
html:has(body.rooms-canvas),
body.rooms-canvas {
  min-height: 100%;
  background-color: #6b2410;
  background-image:
    radial-gradient(1100px 560px at 14% 0%, rgba(255, 241, 0, 0.22) 0%, transparent 52%),
    radial-gradient(860px 520px at 100% 100%, rgba(242, 111, 33, 0.4) 0%, transparent 55%),
    linear-gradient(165deg, #c4521a 0%, #8a3412 46%, #4a1c0c 100%);
  background-attachment: fixed;
}

body.rooms-canvas {
  min-height: 100vh;
}