.semaphore-grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;display:grid}.semaphore-tile{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;transition:background-color .15s,transform .1s;display:flex}.semaphore-tile:hover{background:#e7f1ff}.semaphore-tile:active{transform:scale(.95)}.semaphore-svg{width:100%;max-width:3.5rem;height:auto}.semaphore-letter{font-size:.95rem;font-weight:600}.semaphore-output{white-space:pre-wrap;word-break:break-all;letter-spacing:.15em;background:#f8f9fa;min-height:3rem;font-size:1.5rem}