.hb-page{width:100%;max-width:1100px;margin-inline:auto}.hb-title{text-align:center;margin:26px 12px 18px;font-size:clamp(25px,4vw,36px)}.hb-toolbar,.hb-settings{box-sizing:border-box;width:calc(100% - 24px);max-width:660px;margin:0 auto 12px}.hb-toolbar{justify-content:flex-end;gap:8px;display:flex}.hb-page button{color:#173d35;cursor:pointer;background:#fffaf0;border:1px solid #bbc5b9;border-radius:9px;min-height:44px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4}.hb-page button:disabled{opacity:.35;cursor:default}.hb-page button:focus-visible,.hb-settings select:focus-visible{outline-offset:3px;outline:3px solid #eb874f}.hb-page .home-button{min-width:44px;min-height:44px}.hb-settings{grid-template-columns:1fr 1fr;gap:8px 14px;padding:4px 2px 10px;display:grid}.hb-settings label{gap:6px;min-width:0;display:grid}.hb-settings label>span{color:#56665f;font-size:12px;font-weight:700}.hb-settings select{box-sizing:border-box;color:#173d35;background:#fffaf2;border:1px solid #bac3b6;border-radius:9px;width:100%;min-height:44px;padding:9px 12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4}.hb-settings p{color:#56665f;grid-column:1/-1;margin:0;font-size:12px}.hb-field{box-sizing:border-box;color:#fbf5df;background:#102b2a;border:3px solid #395b54;border-radius:24px;width:calc(100% - 24px);max-width:660px;margin:auto;overflow:hidden;box-shadow:0 8px #173b34,0 18px 40px #14352a26,inset 0 0 0 2px #ffffff12}.hb-stats{background:linear-gradient(115deg,#284b42,#17342e);grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:18px 22px 12px;display:grid}.hb-stats>div{gap:5px;min-width:0;display:grid}.hb-stats span{letter-spacing:.04em;color:#c1d6c9;font-size:11px;font-weight:700}.hb-stats strong{color:#ffe4a0;font-variant-numeric:tabular-nums;font:700 23px/1.1 monospace}.hb-field #pauseButton{color:#f3f3df;background:#ffffff0c;border-color:#9cbaa565;font-size:12px}.hb-attempt-track{background:#17342e;grid-template-columns:repeat(10,1fr);gap:5px;padding:0 22px 15px;display:grid}.hb-attempt-track i{background:#8baf9a30;border-radius:2px;height:4px}.hb-attempt-track i.used{background:#ffc16e;box-shadow:0 0 7px #ffc16e50}.hb-deck{background:radial-gradient(at 45% 0,#2e574545,#0000 70%),repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 5px),#102b2a;padding:16px 22px 22px}.hb-rule-strip{color:#bdd2c2;align-items:center;gap:8px;margin:0 0 22px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;display:flex}.hb-rule-led{background:#b8de9e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #b8de9e70}.hb-four{color:#d3e1ce;border:1px solid #92b79e60;border-radius:6px;place-items:center;width:24px;height:24px;margin-left:auto;font-family:monospace;display:grid}.hb-ready{justify-items:center;gap:20px;padding:6px 0 22px;display:grid}.hb-lock{fill:none;stroke:#d7b773;stroke-width:3px;filter:drop-shadow(0 0 12px #e4bc5d30);width:58px;height:58px}.hb-lock rect{fill:#d7b77314}.hb-secret,.hb-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.hb-secret i{color:#d8bd85;background:linear-gradient(#183933,#102923);border:1px solid #92b79e40;border-radius:12px;place-items:center;height:60px;font:700 36px/1 monospace;display:grid;box-shadow:inset 0 3px 8px #0005}.hb-page .hb-start,.hb-page #hbCheck{color:#2e321e;background:linear-gradient(135deg,#ffe5a1,#eeb566);border-color:#ffdc93;box-shadow:0 3px #a66a36,inset 0 1px #fff8}.hb-page .hb-start{min-width:180px;padding:12px 22px}.hb-slots{margin-bottom:22px}.hb-page .hb-chip{background:linear-gradient(145deg, var(--chip-top), var(--chip-bottom));color:#1d3831;border:1px solid #e4efde;border-radius:10px;place-items:center;min-width:0;min-height:48px;padding:6px;font:800 24px/1 monospace;transition:transform .1s;display:inline-grid;box-shadow:0 4px #061d19,0 6px 12px #0004,inset 0 1px #fff9}.hb-page button.hb-chip:not(:disabled):hover{filter:brightness(1.09)}.hb-page button.hb-chip:not(:disabled):active{transform:translateY(2px)}.hb-page .hb-slot{border-radius:13px;min-height:70px;font-size:36px}.hb-page .hb-slot[data-symbol=empty]{color:#799b84;background:#071f1d;border-color:#476c5b;box-shadow:inset 0 4px 8px #0006}.hb-page .hb-slot[aria-pressed=true]{outline-offset:3px;outline:3px solid #ffd68d}.hb-palette{grid-template-columns:repeat(var(--hb-columns,6), minmax(0, 1fr));gap:10px;display:grid}.hb-input-actions{grid-template-columns:1fr 1.6fr;gap:10px;margin:22px 0 12px;display:grid}.hb-field #hbClear{color:#dce9d6;background:#ffffff08;border-color:#8ca78d66}.hb-paused{place-items:center;min-height:244px;display:grid}.hb-field #hbResume{color:#1d3831;background:#efdaa0;border-color:#e0ca88;padding:12px 26px}.hb-history-heading{border-bottom:1px solid #7d9e843b;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 8px;padding-bottom:10px;display:flex}.hb-history-title{color:#c9dcc8;margin:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.5}.hb-history-heading>span{letter-spacing:.06em;color:#92ad98;font:700 10px/1.4 monospace}.hb-history{margin:0;padding:0;list-style:none}.hb-row{border-bottom:1px solid #7d9e8426;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.hb-row-number{color:#93ae98;font:12px/1 monospace}.hb-digits{gap:7px;display:flex}.hb-page .hb-digits .hb-chip{border-radius:7px;min-width:34px;min-height:34px;font-size:19px;box-shadow:0 2px #061d19,inset 0 1px #fff8}.hb-clue{flex-wrap:wrap;gap:5px;font:700 12px/1.3 monospace;display:flex}.hb-clue>span{white-space:nowrap;border-radius:6px;padding:6px 8px}.hb-hit{color:#dbf4cc;background:#517c4160;border:1px solid #9bd78180}.hb-blow{color:#ffe2a1;background:#84602e45;border:1px solid #d9ac5c80}.hb-row.solved{background:linear-gradient(90deg,#0000,#d5e09318)}.hb-field [hidden],.hb-settings [hidden]{display:none!important}@media (width<=440px){.hb-stats{gap:8px;padding:16px 16px 12px}.hb-stats strong{font-size:20px}.hb-deck{padding:14px 16px 20px}.hb-attempt-track{padding-inline:16px}.hb-secret,.hb-slots{gap:9px}.hb-row{grid-template-columns:18px 1fr;gap:8px 10px}.hb-clue{grid-column:2}.hb-input-actions{grid-template-columns:1fr 1.35fr}}@media (width<=360px){.hb-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-palette:has(button[data-symbol="0"]){grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hb-stats span{font-size:10px}.hb-field #pauseButton{padding-inline:9px}}@media (prefers-reduced-motion:reduce){.hb-page .hb-chip{transition:none}}.hb-page .brand{gap:13px}.hb-brand-mark svg{width:100%;height:100%;display:block}@media (width<=360px){.hb-page .brand-name{letter-spacing:.1em;font-size:10px}}.hb-example{color:#173d35;background:#e5eee4;border:1px solid #a7b9ac;border-radius:12px;margin:16px 0;padding:14px}.hb-example figcaption{margin-bottom:12px;font-weight:700}.hb-example-row{grid-template-columns:62px repeat(4,minmax(0,1fr));align-items:center;gap:6px;margin:8px 0;display:grid}.hb-example-label{font-size:12px;font-weight:700}.hb-example-digit{background:linear-gradient(145deg, var(--chip-top), var(--chip-bottom));border:1px solid #173d3540;border-radius:7px;place-items:center;padding:10px 0;font:800 22px/1 monospace;display:grid}.hb-example-digit.is-hit{outline-offset:1px;outline:2px solid #285543}.hb-example-digit.is-blow{outline-offset:1px;outline:2px dashed #87510d}.hb-example-result{flex-wrap:wrap;gap:8px;margin:14px 0 8px;font:700 14px/1.4 monospace;display:flex}.hb-example-result span{background:#fffaf0;border:1px solid #789382;border-radius:5px;padding:5px 8px}#guideDialog .hb-example p{margin:8px 0 0;font-size:13px}#guideDialog details{margin:16px 0}#guideDialog summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:11px 0;font-weight:700}#guideDialog summary:focus-visible{outline-offset:2px;outline:3px solid #eb874f}@media (width<=360px){.hb-page .brand{gap:8px}.hb-example{padding:12px}.hb-example-row{grid-template-columns:48px repeat(4,minmax(0,1fr));gap:5px}}