.winning-hand-overlay{position:absolute;z-index:80;inset:0;display:grid;padding:calc(var(--cover-crop-y, 0px) + max(46px,var(--safe-top))) calc(var(--cover-crop-x, 0px) + max(54px,var(--safe-right))) calc(var(--cover-crop-y, 0px) + max(46px,var(--safe-bottom))) calc(var(--cover-crop-x, 0px) + max(54px,var(--safe-left)));place-items:center;overflow:hidden;pointer-events:auto;background:#000806d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:winning-overlay-fade-in .2s ease-out both}.winning-hand-overlay__content{position:relative;display:grid;width:min(1680px,100%);min-height:680px;grid-template-rows:auto auto 1fr;gap:34px;align-content:center;padding:54px 64px 120px;border:2px solid rgba(255,210,91,.72);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(28,124,77,.58),transparent 58%),#041c14f2;box-shadow:0 34px 90px #0000009e,inset 0 0 70px #00000052}.winning-hand-overlay__title{display:flex;gap:18px;align-items:center;justify-content:center;color:#ffe8a1}.winning-hand-overlay__title>span{display:grid;width:74px;height:74px;place-items:center;color:#fff3c8;border:3px solid #ffcf52;border-radius:50%;background:#b12820;box-shadow:0 0 26px #ff4830a8;font-size:42px;font-weight:900}.winning-hand-overlay__title h2{margin:0;font-size:48px;letter-spacing:0}.winning-hand-overlay__melds{display:flex;gap:18px;align-items:flex-end;justify-content:center;min-height:104px}.winning-hand-overlay__meld{display:grid;gap:7px;justify-items:center;color:#ffe6a0;font-size:19px}.winning-hand-overlay__meld>div{display:flex;gap:1px}.winning-hand-overlay__meld .mj-tile{width:58px;height:77px}.winning-hand-overlay__hand{display:flex;gap:2px;align-items:flex-end;justify-content:center;min-height:320px;overflow:visible;animation:winning-hand-expand .3s .18s ease-out both}.winning-hand-overlay__tile-slot,.winning-hand-overlay__placeholder{position:relative;display:block;flex:0 0 72px;width:72px;height:96px}.winning-hand-overlay__placeholder{border:2px dashed rgba(255,231,153,.48);border-radius:7px;background:#ffffff0f;box-shadow:inset 0 0 16px #fff1b914}.winning-hand-overlay .winning-hand-overlay__tile{width:72px;height:96px}.winning-hand-overlay__winning-tile{position:absolute;z-index:3;inset:-2px;display:block;animation:winning-tile-drop .5s .5s cubic-bezier(.2,.82,.3,1.08) both}.winning-hand-overlay__winning-tile:after{position:absolute;z-index:5;right:-13px;bottom:-15px;display:grid;width:35px;height:35px;content:"胡";place-items:center;color:#fff6d0;border:2px solid #ffd45d;border-radius:50%;background:#c1271d;box-shadow:0 0 16px #ff2a20cc;font-size:20px;font-weight:900;opacity:0;animation:winning-mark-appear .8s 1s ease-out both}.winning-hand-overlay__winning-tile .mj-tile{border:3px solid #ff342d;box-shadow:0 0 0 2px #ffeeb1b8,0 0 24px #ff342d;animation:winning-tile-glow .8s 1s ease-in-out both}.winning-hand-overlay__actions{position:absolute;right:54px;bottom:42px;display:flex;gap:18px;animation:winning-actions-in .18s ease-out both}.winning-hand-overlay__actions button{min-width:156px;min-height:58px;padding:10px 24px;cursor:pointer;color:#482400;border:1px solid #ffe39a;border-radius:10px;background:linear-gradient(180deg,#ffe699,#f5a22e 72%,#b66013);box-shadow:inset 0 2px #ffffff8a,0 5px #71330d,0 11px 20px #0000005c;font-size:24px;font-weight:900;touch-action:manipulation}.winning-hand-overlay__settlement{position:absolute;top:130px;right:54px;display:grid;min-width:260px;gap:7px;padding:18px 22px;color:#f8efd0;border:1px solid rgba(255,217,108,.6);border-radius:10px;background:#03120deb;box-shadow:0 16px 34px #0000006b;font-size:18px}.winning-hand-overlay__settlement strong{color:#ffdc76;font-size:24px}@keyframes winning-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes winning-hand-expand{0%{opacity:0;transform:translateY(24px) scaleX(.82)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes winning-tile-drop{0%{opacity:0;transform:translateY(-280px) rotate(-8deg) scale(1.08)}18%{opacity:1}78%{transform:translateY(8px) rotate(1deg) scale(1.03)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes winning-tile-glow{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.09);filter:brightness(1.18)}to{transform:scale(1.04);filter:brightness(1.08)}}@keyframes winning-mark-appear{0%{opacity:0;transform:scale(.35) rotate(-16deg)}45%{opacity:1;transform:scale(1.18) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes winning-actions-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.winning-hand-overlay,.winning-hand-overlay__hand,.winning-hand-overlay__winning-tile,.winning-hand-overlay__winning-tile .mj-tile,.winning-hand-overlay__winning-tile:after,.winning-hand-overlay__actions{animation-duration:1ms;animation-delay:0ms}}:root{color:#fff7d6;background:#07140f;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;overflow:hidden}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{margin:0;min-width:0;width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;background:#020706}.mahjong-screen{--safe-top: max(8px, env(safe-area-inset-top, 0px));--safe-right: max(8px, env(safe-area-inset-right, 0px));--safe-bottom: max(8px, env(safe-area-inset-bottom, 0px));--safe-left: max(8px, env(safe-area-inset-left, 0px));display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;background:#020706}.game-stage-viewport{position:relative;flex:0 0 auto;width:100vw;height:100vh;height:100dvh;overflow:hidden}.game-stage{position:absolute;top:50%;left:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:center}.mahjong-table{--table-w: 1920px;--tile-w: clamp(34px, calc(var(--table-w) * .046), 62px);--tile-h: calc(var(--tile-w) * 1.33);position:relative;width:1920px;height:1080px;max-width:none;max-height:none;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 18% 80%,rgba(0,0,0,.18)),radial-gradient(circle at 50% 46%,#136b47 0 42%,#0c5239 66%,#073826);box-shadow:inset 0 0 0 2px #ecd99424,inset 0 0 80px #00000073}.table-3d-surface:before,.table-3d-surface:after{position:absolute;inset:16%;content:"";pointer-events:none;border:1px solid rgba(230,211,142,.12);transform:rotate(45deg)}.table-3d-surface:after{transform:rotate(-45deg)}.table-viewport{position:absolute;z-index:2;inset:0;overflow:visible;pointer-events:none;perspective:540px;perspective-origin:50% 88%}.table-3d-layer,.table-perspective-layer{position:absolute;inset:-2% -1% 5%;pointer-events:none;transform:rotateX(5deg) scale(1.08);transform-origin:50% 86%;transform-style:preserve-3d}.table-3d-surface{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;border-radius:1.5%;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),radial-gradient(ellipse at 50% 62%,transparent 35%,rgba(0,0,0,.1) 100%);box-shadow:inset 0 -20px 45px #0000001f;transform:translateZ(-2px)}.player-info-layer,.meld-layer,.hand-layer,.action-layer{position:absolute;inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none}.discard-field{position:absolute;pointer-events:none}.player-info-layer{z-index:7}.discard-field{z-index:4;inset:14% 17% 17%;transform:translateZ(5px);transform-style:preserve-3d}.meld-layer{z-index:8;transform-style:preserve-3d}.hand-layer{z-index:9}.hand-layer--opponents{transform-style:preserve-3d}.hand-layer--human{z-index:11}.action-layer{z-index:12}.player-info,.meld-zone,.hand-zone,.action-layer .action-buttons{pointer-events:auto}.player-info{position:absolute;display:grid;width:clamp(50px,calc(var(--table-w) * .033),64px);min-height:clamp(64px,calc(var(--table-w) * .042),80px);gap:2px;justify-items:center;align-content:center;padding:4px;color:#ffeebc;border:1px solid rgba(255,224,142,.38);border-radius:8px;background:#06140ec7;box-shadow:0 8px 18px #00000052;font-size:clamp(9px,calc(var(--table-w) * .008),11px);font-weight:800}.player-info--top{top:0;right:auto;left:26%}.player-info--right{top:50%;right:0;transform:translateY(-50%)}.player-info--bottom{left:0;bottom:2%}.player-info--left{top:50%;left:0;transform:translateY(-50%)}.player-info--current{box-shadow:0 0 0 2px #ffe06b,0 0 18px #ffe06b7a}.player-info--acting{border-color:#7bffb0db;box-shadow:0 0 0 2px #75ffacb8,0 0 22px #4dff9494,0 8px 18px #00000052}.player-info__avatar{position:relative;display:grid;width:clamp(32px,calc(var(--table-w) * .022),42px);aspect-ratio:1;place-items:center;border:1px solid rgba(255,230,158,.5);border-radius:7px;color:#fff2c4;background:linear-gradient(145deg,#26694f,#123b2c);box-shadow:inset 0 1px #ffffff2e}.player-info__avatar-text{font-size:clamp(16px,calc(var(--table-w) * .017),22px);font-weight:900}.player-info__seat,.player-info__dealer{position:absolute;display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#2d1800;background:#ffc64d;font-size:9px;line-height:1}.player-info__seat{inset:auto -6px -8px auto;width:22px;height:22px;font-size:12px}.player-info--right .player-info__seat{right:auto;left:-6px}.player-info__dealer{right:-5px;top:-5px;bottom:auto;background:#ff9f36}.player-info__name{max-width:100%;overflow:hidden;color:#fff0bd;text-overflow:ellipsis;white-space:nowrap}.player-info__score{color:#bdf2c3;font-variant-numeric:tabular-nums}.player-info__status{position:absolute;top:calc(100% + 4px);color:#88ffc4;white-space:nowrap}.hand-zone{position:absolute;display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(3px,calc(var(--table-w) * .004),7px);overflow:visible}.opponent-hand-zone{gap:0;transform-style:preserve-3d}.hand-zone--top{top:0;left:34%;right:34%;transform:translateZ(8px);transform-origin:center top}.hand-zone--bottom{--human-tile-w: max(39px, calc(var(--tile-w) * .81));--human-hit-w: max(48px, var(--human-tile-w));left:50%;right:auto;bottom:0;width:min(calc(var(--table-w) * .76),calc(100% - 16px));min-height:calc(var(--human-tile-w) * 1.33 + 18px);align-items:flex-end;gap:0;transform:translate(-50%);z-index:2}.hand-zone--left,.hand-zone--right{top:27%;bottom:31%;flex-direction:column;align-items:center}.hand-zone--left{position:absolute;left:7%;transform:translateZ(8px);transform-origin:left center}.hand-zone--right{position:absolute;right:7%;transform:translateZ(8px);transform-origin:right center}.opponent-hand-zone .mj-tile{position:relative;z-index:1;--wall-y: clamp(18px, calc(var(--table-w) * .018), 26px);width:calc(var(--tile-w) * .54);height:var(--wall-y);--wall-height: calc(var(--tile-h) * .29);--wall-depth: var(--wall-y);margin-right:-4px}.hand-zone--top.opponent-hand-zone .mj-tile{width:42px;height:36px;--wall-height: 18px;--wall-depth: 22px;margin-right:-2px}.hand-zone--left.opponent-hand-zone .mj-tile,.hand-zone--right.opponent-hand-zone .mj-tile{--wall-y: clamp(34px, calc(var(--table-w) * .034), 50px);height:var(--wall-y);--wall-depth: var(--wall-y);margin-top:-2px;margin-right:0}.human-hand-zone .mj-tile{width:var(--human-tile-w);height:calc(var(--human-tile-w) * 1.33)}.human-hand-zone .player-area__tile-button{width:var(--human-hit-w);min-width:var(--human-hit-w);min-height:48px;margin:0 calc(var(--human-tile-w) - var(--human-hit-w)) 0 0;display:grid;place-items:end center}.drawn-tile-gap{flex:0 0 clamp(12px,calc(var(--table-w) * .008),16px)}.drawn-tile-slot{display:flex;flex:0 0 auto;align-items:center;overflow:visible}.meld-zone{position:absolute;display:flex;gap:6px;min-height:26px;align-items:center;justify-content:center;max-width:28%;overflow:visible;transform:translateZ(6px)}.meld-zone-top,.meld-zone--top{top:7%;right:auto;left:65%;max-width:18%;justify-content:flex-start}.meld-zone-bottom,.meld-zone--bottom{right:3.5%;bottom:13%;left:auto;justify-content:flex-end}.meld-zone-left,.meld-zone-right,.meld-zone--left,.meld-zone--right{top:27%;bottom:31%;flex-direction:column;justify-content:center;max-width:13%}.meld-zone-left,.meld-zone--left{left:11.5%}.meld-zone-right,.meld-zone--right{right:11.5%}.meld-zone__group{display:flex;gap:3px;align-items:center;padding:3px 5px;color:#ffe9a8;font-size:12px;font-weight:800;border-radius:8px;background:#071810c2}.meld-zone-left .meld-zone__group,.meld-zone-right .meld-zone__group,.meld-zone--left .meld-zone__group,.meld-zone--right .meld-zone__group{flex-direction:column}.player-area{position:absolute;z-index:5;display:grid;gap:5px;color:#ffeebc}.player-area--top{top:7.5%;left:37%;width:26%;justify-items:center}.player-area--right{top:28%;right:6.5%;width:18%;justify-items:end}.player-area--left{top:28%;left:6.5%;width:18%}.player-area--bottom{left:8%;right:8%;bottom:2.5%;z-index:10}.player-area--current .player-area__header{box-shadow:0 0 0 2px #ffe06b,0 0 18px #ffe06b7a}.player-area__header{display:inline-flex;width:max-content;max-width:100%;gap:6px;align-items:center;padding:5px 8px;border:1px solid rgba(255,224,142,.38);border-radius:999px;background:#06140ec7;box-shadow:0 8px 18px #00000052;font-size:clamp(11px,calc(var(--table-w) * .011),14px);font-weight:800}.player-area__seat,.player-area__dealer{display:inline-grid;min-width:26px;height:26px;place-items:center;border-radius:50%;color:#2d1800;background:#ffc64d}.player-area__score{color:#bdf2c3}.player-area__hand{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(3px,calc(var(--table-w) * .004),7px);min-height:calc(var(--tile-h) + 12px);overflow:visible}.player-area__tile-button{display:block;flex:0 0 auto;min-height:48px;padding:0;cursor:pointer;border:0;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-area__tile-button:disabled{cursor:default}.player-area__tile-button:not(:disabled):hover,.player-area__tile-button:not(:disabled):focus-visible{transform:translateY(-8px);outline:none}.player-area--bottom .player-area__hand{padding:6px 8px 0}.player-area--left .player-area__hand,.player-area--right .player-area__hand{flex-direction:column;max-height:calc(var(--tile-h) * 5.8);overflow:visible}.player-area--top .player-area__hand{max-width:100%}.player-area__melds{display:flex;gap:6px;min-height:26px;align-items:center;justify-content:center}.player-area--left .player-area__melds,.player-area--right .player-area__melds{flex-direction:column}.player-area__meld{display:flex;gap:3px;align-items:center;padding:3px 5px;color:#ffe9a8;font-size:12px;font-weight:800;border-radius:8px;background:#071810c2}.table-discards{position:absolute;z-index:4;inset:24% 28%}.discard-area{position:absolute;display:grid;gap:3px;transform:translateZ(5px)}.discard-area--top,.discard-area--bottom{left:19%;right:19%;grid-template-columns:repeat(6,min-content);justify-content:center}.discard-area--top{top:0}.discard-area--bottom{bottom:0}.discard-area--left,.discard-area--right{top:20%;bottom:20%;grid-template-columns:repeat(3,min-content);align-content:center;column-gap:3px;row-gap:3px}.discard-area--left{left:10%}.discard-area--right{right:10%}.discard-area .mj-tile{--discard-rotation: 0deg;animation:discard-slide-in .22s ease-out both}.discard-area .mj-tile--action-target{position:relative;z-index:3;border:3px solid #ff2020;box-shadow:0 0 0 1px #ffffffb8,0 0 12px #ff2020,0 0 22px #ff2020b8}.center-panel{position:absolute;z-index:6;top:50%;left:50%;width:clamp(76px,calc(var(--table-w) * .1),112px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) translateZ(7px) scale(.96);color:#fff0bd;border:3px solid #273531;border-radius:11px;background:radial-gradient(circle at 50% 42%,#30453f,#15241f 70%,#0b1512);box-shadow:inset 0 0 0 2px #ffe16f38,0 14px 34px #00000073}.center-panel__wind-ring{position:absolute;inset:5px;color:#97e8ff;font-size:clamp(16px,calc(var(--table-w) * .014),20px);font-weight:900}.center-panel__wind-ring span{position:absolute}.center-panel__wind-ring span:nth-child(1){top:0;left:50%;transform:translate(-50%)}.center-panel__wind-ring span:nth-child(2){right:0;top:50%;transform:translateY(-50%)}.center-panel__wind-ring span:nth-child(3){bottom:0;left:50%;transform:translate(-50%)}.center-panel__wind-ring span:nth-child(4){left:0;top:50%;transform:translateY(-50%)}.center-panel__core{display:grid;place-items:center;font-weight:800}.center-panel__core strong{color:#8ff5ff;font-size:clamp(20px,calc(var(--table-w) * .025),30px);line-height:1}.table-meta-panel{position:absolute;z-index:3;top:var(--safe-top);left:var(--safe-left);display:grid;width:max-content;max-width:180px;gap:2px;padding:6px 8px;color:#e9f7db;pointer-events:none;border:1px solid rgba(219,241,200,.2);border-radius:7px;background:#04120db8;box-shadow:0 6px 16px #0000003d;font-size:clamp(10px,calc(var(--table-w) * .009),12px);line-height:1.25}.table-meta-panel strong{color:#ffe7a3;font-size:1.05em}.table-meta-panel span{white-space:nowrap}.action-buttons{position:absolute;z-index:12;right:8%;bottom:20%;display:flex;gap:10px;align-items:center}.action-buttons__button{min-width:48px;min-height:48px;width:clamp(52px,calc(var(--table-w) * .06),74px);height:clamp(48px,calc(var(--table-w) * .046),58px);cursor:pointer;color:#401e00;font-size:clamp(18px,calc(var(--table-w) * .022),27px);font-weight:900;border:1px solid #ffd16d;border-radius:12px;background:linear-gradient(180deg,#ffe58a,#f19126 72%,#ad4e11);box-shadow:inset 0 2px #ffffff85,0 5px #71310c,0 10px 18px #00000057;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-buttons__button:hover,.action-buttons__button:focus-visible{transform:translateY(-3px);outline:none;filter:brightness(1.08)}.action-buttons__button:disabled{cursor:default;filter:grayscale(.35) brightness(.78);transform:none;opacity:.68}.chi-options-panel{position:absolute;z-index:18;right:0;bottom:calc(100% + 14px);display:grid;gap:9px;width:max-content;max-width:420px;padding:10px;pointer-events:auto;border:1px solid rgba(255,222,123,.68);border-radius:10px;background:#051810f0;box-shadow:0 14px 34px #00000075}.chi-options-panel__option{display:flex;gap:5px;align-items:center;justify-content:center;padding:7px 9px;min-height:48px;cursor:pointer;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff12;touch-action:manipulation}.chi-options-panel__option:hover,.chi-options-panel__option:focus-visible{border-color:#ffd96b;outline:none;background:#ffd96b24}.chi-options-panel__option:disabled{cursor:default;opacity:.6}.chi-options-panel .chi-options-panel__tile{width:calc(var(--tile-w) * .7);height:calc(var(--tile-h) * .7)}.chi-options-panel .chi-options-panel__tile--claimed{outline:3px solid #ffd54f;outline-offset:1px;box-shadow:0 0 16px #ffd54fc2}.settlement-modal{position:absolute;z-index:30;top:50%;left:50%;display:grid;gap:14px;min-width:220px;padding:24px;place-items:center;transform:translate(-50%,-50%);color:#fff3c0;border:2px solid rgba(255,210,96,.8);border-radius:18px;background:#071810eb;box-shadow:0 24px 70px #0000008c}.settlement-modal strong{font-size:24px}.settlement-modal button{min-width:48px;min-height:48px;padding:10px 18px;cursor:pointer;color:#321a00;font-weight:900;border:1px solid #ffd16d;border-radius:10px;background:linear-gradient(180deg,#ffe58a,#f19126 72%,#ad4e11);touch-action:manipulation}.mj-tile{--tile-green-edge: clamp(3px, calc(var(--table-w) * .003), 4px);width:var(--tile-w);height:var(--tile-h);flex:0 0 auto;border-radius:clamp(5px,calc(var(--table-w) * .007),9px)}.mj-tile--face{display:grid;place-items:center;padding:4px;border:1px solid #c9bea7;border-top:var(--tile-green-edge) solid #2f8f4e;border-right:1px solid rgba(47,143,78,.58);border-bottom:max(4px,calc(var(--tile-w) * .11)) solid #9b8b70;border-left:1px solid rgba(47,143,78,.58);background-clip:padding-box;background:linear-gradient(120deg,rgba(255,255,255,.82),transparent 35%),linear-gradient(180deg,#fffdf4,#eee6d4 78%,#d1c2a8);box-shadow:inset 0 1px #fff,0 4px #8a7553,0 9px 14px #00000057}.mj-tile--sprite{padding:0;background-color:transparent;background-image:var(--mj-tile-sprite-image);background-repeat:no-repeat;background-size:calc(var(--mj-tile-sprite-columns) * 100%) 100%;background-position:var(--mj-tile-sprite-x) 0}.mj-tile__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.mj-tile--back{border:1px solid #b96d1a;border-top:var(--tile-green-edge) solid #2f6fd6;border-right:1px solid rgba(47,111,214,.58);border-left:1px solid rgba(47,111,214,.58);background-clip:padding-box;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 22%),linear-gradient(180deg,#ffb33d,#e78018 74%,#a94d10);box-shadow:inset 0 1px #ffffff57,0 3px #71320b,0 8px 12px #00000057}.meld-zone .mj-tile--back{border:1px solid #176a32;border-top:var(--tile-green-edge) solid #4fca6d;border-right:1px solid rgba(35,143,71,.72);border-bottom:max(4px,calc(var(--tile-w) * .11)) solid #155a32;border-left:1px solid rgba(35,143,71,.72);background:linear-gradient(120deg,rgba(255,255,255,.26),transparent 35%),linear-gradient(180deg,#4dce69,#299f4b 60%,#176f34);box-shadow:inset 0 1px #ffffff57,0 4px #155a32,0 9px 14px #00000057}.opponent-hand-zone .mj-tile--back{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateZ(2px);transform-style:preserve-3d}.opponent-hand-zone .mj-tile__back-shadow,.opponent-hand-zone .mj-tile__back-side,.opponent-hand-zone .mj-tile__back-top,.opponent-hand-zone .mj-tile__back-face{position:absolute;display:block;pointer-events:none}.opponent-hand-zone .mj-tile__back-shadow{z-index:0;right:-2px;bottom:-3px;left:-2px;height:12px;border-radius:999px;background:#1c783638;filter:blur(3px);transform:translateZ(0)}.opponent-hand-zone .mj-tile__back-side{z-index:3;left:0;bottom:0;width:var(--wall-depth);height:var(--wall-height);transform:rotateX(-90deg) rotateY(90deg);transform-origin:left bottom;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#fff,#ededed 58%,#cfcfc8);box-shadow:inset -1px 0 #0000001f}.opponent-hand-zone .mj-tile__back-top{z-index:4;right:0;bottom:0;left:0;height:var(--wall-depth);transform:translateZ(var(--wall-height));transform-origin:center bottom;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#fff,#efefe8 68%,#d4d4cc);box-shadow:inset 0 -1px #0000001f,0 2px 4px #0000001f}.opponent-hand-zone .mj-tile__back-face{z-index:2;right:0;bottom:0;left:0;height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:5px 5px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset 1px 1px #fff3,inset -1px -1px #07481f3d,0 2px 5px #1c783629}.hand-zone--top.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--top.opponent-hand-zone .mj-tile__back-side{right:0;left:auto;width:var(--wall-depth);border-radius:0 4px 4px 0;transform:rotateX(-90deg) rotateY(-90deg);transform-origin:right bottom;background:linear-gradient(90deg,#d2d2ca,#efefe8 36%,#fff)}.hand-zone--top.opponent-hand-zone .mj-tile__back-top{right:0;left:0}.hand-zone--top.opponent-hand-zone .mj-tile__back-face{right:0;left:0;border-radius:5px 5px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--left.opponent-hand-zone .mj-tile__back-side{width:var(--wall-depth);height:var(--wall-height);transform:rotateX(-90deg) rotateY(90deg);transform-origin:left bottom;border-radius:6px 0 0 6px;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset -1px 0 #00000024,-1px 0 3px #0000001f}.hand-zone--left.opponent-hand-zone .mj-tile__back-top{height:var(--wall-depth);transform:translateZ(var(--wall-height));border-radius:6px 6px 2px 2px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone .mj-tile__back-face{height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:6px 6px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--right.opponent-hand-zone .mj-tile--back{transform:translateZ(2px)}.hand-zone--right.opponent-hand-zone .mj-tile__back-side{right:0;left:auto;width:var(--wall-depth);height:var(--wall-height);border-radius:0 6px 6px 0;transform:rotateX(-90deg) rotateY(-90deg);transform-origin:right bottom;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d);box-shadow:inset 1px 0 #00000024,1px 0 3px #0000001f}.hand-zone--right.opponent-hand-zone .mj-tile__back-top{right:0;left:0;height:var(--wall-depth);transform:translateZ(var(--wall-height));border-radius:6px 6px 2px 2px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--right.opponent-hand-zone .mj-tile__back-face{right:0;left:0;height:var(--wall-height);transform:rotateX(-90deg);transform-origin:center bottom;border:1px solid #1c6f36;border-radius:6px 6px 3px 3px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,#4ac86a,#239447 58%,#145f2d)}.hand-zone--left.opponent-hand-zone,.hand-zone--right.opponent-hand-zone{--side-tile-x: 46px;--side-tile-y: 26px;--side-tile-z: 28px;top:20%;bottom:23%;justify-content:center;gap:0;transform-style:preserve-3d}.hand-zone--left.opponent-hand-zone{left:15.5%;transform:rotate(4deg) translateZ(8px)}.hand-zone--right.opponent-hand-zone{right:15.5%;transform:rotate(-4deg) translateZ(8px)}.hand-zone--left.opponent-hand-zone .mj-tile,.hand-zone--right.opponent-hand-zone .mj-tile{width:var(--side-tile-y);height:var(--side-tile-x);margin:-1px 0 0;overflow:visible;transform:none;transform-style:preserve-3d}.hand-zone--left.opponent-hand-zone .mj-tile__back-shadow,.hand-zone--right.opponent-hand-zone .mj-tile__back-shadow{z-index:0;inset:1px -5px;height:auto;border-radius:5px;background:#00000038;filter:blur(5px);transform:translateZ(1px)}.hand-zone--left.opponent-hand-zone .mj-tile__back-side,.hand-zone--right.opponent-hand-zone .mj-tile__back-side{z-index:3;top:0;bottom:auto;left:0;width:var(--side-tile-y);height:var(--side-tile-z);border:1px solid rgba(174,177,166,.8);background:linear-gradient(90deg,#d6d7d0,#f4f4ef 58%,#fff);box-shadow:inset 0 1px #ffffffeb;transform:rotateX(90deg);transform-origin:left top}.hand-zone--left.opponent-hand-zone .mj-tile__back-top,.hand-zone--right.opponent-hand-zone .mj-tile__back-top{z-index:4;top:0;bottom:auto;left:0;width:var(--side-tile-y);height:var(--side-tile-x);border:1px solid rgba(186,189,178,.7);background:linear-gradient(180deg,#fff,#eceee7);box-shadow:0 2px 4px #0000001f;transform:translateZ(var(--side-tile-z))}.hand-zone--left.opponent-hand-zone .mj-tile__back-face,.hand-zone--right.opponent-hand-zone .mj-tile__back-face{z-index:2;top:0;bottom:auto;width:var(--side-tile-z);height:var(--side-tile-x);border:1px solid #176a32;background:linear-gradient(105deg,rgba(255,255,255,.25),transparent 35%),linear-gradient(180deg,#4dce69,#299f4b 60%,#176f34);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #06481e33}.hand-zone--left.opponent-hand-zone .mj-tile__back-side{left:0;border-radius:5px 5px 0 0}.hand-zone--left.opponent-hand-zone .mj-tile__back-top{right:auto;border-radius:5px}.hand-zone--left.opponent-hand-zone .mj-tile__back-face{right:auto;left:calc(var(--side-tile-y) - var(--side-tile-z));border-radius:5px 5px 3px 3px;transform:rotateY(90deg);transform-origin:right top}.hand-zone--right.opponent-hand-zone .mj-tile__back-side{right:auto;left:0;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#fff,#f4f4ef 42%,#d6d7d0)}.hand-zone--right.opponent-hand-zone .mj-tile__back-top{right:auto;left:0;border-radius:5px}.hand-zone--right.opponent-hand-zone .mj-tile__back-face{right:auto;left:0;border-radius:5px 5px 3px 3px;transform:rotateY(-90deg);transform-origin:left top}.mj-tile--small{width:calc(var(--tile-w) * .58);height:calc(var(--tile-h) * .58)}.mj-tile--mini{width:calc(var(--tile-w) * .44);height:calc(var(--tile-h) * .44)}.related-action-tile{position:relative;z-index:10;transform:translateY(-10px);border:2px solid #ff6b6b;box-shadow:0 0 8px #ff0000b3;transition:transform .16s ease,box-shadow .16s ease}@keyframes discard-slide-in{0%{opacity:0;transform:translateY(-8px) rotate(var(--discard-rotation)) scale(1.08)}to{opacity:1;transform:translateY(0) rotate(var(--discard-rotation)) scale(1)}}@media(max-width:760px){.hand-zone--bottom{gap:1px}.action-buttons{right:5%;bottom:19%;gap:5px}}@media(display-mode:standalone),(hover:none)and (pointer:coarse){.action-buttons__button,.chi-options-panel__option,.settlement-modal button{min-width:48px;min-height:48px}.player-area__tile-button:not(:disabled):active{transform:translateY(-8px)}}@media(orientation:landscape)and (pointer:coarse){.meld-layer{z-index:10}.action-buttons{gap:14px}.action-buttons__button{width:110px;height:82px;min-width:110px;min-height:82px;font-size:38px}.player-info{width:100px;min-height:126px;gap:5px;padding:7px;font-size:16px}.player-info__avatar{width:66px}.player-info__avatar-text{font-size:32px}.player-info__seat{inset:auto -8px -10px auto;width:34px;height:34px;font-size:19px}.player-info--right .player-info__seat{right:auto;left:-8px}.player-info__dealer{right:-6px;top:-6px;bottom:auto;width:28px;height:28px;font-size:14px}.player-info--top{top:calc(var(--cover-crop-y) + 8px)}.player-info--bottom{bottom:calc(var(--cover-crop-y) + 18px)}.hand-zone--top.opponent-hand-zone .mj-tile{width:48px;height:41px;--wall-height: 21px;--wall-depth: 25px}.hand-zone--top{top:calc(var(--cover-crop-y) + 8px)}.hand-zone--top.hand-zone--meld-count-1{transform:translate(-10px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-2{transform:translate(-50px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-3{transform:translate(-100px) translateZ(8px)}.hand-zone--top.hand-zone--meld-count-4{transform:translate(-150px) translateZ(8px)}.hand-zone--left.opponent-hand-zone,.hand-zone--right.opponent-hand-zone{--side-tile-x: 47px;--side-tile-y: 27px;--side-tile-z: 28px}.hand-zone--left.opponent-hand-zone{left:18.5%}.hand-zone--right.opponent-hand-zone{right:18.5%}.hand-zone--bottom{--human-tile-w: max(48px, calc(var(--tile-w) * 1.3));--human-hit-w: max(48px, var(--human-tile-w));bottom:calc(var(--cover-crop-y) + max(18px,var(--safe-bottom)));transform:translate(calc(-50% + 30px))}.hand-zone--bottom.hand-zone--meld-count-1{transform:translate(calc(-50% + 6px))}.hand-zone--bottom.hand-zone--meld-count-2{transform:translate(calc(-50% - 34px))}.hand-zone--bottom.hand-zone--meld-count-3{transform:translate(calc(-50% - 150px))}.hand-zone--bottom.hand-zone--meld-count-4{transform:translate(calc(-50% - 270px))}.drawn-tile-gap{flex-basis:19px}.discard-area .mj-tile{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94)}.discard-area--top,.discard-area--bottom{right:16%;left:16%;grid-template-columns:repeat(7,min-content)}.discard-area--top{top:72px}.discard-area--bottom{bottom:52px}.discard-area--left{left:14%}.discard-area--right{right:14%}.meld-zone__group{gap:0;padding:0;font-size:16px;border-radius:0;background:transparent}.meld-zone__group>span:first-child{display:none}.meld-zone .mj-tile--mini{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94)}.meld-zone{gap:4px}.meld-zone-top,.meld-zone--top{top:calc(var(--cover-crop-y) + 8px);right:2%;left:64%;max-width:none;flex-wrap:nowrap;justify-content:flex-start}.meld-zone-top.meld-zone--meld-count-2,.meld-zone--top.meld-zone--meld-count-2{left:57.5%}.meld-zone-top.meld-zone--meld-count-3,.meld-zone--top.meld-zone--meld-count-3{left:51%}.meld-zone-top.meld-zone--meld-count-4,.meld-zone--top.meld-zone--meld-count-4{left:44.7%}.meld-zone-top .mj-tile,.meld-zone--top .mj-tile{transform:rotate(180deg)}.meld-zone-bottom,.meld-zone--bottom{right:11.5%;bottom:calc(var(--cover-crop-y) + max(8px,var(--safe-bottom)));left:auto;max-width:none;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;align-content:flex-end;row-gap:2px}.meld-zone-left,.meld-zone--left,.meld-zone-right,.meld-zone--right{top:20%;bottom:23%;max-width:12%}.meld-zone-left,.meld-zone--left{left:11%;transform:translateZ(6px) rotate(4deg);transform-origin:center}.meld-zone-right,.meld-zone--right{right:11%;transform:translateZ(6px) rotate(-4deg);transform-origin:center}.meld-zone-left .mj-tile,.meld-zone--left .mj-tile{transform:rotate(90deg)}.meld-zone-right .mj-tile,.meld-zone--right .mj-tile{transform:rotate(-90deg)}.meld-zone-left .mj-tile:not(:last-child),.meld-zone--left .mj-tile:not(:last-child),.meld-zone-right .mj-tile:not(:last-child),.meld-zone--right .mj-tile:not(:last-child){margin-bottom:-19px}.hand-zone--left.opponent-hand-zone .mj-tile--face{transform:rotate(90deg)}.hand-zone--right.opponent-hand-zone .mj-tile--face{transform:rotate(-90deg)}.hand-zone--top.opponent-hand-zone .mj-tile--face{margin-right:0;transform:rotate(180deg)}.hand-zone--left.opponent-hand-zone .mj-tile--face,.hand-zone--right.opponent-hand-zone .mj-tile--face{margin-top:0;margin-bottom:calc(var(--side-tile-y) - var(--side-tile-x))}.table-meta-panel{top:calc(var(--cover-crop-y) + max(48px,var(--safe-top)));max-width:420px;gap:7px;padding:16px 20px;font-size:28px;line-height:1.25}}.opponent-hand-zone.hand-zone--revealed{z-index:9;gap:0}.opponent-hand-zone.hand-zone--revealed .mj-tile{width:calc(var(--tile-w) * .94);height:calc(var(--tile-h) * .94);margin:0}.hand-zone--top.opponent-hand-zone.hand-zone--revealed{right:24%;left:auto;width:max-content}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-1{right:36%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-2{right:42.5%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-3{right:49%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed.hand-zone--meld-count-4{right:55.3%}.hand-zone--top.opponent-hand-zone.hand-zone--revealed .mj-tile--face{margin:0}.hand-zone--left.opponent-hand-zone.hand-zone--revealed,.hand-zone--right.opponent-hand-zone.hand-zone--revealed{top:18%;bottom:auto;width:calc(var(--tile-h) * .94);height:auto;flex-flow:column nowrap;justify-content:flex-start;align-content:center;align-items:center}.hand-zone--left.opponent-hand-zone.hand-zone--revealed{left:15.5%}.hand-zone--right.opponent-hand-zone.hand-zone--revealed{right:15.5%}.mahjong-table--showdown .discard-area--left{left:22%}.mahjong-table--showdown .discard-area--right{right:22%}.hand-zone--left.opponent-hand-zone.hand-zone--revealed .mj-tile--face,.hand-zone--right.opponent-hand-zone.hand-zone--revealed .mj-tile--face{margin:0 0 calc(var(--tile-w) * -.39)}.online-lobby{min-height:100dvh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden;color:#f7efd2;background:#0b3d2e}.online-lobby button,.online-lobby input{min-height:48px;border-radius:6px;font:inherit}.online-lobby button{padding:10px 18px;color:#211602;border:1px solid #e6b64b;background:#f0bd50;font-weight:800;cursor:pointer}.online-lobby button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.online-lobby input{width:100%;padding:8px 12px;color:#fff8df;border:1px solid rgba(239,207,123,.42);background:#021811d1;outline:none}.online-lobby input:focus{border-color:#f1c85f;box-shadow:0 0 0 2px #f1c85f33}.online-lobby__header,.online-lobby__section-title,.online-room__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.online-initial-game{display:grid;align-content:center;gap:16px;flex:1;min-height:0;padding:14px 0}.online-initial-game__summary{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.online-initial-game__summary>div{display:grid;gap:4px;padding:10px 14px;border:1px solid rgba(235,211,145,.28);border-radius:6px;background:#041d14b8}.online-initial-game__summary span,.online-initial-game__player-title span{color:#c8c1a9;font-size:13px}.online-initial-game__players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.online-initial-game__player{min-width:0;padding:10px;border:1px solid rgba(235,211,145,.22);border-radius:6px;background:#031811ad}.online-initial-game__player--current{border-color:#f0bd50;box-shadow:inset 0 0 0 2px #f0bd5021}.online-initial-game__player-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.online-initial-game__player-title em{padding:2px 5px;color:#211602;border-radius:3px;background:#f0bd50;font-size:12px;font-style:normal;font-weight:800}.online-initial-game__player-title span{margin-left:auto}.online-initial-game__hand{display:flex;gap:1px;min-height:52px;overflow:hidden}.online-initial-game__hand .mj-tile{flex:0 1 34px;width:34px;min-width:18px;height:50px}.online-lobby .online-initial-game__tile-button{flex:0 1 34px;min-width:18px;min-height:50px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent}.online-lobby .online-initial-game__tile-button:disabled{filter:none;opacity:.72}.online-lobby .online-initial-game__tile-button:not(:disabled):hover,.online-lobby .online-initial-game__tile-button:not(:disabled):focus-visible{transform:translateY(-4px)}.online-initial-game__discards{display:flex;align-items:center;gap:2px;min-height:40px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(235,211,145,.12)}.online-initial-game__discards>span{color:#d7cfb37a;font-size:12px}.online-initial-game__discards .mj-tile{width:26px;height:36px}.online-initial-game__notice{color:#d6cdaa;text-align:center}.online-lobby__header{min-height:72px;padding-right:132px;flex-wrap:wrap;border-bottom:1px solid rgba(241,200,95,.28)}.online-lobby .online-lobby__exit{min-width:118px;font-size:0}.online-lobby .online-lobby__exit:after{content:"退出联机";font-size:16px}.online-game-shell{position:relative;min-height:100dvh}.online-game-exit{position:fixed;top:calc(env(safe-area-inset-top) + 74px);right:calc(env(safe-area-inset-right) + 18px);z-index:1200;min-width:116px;min-height:44px;padding:8px 14px;color:#fff5d0;border:1px solid rgba(255,215,112,.72);border-radius:8px;background:#142218db;box-shadow:0 8px 20px #00000057;font-weight:900}.online-lobby h1,.online-lobby h2,.online-lobby p{margin:0}.online-lobby h1{font-size:clamp(22px,2.2vw,34px)}.online-lobby__connection{display:inline-block;margin-top:5px;color:#b8cfbf;font-size:14px}.online-lobby__socket-url{display:block;margin-top:3px;color:#f7efd2b8;font-size:12px;word-break:break-all}.online-lobby__connection--online{color:#78e799}.online-lobby__connection--offline,.online-lobby__connection--unconfigured{color:#ff9292}.online-lobby__connection-help{display:grid;gap:8px;padding:12px;color:#ffe4c3;border:1px solid rgba(255,146,146,.52);border-radius:8px;background:#420b0bb8}.online-lobby__connection-help strong{color:#ffcd75}.online-lobby__connection-help span{color:#ffeed4db;font-size:14px}.online-lobby__workspace{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);min-height:0;overflow:hidden}.online-lobby__rooms,.online-room{min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain}.online-lobby__rooms{display:grid;align-content:start;gap:16px;border-right:1px solid rgba(241,200,95,.2)}.online-lobby label{display:grid;gap:6px;color:#dcd3b7;font-size:14px}.online-lobby__create-row,.online-lobby__join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.online-lobby__create-row button{grid-column:1 / -1}.online-lobby__room-list{display:grid;gap:8px;max-height:46vh;overflow:auto}.online-lobby__room-item{display:grid;grid-template-columns:1fr 1.3fr auto auto;align-items:center;gap:8px;width:100%;color:#f4eacb!important;border-color:#eaca7347!important;background:#041e15c2!important;text-align:left}.online-room{display:flex;flex-direction:column;gap:14px;min-width:0}.online-room__seats{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));flex:1 1 auto;align-content:center;gap:14px;margin:0}.online-room__seat{display:grid;min-height:150px;place-items:center;align-content:center;gap:8px;padding:16px;border:1px solid rgba(235,211,145,.28);border-radius:8px;background:#041d14b8}.online-room__seat>span{color:#e5bf58;font-weight:900}.online-room__seat em{color:#c8c1a9;font-style:normal}.online-room__seat--ready{border-color:#65d88a;box-shadow:inset 0 0 0 2px #65d88a1f}.online-room__seat--ready em{color:#78e799}.online-lobby .online-room__remove-ai{min-height:36px;padding:5px 12px;color:#ffe6c1;border-color:#ff967080;background:#712418c7;font-size:13px}.online-lobby .online-room__take-seat{min-height:40px;padding:6px 14px;color:#1c2d12;border-color:#ffe58bc7;background:linear-gradient(180deg,#ffe691,#d9a337);font-size:14px;font-weight:900}.online-room__action-buttons{display:flex;gap:8px;align-items:center}.online-room__empty{display:grid;height:100%;place-content:center;gap:10px;color:#c9c1a7;text-align:center}.online-room__actions{position:sticky;bottom:-20px;z-index:2;flex:0 0 auto;min-height:72px;padding-top:12px;border-top:1px solid rgba(241,200,95,.2);background:linear-gradient(180deg,#0b3d2eb3,#0b3d2e 38%)}.online-lobby__status{display:flex;align-items:center;gap:10px;max-width:none;min-height:44px;margin-top:10px;padding:8px 14px;color:#f7e4a8;border-radius:5px;background:#01120cd1}.online-lobby__status button{min-height:36px;padding:6px 12px;white-space:nowrap}@media(max-width:900px){.online-lobby{padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.online-lobby__header{min-height:58px;padding-right:104px}.online-lobby__workspace{grid-template-columns:minmax(230px,38%) minmax(0,1fr)}.online-lobby__rooms,.online-room{padding:12px}.online-room__seat{min-height:98px;padding:8px}.online-room__seats{gap:10px}.online-room__actions{bottom:-12px;min-height:58px;padding-top:8px}.online-initial-game{gap:8px;padding:6px 0}.online-initial-game__summary>div,.online-initial-game__player{padding:6px 8px}.online-initial-game__hand{min-height:42px}.online-initial-game__hand .mj-tile{flex-basis:28px;width:28px;height:40px}.online-lobby .online-initial-game__tile-button{flex-basis:28px;min-height:40px}}:root{color:#10251b;background:#081914;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 48%,rgba(107,171,156,.22),transparent 0 38%),linear-gradient(120deg,#1e2f3d,#0e352d 48%,#071915)}button{font:inherit}#root{min-height:100vh}.fullscreen-control{position:fixed;z-index:3000;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;pointer-events:none}.fullscreen-control__button{min-width:96px;min-height:46px;padding:8px 16px;color:#2b1b02;border:1px solid rgba(255,232,142,.95);border-radius:8px;background:linear-gradient(180deg,#ffe894,#e4a62f);box-shadow:0 4px #7e5412,0 10px 24px #00000052;font-size:18px;font-weight:900;cursor:pointer;pointer-events:auto;touch-action:manipulation}.fullscreen-control__button:hover,.fullscreen-control__button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.fullscreen-control__message{max-width:min(260px,46vw);padding:8px 10px;color:#ffe681;border:1px solid rgba(255,230,129,.5);border-radius:7px;background:#071711e6;font-size:14px;font-weight:800;box-shadow:0 8px 22px #00000047}@media(max-width:760px){.fullscreen-control__button{min-width:84px;min-height:44px;padding:7px 12px;font-size:16px}}.main-menu{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:hidden;color:#fff4cb;background:radial-gradient(circle at 50% 42%,rgba(35,142,94,.56),transparent 0 34%),linear-gradient(145deg,#062a20,#0a533a 52%,#061d17)}.main-menu__content{width:min(520px,88vw);display:grid;gap:32px;text-align:center}.main-menu__heading span{display:block;margin-bottom:4px;color:#e7bd54;font-size:clamp(18px,2.3vw,28px);font-weight:900}.main-menu__heading h1{margin:0;color:#fff4cb;font-size:clamp(42px,6vw,72px);line-height:1.05;text-shadow:0 4px 18px rgba(0,0,0,.38)}.main-menu__heading p{margin:14px 0 0;color:#eeefd5c2;font-size:clamp(15px,1.8vw,20px)}.main-menu__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.main-menu__actions button{min-height:68px;padding:12px 18px;color:#2d2107;background:linear-gradient(180deg,#ffe796,#dda934);border:1px solid #8f6715;border-radius:8px;box-shadow:0 5px #76510d,0 14px 28px #0000004d;font-size:clamp(18px,2vw,24px);font-weight:900;cursor:pointer;touch-action:manipulation}.main-menu__actions button:hover,.main-menu__actions button:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}@media(max-width:620px){.main-menu__content{gap:22px}.main-menu__actions button{min-height:56px}}.game-view{min-height:100vh;padding:8px;display:grid;grid-template-rows:auto 1fr;gap:8px;place-items:center;overflow:auto}.game-view__header{width:min(1160px,calc(100vw - 16px));min-height:34px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;color:#eaf5dc;background:#041611b8;border:1px solid rgba(233,246,214,.22);border-radius:999px;box-shadow:0 10px 28px #00000040}.game-view__header span{padding:3px 9px;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:700}.table-view{--table-w: min( calc(100vw - 16px) , calc((100vh - 58px) * 16 / 9), 1180px);--tile-w: clamp(22px, calc(var(--table-w) * .038), 50px);--tile-h: calc(var(--tile-w) * 1.34);width:var(--table-w);aspect-ratio:16 / 9;position:relative;overflow:visible;isolation:isolate;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 22% 78%,rgba(0,0,0,.12)),radial-gradient(circle at 50% 46%,#1fa27fc7,#086752f0 56%,#064b3f);border:clamp(8px,calc(var(--table-w) * .014),16px) solid #243e3f;border-radius:clamp(18px,calc(var(--table-w) * .032),34px);box-shadow:inset 0 0 0 2px #ffffff21,inset 0 0 72px #00000059,0 18px 48px #00000061}.table-view:before,.table-view:after{content:"";position:absolute;top:10%;bottom:18%;width:10px;border-radius:999px;background:linear-gradient(#ffd65c,#b67b18);box-shadow:0 0 16px #ffd65c4d;opacity:.82}.table-view:before{left:5.8%}.table-view:after{right:5.8%}.table-view__center{position:absolute;z-index:3;inset:24% 31% 36%;min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:5px;place-items:center;padding:clamp(6px,calc(var(--table-w) * .012),14px);color:#e0f6dce0;background:radial-gradient(circle,#148170d1,#053d349e 66%);border:1px solid rgba(218,241,200,.16);border-radius:18px;box-shadow:inset 0 0 32px #00000040}.table-view__brand{font-size:clamp(12px,calc(var(--table-w) * .014),18px);font-weight:800;letter-spacing:0}.table-view__center small{font-size:clamp(10px,calc(var(--table-w) * .01),13px)}.table-view__discard-center{width:100%;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.table-view__discard-zone{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:3px;padding:5px;background:#08462d6b;border:1px dashed rgba(229,246,215,.2);border-radius:8px}.table-view__discard-zone>span{color:#e8f6dad1;font-size:clamp(9px,calc(var(--table-w) * .009),12px);font-weight:700}.table-view__actions{position:absolute;left:50%;bottom:21.5%;transform:translate(-50%);z-index:9;width:min(620px,62%)}.table-view__seat{position:absolute;z-index:5;min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:5px;color:#173224;background:#ecf6e2e6;border:1px solid rgba(218,241,200,.82);border-radius:12px;box-shadow:0 12px 26px #0000003d;overflow:visible}.table-view__seat--current{outline:3px solid #ffd766;box-shadow:0 0 0 5px #ffd7662e,0 16px 34px #00000057}.table-view__seat--top{top:3.5%;left:41%;width:24%;min-height:15%;padding:7px}.table-view__seat--left{top:26%;left:2.5%;width:19%;min-height:30%;padding:8px}.table-view__seat--right{top:26%;right:2.5%;width:19%;min-height:30%;padding:8px}.table-view__seat--bottom{left:3%;right:3%;bottom:3.2%;min-height:17.8%;max-height:19.5%;padding:7px 10px 8px;padding-top:clamp(34px,calc(var(--table-w) * .038),48px);z-index:8;background:#fafdf3f5}.table-view__seat-header{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:clamp(10px,calc(var(--table-w) * .011),13px);font-weight:800}.table-view__seat-header span{padding:3px 7px;border-radius:999px}.table-view__wind{color:#f6ffe9;background:#16623f}.table-view__name{color:#153121;background:#ffffff9e}.table-view__score{color:#fff5ca;background:#775821}.table-view__dealer{color:#3a2100;background:#ffcf4f;border:1px solid #b57d00}.table-view__current{color:#082317;background:#9df17b}.discard-view,.meld-view,.player-hand{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}.discard-view{min-height:32px;align-content:flex-start;overflow:hidden}.meld-view{min-height:24px}.meld-view__group{display:flex;gap:3px;padding:3px;background:#245e3d21;border-radius:7px}.player-hand{min-height:calc(var(--tile-h) + 10px);justify-content:center;overflow:visible}.table-view__seat--bottom .player-hand{position:relative;gap:clamp(2px,calc(var(--table-w) * .006),8px);min-height:calc(var(--tile-h) + 16px);padding:5px clamp(4px,calc(var(--table-w) * .007),8px) 7px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;z-index:12}.table-view__seat--bottom .player-hand::-webkit-scrollbar{height:7px}.table-view__seat--bottom .player-hand::-webkit-scrollbar-thumb{background:#28603e73;border-radius:999px}.tile-view{width:var(--tile-w);height:var(--tile-h);display:inline-flex;align-items:center;justify-content:center;padding:clamp(3px,calc(var(--tile-w) * .12),6px);color:#1e251d;font-family:KaiTi,STKaiti,SimSun,Microsoft YaHei,serif;font-size:clamp(12px,calc(var(--table-w) * .014),18px);font-weight:900;line-height:1;text-align:center;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.95),transparent 30%),linear-gradient(180deg,#fffef8,#f7f0dc 70%,#e2d4b9);border:1px solid #c2b18e;border-bottom:max(3px,calc(var(--tile-w) * .1)) solid #a28c62;border-radius:clamp(6px,calc(var(--table-w) * .008),10px);box-shadow:inset 0 1px #ffffffe6,0 4px #8b764e,0 8px 12px #00000038;flex:0 0 auto}.tile-view--sprite:not(.tile-view--hidden){padding:0;background-color:transparent;background-image:var(--tile-sprite-image);background-repeat:no-repeat;background-size:calc(var(--tile-sprite-columns) * 100%) 100%;background-position:var(--tile-sprite-x) 0;border-color:#c2b18ec7}.tile-view__sprite-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.tile-view__wan-face{display:grid;place-items:center;gap:1px;color:#151515;text-shadow:0 1px 0 rgba(255,255,255,.72)}.tile-view__wan-number{font-size:1.15em}.tile-view__wan-suit{color:#8f1016;font-size:.92em;transform:translateY(-1px)}.tile-view__pips,.tile-view__bamboos{width:82%;height:84%;display:grid;align-items:center;justify-items:center;gap:clamp(1px,calc(var(--tile-w) * .05),3px)}.tile-view--value-1 .tile-view__pips,.tile-view--value-2 .tile-view__pips,.tile-view--value-3 .tile-view__pips,.tile-view--value-1 .tile-view__bamboos,.tile-view--value-2 .tile-view__bamboos,.tile-view--value-3 .tile-view__bamboos{grid-template-columns:1fr}.tile-view--value-4 .tile-view__pips,.tile-view--value-5 .tile-view__pips,.tile-view--value-6 .tile-view__pips,.tile-view--value-4 .tile-view__bamboos,.tile-view--value-5 .tile-view__bamboos,.tile-view--value-6 .tile-view__bamboos{grid-template-columns:repeat(2,1fr)}.tile-view--value-7 .tile-view__pips,.tile-view--value-8 .tile-view__pips,.tile-view--value-9 .tile-view__pips,.tile-view--value-7 .tile-view__bamboos,.tile-view--value-8 .tile-view__bamboos,.tile-view--value-9 .tile-view__bamboos{grid-template-columns:repeat(3,1fr)}.tile-view__pip{position:relative;width:clamp(7px,calc(var(--tile-w) * .24),13px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f9f5e8 0 23%,#b31e28 24% 34%,#f9f5e8 35% 45%,transparent 46%),repeating-radial-gradient(circle,#11251e 0 9%,#11251e 10% 15%,#f9f5e8 16% 23%,#0f6b46 24% 31%);box-shadow:inset 0 0 0 1px #0e21198c,0 1px 1px #0000002e}.tile-view__bamboo{position:relative;width:clamp(6px,calc(var(--tile-w) * .16),10px);height:clamp(13px,calc(var(--tile-h) * .24),20px);border-radius:999px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 0 16%),linear-gradient(90deg,#0e4a31 0 24%,#249064 25% 48%,#dceee1 49% 54%,#146b48 55% 78%,#0b3928 79%);box-shadow:inset 0 0 0 1px #062c1d99,0 1px 1px #0000002e}.tile-view__bamboo:nth-child(3n),.tile-view__bamboo:nth-child(5n){background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.7),transparent 0 16%),linear-gradient(90deg,#681017 0 24%,#c3353e 25% 48%,#fae3e2 49% 54%,#9d1e28 55% 78%,#4a0d12 79%)}.tile-view__honor{font-size:clamp(20px,calc(var(--tile-w) * .72),35px);letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.78),0 2px 2px rgba(0,0,0,.12)}.tile-view__honor--wind{color:#111}.tile-view--jian.tile-view--value-1 .tile-view__honor,.tile-view--jian.tile-view--value-3 .tile-view__honor{color:#9b1218}.tile-view--jian.tile-view--value-2 .tile-view__honor{color:#096334}.discard-view .tile-view,.meld-view .tile-view{width:calc(var(--tile-w) * .62);height:calc(var(--tile-h) * .62);border-radius:6px}.tile-view--hidden{color:transparent;background:linear-gradient(180deg,#2a875b,#17623f 72%,#0d3e2a);border-color:#0c3b28;border-bottom-color:#082b1e;box-shadow:inset 0 1px #ffffff29,0 4px #082b1e,0 8px 12px #0000003d}.player-hand__discard-button{flex:0 0 auto;min-height:48px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px;position:relative;z-index:13;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-hand .drawn-tile-gap{flex:0 0 16px}.player-hand .drawn-tile-slot{display:flex;flex:0 0 auto;align-items:center;overflow:visible}.player-hand__discard-button:hover .tile-view,.player-hand__discard-button:focus-visible .tile-view{transform:translateY(-10px);border-color:#d79d2d;box-shadow:inset 0 1px #ffffffe6,0 4px #b7791f,0 14px 18px #00000052}.operation-controls{padding:7px 9px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;color:#fff5c9;background:#061b13db;border:1px solid rgba(255,232,158,.28);border-radius:12px;box-shadow:0 10px 26px #00000047}.operation-controls__title{font-size:clamp(10px,calc(var(--table-w) * .01),13px);font-weight:800}.operation-controls__buttons{display:flex;flex-wrap:wrap;gap:7px}.operation-controls button,.settlement-view button{min-width:58px;min-height:48px;padding:7px 12px;color:#2b1f06;font-weight:800;background:linear-gradient(180deg,#ffe997,#e0b141);border:1px solid #9b721f;border-radius:9px;cursor:pointer;box-shadow:0 3px #7f5c18;touch-action:manipulation}.operation-controls button:hover,.operation-controls button:focus-visible,.settlement-view button:hover,.settlement-view button:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.settlement-view{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));padding:22px;color:#173122;background:#fff8df;border:2px solid #d0ad4d;border-radius:16px;box-shadow:0 0 0 999px #020c087a,0 24px 60px #0000005c}.settlement-view h2{margin:0 0 12px;font-size:24px}.settlement-view button{margin-top:14px}.settlement-view--draw{width:min(760px,calc(100vw - 48px));min-height:300px;padding:clamp(34px,5vw,52px);display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.settlement-view--draw h2{margin:0;font-size:clamp(42px,6vw,68px);line-height:1}.settlement-view--draw>div{font-size:clamp(18px,2.3vw,26px);font-weight:700}.settlement-view--draw button{width:max(160px,34%);min-height:64px;margin-top:6px;padding:12px 24px;font-size:clamp(20px,2.5vw,28px)}@media(max-height:520px)and (orientation:landscape){.settlement-view--draw{width:min(680px,calc(100vw - 56px));min-height:240px;padding:24px 36px;gap:12px}.settlement-view--draw h2{font-size:clamp(38px,9vh,56px)}}html{-webkit-text-size-adjust:100%}html,body,#root{overscroll-behavior:none}.orientation-gate{position:fixed;z-index:1000;inset:0;display:grid;min-width:100vw;min-height:100vh;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));place-items:center;overflow:hidden;color:#fff0bd;text-align:center;background:radial-gradient(circle at 50% 42%,#136b47,#073826 72%);touch-action:none}.orientation-gate strong{max-width:14em;font-size:clamp(28px,7vw,56px);line-height:1.35}.ios-install-hint{position:fixed;z-index:1001;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;gap:12px;align-items:center;padding:10px 14px;color:#fff1bd;border:1px solid rgba(255,225,132,.62);border-radius:8px;background:#04140df0;box-shadow:0 8px 24px #0000005c;transform:translate(-50%)}.ios-install-hint button{min-width:88px;min-height:48px;padding:8px 12px;color:#351c00;font-weight:800;border:1px solid #ffd56e;border-radius:7px;background:#ffc44f;touch-action:manipulation}.android-fullscreen-prompt{position:fixed;z-index:1002;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;gap:12px;align-items:center;max-width:min(90vw,620px);padding:10px 14px;color:#fff1bd;border:1px solid rgba(255,225,132,.62);border-radius:8px;background:#04140df0;box-shadow:0 8px 24px #0000005c;transform:translate(-50%)}.android-fullscreen-prompt button{min-width:132px;min-height:52px;padding:8px 16px;color:#351c00;font-weight:900;border:1px solid #ffd56e;border-radius:7px;background:#ffc44f;touch-action:manipulation}.android-fullscreen-prompt strong{font-size:16px;line-height:1.35}