@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-naskh-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{color-scheme:light}*{box-sizing:border-box}button{font-family:inherit}body{margin:0}.sb-root{min-height:100vh;background:#fff;color:#121212;font-family:Noto Naskh Arabic,Geeza Pro,Amiri,Segoe UI,Tahoma,sans-serif;font-synthesis:none;max-width:900px;margin:0 auto;padding:18px 20px 40px;box-sizing:border-box}.sb-header{border-bottom:1px solid #dcdcdc;padding-bottom:10px}.sb-title-row{display:flex;align-items:center;gap:10px}.sb-bee{font-size:26px}.sb-header h1{font-size:26px;font-weight:800;margin:0;letter-spacing:0}.sb-subtitle{margin:4px 0 0;color:#666;font-size:14px}.sb-help-btn{margin-inline-start:auto;width:30px;height:30px;border-radius:50%;border:1px solid #dcdcdc;background:#fff;font-size:16px;cursor:pointer}.sb-help-btn:hover{background:#f5f5f5}.sb-loading{text-align:center;color:#666;font-size:16px;padding:80px 0}.sb-offline{margin:12px 0 0;padding:8px 12px;border-radius:8px;background:#fff7d6;color:#7a5c00;font-size:13px;text-align:center}.sb-rankbar{display:flex;align-items:center;gap:14px;margin:18px 0 6px}.sb-rank-name{font-weight:700;font-size:15px;min-width:84px}.sb-dots{display:flex;align-items:center;flex:1;position:relative;height:26px}.sb-dots:before{content:"";position:absolute;inset-inline:4px;top:50%;height:1px;background:#dcdcdc}.sb-dot{width:8px;height:8px;border-radius:50%;background:#e6e6e6;position:relative;z-index:1;flex:1 0 auto;max-width:8px;margin-inline-end:auto}.sb-dot:last-child{margin-inline-end:0}.sb-dot.filled{background:#f7da21}.sb-dot.now{background:transparent}.sb-score{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:26px;height:26px;border-radius:50%;background:#f7da21;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sb-board{display:flex;gap:36px;margin-top:18px;align-items:flex-start}.sb-game{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;width:340px;max-width:100%}.sb-found{flex:1 1 auto;border:1px solid #dcdcdc;border-radius:10px;padding:14px 18px;min-height:120px}.sb-found-head{font-weight:700;margin-bottom:10px;font-size:15px}.sb-found-empty{color:#999;font-size:14px;margin:0}.sb-found-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:2px 14px}.sb-found-list li{border-bottom:1px solid #eee;padding:5px 2px;font-size:15px;animation:sb-pop .18s ease-out}.sb-found-list li.pangram{font-weight:800;color:#a58800}.sb-toast-slot{height:40px;display:flex;align-items:center;justify-content:center}.sb-toast{background:#121212;color:#fff;border-radius:6px;padding:6px 14px;font-size:14px;animation:sb-pop .15s ease-out}.sb-toast.good{background:#121212}.sb-toast.win{background:#a58800}.sb-toast.err{background:#121212}.sb-current{height:52px;text-align:center;font-size:32px;font-weight:800;line-height:52px;margin-bottom:12px;-webkit-user-select:none;user-select:none;white-space:nowrap}.sb-current.shake{animation:sb-shake .5s}.sb-placeholder{color:#c2c2c2;font-size:16px;font-weight:400}.sb-caret{display:inline-block;vertical-align:-4px;width:2px;height:32px;background:#f7da21;animation:sb-blink 1s step-end infinite}.sb-hive{position:relative;margin:6px 0 14px}.sb-hex{position:absolute;border:none;padding:0;background:transparent;pointer-events:none;transition:transform .08s ease,opacity .16s ease}.sb-hex__face{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:pointer;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#e6e6e6;color:#121212;font-family:inherit;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.sb-hex.center .sb-hex__face{background:#f7da21}.sb-hex.fading{opacity:0}.sb-hex:active{transform:scale(.88)}.sb-hex:focus-visible{outline:none;filter:drop-shadow(2px 0 0 #121212) drop-shadow(-2px 0 0 #121212) drop-shadow(0 2px 0 #121212) drop-shadow(0 -2px 0 #121212)}.sb-hex__face,.sb-pill{touch-action:manipulation;user-select:none;-webkit-user-select:none}.sb-controls{display:flex;align-items:center;gap:12px}.sb-pill{border:1px solid #dcdcdc;background:#fff;border-radius:999px;padding:12px 26px;font-size:15px;font-family:inherit;cursor:pointer;transition:background .12s}.sb-pill:hover{background:#f5f5f5}.sb-pill:active{background:#ececec}.sb-round{width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center}.sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.sb-modal{background:#fff;border-radius:12px;padding:24px 28px;max-width:460px;width:calc(100% - 48px);position:relative;box-shadow:0 12px 40px #0000002e}.sb-modal h2{margin:0 0 12px;font-size:20px}.sb-modal ul{margin:0;padding-inline-start:20px;line-height:1.9;font-size:15px}.sb-close{position:absolute;top:12px;left:12px;border:none;background:none;font-size:16px;cursor:pointer;color:#666}@keyframes sb-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes sb-pop{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sb-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(max-width:760px){.sb-board{flex-direction:column;align-items:center}.sb-found{width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.sb-hex,.sb-toast,.sb-found-list li,.sb-current.shake{animation:none!important;transition:none!important}}