.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) var(--s2);border:0;border-block:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:0;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;-webkit-tap-highlight-color:transparent;transition:background-color .12s}.hh-dcard__in--btn:hover{background:#17323a0d}.hh-dcard__in--btn:active{background:#17323a1a}.hh-dcard__in--btn:focus-visible{box-shadow:var(--focus);border-radius:var(--r-field)}.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:var(--fw-title,800)}.hh-dcard__rank span{font-size:var(--fs-md);font-weight:var(--fw-strong,700)}.hh-dcard__fail{font-size:1.375rem;font-weight:var(--fw-title,800);margin:0;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--small{color:var(--ink-2)}.hh-dcard__text--wait{align-items:center;gap:var(--s2);display:flex}.hh-dcard__wait-text{-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{align-items:center;gap:var(--s2);white-space:nowrap;font-size:var(--fs-base);font-weight:var(--fw-strong,700);color:var(--ink);display:inline-flex}.hh-dcard__go span{text-underline-offset:.18em;text-decoration:underline .08em}.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{grid-area:go;align-self:end}.hh-dcard__in--btn:not(:has(>.hh-dcard__main)){gap:var(--s1);flex-direction:column;display:flex}.hh-dcard__in--btn:not(:has(>.hh-dcard__main))>.hh-dcard__go{align-self:flex-end;margin-top:auto}.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:80px}.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{align-self:center}.hh-dcard__in--btn:not(:has(>.hh-dcard__main)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text go";display:grid}.hh-dcard__in--btn:not(:has(>.hh-dcard__main))>.hh-dcard__go{align-self:center;margin-top:0}.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{min-height:var(--tap);padding:0 var(--s3);grid-area:go}.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__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);line-height:1.375;font-weight:var(--fw-body,400);margin:0;display:flex}.hh-dstatus__loader{min-width:0}.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;font-weight:var(--fw-strong,700);text-underline-offset:.18em;background:0 0;border:0;margin:-10px 0;padding:10px 4px;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:var(--fw-strong,700)}.hh-hist__you{fill:var(--go);font-size:16px;font-weight:var(--fw-strong,700);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:var(--fw-title,800)}.hh-board__rank span{font-size:var(--fs-md);font-weight:var(--fw-strong,700)}.hh-board__rank--small strong{font-size:1.375rem}.hh-board__fail-title{font-size:var(--fs-lg);font-weight:var(--fw-title,800)}.hh-board__better{font-weight:var(--fw-body,400)}.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:var(--fw-body,400)}@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(--s2);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{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{font-weight:var(--fw-body,400);justify-self:start}}.hh-board__row--you{background:var(--go-soft)}.hh-board__row--you .hh-board__nm{font-weight:var(--fw-strong,700)}.hh-board__pos{border-radius:var(--r-field);background:var(--paper);border:1px solid var(--line);width:32px;height:32px;font-weight:var(--fw-strong,700);font-size:var(--fs-base);place-items:center;display:grid}.hh-board__row--you .hh-board__pos{background:var(--card)}.hh-board__row:nth-child(-n+3) .hh-board__pos{border-color:var(--ink)}.hh-board__who{min-width:0;line-height:1.25;display:grid}.hh-board__nm{font-weight:var(--fw-body,400);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hh-board__me{font-weight:inherit}.hh-board__detail{color:var(--ink-2);font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hh-board__val{font-weight:var(--fw-strong,700);font-variant-numeric:tabular-nums;white-space:nowrap}.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:var(--fw-strong,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);font-weight:var(--fw-strong,700);min-height:var(--tap);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);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}.hh-game__info{justify-content:space-between;align-items:center;gap:var(--s1) var(--s4);flex-wrap:wrap;display:flex}.hh-game__info:empty{display:none}.hh-modeswitch{max-width:100%}.hh-seg.hh-modeswitch button{white-space:nowrap}@media (width<=600px){.hh-seg.hh-modeswitch button{padding:0 var(--s3)}}.hh-setup{gap:var(--s5);width:min(440px,100%);margin-inline:auto;display:grid}.hh-setup__art{justify-self:center;width:min(220px,56%)}.hh-setup__art svg{border-radius:var(--r-tile);width:100%;height:auto}.hh-setup__title{text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-title,800);margin:0}.hh-setup__rows{gap:var(--s4);display:grid}.hh-setup__row{gap:var(--s2);display:grid}.hh-setup__label{font-weight:var(--fw-strong,700)}.hh-setup .hh-seg{width:100%;display:flex}.hh-setup .hh-seg button{min-width:0;padding:0 var(--s2);text-align:center;flex:1 1 0;line-height:1.2}.hh-setup__hint{font-size:var(--fs-base);font-weight:var(--fw-body,400);color:var(--ink-2);margin:0}.hh-setup .hh-setup__start{width:100%}.hh-setup__more{gap:var(--s3);display:grid}.hh-setup__more .hh-btn{width:100%}.hh-setup__note{text-align:center;font-size:var(--fs-base);font-weight:var(--fw-body,400);color:var(--ink-2);margin:0}.hh-picker{gap:var(--s4);width:min(420px,100%);margin-inline:auto;display:grid}.hh-picker__title{text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-title,800);margin:0}.hh-picker__item{gap:var(--s1);display:grid}.hh-picker .hh-picker__btn{text-align:left;justify-content:flex-start;width:100%}.hh-picker__picto{flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.hh-picker__picto svg{width:100%;height:100%}.hh-picker__text{padding-inline:var(--s1);font-size:var(--fs-base);font-weight:var(--fw-body,400);color:var(--ink-2);margin:0}.hh-stats{align-items:center;gap:var(--s1) var(--s5);font-size:var(--fs-md);flex-wrap:wrap;margin:0;padding:0;display:flex}.hh-stats__item{align-items:center;gap:var(--s2);margin:0;display:inline-flex}.hh-stats__icon{flex:none;display:inline-flex}.hh-stats__label{font-weight:var(--fw-body,400);color:var(--ink-2);margin:0}.hh-stats__value{font-weight:var(--fw-strong,700);font-variant-numeric:tabular-nums;margin:0}.hh-stats--ended{justify-content:center}.hh-turn{min-height:1.75em;font-size:var(--fs-md);font-weight:var(--fw-body,400);color:var(--ink-2);align-items:center;display:flex}.hh-turn[data-state=mine]{color:var(--ink);font-weight:var(--fw-strong,700)}.hh-loader--failed .hh-loader__dot{animation:none}.hh-loader--failed{row-gap:var(--s2);flex-wrap:wrap}.hh-loader__retry{white-space:nowrap;flex:none;margin-inline-start:var(--s3)}.hh-ended__cover{width:min(200px,50%)}.hh-ended__cover svg{border-radius:var(--r-tile);width:100%;height:auto}@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)}}