.online-room .wrongway-role{font-size:14px;margin:8px 0}.online-room .wrongway-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);width:min(100%,300px,calc((100dvh - 340px)*var(--columns)/var(--rows)));margin:8px auto;gap:5px;padding:7px;border-radius:16px;background:#d6bfdf;border:2px solid #ab8bbb}.online-room .wrongway-tile{position:relative;aspect-ratio:1;border-radius:9px;background:#fff9f1;border:1px solid #ab8bbb;display:grid;place-items:center;font-size:24px;min-width:0}.online-room .wrongway-tile.wall{background:#79538b}.online-room .wrongway-tile.goal{background:#fff0bd;color:#79533e}.online-room .wrongway-tile.destination{outline:3px solid #70a98d;outline-offset:-3px}.online-room .wrongway-hero{position:absolute;inset:0}.online-room .wrongway-hero svg{width:100%;height:100%}.online-room .wrongway-feedback{font-size:14px;line-height:1.3;margin:8px 0}.online-room .wrongway-arrows{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.online-room .wrongway-responses{display:flex;gap:8px;margin-top:8px}.online-room #wrongway-propose,.online-room #wrongway-next{width:100%}.online-room #rules{white-space:pre-line}@media(max-height:620px){.online-room .wrongway-role{font-size:12px}.online-room .wrongway-feedback{font-size:12px}.online-room .wrongway-grid{margin:4px auto;gap:3px;padding:5px}.online-room #wrongway-play .wrongway-tile{font-size:18px}}
@media(max-height:620px){.online-room .wrongway-grid{width:min(100%,300px,calc((100dvh - 435px)*var(--columns)/var(--rows)))}}