.reference-intro,.reference-toc,.reference-content>section,.reference-content>aside{border:1px solid var(--color-panel-border);background-color:var(--color-panel);box-shadow:var(--shadow-panel);border-radius:.75rem}.reference-page{max-width:82rem}.reference-intro,.reference-content>section,.reference-content>aside{margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.reference-intro>p:first-child{color:var(--color-mahjong-red);letter-spacing:.08em;text-transform:uppercase;margin-top:0;font-weight:700}.reference-layout{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.reference-toc{max-height:calc(100vh - 6.5rem);padding:1rem;position:sticky;top:5.25rem;overflow-y:auto}.reference-toc h2{margin-bottom:.75rem;font-size:1.1rem}.reference-toc ol{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.reference-toc a{color:var(--color-mahjong-black);border:1px solid #0000;border-radius:.4rem;grid-template-columns:1.75rem minmax(0,1fr);gap:.35rem;padding:.6rem .7rem;font-size:.9rem;font-weight:600;text-decoration:none;display:grid}.reference-toc a span{color:var(--color-mahjong-red);font-size:.75rem;font-weight:700}.reference-toc a:hover{border-color:var(--color-panel-border);background-color:#1e5b4f14}.reference-toc a[aria-current=location]{color:var(--color-table-deep);background-color:#1e5b4f24;border-color:#1e5b4f33}.reference-toc a:focus-visible{outline:2px solid var(--color-mahjong-green);outline-offset:2px}.reference-content{min-width:0}.reference-content>section{scroll-margin-top:5.25rem}.reference-page dt{font-weight:700}.reference-page dd+dt{margin-top:.75rem}.reference-tile-groups{gap:1.25rem;margin-block:1.5rem;display:grid}.reference-tile-group{border-top:1px solid var(--color-panel-border);padding-top:1.25rem}.reference-tile-group:first-child{border-top:0;padding-top:0}.reference-tile-group h3,.reference-tile-group p{margin-bottom:.5rem}.reference-tile-group p{color:#5b625d;margin-top:0;font-size:.9rem}.reference-tile-row{grid-template-columns:repeat(9,minmax(0,3.5rem));gap:.4rem;display:grid}.reference-tile{background:linear-gradient(145deg,#fff 0%,#fffdf7 72%,#eee7d8 100%);border:1px solid #c8c0b1;border-radius:.4rem;min-width:0;margin:0;padding:.12rem;position:relative;box-shadow:0 .12rem #c9bea8,0 .2rem .3rem #20242026}.reference-tile figcaption{z-index:2;background-color:var(--color-table-deep);color:var(--color-on-table);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;border-radius:.3rem;padding:.3rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%,.2rem);box-shadow:0 .2rem .5rem #103b3240}.reference-tile figcaption:after{border:.3rem solid #0000;border-top-color:var(--color-table-deep);content:"";position:absolute;top:100%;left:50%;transform:translate(-50%)}.reference-tile:hover{z-index:1}.reference-tile:hover figcaption{opacity:1;visibility:visible;transform:translate(-50%)}.reference-tile img{aspect-ratio:3/4;object-fit:contain;width:100%;display:block}.reference-group-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1.5rem 2rem;display:grid}.reference-subsection-heading{border-top:1px solid var(--color-panel-border);margin-top:2.5rem;padding-top:1.5rem}.reference-subsection-heading>p{color:var(--color-mahjong-red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.reference-structure-formula{color:var(--color-mahjong-green);font-weight:700}.reference-structure-selector{border-bottom:1px solid var(--color-panel-border);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;display:grid}.reference-structure-selector button{color:#5b625d;cursor:pointer;background-color:#0000;border:0;border-bottom:.2rem solid #0000;padding:.75rem .5rem;font-weight:700}.reference-structure-selector button:hover{color:var(--color-table-deep);background-color:#1e5b4f12}.reference-structure-selector button[aria-pressed=true]{border-bottom-color:var(--color-mahjong-green);color:var(--color-table-deep)}.reference-structure-selector button:focus-visible{outline:2px solid var(--color-mahjong-green);outline-offset:-2px}.reference-structure-panel{border:1px solid var(--color-panel-border);background-color:#fffdf7a6;border-top:0;border-radius:0 0 .6rem .6rem;min-height:19rem;padding:1.5rem}.reference-structure-panel>header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.reference-structure-panel h3,.reference-structure-panel header p{margin:0}.reference-structure-example{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem;margin-top:2rem;display:flex}.reference-structure-group{justify-items:center;gap:.45rem;display:grid}.reference-structure-group>span{color:#716f66;letter-spacing:.04em;text-align:center;text-transform:uppercase;font-size:.7rem;font-weight:700}.reference-structure-tiles{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.reference-structure-tiles img{background:linear-gradient(145deg,#fff 0%,#fffdf7 72%,#eee7d8 100%);border:1px solid #c8c0b1;border-radius:.35rem;width:clamp(2.35rem,4vw,3.5rem);padding:.1rem;box-shadow:0 .12rem #c9bea8,0 .2rem .3rem #20242026}.reference-turn-detail{border-left:.25rem solid var(--color-gold);background-color:#c9a85d1f;border-radius:0 .5rem .5rem 0;margin-block:2rem;padding:1.25rem}.reference-turn-detail h3,.reference-turn-detail>p:first-of-type{margin-top:0}.reference-turn-detail>p:last-child{margin-bottom:0}.reference-hand-state-grid,.reference-win-method-grid,.reference-condition-grid,.reference-event-list{gap:.75rem;margin-block:1.25rem;display:grid}.reference-hand-state-grid,.reference-win-method-grid,.reference-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-condition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-hand-state-grid article,.reference-win-method-grid article,.reference-condition-grid article,.reference-event-list article{border:1px solid var(--color-panel-border);background-color:#fffdf7a6;border-radius:.6rem;padding:1rem}.reference-hand-state-grid h3,.reference-win-method-grid h4,.reference-condition-grid h4,.reference-event-list h4{margin-top:0}.reference-hand-state-grid ul,.reference-hand-state-grid li:last-child,.reference-win-method-grid p,.reference-condition-grid p,.reference-event-list p{margin-bottom:0}.reference-card-label{color:var(--color-mahjong-red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.reference-key-point{border-left:.25rem solid var(--color-gold);background-color:#c9a85d1f;border-radius:0 .5rem .5rem 0;margin-block:1.25rem;padding:1rem 1.15rem}.reference-key-point>p{margin:.35rem 0 0}.reference-wait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1.25rem 2rem;display:grid}.reference-definition-list{border:1px solid var(--color-panel-border);background-color:#fffdf7a6;border-radius:.6rem;grid-template-columns:max-content minmax(0,1fr);gap:.65rem 1rem;margin-bottom:0;padding:1rem;display:grid}.reference-definition-list dd,.reference-definition-list dt{margin:0}@media (width<=52rem){.reference-layout{grid-template-columns:minmax(0,1fr)}.reference-toc{max-height:none;position:static}.reference-toc ol{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.reference-tile-row{gap:clamp(.15rem,1vw,.4rem)}.reference-group-examples,.reference-condition-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=36rem){.reference-structure-selector button{padding-inline:.25rem;font-size:.8rem}.reference-structure-panel{min-height:0;padding:1rem}.reference-structure-panel>header{flex-direction:column;align-items:flex-start;gap:.25rem}.reference-structure-example{gap:.85rem}.reference-hand-state-grid,.reference-win-method-grid,.reference-event-list,.reference-wait-grid{grid-template-columns:minmax(0,1fr)}.reference-definition-list{grid-template-columns:minmax(0,1fr);gap:.25rem}.reference-definition-list dd+dt{margin-top:.5rem}}article.svelte-1l3rqh7{border:1px solid var(--color-panel-border);background-color:#fffdf7a6;border-radius:.6rem;grid-template-areas:"heading""tiles""description";padding:1rem;display:grid}.tile-example--wide.svelte-1l3rqh7{grid-column:1/-1}header.svelte-1l3rqh7{grid-area:heading;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}header.svelte-1l3rqh7 h3:where(.svelte-1l3rqh7),header.svelte-1l3rqh7 h4:where(.svelte-1l3rqh7){margin:0}header.svelte-1l3rqh7 span:where(.svelte-1l3rqh7){color:var(--color-mahjong-green);font-size:.8rem;font-weight:700}p.svelte-1l3rqh7{color:#5b625d;grid-area:description;margin:.75rem 0 0;font-size:.9rem}.tile-example-flow.svelte-1l3rqh7{grid-area:tiles;align-items:center;gap:.65rem;min-height:4.2rem;margin-top:.75rem;display:flex}.tile-example-group.svelte-1l3rqh7{gap:.2rem;display:flex}.tile-example-group--highlighted.svelte-1l3rqh7{border:1px dashed var(--color-mahjong-green);background-color:#1e5b4f12;border-radius:.4rem;padding:.3rem}.tile-example-group.svelte-1l3rqh7 img:where(.svelte-1l3rqh7){background:linear-gradient(145deg,#fff 0%,#fffdf7 72%,#eee7d8 100%);border:1px solid #c8c0b1;border-radius:.3rem;width:clamp(2rem,3.5vw,2.8rem);padding:.08rem;box-shadow:0 .1rem #c9bea8}.tile-example-arrow.svelte-1l3rqh7{color:var(--color-mahjong-red);font-size:1.25rem;font-weight:700}@media (width<=36rem){.tile-example--wide.svelte-1l3rqh7{grid-column:auto}.tile-example-flow.svelte-1l3rqh7{flex-wrap:wrap;align-items:flex-start}}.turn-example.svelte-ygf3zx{border:1px solid var(--color-panel-border);background-color:var(--color-tile);border-radius:.7rem;margin-block:1.5rem;overflow:hidden}.turn-step-selector.svelte-ygf3zx{border-bottom:1px solid var(--color-panel-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.turn-step-selector.svelte-ygf3zx button:where(.svelte-ygf3zx){color:#5b625d;cursor:pointer;background-color:#0000;border:0;border-bottom:.2rem solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .4rem;font-weight:700;display:flex}.turn-step-selector.svelte-ygf3zx button:where(.svelte-ygf3zx):hover{color:var(--color-table-deep);background-color:#1e5b4f12}.turn-step-selector.svelte-ygf3zx button[aria-pressed=true]:where(.svelte-ygf3zx){border-bottom-color:var(--color-mahjong-green);color:var(--color-table-deep);background-color:#1e5b4f1a}.turn-step-selector.svelte-ygf3zx button:where(.svelte-ygf3zx):focus-visible,.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) button:where(.svelte-ygf3zx):focus-visible{outline:2px solid var(--color-mahjong-green);outline-offset:-2px}.turn-step-selector.svelte-ygf3zx button:where(.svelte-ygf3zx) span:where(.svelte-ygf3zx){background-color:var(--color-mahjong-green);width:1.45rem;height:1.45rem;color:var(--color-on-table);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.turn-example-content.svelte-ygf3zx{padding:1.25rem}.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx){justify-content:space-between;align-items:center;gap:1rem;display:flex}.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx) p:where(.svelte-ygf3zx),.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx) h3:where(.svelte-ygf3zx){margin:0}.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx) p:where(.svelte-ygf3zx){color:var(--color-mahjong-red);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx)>strong:where(.svelte-ygf3zx){color:var(--color-table-deep);background-color:#1e5b4f1f;border-radius:999px;padding:.35rem .55rem;font-size:.8rem}.turn-description.svelte-ygf3zx{margin-block:.75rem 1rem}.turn-table.svelte-ygf3zx{border:2px solid var(--color-gold);background-color:var(--color-table);color:var(--color-on-table);border-radius:.65rem;padding:1rem;box-shadow:inset 0 0 1.5rem #103b322e}.turn-table-heading.svelte-ygf3zx,.turn-table-lower.svelte-ygf3zx{justify-content:space-between;align-items:center;gap:1rem;display:flex}.turn-table-heading.svelte-ygf3zx span:where(.svelte-ygf3zx),.turn-river.svelte-ygf3zx>span:where(.svelte-ygf3zx){opacity:.8;font-size:.8rem}.turn-hand.svelte-ygf3zx{grid-template-columns:repeat(14,minmax(0,1fr));gap:clamp(.08rem,.5vw,.25rem);margin-block:.75rem 1.25rem;display:grid}.turn-tile.svelte-ygf3zx{background:linear-gradient(145deg,#fff 0%,#fffdf7 72%,#eee7d8 100%);border:1px solid #c8c0b1;border-radius:.3rem;min-width:0;padding:.08rem;box-shadow:0 .12rem #c9bea8}.turn-tile.svelte-ygf3zx img:where(.svelte-ygf3zx){aspect-ratio:3/4;object-fit:contain;width:100%;display:block}.turn-tile--drawn.svelte-ygf3zx{outline:.18rem solid var(--color-gold);outline-offset:.1rem;animation:.45s ease-out both svelte-ygf3zx-draw-tile}.turn-tile--checked.svelte-ygf3zx{outline:.18rem solid var(--color-gold);outline-offset:.1rem;animation:.65s ease-in-out both svelte-ygf3zx-check-tile}.turn-table-lower.svelte-ygf3zx{align-items:flex-end;min-height:4.5rem}.turn-table-lower.svelte-ygf3zx>div:where(.svelte-ygf3zx):first-child>strong:where(.svelte-ygf3zx){margin-bottom:.35rem;display:block}.turn-river.svelte-ygf3zx{align-items:center;min-width:3rem;min-height:3.5rem;display:flex}.turn-river.svelte-ygf3zx .turn-tile:where(.svelte-ygf3zx){width:2.75rem}.turn-tile--discarded.svelte-ygf3zx{animation:.45s ease-out both svelte-ygf3zx-discard-tile}.turn-player.svelte-ygf3zx{text-align:center;border:1px solid #fff9ed59;border-radius:.45rem;min-width:4.5rem;padding:.5rem .75rem;display:grid}.turn-player.svelte-ygf3zx span:where(.svelte-ygf3zx){opacity:.8;text-transform:uppercase;font-size:.7rem}.turn-player--active.svelte-ygf3zx{background-color:var(--color-gold);color:var(--color-table-deep);animation:.5s ease-out both svelte-ygf3zx-next-player}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx){justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) span:where(.svelte-ygf3zx){color:#5b625d;font-size:.8rem}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) button:where(.svelte-ygf3zx){border:1px solid var(--color-mahjong-green);background-color:var(--color-panel);color:var(--color-table-deep);cursor:pointer;border-radius:.4rem;padding:.5rem .8rem;font-weight:700}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) button:where(.svelte-ygf3zx):hover:not(:disabled){background-color:#1e5b4f1a}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) button:where(.svelte-ygf3zx):disabled{opacity:.45;cursor:not-allowed}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) .turn-next-button:where(.svelte-ygf3zx){background-color:var(--color-gold)}@keyframes svelte-ygf3zx-draw-tile{0%{opacity:0;transform:translate(1.5rem,-1rem)rotate(4deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes svelte-ygf3zx-check-tile{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@keyframes svelte-ygf3zx-discard-tile{0%{opacity:0;transform:translate(2rem,-1rem)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes svelte-ygf3zx-next-player{0%{opacity:.55;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@media (width<=36rem){.turn-step-selector.svelte-ygf3zx{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-step-selector.svelte-ygf3zx button:where(.svelte-ygf3zx):nth-child(-n+2){border-bottom-color:var(--color-panel-border)}.turn-step-selector.svelte-ygf3zx button[aria-pressed=true]:where(.svelte-ygf3zx){border-bottom-color:var(--color-mahjong-green)}.turn-example-content.svelte-ygf3zx{padding:1rem}.turn-example-content.svelte-ygf3zx>header:where(.svelte-ygf3zx){flex-direction:column;align-items:flex-start;gap:.5rem}.turn-table.svelte-ygf3zx{padding:.75rem}.turn-example.svelte-ygf3zx footer:where(.svelte-ygf3zx) span:where(.svelte-ygf3zx){display:none}}@media (prefers-reduced-motion:reduce){.turn-tile--drawn.svelte-ygf3zx,.turn-tile--checked.svelte-ygf3zx,.turn-tile--discarded.svelte-ygf3zx,.turn-player--active.svelte-ygf3zx{animation:none}}