#hexGrid,#hexGrid-desktop{grid-gap:6px;grid-template-columns:repeat(6,2fr);width:280px;margin:0 auto;padding-bottom:60px;font-size:.9em;list-style-type:none;display:grid;overflow:hidden}.hex{visibility:hidden;outline:1px solid #0000;grid-column-end:span 2;position:relative}.hex:after{content:"";padding-bottom:86.602%;display:block}.hexIn{visibility:hidden;outline:1px solid #0000;width:100%;padding-bottom:115.47%;position:absolute;overflow:hidden;transform:rotate(-60deg)skewY(30deg)}.hexIn *{visibility:visible;outline:1px solid #0000;position:absolute}.hexLink{text-align:center;cursor:pointer;background-color:#d1d5db;width:100%;height:100%;transition:background-color .3s;display:block;overflow:hidden;transform:skewY(-30deg)rotate(60deg)}#center-letter,#center-letter-desktop{background-color:#f4bc59!important}.hexLink:hover{background-color:#9ca3af!important}#center-letter:hover,#center-letter-desktop:hover{background-color:#f0b14c!important}.hexLink.focused:not(.hex-letter-highlighted):not(.hex-letter-dimmed){transition:all .2s;background-color:#e5e7eb!important}#center-letter.focused:not(.hex-letter-highlighted):not(.hex-letter-dimmed),#center-letter-desktop.focused:not(.hex-letter-highlighted):not(.hex-letter-dimmed){transition:all .2s;background-color:#fcd34d!important}.hex:nth-child(5n+1){grid-column-start:2}.hex:nth-child(5n+3){grid-column-start:1}.hex p{box-sizing:border-box;color:#000;text-transform:uppercase;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;font-size:1.8em;font-weight:700;display:flex}.spelling-bee-input-cell{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hex-letter-dimmed{transition:background-color .3s;background-color:#9ca3af!important}.hex-letter-highlighted{transition:background-color .3s;background-color:#f4bc59!important}@media (width<=768px){#hexGrid{width:240px}.hex p{font-size:1.6em}}