.hb{--bk:#0f0a06;--iv:#fffde7;--rd:#ff2a00;--ye:#ffb700;color:var(--iv);background:var(--bk);font-family:"M PLUS Rounded 1c",Zen Kaku Gothic New,sans-serif;overflow-x:clip}.hb :focus-visible{outline:3px solid var(--ye);outline-offset:2px}.hb button{cursor:pointer;color:inherit;font-family:inherit}.hb-head{text-align:center;background:linear-gradient(180deg, #3a1000, var(--bk));padding:calc(48px + 1.2rem) clamp(1rem,4vw,3rem) 1rem}.hb-live{background:var(--rd);border:2px solid #fff;align-items:center;gap:.5rem;padding:.1rem .9rem;font-size:.78rem;font-weight:900;display:inline-flex}.hb-live i{background:#fff;border-radius:50%;width:.6rem;height:.6rem;animation:1s steps(2,end) infinite hb-blink}@keyframes hb-blink{50%{opacity:.2}}.hb-head h1{color:var(--ye);-webkit-text-stroke:3px #3a0a00;paint-order:stroke fill;text-shadow:5px 5px 0 var(--rd);margin-top:.8rem;font-size:clamp(2.2rem,9vw,5.4rem);font-weight:900;line-height:1.1}.hb-head h1 span{color:var(--iv);font-size:.55em}.hb-lead{color:#ffe9b0;max-width:34rem;margin:.8rem auto 0;font-size:.86rem;font-weight:700;line-height:1.8}.hb-stage-sec{max-width:52rem;margin:0 auto;padding:.8rem clamp(.6rem,3vw,1.2rem) 2.2rem}.hb-meter{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;font-size:.8rem;font-weight:900;display:grid}.hb-meter b{color:var(--ye);font-size:1.6rem}.hb-bar{border:2px solid var(--iv);background:#000;height:.9rem}.hb-bar i{background:linear-gradient(90deg, var(--ye), var(--rd));height:100%;transition:width .5s;display:block}.hb-stage{border:4px solid var(--iv);background:#000;margin-top:.7rem;position:relative;overflow:hidden}.hb-svg{width:100%;height:auto;display:block}.hb-steam path{animation:3s ease-in-out infinite hb-steam}.hb-steam path:nth-child(2){animation-delay:.8s}.hb-steam path:nth-child(3){animation-delay:1.6s}@keyframes hb-steam{50%{opacity:.2;transform:translateY(-14px)}}.hb-man.is-sway{animation:hb-sway var(--sw,.5s) ease-in-out infinite alternate}@keyframes hb-sway{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}.hb-cut{color:#000;width:min(14rem,42%);box-shadow:5px 5px 0 var(--rd);background:#fff;border:3px solid #000;margin:0;padding:.3rem .3rem .1rem;animation:.4s cubic-bezier(.3,1.6,.4,1) hb-cut;position:absolute;top:4%;right:3%;transform:rotate(3deg)}.hb-cut[hidden]{display:none}@keyframes hb-cut{0%{transform:rotate(3deg)scale(0)}}.hb-cut img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hb-cut figcaption{padding:.2rem .2rem .1rem;font-size:.66rem;line-height:1.3}.hb-cut small{color:var(--rd);font-weight:900;display:block}.hb-judge{white-space:nowrap;color:var(--ye);-webkit-text-stroke:3px #3a0a00;paint-order:stroke fill;text-shadow:4px 4px 0 var(--rd);pointer-events:none;opacity:0;font-size:clamp(1.6rem,7vw,3.4rem);font-weight:900;position:absolute;top:36%;left:50%;translate:-50%}.hb-telop{text-align:center;background:var(--rd);border-top:3px solid var(--iv);padding:.4rem .8rem;font-size:.86rem;font-weight:900;position:absolute;bottom:0;left:0;right:0}.hb-ctrl{grid-template-columns:2fr 1fr;gap:.6rem;margin-top:.8rem;display:grid}.hb-push{letter-spacing:.2em;color:#fff;background:var(--rd);border:4px solid var(--iv);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:.7rem;padding:1rem;font-size:1.6rem;font-weight:900;box-shadow:0 7px #7a1000}.hb-push:active:not(:disabled),.hb-push.is-down{transform:translateY(6px);box-shadow:0 1px #7a1000}.hb-push:disabled{opacity:.35;cursor:default;box-shadow:none}.hb-start{color:#000;background:var(--ye);border:4px solid var(--iv);border-radius:.7rem;padding:.6rem;font-size:.95rem;font-weight:900}.hb-start:disabled{opacity:.4;cursor:default}.hb-result{border-left:6px solid var(--ye);background:#1f1209;min-height:3.2rem;margin-top:.7rem;padding:.5rem .8rem;font-size:.86rem;font-weight:700;line-height:1.7}.hb-rank{text-align:center;color:#000;background:var(--ye);border:4px solid var(--rd);margin-top:.8rem;padding:.9rem;font-size:1.15rem;font-weight:900;line-height:1.7}.hb-rank[hidden]{display:none}.hb-lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.9rem;list-style:none;display:grid}.hb-lineup button{text-align:left;background:#1f1209;border:2px solid #5a3a1a;width:100%;padding:.25rem;font-size:.6rem;font-weight:700;line-height:1.3;display:grid}.hb-lineup button:hover:not(:disabled){border-color:var(--ye)}.hb-lineup button:disabled{cursor:default}.hb-lineup button.is-cur{border-color:var(--rd);box-shadow:0 0 0 2px var(--rd)}.hb-lineup img{aspect-ratio:1;object-fit:cover;filter:grayscale()brightness(.55);width:100%;display:block}.hb-lineup .is-done img{filter:none}.hb-lineup .st{text-align:center;background:#5a3a1a;margin-top:.15rem;padding:0 .2rem;font-weight:900}.hb-lineup .is-done .st{background:var(--ye);color:#000}.hb-reset{background:0 0;border:2px solid #5a3a1a;margin-top:.8rem;padding:.4rem 1rem;font-size:.74rem}.hb-reset:hover{border-color:var(--ye)}.hb-sec{border-top:4px solid var(--rd);padding:clamp(2.4rem,6vh,4rem) clamp(1rem,5vw,4rem)}.hb-sec-2{background:#1a0f08}.hb-wrap{max-width:62rem;margin-inline:auto}.hb-k{letter-spacing:.1em;background:var(--ye);color:#000;padding:.05rem .9rem;font-size:.78rem;font-weight:900;display:inline-block}.hb-h2{margin-top:.5rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;line-height:1.3}.hb-plain{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;margin-top:1rem;list-style:none;display:grid}.hb-plain li{border:2px solid #5a3a1a;gap:.15rem;padding:.4rem;display:grid}.hb-plain img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hb-plain b{margin-top:.3rem;font-size:.78rem;line-height:1.4}.hb-plain small{color:#d8c090;font-size:.64rem;line-height:1.5}.hb-two{grid-template-columns:1fr minmax(18rem,26rem);align-items:start;gap:clamp(1.6rem,5vw,4rem);display:grid}.hb-text{color:#f0e4c0;max-width:30rem;margin-top:.8rem;font-size:.9rem;line-height:2}.hb-small{color:#d8c090;margin-top:.8rem;font-size:.74rem}.hb-menu{border-top:3px solid var(--rd);margin-top:.8rem;list-style:none}.hb-menu li{border-bottom:1px solid #5a3a1a;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid}.hb-menu b{display:block}.hb-menu small{color:#d8c090;font-size:.68rem}.hb-menu em{color:var(--ye);white-space:nowrap;font-style:normal;font-weight:900}.hb-sns{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;list-style:none;display:flex}.hb-sns a{color:#000;background:var(--ye);border:3px solid var(--iv);box-shadow:4px 4px 0 var(--rd);padding:.7rem 1.6rem;font-weight:900;text-decoration:none;display:inline-block}.hb-sns a:hover{background:var(--iv)}.hb-foot{color:#d8c090;border-top:4px solid var(--rd);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);font-size:.7rem;display:flex}.hb-foot a{color:var(--ye)}@media (width<=760px){.hb-two{grid-template-columns:1fr}.hb-meter{grid-template-columns:1fr;gap:.2rem}}@media (prefers-reduced-motion:reduce){.hb-live i,.hb-steam path,.hb-man.is-sway,.hb-cut{animation:none}}
