.mahjong{margin-inline:auto;container-type:inline-size}.mj-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:clamp(1rem,3vw,1.75rem);display:flex}.mj-bar__spacer{flex:auto}.mj-btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--step-1);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .9rem;line-height:1.2;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.mj-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}.mj-btn--go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.mj-btn--go:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.mj-btn--toggle[data-on=false]{color:var(--text-faint);border-color:var(--border)}.mj-seg{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mj-seg__btn{background:var(--bg-raised);color:var(--text-muted);font:inherit;font-size:var(--step-1);cursor:pointer;border:0;padding:.5rem .75rem;transition:background-color .15s,color .15s}.mj-seg__btn+.mj-seg__btn{border-left:1px solid var(--border-strong)}.mj-seg__btn:hover,.mj-seg__btn[aria-pressed=true]{background:var(--bg-hover);color:var(--text)}.mj-stats{font-size:var(--step-1);color:var(--text-muted);font-variant-numeric:tabular-nums;gap:1.1rem;display:flex}.mj-stats b{color:var(--text);font-weight:500}.mj-board-wrap{border-radius:var(--radius-lg);background:repeating-linear-gradient(45deg,#8fc22b1a 0 6px,#0000 6px 12px),linear-gradient(150deg,#23301a 0%,#17200f 100%);margin:-.5rem;padding:.5rem;overflow-x:auto}.mj-board{touch-action:manipulation;gap:3px;width:min(100%,52rem);margin-inline:auto;display:grid;position:relative}.mj-tile{cursor:pointer;user-select:none;opacity:1;background:linear-gradient(160deg,#fbf9f2 0%,#e6e1d2 100%);border-radius:15%;justify-content:center;align-items:center;transition:transform 80ms,opacity .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;transform:scale(1)translateY(0);box-shadow:inset 0 1px #fff9,inset 0 -3px #00000026,0 2px 3px #00000059;container-type:inline-size}.mj-face{color:#221f1b;font-size:60cqi;font-weight:700;line-height:1}.mj-tile:hover{transform:translateY(-1px)}.mj-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:2}.mj-tile[data-empty=true]{box-shadow:none;opacity:0;cursor:default;pointer-events:none;background:0 0;transform:scale(.6)}.mj-tile[data-empty=true]:hover{transform:scale(.6)}.mj-tile[data-selected=true]{box-shadow:0 0 0 3px var(--accent), inset 0 1px 0 #fff9, 0 2px 6px #0006;z-index:1;transform:translateY(-2px)}.mj-tile[data-matched=true]{box-shadow:0 0 0 3px var(--accent), 0 0 14px 2px #8fc22bb3, inset 0 1px 0 #fff9;z-index:3}@keyframes mj-invalid-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.mj-tile[data-invalid=true]{animation:.22s mj-invalid-shake;box-shadow:0 0 0 3px #d3574c,inset 0 1px #fff9,0 2px 3px #00000059}@keyframes mj-hint-pulse{0%,to{box-shadow:0 0 0 3px #e7b84be6,inset 0 1px #fff9,0 2px 3px #00000059}50%{box-shadow:0 0 0 3px #e7b84b4d,inset 0 1px #fff9,0 2px 3px #00000059}}.mj-tile[data-hint=true]{animation:.55s ease-in-out infinite mj-hint-pulse}.mj-connector{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mj-connector__line{fill:none;stroke:#e7b84b;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #e7b84bcc)}.mj-connector__spark{fill:#fff6de;filter:drop-shadow(0 0 6px #e7b84bf2)}.mj-result,.mj-stuck{border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.mj-result{border:1px solid var(--accent);background:#8fc22b17}.mj-stuck{background:#e7b84b1a;border:1px solid #e7b84b}.mj-result p,.mj-stuck p{margin:0}.mj-result strong{font-weight:500}.mj-help{font-size:var(--step-1);color:var(--text-faint);margin-top:1rem}.mahjong [hidden]{display:none}@media (width<=30rem){.mj-bar{gap:.4rem .5rem}.mj-bar__spacer{flex-basis:100%;height:0}.mj-stats{width:100%}}.mj-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);max-width:min(26rem,100vw - 2rem);padding:clamp(1.25rem,4vw,1.75rem);box-shadow:0 24px 60px #0000008c}.mj-dialog::backdrop{background:#0009}.mj-dialog__title{font-size:var(--step1);margin:0 0 .5rem;font-weight:500}.mj-dialog__note{font-size:var(--step-1);color:var(--text-muted);margin:0 0 1.25rem}.mj-dialog__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=26rem){.mj-dialog__actions{flex-direction:column-reverse}.mj-dialog__actions .mj-btn{justify-content:center}}.crumb[data-astro-cid-6v6g37qh]{color:inherit;border-bottom:1px solid var(--border-strong);text-decoration:none}.crumb[data-astro-cid-6v6g37qh]:hover{color:var(--text);border-color:var(--text)}.page-title[data-astro-cid-6v6g37qh]{font-size:var(--step3)}.lede[data-astro-cid-6v6g37qh]{max-width:var(--measure);color:var(--text-muted);margin-top:.75rem;margin-bottom:clamp(2rem,5vw,3rem)}