:root{--hv-cell:#f3edfb;--hv-mid:#ffd23f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hv-cell:#2e2645;--hv-mid:#f5c518}}:root[data-theme=dark]{--hv-cell:#2e2645;--hv-mid:#f5c518}.hive .hvplay{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.hive .hvword{min-height:44px;font-family:var(--display);letter-spacing:.06em;color:var(--ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;font-size:clamp(24px,6vw,34px);font-weight:700;display:flex}.hive .hvword:after{content:"";background:var(--c);width:3px;height:1.05em;margin-left:3px;animation:1s step-end infinite hv-caret}@keyframes hv-caret{50%{opacity:0}}.hive .hvword .mid{color:#d99a00}.hive .hvword .off{color:var(--muted);opacity:.6}.hive .hvword .ph{letter-spacing:0;color:var(--muted);font-size:16px;font-weight:600}.hive .hvword:has(.ph):after{display:none}.hive .hvword.miss{animation:.35s hv-miss}@keyframes hv-miss{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.hive .hvcomb{width:min(100%,340px);position:relative}.hive .hx{aspect-ratio:1/1.1547;cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--hv-cell);width:30%;color:var(--ink);font-family:var(--display);border:0;padding:0;font-size:clamp(24px,7vw,34px);font-weight:700;transition:transform .1s,background-color .12s;position:absolute;transform:translate(-50%,-50%)}.hive .hx.mid{background:var(--hv-mid);color:#1d1630}.hive .hx:hover{filter:brightness(.96)}.hive .hx:active{transform:translate(-50%,-50%)scale(.9)}.hive .hvcomb.mix .hx:not(.mid){animation:.3s hv-mix}@keyframes hv-mix{40%{opacity:.3;transform:translate(-50%,-50%)scale(.6)}}.hive .hvcomb.solved .hx{cursor:default}.hive .hvkeys{justify-content:center;gap:10px;display:flex}.hive .hvkeys .btn{background:var(--card);height:48px;color:var(--ink);padding:0 20px;font-size:17px}.hive .hvkeys .btn.primary{background:var(--c);color:#1d1630}.hive .hvkeys .hvmix{padding:0 14px;font-size:20px}.hive .goal{color:var(--muted);text-align:center;min-height:2.6em;font-size:14px}.hive .goal b{color:var(--ink);font-family:var(--display);font-size:16px}.hive .hvmeter{align-items:center;gap:10px;display:flex}.hive .hvmeter b{font-family:var(--display);white-space:nowrap;color:var(--ink);font-size:15px}.hive .progress{background:var(--soft);border:2px solid var(--border);border-radius:999px;flex:1;height:14px;overflow:hidden}.hive .progress i{background:linear-gradient(90deg,#ffd23f,#ff9f1c);width:0;height:100%;transition:width .25s;display:block}.hive .hvcount{color:var(--muted);margin:0;font-size:13px}.hive .hvfound{flex-wrap:wrap;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.hive .hvfound li{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;border:2px solid var(--border);background:var(--card);color:var(--ink);border-radius:9px;padding:4px 9px;font-size:14px;font-weight:600}.hive .hvfound li.got{background:color-mix(in srgb,#ffd23f 35%,var(--card))}.hive .hvfound li.full{box-shadow:inset 0 0 0 2px #ff9f1c}.hive .hvfound li.full:after{content:" 🐝"}.hive .hvfound li.miss{opacity:.55;border-style:dashed}.hive .hvfound li.hint{letter-spacing:.12em;color:var(--muted);border-style:dashed}.hive .tools{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){.hive .hvword:after,.hive .hvword.miss,.hive .hvcomb.mix .hx{animation:none}}.hive .ht-hv{flex-direction:column;align-items:center;gap:6px;display:flex}.hive .ht-hv .mini{aspect-ratio:100/91.8;width:120px;position:relative}.hive .ht-hv .mini i{aspect-ratio:1/1.1547;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#1d1630;width:30%;font-style:normal;font-family:var(--display);background:#f3edfb;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.hive .ht-hv .mini i.mid{background:#ffd23f}.hive .ht-hv .say{font-family:var(--display);letter-spacing:.05em;color:var(--ink);font-size:17px;font-weight:700}.hive .ht-hv .say b{color:#d99a00}.hive .ht-hv .say s{color:#e8364f}
