#recreation-dialog{max-width:800px;width:calc(100% - 36px);border:3px solid #4b726e;border-radius:8px;background:#f4ecd8;color:#254b50}#recreation-dialog label{display:grid;gap:6px;margin:16px 0}#recreation-dialog input{font:inherit;padding:12px;border:2px solid #91aaa0;border-radius:4px}#recreation-dialog button{padding:12px 18px;background:#4e8175;color:white;border:2px solid #345e58;border-radius:4px;font:inherit;cursor:pointer}#recreation-dialog button:disabled{opacity:.5}.recreation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recreation-cards article{padding:16px;background:#e3dfc9;border:2px solid #a6b4a0}.recreation-cards button{display:block;margin-top:16px;width:100%}.car-swatch{display:block;width:135px;height:72px;color:var(--car)}.recreation-actions,.recreation-answers{display:flex;gap:12px;flex-wrap:wrap}.recreation-answers{flex-direction:column}.room-code{font:700 36px monospace;letter-spacing:6px;color:#3f796d}.parkour-prompt{font-size:23px}#recreation-message{color:#82532e;min-height:24px}#recreation-hud{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);z-index:8;max-width:70%;padding:12px 20px;border:2px solid #c9b98e;background:#244c50ed;color:#fff0ce;font-weight:700;text-align:center;border-radius:5px;pointer-events:none}#recreation-hud[hidden]{display:none}@media(max-width:650px){.recreation-cards{grid-template-columns:1fr}#recreation-hud{bottom:160px;max-width:85%;width:80%;font-size:12px}.room-code{font-size:27px}}
#recycling-dialog{width:min(600px,94vw)}
#recycling-dialog>button,.recycling-choices button{font:inherit;color:#244c46;background:#e5eddf;border:1px solid #a8c4b0;border-radius:12px;padding:12px 18px;margin:6px;cursor:pointer}
#recycling-dialog>button:hover,.recycling-choices button:hover{background:#d0e4cf}
#recycling-dialog button:disabled{opacity:.55;cursor:default}
.recycling-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.recycling-choices button{margin:0;min-height:58px;font-weight:700}
@media(max-width:480px){.recycling-choices{grid-template-columns:1fr}}