.spelling-bee-grid{grid-gap:6px;grid-template-columns:repeat(6,2fr);width:260px;margin:0 auto;padding-bottom:50px;font-size:1em;list-style-type:none;transition:transform .6s;display:grid;overflow:hidden}.spelling-bee-grid.rotating{animation:.6s ease-in-out hiveRotate}@keyframes hiveRotate{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.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:#e5e5e5;width:100%;height:100%;transition:all .2s;display:block;overflow:hidden;transform:skewY(-30deg)rotate(60deg)}#center-letter-game{background-color:#f4bc59!important}.hexLink:hover{transform:skewY(-30deg)rotate(60deg)scale(1.05);background-color:#d1d5db!important}#center-letter-game:hover{background-color:#f0b14c!important}.hexLink.clicked{animation:.3s hexClick}@keyframes hexClick{0%{transform:skewY(-30deg)rotate(60deg)scale(1)}50%{transform:skewY(-30deg)rotate(60deg)scale(.95)}to{transform:skewY(-30deg)rotate(60deg)scale(1)}}.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:#333;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}@media (width<=768px){.spelling-bee-grid{width:220px}.hex p{font-size:1.6em}}.found-word{text-transform:uppercase;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.found-word.pangram{color:#92400e;background-color:#fef3c7;border-color:#f4bc59;font-weight:600}.found-word:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000001a}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{color:#f4bc59;font-weight:400;animation:1s infinite blink}.progress-dot{position:absolute}.progress-dot.active{background-color:#f4bc59!important}.sb-modal-body{max-height:none;padding:8px 16px;overflow-y:visible}.sb-modal-ranks__list{border-collapse:separate;border-spacing:0}.sb-modal-ranks__col-headers{border-bottom:1px solid #e5e7eb}.sb-modal-ranks__col-headers th{color:#6b7280;padding:0 4px;font-size:14px;font-weight:600}.rank-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.rank-row:last-child{border-bottom:none}.rank-row td{vertical-align:middle;padding:12px 4px}.sb-modal-ranks__current{position:relative;background-color:#fef3c7!important}.sb-modal-ranks__current td{font-weight:600}.sb-modal-ranks__current td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.sb-modal-ranks__current td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.sb-modal-ranks__current .sb-modal-ranks__rank-title{width:100%;padding-left:8px;padding-right:16px}.sb-modal-ranks__rank-marker{text-align:center;width:64px;padding:4px 8px;position:relative}.dot{z-index:2;background-color:#d1d5db;border-radius:50%;width:8px;height:8px;margin:0 auto;position:relative}.dot.achieved{background-color:#f4bc59}.line{z-index:1;background-color:#d1d5db;width:2px;position:absolute;left:50%;transform:translate(-50%)}.line.top{height:12px;top:-12px}.line:not(.top):not(.bottom){height:calc(100% + 18px);top:-14px}.line.bottom{height:calc(100% - 12px);top:12px}.line.achieved{background-color:#f4bc59}.current-score{color:#1f2937;text-align:center;z-index:3;background-color:#f4bc59;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-modal-ranks__rank-title{text-align:left;color:#1f2937;font-size:16px;padding-left:24px!important}.sb-modal-ranks__current .sb-modal-ranks__rank-title{position:relative;padding-left:24px!important}.current-rank{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.rank-icon{font-size:16px}.sub-text{color:#6b7280;margin-top:4px;font-size:13px;font-weight:400;line-height:1.3;display:block}.sb-modal-ranks__spacer{width:100%;padding:0 8px;position:relative}.sb-modal-ranks__spacer.hr:after{content:"";border-bottom:1px dotted #d1d5db;height:1px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.sb-modal-ranks__rank-points{text-align:right;color:#374151;white-space:nowrap;width:120px;font-size:16px;font-weight:600}.rank-row:hover:not(.sb-modal-ranks__current){background-color:#f9fafb}@media (width<=768px){#rankings-modal>div{border-radius:16px;width:calc(100% - 16px);max-width:none;height:auto;max-height:calc(100vh - 40px);margin:20px 8px;padding:20px 16px;overflow-y:auto}.sb-modal-body{max-height:calc(100vh - 200px);padding:6px 12px;overflow-y:auto}.sb-modal-ranks__list{font-size:14px}.current-rank{font-size:16px}.sb-modal-ranks__rank-title{font-size:14px}.sub-text{font-size:12px}.current-score{min-width:28px;min-height:28px;padding:4px 6px;font-size:12px}.sb-modal-ranks__rank-points{white-space:nowrap;width:100px;font-size:14px}}@media (width<=480px){#rankings-modal>div{width:calc(100% - 8px);max-height:calc(100vh - 20px);margin:10px 4px;padding:16px 12px}.sb-modal-body{max-height:calc(100vh - 160px);padding:4px 8px}.sb-modal-ranks__col-headers th{padding:0 2px;font-size:12px}.rank-row td{padding:10px 2px}}