.lights-wrap{width:min(100%,900px)}.lights-grid{display:grid;min-width:var(--lights-min,260px);gap:10px;width:100%;margin-inline:auto}.light-cell{aspect-ratio:1;min-width:44px;min-height:44px;border:2px solid #5b7283;background:#1c2934;color:#8ba0ad;border-radius:12px;font:700 clamp(30px,6vw,54px) Gabarito,system-ui;cursor:pointer;touch-action:manipulation}.light-cell.is-on{background:#efd37a;color:#262412;border-color:#f5e5ac;box-shadow:inset 0 0 0 4px rgb(255 255 255/.12)}.light-cell:disabled{cursor:default}.lights-legend{color:#adc0ce;font-size:13px;text-align:center;line-height:1.5;margin:18px 0 0}@media(max-width:600px){.lights-grid{gap:7px}.light-cell{border-radius:9px;font-size:32px}.lights-legend{font-size:12px}}@media(prefers-reduced-motion:reduce){.light-cell{transition:none}}

.play-area.is-expanded .lights-wrap{width:min(100%,900px,max(var(--lights-min,260px),calc(100cqh - 66px)))}