/* spellbee.online — hints page and solver (13.10.2026) */
:root{--y:#f7da21;--y2:#fff4b8;--ink:#1a1a1b;--mut:#5f6368;--line:#e6e2d3;--bg:#fff;--card:#fffbea;--acc:#c79c00}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#7a5b00}
.sb-wrap{max-width:820px;margin:0 auto;padding:0 16px}
.sb-top{border-bottom:1px solid var(--line);background:#fff}
.sb-top .sb-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;flex-wrap:wrap}
.sb-logo{font-weight:800;font-size:19px;text-decoration:none;color:var(--ink)}
.sb-top nav{display:flex;gap:4px;flex-wrap:wrap}
.sb-top nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;padding:6px 10px;border-radius:999px}
.sb-top nav a:hover{background:var(--y2)}
.sb-crumbs{font-size:14px;color:var(--mut);margin:14px 0 0}.sb-crumbs a{color:var(--mut)}
h1{font-size:30px;line-height:1.2;margin:8px 0 4px}
h2{font-size:23px;margin:34px 0 8px;line-height:1.25}
h3{font-size:18px;margin:20px 0 6px}
.sb-date{margin:0 0 14px;color:var(--mut)}
.sb-lead{font-size:18px}
.sb-note{background:#fff3cd;border:1px solid #ffe08a;border-radius:10px;padding:8px 12px}
.sb-small{font-size:14px;color:var(--mut)}
.sb-today,.sb-yday,.sb-result{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:12px 0}
.sb-stats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sb-stats li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:15px}
.sb-stats b{font-size:18px}
/* the hive: 7 hexagons */
.sb-hive{position:relative;width:150px;height:156px;flex:0 0 auto}
.sb-cell{position:absolute;width:52px;height:46px;display:grid;place-items:center;font-weight:800;font-size:21px;background:#e6e6e6;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.sb-center{left:49px;top:55px;background:var(--y)}
.sb-p0{left:49px;top:5px}.sb-p1{left:90px;top:30px}.sb-p2{left:90px;top:80px}.sb-p3{left:49px;top:105px}.sb-p4{left:8px;top:80px}.sb-p5{left:8px;top:30px}
.sb-hive-s{transform:scale(.72);transform-origin:left center;width:110px;height:114px}
.sb-hive-s .sb-cell{transform:none}
.sb-check{background:#fafafa;border:1px dashed #cfcab8;border-radius:12px;padding:10px 12px;margin:16px 0}
.sb-check label{display:block;font-size:15px;margin-bottom:6px}
.sb-check textarea{width:100%;font:inherit;font-size:16px;text-transform:uppercase;border:1px solid #cfcab8;border-radius:8px;padding:8px;resize:vertical}
.sb-found-msg{margin:6px 0 0;font-size:14px;color:var(--mut);min-height:1em}
.sb-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sb-grid,.sb-ranks{border-collapse:collapse;font-variant-numeric:tabular-nums}
.sb-grid th,.sb-grid td{border:1px solid var(--line);padding:6px 10px;text-align:center;min-width:38px}
.sb-grid thead th{background:var(--y2)}
.sb-grid tbody th{background:#faf7e8}
.sb-grid .sb-sum,.sb-total td,.sb-total th{font-weight:800}
.sb-grid td.sb-done{color:#aaa}
.sb-dash{color:#c9c9c9}
.sb-ranks th,.sb-ranks td{border-bottom:1px solid var(--line);padding:5px 14px 5px 0;text-align:left}
.sb-two{line-height:2}
.sb-two span{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 8px;margin:0 4px 4px 0;font-weight:600}
.sb-two span.sb-done,.sb-clues li.sb-done{opacity:.4}
.sb-two span.sb-done{text-decoration:line-through}
.sb-l{font-size:17px;margin:16px 0 4px;color:var(--acc)}
.sb-l small{color:var(--mut);font-weight:400}
.sb-clues{list-style:none;margin:0;padding:0}
.sb-clues li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 0;border-bottom:1px solid #f0ece0}
.sb-pos{flex:0 0 auto;font-weight:800;background:var(--y2);border-radius:6px;padding:0 7px;font-size:15px;min-width:52px;text-align:center}
.sb-clue{flex:1 1 180px}
.sb-clues details{flex:0 0 auto}
.sb-clues summary,.sb-all summary{cursor:pointer;color:#7a5b00;font-weight:600;font-size:15px}
.sb-clues details[open] summary{display:none}
.sb-clues details b{letter-spacing:.04em}
.sb-all{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.sb-all p,.sb-yans,.sb-words{line-height:1.9;word-spacing:4px}
.sb-pg{background:var(--y);padding:0 4px;border-radius:4px}
.sb-cta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 8px}
.sb-btn{display:inline-block;border:0;border-radius:999px;padding:11px 20px;font:inherit;font-weight:800;font-size:16px;cursor:pointer;background:var(--ink);color:#fff;text-decoration:none}
.sb-btn.sb-ghost{background:#fff;color:var(--ink);border:1px solid #cfcab8}
.sb-form{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:14px 0}
.sb-form label{display:flex;flex-direction:column;font-weight:600;font-size:14px;gap:4px}
.sb-form input{font:inherit;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border:2px solid #cfcab8;border-radius:10px;padding:6px 10px;background:#fff}
.sb-f-c input{width:62px;text-align:center;background:var(--y);border-color:var(--y)}
.sb-f-o input{width:190px}
.sb-text{margin-top:30px}
.sb-text li{margin:4px 0}
.sb-more{margin-top:34px;padding-top:6px;border-top:1px solid var(--line)}
.sb-foot{background:#fbf9f5;color:#6f6466;padding:16px 0;margin-top:20px;font-size:15px}
.sb-foot a{color:inherit}
@media (max-width:520px){h1{font-size:25px}h2{font-size:20px}.sb-today{gap:12px;padding:12px}.sb-grid th,.sb-grid td{padding:5px 6px;min-width:30px}.sb-f-o input{width:150px}body{font-size:16px}}