.hh-spin{border:3px solid var(--line);border-top-color:var(--go);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite hh-spin;display:inline-block}@keyframes hh-spin{to{transform:rotate(360deg)}}.hh-ic{flex:none;display:inline-flex}.hh-dcard{--daily-card-h:132px;width:100%;container:hhdcard/inline-size}.hh-dcard__live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hh-dcard__in{box-sizing:border-box;width:100%;height:var(--daily-card-h);gap:var(--s2);padding:var(--s3);border:2px solid var(--ink);border-radius:var(--r-tile);background:var(--card);color:var(--ink);font:inherit;text-align:left;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:start;margin:0;display:grid;overflow:hidden}.hh-dcard__in--btn{cursor:pointer;box-shadow:0 3px 0 var(--ink);-webkit-tap-highlight-color:transparent;transition:transform 80ms var(--ease), box-shadow 80ms var(--ease), background-color .12s;height:calc(var(--daily-card-h) - 3px)}.hh-dcard__in--btn:hover{background:#f7faf8}.hh-dcard__in--btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.hh-dcard__in--btn:focus-visible{box-shadow:0 3px 0 var(--ink), var(--focus)}.hh-dcard__main{justify-content:space-between;align-items:flex-end;gap:var(--s3);min-width:0;display:flex}.hh-dcard__rank{white-space:nowrap;min-width:0;margin:0;line-height:1.1}.hh-dcard__rank strong{font-size:var(--fs-2xl);font-weight:800}.hh-dcard__rank span{font-size:var(--fs-md);font-weight:700}.hh-dcard__fail{margin:0;font-size:1.375rem;font-weight:800;line-height:1.2}.hh-dcard__mini{flex:none;width:96px;height:40px}.hh-dcard__text{font-size:var(--fs-base);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.hh-dcard__text--strong{font-weight:700}.hh-dcard__text--small{color:var(--ink-2)}.hh-dcard__text--wait{align-items:center;gap:var(--s2);display:flex}.hh-dcard__text--wait span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hh-dcard__text--wait .hh-ic{color:var(--warn)}.hh-dcard__actions{justify-content:flex-end;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.hh-dcard__go{display:none}.hh-dcard__in--btn:has(>.hh-dcard__main){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main main""text go"}.hh-dcard__in--btn:has(>.hh-dcard__main)>.hh-dcard__main{grid-area:main}.hh-dcard__in--btn:has(>.hh-dcard__main)>.hh-dcard__text{grid-area:text}.hh-dcard__in--btn:has(>.hh-dcard__main)>.hh-dcard__go{align-self:end;align-items:center;gap:var(--s1);font-size:var(--fs-base);color:var(--ink);white-space:nowrap;grid-area:go;font-weight:700;display:inline-flex}.hh-dcard[data-state=unranked] .hh-dcard__in,.hh-dcard[data-state=error] .hh-dcard__in{grid-template-rows:auto auto}@container hhdcard (width>=560px){.hh-dcard__in{height:80px;padding:var(--s2) var(--s4);align-items:center;gap:var(--s4);grid-template:"rank text mini go"minmax(0,1fr)/auto minmax(0,1fr) auto auto}.hh-dcard__in--btn{height:77px}.hh-dcard__in--btn:has(>.hh-dcard__main){grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"rank text mini go"}.hh-dcard__in--btn:has(>.hh-dcard__main)>.hh-dcard__text{grid-area:text}.hh-dcard__in--btn:has(>.hh-dcard__main)>.hh-dcard__go{font-size:inherit;color:inherit;align-self:center}.hh-dcard__main{display:contents}.hh-dcard__rank,.hh-dcard__fail{grid-area:rank}.hh-dcard__mini{grid-area:mini;width:160px}.hh-dcard__text{grid-area:text}.hh-dcard__go{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);border:2px solid var(--ink);border-radius:var(--r-btn);grid-area:go;font-weight:700;display:inline-flex}.hh-dcard__actions{grid-area:go}.hh-dcard[data-state=unranked] .hh-dcard__in,.hh-dcard[data-state=error] .hh-dcard__in{grid-template:"text go"minmax(0,1fr)/minmax(0,1fr) auto}.hh-dcard[data-state=sending] .hh-dcard__text,.hh-dcard[data-state=queued] .hh-dcard__text,.hh-dcard[data-state=busy] .hh-dcard__text{grid-column:1/-1}.hh-dcard[data-state=hidden] .hh-dcard__in{align-content:center;gap:2px var(--s4);grid-template-rows:auto auto;grid-template-areas:"text text text go""small small small go"}.hh-dcard[data-state=hidden] .hh-dcard__text--small{-webkit-line-clamp:1;grid-area:small}}.hh-dcard--compact{height:100%}.hh-dcard--compact .hh-dcard__in{height:100%;min-height:100px;padding:var(--s2) var(--s3);gap:var(--s1)}.hh-dcard--compact .hh-dcard__in--btn{height:calc(100% - 3px);min-height:97px}.hh-dcard--compact .hh-dcard__text{-webkit-line-clamp:2}.hh-dcard--compact .hh-dcard__text--small{display:none}.hh-dcard--compact .hh-dcard__rank strong{font-size:var(--fs-xl)}.hh-dstatus{align-items:center;gap:var(--s2);min-height:2.75em;font-size:var(--fs-base);color:var(--ink);margin:0;font-weight:600;line-height:1.375;display:flex}.hh-dstatus .hh-ic{color:var(--go)}.hh-dstatus[data-status=offline] .hh-ic,.hh-dstatus[data-status=offline_started] .hh-ic{color:var(--warn)}.hh-dstatus__text{min-width:0}.hh-dstatus__act{cursor:pointer;color:var(--go);font:inherit;text-underline-offset:.18em;background:0 0;border:0;margin:-10px 0;padding:10px 4px;font-weight:700;text-decoration:underline;display:inline}.hh-dstatus__act:focus-visible{box-shadow:var(--focus);border-radius:var(--r-field)}.hh-hist{display:block;overflow:visible}.hh-hist__bar{fill:var(--chart-bar)}.hh-hist__bar--you{fill:var(--go)}.hh-hist__bar--zero{fill:var(--line)}.hh-hist__tri{fill:var(--go)}.hh-hist__base{stroke:var(--line-strong);stroke-width:1px}.hh-hist__lbl{fill:var(--ink-2);font-size:16px;font-family:var(--font);font-variant-numeric:tabular-nums}.hh-hist__lbl--you{fill:var(--ink);font-weight:800}.hh-hist__you{fill:var(--go);font-size:16px;font-weight:800;font-family:var(--font)}.hh-board{gap:var(--s4);display:grid;container:hhboard/inline-size}.hh-board__variants{gap:var(--s2);display:flex}.hh-board__seg{max-width:100%;display:flex}.hh-board__seg button{min-height:48px;padding:0 var(--s3);white-space:nowrap}@container hhboard (width<=520px){.hh-board__seg{width:100%}.hh-board__seg button{min-width:0;padding:0 var(--s1);flex:1 1 0}}.hh-board__body{min-height:360px}.hh-board__grid{gap:var(--s5);display:grid}.hh-board__col{gap:var(--s5);align-content:start;min-width:0;display:grid}@container hhboard (width>=720px){.hh-board__grid{gap:var(--s6);grid-template-columns:minmax(0,11fr) minmax(0,9fr)}}.hh-board__sec{gap:var(--s2);align-content:start;min-width:0;display:grid}.hh-board__sec>p{margin:0}.hh-board__h{font-size:var(--fs-lg);margin:0 0 var(--s1)}.hh-board__muted{color:var(--ink-2);font-size:var(--fs-base)}.hh-board__rank{margin:0;line-height:1.1}.hh-board__rank strong{font-size:var(--fs-2xl);font-weight:800}.hh-board__rank span{font-size:var(--fs-md);font-weight:700}.hh-board__rank--small strong{font-size:1.375rem}.hh-board__fail-title{font-size:var(--fs-lg);font-weight:800}.hh-board__better{font-weight:700}.hh-board__namewrap{gap:var(--s1);display:grid}.hh-board__namewrap p{margin:0}.hh-board__name{align-items:center;gap:0 var(--s2);flex-wrap:wrap;display:flex}.hh-board__name .hh-btn{padding:0 var(--s2);color:var(--go)}.hh-board__hist{width:100%}.hh-board__ends{justify-content:space-between;gap:var(--s3);color:var(--ink-2);font-size:var(--fs-base);margin:0;display:flex}.hh-board__legend{color:var(--ink-2);margin:0}.hh-board__rule{margin:var(--s2) 0 0;font-size:var(--fs-base)}.hh-board__empty{font-weight:700}@container hhboard (width<=520px){.hh-hist--many .hh-hist__lbl--odd:not(.hh-hist__lbl--you){display:none}}.hh-board__list{margin:0;padding:0;list-style:none;display:grid}.hh-board__row{grid-template-columns:32px 32px minmax(0, 1fr) auto var(--tap);align-items:center;gap:0 var(--s2);min-height:48px;padding:var(--s1) 0 var(--s1) var(--s1);border-bottom:1px solid var(--line);grid-template-areas:"pos av who val act";display:grid}.hh-board__row>.hh-board__pos{grid-area:pos}.hh-board__row>.hh-avatar,.hh-board__row>.hh-board__anon{grid-area:av}.hh-board__row>.hh-board__who{grid-area:who}.hh-board__row>.hh-board__val{grid-area:val}.hh-board__row>.hh-board__act{grid-area:act}@container hhboard (width<=460px){.hh-board__row{grid-template-columns:32px 32px minmax(0, 1fr) var(--tap);grid-template-areas:"pos av who act""pos av val act"}.hh-board__row>.hh-board__val{justify-self:start;font-weight:600}}.hh-board__row--you{background:var(--go-soft);box-shadow:inset 4px 0 0 var(--go);padding-left:var(--s3)}.hh-board__pos{border-radius:var(--r-field);background:var(--paper);border:1px solid var(--line);width:32px;height:32px;font-weight:700;font-size:var(--fs-base);place-items:center;display:grid}.hh-board__row:nth-child(-n+3) .hh-board__pos{border-color:var(--ink);font-weight:800}.hh-board__anon{width:var(--size);height:var(--size);color:var(--ink-2);place-items:center;display:inline-grid}.hh-board__who{min-width:0;line-height:1.25;display:grid}.hh-board__nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.hh-board__me{font-weight:400}.hh-board__detail{color:var(--ink-2);font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hh-board__val{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.hh-board__act{width:var(--tap);place-items:center;display:grid}.hh-board__act .hh-btn{color:var(--ink-2)}.hh-board__reported{width:var(--tap);height:var(--tap);color:var(--go);place-items:center;display:grid}.hh-board__gap{text-align:center;color:var(--ink-2);padding:var(--s1) 0;line-height:1}.hh-board__days{margin:0;padding:0;list-style:none;display:grid}.hh-board__day{gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line);font-size:var(--fs-base);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:baseline;display:grid}.hh-board__day-date{font-weight:700}.hh-board__day-rank small{color:var(--ink-2);font-size:var(--fs-base)}.hh-board__day-val{font-variant-numeric:tabular-nums}.hh-board__all{margin-top:var(--s2);justify-self:start}.hh-board__state{align-items:center;gap:var(--s2);min-height:var(--tap);font-weight:700;display:flex}.hh-board__state--error .hh-ic{color:var(--warn)}.hh-board__fail{gap:var(--s3);padding:var(--s4) 0;justify-items:start;display:grid}.hh-board__skeleton{margin-top:var(--s4)}.hh-sk{border-radius:var(--r-btn);background:var(--paper);border:2px solid var(--line);display:block}.hh-sk--place{height:190px}.hh-sk--chart{height:300px}.hh-sk--top{height:560px}.hh-sk--hist{height:180px}.hh-dialog.hh-dialog--board{width:min(960px, calc(100vw - 2 * var(--s4)));max-height:90dvh}.hh-dialog.hh-dialog--board .hh-dialog__body{padding-top:var(--s4)}@media (width<=560px){.hh-dialog.hh-dialog--board.hh-dialog--full{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}}.hh-game{gap:var(--s3);background:var(--card);border:2px solid var(--ink);border-radius:var(--r-panel);padding:var(--s3);-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:420px;display:flex;position:relative}.hh-game__bar{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.hh-game__bar-start,.hh-game__bar-end{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.hh-game__bar-end{margin-left:auto}.hh-game__bar-tail{align-items:center;gap:inherit;margin-left:auto;display:flex}.hh-game__stage{touch-action:manipulation;flex:1;place-items:center;min-height:300px;display:grid;position:relative}.hh-game__status{text-align:center;min-height:1.5em;color:var(--ink-2);margin:0;font-weight:700}.hh-choice{gap:var(--s3);width:min(420px,100%);display:grid}.hh-choice__title{font-size:var(--fs-xl);text-align:center;margin-bottom:var(--s2);font-weight:800}.hh-ended{justify-content:flex-start;align-items:center}.hh-ended__box{gap:var(--s4);text-align:center;margin-top:var(--s6);justify-items:center;display:grid}.hh-ended__title{font-size:var(--fs-xl);margin:0;font-weight:800}.hh-ended__actions{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.hh-result{text-align:center;gap:var(--s3);justify-items:center;display:grid}.hh-result__big{font-size:var(--fs-2xl);font-weight:800}@media (width<=600px){.hh-game{padding:var(--s2);border-left:0;border-right:0;border-radius:0}.hh-game__bar .hh-btn{flex-direction:column;gap:2px;min-width:56px;min-height:52px;padding:4px 6px}.hh-game__bar .hh-btn .hh-btn__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hh-game__bar .hh-btn .hh-btn__short{white-space:nowrap;font-size:.875rem;font-weight:700;line-height:1.1;display:block}.hh-game__bar .hh-btn--icon{min-width:var(--tap)}}