.hb-overlay{position:fixed;inset:0;z-index:100000100;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(24,38,41,.65);font-family:Nunito,system-ui,sans-serif;color:#234e45}
.hb-card{width:min(100%,540px);max-height:94dvh;overflow:auto;border-radius:28px;background:#f4faf2;border:3px solid #bfdcc9;box-shadow:0 16px 50px #102c3a55}
.hb-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:#dbeeda;border-radius:24px 24px 0 0}
.hb-card h2{font-size:24px;margin:4px 0;color:#234e45}.hb-card h3{font-size:16px;color:#234e45}.hb-card small{line-height:1.5}.hb-card header small{font-size:10px;letter-spacing:1px;font-weight:900}
.hb-card button{font:800 14px Nunito,system-ui,sans-serif;border:2px solid #bddbc9;border-radius:14px;background:#fff;color:#234e45;padding:10px;cursor:pointer}.hb-card button:disabled{opacity:.5;cursor:default}.hb-card button:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}.hb-card [hidden]{display:none!important}
.hb-body{padding:16px 20px 22px}.hb-intro{display:flex;align-items:center;gap:12px;line-height:1.5}.hb-intro img{width:76px;height:86px;object-fit:contain}.hb-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hb-classes .active,.hb-units .selected{background:#d2efdc;border-color:#368060}.hb-units{display:flex;flex-wrap:wrap;gap:7px}.hb-card .hb-primary{background:#38785f;color:#fff;border-color:#2c624d;box-shadow:0 3px 0 #234e45}.hb-status{min-height:22px;line-height:1.5;font-size:13px}.hb-meta{display:flex;justify-content:space-between;gap:8px;font-size:13px}.hb-card progress{width:100%;height:12px;margin:12px 0;accent-color:#438963}.hb-hints{display:flex;gap:10px;margin:6px 0 15px}.hb-hints>div{flex:1;padding:10px;background:#fff;border:2px dashed #bddbc9;border-radius:15px;text-align:center}.hb-hints span,.hb-hints b{display:block;overflow-wrap:anywhere}.hb-hints b{margin-top:5px;color:#63518c;letter-spacing:2px}.hb-hints .hb-solved{background:#d2efdc;border-style:solid}.hb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:12px;background:#e3e5d1;border-radius:22px;touch-action:none;user-select:none;-webkit-user-select:none}.hb-grid button{padding:0;aspect-ratio:1;border-radius:12px;font-size:22px;background:#fffdf1;border:2px solid #c5c8aa;box-shadow:0 3px 0 #a4b49e}.hb-grid button.hb-found{background:#bddfae}.hb-grid button.hb-picked{background:#eed08b;border-color:#94763c;transform:translateY(2px);box-shadow:none}.hb-selection{text-align:center;min-height:30px;margin:15px 0;font-weight:900;font-size:19px;letter-spacing:2px;overflow-wrap:anywhere}.hb-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.hb-next{width:100%;margin-top:12px;background:#eadff8!important}.hb-finish{text-align:center}.hb-finish img{width:130px;height:150px;object-fit:contain}.hb-finish button{margin:6px}.hb-card header button{font-size:22px;padding:4px 12px}
@media(max-width:370px){.hb-body{padding:12px}.hb-grid{gap:5px;padding:9px}.hb-grid button{font-size:19px}.hb-card h2{font-size:21px}.hb-hints b{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.hb-grid button{transform:none!important}}