.sb-controls{opacity:1;width:100%;max-width:290px;margin:0 auto;transition:opacity .15s .2s}.hive{width:100%;padding-bottom:100%;position:relative}.hive-cell{width:40%;height:33.3333%;position:absolute;top:33.3333%;left:30%}.hive-cell .cell-fill{cursor:pointer;fill:#e6e6e6;stroke:#fff;transform-origin:50%;transition:all .1s}.dark .hive-cell .cell-fill{stroke:#1c1b22}.hive .cell-letter{text-anchor:middle;text-transform:uppercase;pointer-events:none;fill:#333;font-size:30px;font-weight:700}.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{text-align:center;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em;display:flex}.hive-action{color:#333;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:40px;flex:1;margin:0 12px;padding:15px;font-size:18px;font-weight:600;transition:all .2s}.dark .hive-action{background-color:#e6e6e6;border:1px solid #1c1b22}.hive-action:active{transform:translateY(4px);box-shadow:0 5px #ccc}polygon.cell-fill:active{transform:scale(.9)}.hive-action__shuffle{background:#fff url(/spellbee/shuffle-2026-06-21.svg) 50%/60% no-repeat;border:1px solid #ccc;border-radius:50%;min-width:50px;height:50px}.dark .hive-action__shuffle{background-color:#e6e6e6;border:1px solid #1c1b22}.user-guess{text-transform:uppercase;text-align:center;height:35px;margin-bottom:10px;font-size:25px;font-weight:700}.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{width:33%;height:28%;top:30%;left:33%}.hive-actions{margin-top:0}}@media (orientation:landscape){.sb-controls{margin-top:1rem}.hive-actions{padding-bottom:2rem}}.sb-fireworks{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes beeFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-3deg)}}.animate-bee-float{animation:1.8s ease-in-out infinite beeFloat}