.sb-controls{max-width:290px;margin:0 auto;opacity:1;transition:opacity .15s ease .2s;width:100%}.hive{position:relative;width:100%;padding-bottom:100%}.hive-cell{position:absolute;top:calc(100% / 3);left:30%;width:40%;height:calc(100% / 3)}.hive-cell .cell-fill{cursor:pointer;fill:#e6e6e6;stroke:#fff;transition:all .1s;transform-origin:50% 50%}.dark .hive-cell .cell-fill{stroke:#1c1b22}.hive .cell-letter{font-weight:700;font-size:30px;text-anchor:middle;text-transform:uppercase;pointer-events:none;fill:#333}.hive-cell:first-child .cell-fill{cursor:pointer;fill:#f7da21}.hive-cell:first-child .cell-letter{fill:#000}.hive-cell:first-child{transform:translate(0)}.hive-cell:nth-child(2){transform:translate(-75%,-50%)}.hive-cell:nth-child(3){transform:translateY(-100%)}.hive-cell:nth-child(4){transform:translate(75%,-50%)}.hive-cell:nth-child(5){transform:translate(75%,50%)}.hive-cell:nth-child(6){transform:translateY(100%)}.hive-cell:nth-child(7){transform:translate(-75%,50%)}.hive-actions{margin-top:1em;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.hive-action{padding:15px;flex:1;background-color:#fff;font-size:18px;margin:0 12px;color:#333;border:1px solid #ccc;border-radius:40px;user-select:none;cursor:pointer;transition:all .2s ease;font-weight:600}.dark .hive-action{background-color:#e6e6e6;border:1px solid #1c1b22}.hive-action:active{box-shadow:0 5px #ccc;transform:translateY(4px)}polygon.cell-fill:active{transform:scale(.9)}.hive-action__shuffle{background:url(/spellbee/shuffle-2026-06-21.svg) 50% no-repeat;background-color:#fff;background-size:60%;height:50px;min-width:50px;border-radius:50%;border:1px solid #ccc}.dark .hive-action__shuffle{background-color:#e6e6e6;border:1px solid #1c1b22}.user-guess{text-transform:uppercase;margin-bottom:10px;height:35px;font-weight:700;font-size:25px;text-align:center}.dark .user-guess{color:#e6e6e6}.user-guess .middle-letter{color:#f7da21}@media only screen and (max-height:650px){.sb-controls{margin-top:1rem}.hive-cell{top:30%;left:33%;width:33%;height:28%}.hive-actions{margin-top:0}}@media (orientation:landscape){.sb-controls{margin-top:1rem}.hive-actions{padding-bottom:2rem}}.sb-fireworks{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}