.mj-tile.svelte-1nuh4c6{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--mj-tile-width, 44px);height:calc(var(--mj-tile-width, 44px) * 1.42);box-sizing:border-box;padding:10px 5px 7px;border:1px solid #a79a91;border-bottom:4px solid #cbb6ad;border-radius:7px;background:#fffdf6;color:#252321;vertical-align:middle;font-family:PingFang SC,Microsoft YaHei,sans-serif;box-shadow:0 1px 2px #33292c10}.corner.svelte-1nuh4c6{position:absolute;top:1px;left:4px;font:500 9px/1.2 var(--font);color:#76626a}.characters.svelte-1nuh4c6{display:flex;flex-direction:column;align-items:center;font-size:calc(var(--mj-tile-width, 44px) * .47);line-height:1}.characters.svelte-1nuh4c6 b:where(.svelte-1nuh4c6){font-weight:500}.characters.svelte-1nuh4c6>span:where(.svelte-1nuh4c6){color:#a64f62}.pips.svelte-1nuh4c6,.bird.svelte-1nuh4c6{width:100%;height:100%;overflow:visible}.honour.svelte-1nuh4c6{font-size:calc(var(--mj-tile-width, 44px) * .65);line-height:1}.red.svelte-1nuh4c6{color:#a64f62}.green.svelte-1nuh4c6{color:#205845}.white.svelte-1nuh4c6{color:#76626a}.small.svelte-1nuh4c6{--mj-tile-width: 30px;border-bottom-width:3px;border-radius:5px;padding:8px 4px 5px}.small.svelte-1nuh4c6 .corner:where(.svelte-1nuh4c6){font-size:7px}.tile-explorer.svelte-x7x3u9{margin:2rem 0;padding:clamp(16px,4vw,28px);border:1px solid #d8bec5;border-radius:24px 15px 24px 20px;background:radial-gradient(ellipse at top right,#f8e4e8,transparent 65%),#fffaf5;box-shadow:3px 3px #efdae0;font:400 .9rem/1.6 var(--font);color:#33292c}.tile-explorer.svelte-x7x3u9 p:where(.svelte-x7x3u9){margin:8px 0 18px;font:inherit}.tile-explorer.svelte-x7x3u9 .eyebrow:where(.svelte-x7x3u9){font-family:var(--font-headline);font-size:1.15rem;color:#111}.tabs.svelte-x7x3u9{display:flex;flex-wrap:wrap;gap:8px}button.svelte-x7x3u9{font:inherit;color:inherit;cursor:pointer}.tabs.svelte-x7x3u9 button:where(.svelte-x7x3u9){padding:9px 12px;border:1px solid #d2b7c0;border-radius:14px;background:#fffdf8;font-size:.78rem}.tabs.svelte-x7x3u9 button[aria-pressed=true]:where(.svelte-x7x3u9){background:#edbdc2;border-color:#9c697a}.tiles.svelte-x7x3u9{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tile-button.svelte-x7x3u9{padding:4px;border:2px solid transparent;border-radius:10px;background:transparent}.tile-button[aria-pressed=true].svelte-x7x3u9{border-color:#a35670;background:#f8e4e8}.tile-button.svelte-x7x3u9:hover{background:#f8e4e8}button.svelte-x7x3u9:focus-visible{outline:3px solid #a35670;outline-offset:3px}.explanation.svelte-x7x3u9{padding:14px 16px;background:#fffdf8;border:1px solid #e5d9d0;border-radius:14px}.explanation.svelte-x7x3u9 p:where(.svelte-x7x3u9){margin:5px 0 0}@media(max-width:420px){.tiles.svelte-x7x3u9{gap:3px}.tile-button.svelte-x7x3u9{padding:2px;--mj-tile-width: 38px}}.combinations.svelte-1ugsawy{margin:2rem 0;padding:clamp(16px,4vw,28px);border:1px solid #d8bec5;border-radius:15px 24px 20px;background:#fffaf5;box-shadow:3px 3px #efdae0;font:400 .9rem/1.6 var(--font);color:#33292c}.combinations.svelte-1ugsawy p:where(.svelte-1ugsawy){margin:8px 0;font:inherit}.combinations.svelte-1ugsawy .progress:where(.svelte-1ugsawy){font-size:.75rem;color:#76626a}.combinations.svelte-1ugsawy .title:where(.svelte-1ugsawy){font:400 1.15rem/1.4 var(--font-headline);color:#111}.tile-pool.svelte-1ugsawy{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}button.svelte-1ugsawy{font:inherit;color:inherit;cursor:pointer}.tile-choice.svelte-1ugsawy{padding:4px;border:2px solid transparent;border-radius:10px;background:transparent}.tile-choice[aria-pressed=true].svelte-1ugsawy{border-color:#a35670;background:#f8e4e8}.tile-choice.svelte-1ugsawy:disabled{cursor:default}button.svelte-1ugsawy:focus-visible{outline:3px solid #a35670;outline-offset:3px}.actions.svelte-1ugsawy{display:flex;flex-wrap:wrap;gap:10px}.actions.svelte-1ugsawy button:where(.svelte-1ugsawy){padding:11px 16px;border:1px solid #9c697a;border-radius:12px;background:#edbdc2}.actions.svelte-1ugsawy button:where(.svelte-1ugsawy):disabled{opacity:.5;cursor:default}.actions.svelte-1ugsawy .next:where(.svelte-1ugsawy){background:#fffdf8}.combinations.svelte-1ugsawy .feedback:where(.svelte-1ugsawy){min-height:3em;margin:16px 0 0;color:#76626a;font-size:.84rem}.feedback.correct.svelte-1ugsawy{color:#205845}@media(max-width:420px){.tile-pool.svelte-1ugsawy{gap:2px}.tile-choice.svelte-1ugsawy{--mj-tile-width: 36px;padding:2px}}.mahjong-table.svelte-zi5ruq{margin:2rem 0;padding:clamp(14px,3vw,28px);border:1.5px solid #b28b98;border-radius:28px 16px 28px 20px;background:radial-gradient(ellipse at 100% 0,#f6e0e5,transparent 65%),#fffaf5;box-shadow:4px 4px #edbdc2;font:400 .88rem/1.6 var(--font);color:#33292c;min-width:0}.mahjong-table.svelte-zi5ruq p:where(.svelte-zi5ruq){font:inherit;margin:10px 0}.table-heading.svelte-zi5ruq{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.table-heading.svelte-zi5ruq .table-title:where(.svelte-zi5ruq){font-family:var(--font-headline);font-size:1.22rem;color:#111}.star.svelte-zi5ruq{color:#b2677e;font-size:30px}.badge.svelte-zi5ruq{padding:4px 9px;border:1px solid #dfc4c9;background:#fffaf5;border-radius:999px;font-size:.67rem}.rules.svelte-zi5ruq{margin:14px 0 22px}.rules.svelte-zi5ruq summary:where(.svelte-zi5ruq),.journal.svelte-zi5ruq summary:where(.svelte-zi5ruq),.restart.svelte-zi5ruq summary:where(.svelte-zi5ruq){font:500 .82rem/1.5 var(--font);cursor:pointer}.rules.svelte-zi5ruq p:where(.svelte-zi5ruq){font-size:.8rem}.welcome.svelte-zi5ruq{max-width:65ch}button.svelte-zi5ruq{font:inherit;color:inherit;cursor:pointer;border:1px solid #c8abb5;border-radius:12px;background:#fffdf8;padding:10px 14px;min-height:44px}button.svelte-zi5ruq:hover:not(:disabled){border-color:#95516a;background:#fae8ec}button.svelte-zi5ruq:focus-visible,summary.svelte-zi5ruq:focus-visible{outline:3px solid #a35670;outline-offset:3px}button.svelte-zi5ruq:disabled{opacity:.45;cursor:default}.primary.svelte-zi5ruq{background:#edbdc2;border-color:#9c697a}.actions.svelte-zi5ruq{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.table-meta.svelte-zi5ruq,.your-label.svelte-zi5ruq{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:14px 0;font-size:.75rem;color:#76626a}.your-label.svelte-zi5ruq strong:where(.svelte-zi5ruq){color:#33292c}.opponents.svelte-zi5ruq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.opponent.svelte-zi5ruq{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border:1px solid #e3d1ce;border-radius:17px;background:#fffdf8;min-width:0}.opponent.active.svelte-zi5ruq{border-color:#a35670;background:#fae8ec}.avatar.svelte-zi5ruq{display:block;width:46px;height:46px;margin-bottom:5px;border:1px solid #b993a0;border-radius:50%;background:#fffaf5 url(../../../images/illustrated/mahjong-first-game/cover-480.webp) -82px -14px / 300px 200px}.opponent[data-player="2"].svelte-zi5ruq .avatar:where(.svelte-zi5ruq){background-position:-38px -72px}.opponent[data-player="3"].svelte-zi5ruq .avatar:where(.svelte-zi5ruq){background-position:-231px -75px}.seat.svelte-zi5ruq,.count.svelte-zi5ruq{font-size:.65rem;color:#76626a}.backs.svelte-zi5ruq{display:flex;gap:2px;margin:10px 0 5px}.backs.svelte-zi5ruq i:where(.svelte-zi5ruq){width:8px;height:16px;border:1px solid #b993a0;background:repeating-linear-gradient(45deg,#edd1d8,#edd1d8 2px,#f8e4e8 2px,#f8e4e8 4px);border-radius:2px}.centre.svelte-zi5ruq{margin:14px 0;padding:14px;border:1px solid #e3cfcc;border-radius:18px;background:#f7eee8}.turn-message.svelte-zi5ruq{min-height:3.2em;font-size:.84rem}.discards.svelte-zi5ruq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;min-height:48px;margin-top:12px}.claimed.svelte-zi5ruq{opacity:.35;transform:rotate(-8deg)}.empty.svelte-zi5ruq{color:#8a767e;font-size:.75rem}.claim-intro.svelte-zi5ruq{font-size:.82rem}.hand.svelte-zi5ruq{display:flex;flex-wrap:wrap;gap:4px;margin:16px 0}.hand-tile.svelte-zi5ruq{padding:3px;min-height:auto;border:2px solid transparent;border-radius:10px;background:transparent}.hand-tile[aria-pressed=true].svelte-zi5ruq{border-color:#a35670;background:#f8e4e8;transform:translateY(-4px)}.hand-tile.hinted.svelte-zi5ruq{background:#f3e5b9}.hand.preview.svelte-zi5ruq{gap:6px}.mahjong-table.svelte-zi5ruq .selection:where(.svelte-zi5ruq){min-height:2.6em;font-size:.75rem;color:#76626a}.melds.svelte-zi5ruq{display:flex;flex-wrap:wrap;gap:12px}.meld.svelte-zi5ruq{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;background:#e8eee7;border-radius:8px}.meld.svelte-zi5ruq>span:where(.svelte-zi5ruq){font-size:.65rem;padding:0 5px}.waits.svelte-zi5ruq{padding:10px 14px;border-left:3px solid #edbdc2;margin:14px 0}.waits.svelte-zi5ruq>div:where(.svelte-zi5ruq){display:flex;flex-wrap:wrap;gap:4px}.mahjong-table.svelte-zi5ruq .waits:where(.svelte-zi5ruq) p:where(.svelte-zi5ruq){font-size:.75rem}.result.svelte-zi5ruq{margin:18px 0;padding:18px;border:1px solid #b28b98;border-radius:18px;background:#f9e6ea}.result.svelte-zi5ruq .result-title:where(.svelte-zi5ruq){font:400 1.12rem/1.4 var(--font-headline);color:#111}.winning-groups.svelte-zi5ruq{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.winning-groups.svelte-zi5ruq>div:where(.svelte-zi5ruq){display:flex;flex-wrap:wrap;gap:2px}.winning-groups.svelte-zi5ruq>div:where(.svelte-zi5ruq)>span:where(.svelte-zi5ruq){flex-basis:100%;text-align:center;font-size:.65rem}.tools.svelte-zi5ruq{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px;font-size:.78rem}.hint.svelte-zi5ruq{padding:14px;background:#f6eac3;border-radius:12px;font-size:.82rem}.journal.svelte-zi5ruq,.restart.svelte-zi5ruq{margin-top:16px;padding-top:12px;border-top:1px solid #e5d4d8}.journal.svelte-zi5ruq ol:where(.svelte-zi5ruq){padding-left:22px;max-height:240px;overflow:auto;font-size:.75rem}.journal.svelte-zi5ruq li:where(.svelte-zi5ruq){margin:6px 0}.restart.svelte-zi5ruq p:where(.svelte-zi5ruq){font-size:.78rem}@media(max-width:600px){.hand.svelte-zi5ruq{gap:3px}.hand-tile.svelte-zi5ruq{--mj-tile-width: 38px;padding:1px}.hand.preview.svelte-zi5ruq{--mj-tile-width: 38px}.backs.svelte-zi5ruq{gap:1px}.backs.svelte-zi5ruq i:where(.svelte-zi5ruq){width:6px}.opponent.svelte-zi5ruq{padding:10px 4px}.centre.svelte-zi5ruq{padding:12px}}@media(prefers-reduced-motion:reduce){.hand-tile[aria-pressed=true].svelte-zi5ruq{transform:none}}