:root{--accent:#007f88;--wash:#aee5dc;--paper:#f5f3e8;--ink:#162a2b}.town-surface{background:#bde9dc}.town-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:610px;margin:auto}.town-cell{aspect-ratio:1;padding:0;border:1px dashed #2c797c42;background:#ffffff35;position:relative;border-radius:7px;opacity:1!important}.town-cell:disabled{cursor:default}.town-cell.legal-cell{background:#fff9;border:2px solid #007f88;box-shadow:0 0 0 3px #ffffff60}.town-cell:hover:not(:disabled){transform:scale(1.045)}.house-tile{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 3px 1px #0002}.town-cell:has(svg){border:0}.coordinate{position:absolute;left:7px;top:3px;font-size:9px;color:#16494466}.empty-tile{font-size:22px;color:#0b5f6440}.town-hand{gap:10px}.town-hand button{width:calc(50% - 10px);max-width:113px}.town-hand small{display:block;margin-top:7px}.colour-backs{display:inline-flex;gap:3px;margin-top:4px}.colour-backs i{display:block;width:12px;height:16px;border:1px solid #2224;border-radius:2px}.empty-stack{font-size:12px;padding:20px;color:#777}@media(max-width:700px){.town-grid{gap:5px}.town-hand button{width:75px}.town-cell{border-radius:4px}.coordinate{font-size:8px;left:4px}.town-surface{padding:12px}}

.town-cell:disabled{opacity:1}

.town-samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:490px;margin:26px auto 0}.town-samples>span:nth-child(odd){transform:rotate(-4deg)}.town-samples>span:nth-child(even){transform:rotate(4deg)}.town-waiting .town-grid{max-width:490px}.town-waiting .town-cell{min-width:0}.town-waiting .waiting-board-caption{color:#254b45}@media(max-width:700px){.town-samples{gap:8px;margin-top:20px}}

.town-waiting .town-grid{max-width:380px}.town-waiting .town-samples{max-width:380px}

.town-waiting .town-samples{margin:0 auto 24px;max-width:340px}@media(max-width:700px){.town-waiting .town-samples{margin-bottom:18px}}