.mj{--mj-r:var(--bad);--mj-g:var(--go);--mj-b:color-mix(in srgb, var(--tone-sky) 78%, var(--ink));--mj-k:var(--ink);--mj-y:var(--tone-sun);--mj-o:var(--tone-clay);--mj-p:var(--tone-berry);--mj-w:var(--card);gap:var(--s2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;display:grid}.hh-game--mahjong .hh-game__status{min-height:3em;color:var(--ink)}.hh-game--mahjong .hh-game__stage{min-height:0;display:block}@media (width<=600px){.hh-game--mahjong .hh-game__status{min-height:4.5em}}.mj-modes button{padding:0 var(--s3)}@media (width<=420px){.mj-modes button{padding:0 var(--s2)}.hh-game--mahjong .hh-game__bar-end{gap:var(--s1)}}.mj__stats{align-items:baseline;column-gap:var(--s5);padding:0 var(--s1);flex-wrap:wrap;row-gap:0;min-height:1.75rem;display:flex}.mj__stat{align-items:baseline;gap:var(--s2);display:inline-flex}.mj__stat-label{font-size:var(--fs-base);color:var(--ink-2);white-space:nowrap;font-weight:700}.mj__stat-value{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;min-width:3ch;font-weight:800}.mj__stat-short{display:none}@media (width<=420px){.mj__stats{column-gap:var(--s3);flex-wrap:nowrap}.mj__stat-long{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mj__stat-short{display:inline}}.mj__daily{min-width:0}.mj__daily[hidden]{display:none}.mj__viewwrap{width:100%;position:relative}.mj__view{background:var(--go-soft);border:2px solid var(--ink);border-radius:var(--r-tile);touch-action:none;outline:none;width:100%;height:420px;position:relative;overflow:hidden}.mj__view:focus-visible{box-shadow:var(--focus)}.mj__view.is-zoomed{cursor:grab}.mj__view.is-zoomed:active{cursor:grabbing}.mj__svg{width:100%;height:100%;display:block}.mj-t__back{fill:color-mix(in srgb, var(--go) 88%, var(--ink))}.mj-t__mid{fill:color-mix(in srgb, var(--paper) 72%, var(--line-strong))}.mj-t__face{fill:var(--card);stroke:var(--line-strong);stroke-width:1.2px}.mj-t__shade{fill:var(--ink);opacity:0;pointer-events:none;transition:opacity .16s}.mj-t__ring{fill:none;stroke:#0000;stroke-width:4px;pointer-events:none}.mj-t__in{transform-box:fill-box;transform-origin:50%;transition:transform .16s var(--ease), opacity .22s ease}.mj-t.is-free{cursor:pointer}.mj-t.is-free .mj-t__face{stroke:var(--ink-2)}.mj-t.is-blocked .mj-t__shade{opacity:.24}.mj-t.is-sel .mj-t__in{transform:translate(-3px,-4px)}.mj-t.is-sel .mj-t__face{fill:color-mix(in srgb, var(--hop) 55%, var(--card));stroke:var(--ink)}.mj-t.is-sel .mj-t__ring{stroke:var(--ink);stroke-width:4px}.mj-t.is-hint .mj-t__ring{stroke:var(--go);stroke-width:7px;animation:1.1s ease-in-out infinite mj-pulse}.mj-t.is-hint .mj-t__face{fill:color-mix(in srgb, var(--go) 16%, var(--card));stroke:var(--go)}.mj-t.is-hint .mj-t__shade{opacity:0}.mj-t.is-hint.is-sel .mj-t__face{fill:color-mix(in srgb, var(--hop) 55%, var(--card));stroke:var(--ink)}.mj-t.is-cursor .mj-t__ring{stroke:var(--ink);stroke-width:4px;stroke-dasharray:8 5}.mj-t.is-cursor.is-sel .mj-t__ring{stroke-dasharray:none;stroke-width:6px}.mj-t.is-gone{pointer-events:none}.mj-t.is-gone .mj-t__in{opacity:0;transform:scale(.84)}.mj-t.is-shake .mj-t__in{animation:.38s mj-shake}.mj.is-mixing .mj-t__sym{animation:.36s mj-mix}@keyframes mj-pulse{50%{stroke-width:4.5px}}@keyframes mj-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes mj-mix{40%{opacity:0}}.mj.is-still .mj-t__in,.mj.is-still .mj-t__shade{transition:none}.mj.is-still .mj-t.is-shake .mj-t__in,.mj.is-still .mj-t__sym,.mj.is-still .mj-t__ring{animation:none!important}@media (prefers-reduced-motion:reduce){.mj-t__in,.mj-t__shade{transition:none}.mj-t.is-shake .mj-t__in,.mj-t__sym,.mj-t__ring{animation:none!important}}.mj__zoom{right:var(--s2);bottom:var(--s2);gap:var(--s2);display:flex;position:absolute}.mj__zoom .hh-btn{width:48px;min-height:48px;padding:0}.mj__stuck{left:var(--s2);right:var(--s2);pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:6px}.mj__stuck-bar{pointer-events:auto;justify-content:center;gap:var(--s2);flex-wrap:wrap;display:flex}.mj__over.is-arming,.mj__stuck.is-arming .mj__stuck-bar{pointer-events:none}.mj__over{padding:var(--s3);background:color-mix(in srgb, var(--paper) 80%, transparent);border-radius:var(--r-tile);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.mj__over-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r-panel);width:min(420px,100%);padding:var(--s5);box-shadow:var(--shadow-2);text-align:center}.mj__over-title{font-size:var(--fs-xl);margin:0 0 var(--s3)}.mj__over-rows{gap:var(--s2);margin:0 0 var(--s4);grid-template-columns:repeat(3,1fr);display:grid}.mj__over-row{gap:0;display:grid}.mj__over-row dt{font-size:var(--fs-base);color:var(--ink-2);font-weight:700}.mj__over-row dd{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.mj__over-actions{gap:var(--s3);justify-items:stretch;display:grid}.mj__over-card .hh-dcard{margin:0 0 var(--s4)}.mj__over-meta{margin:var(--s3) 0 0;color:var(--ink-2)}.mj-pick-dialog{width:min(640px, calc(100vw - 2 * var(--s4)))}.mj-pick-dialog[open]{flex-direction:column;display:flex}.mj-pick-dialog .hh-dialog__body{flex:1;min-height:0}.mj-pick__grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.mj-pick__opt{text-align:left;padding:var(--s2) var(--s3) var(--s3);min-height:var(--tap);border:2px solid var(--line-strong);border-radius:var(--r-btn);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;justify-items:start;gap:2px;display:grid}.mj-pick__opt:hover{border-color:var(--ink)}.mj-pick__opt:focus-visible{box-shadow:var(--focus);outline:none}.mj-pick__opt[aria-pressed=true]{border-color:var(--ink);background:var(--go-soft)}.mj-pick__map{width:100%;height:72px;margin-bottom:var(--s1)}.mj-pick__t{fill:var(--card);stroke:var(--ink-2);stroke-width:.9px}.mj-pick__t.z1{fill:color-mix(in srgb, var(--go-soft) 50%, var(--card))}.mj-pick__t.z2{fill:var(--go-soft)}.mj-pick__t.z3{fill:color-mix(in srgb, var(--go) 22%, var(--card))}.mj-pick__t.z4{fill:color-mix(in srgb, var(--go) 36%, var(--card))}.mj-pick__name{font-weight:800;font-size:var(--fs-md)}.mj-pick__now{margin-top:var(--s1);padding:0 var(--s2);border-radius:var(--r-field);background:var(--ink);color:var(--card);font-size:var(--fs-base);justify-self:start;font-weight:700;line-height:1.6}.mj-pick__note,.mj-pick__count{font-size:var(--fs-base);color:var(--ink-2)}@media (width<=420px){.mj-pick__grid{gap:var(--s2);grid-template-columns:1fr 1fr}.mj-pick-dialog .hh-dialog__body{padding:var(--s4)}}