:root{color:#f8f3df;font-synthesis:none;background:#08110e;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#030706}button{font:inherit}.orientation-gate{z-index:10000;text-align:center;background:radial-gradient(circle at 50% 38%,#26755257,#0000 38%),#030706;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.orientation-card{background:#0a231bf0;border:1px solid #debe7561;border-radius:16px;width:min(360px,100%);padding:30px 24px 26px;box-shadow:0 22px 60px #0000007a,inset 0 0 35px #ffd6790a}.orientation-card .eyebrow{color:#b99c62;letter-spacing:.28em;margin:18px 0 5px;font-size:10px}.orientation-card h2{color:#f7dda0;margin:0;font:700 28px Georgia,Microsoft YaHei,serif}.orientation-card>p:not(.eyebrow){color:#c8c3b3;margin:12px auto 20px;font-size:14px;line-height:1.7}.orientation-card button{color:#142019;cursor:pointer;background:linear-gradient(#f2d589,#bd9143);border:1px solid #d1ad61;border-radius:999px;width:100%;padding:12px 16px;font-weight:700}.orientation-card small{color:#e2b66c;margin-top:13px;line-height:1.5;display:block}.phone-rotate-icon{border:3px solid #e7cc8b;border-radius:10px;width:78px;height:52px;margin:2px auto 0;animation:1.8s ease-in-out infinite phone-rotate;position:relative}.phone-rotate-icon:before{content:"";background:#e7cc8b;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.phone-rotate-icon span{border-top:2px solid #b99c62;border-right:2px solid #b99c62;border-radius:50%;width:25px;height:25px;position:absolute;top:-14px;right:-17px}.phone-rotate-icon span:after{content:"";border:4px solid #0000;border-top-color:#b99c62;position:absolute;bottom:1px;right:-3px;transform:rotate(-35deg)}@keyframes phone-rotate{0%,28%{transform:rotate(90deg)}58%,to{transform:rotate(0)}}.game-app{aspect-ratio:16/9;background:radial-gradient(circle at 50% 42%,#23654847,#0000 42%),repeating-linear-gradient(87deg,#ffffff03 0 1px,#0000 1px 7px),#07110d;width:min(100vw,177.778vh);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wood-frame{background:linear-gradient(115deg,#0000 25%,#eeb55a14 27%,#0000 30%),repeating-linear-gradient(4deg,#17110c 0 7px,#27170d 8px 12px,#130d09 13px 20px);padding:clamp(8px,1.25vw,22px);position:absolute;inset:0;box-shadow:inset 0 0 55px #000}.felt-table{perspective:1200px;width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(at 50% 46%,#30794e75,#0000 55%),repeating-radial-gradient(circle at 35% 31%,#ffffff05 0 1px,#0000 1px 4px),linear-gradient(135deg,#123e2e,#0c3327 46%,#0a291f);border:2px solid #debe755c;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000000ad,0 0 0 7px #0b0a07,0 0 0 9px #684725}.felt-table:before,.felt-table:after{content:"";pointer-events:none;z-index:1;position:absolute}.felt-table:before{background:linear-gradient(120deg,#0000 43%,#ffffff06 49%,#0000 55%),radial-gradient(at 50% 43%,#0000 0 34%,#0000001f 72%,#0000004d 100%);inset:0}.felt-table:after{border:1px solid #e1c3772e;border-radius:7px;inset:8px;box-shadow:inset 0 0 34px #00000073}.table-depth{z-index:2;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:7.5% 6.5% 12%;transform:perspective(1100px)rotateX(1.5deg)}.table-depth:before{content:"";clip-path:polygon(8% 0,92% 0,100% 11%,100% 89%,92% 100%,8% 100%,0 89%,0 11%);border:1px solid #cfb06714;position:absolute;inset:2.5% 3.2%;box-shadow:inset 0 0 40px #00000024}.table-edge{background:linear-gradient(#7b502452,#130f0a52);border:1px solid #b78a3f38;display:block;position:absolute;box-shadow:0 5px 15px #00000038,inset 0 1px #ffdc9a1f}.edge-top,.edge-bottom{border-radius:50%;height:7px;left:22%;right:22%}.edge-top{top:0;transform:perspective(500px)rotateX(58deg)}.edge-bottom{bottom:0;transform:perspective(500px)rotateX(-58deg)}.edge-left,.edge-right{border-radius:50%;width:7px;top:21%;bottom:21%}.edge-left{left:0;transform:perspective(500px)rotateY(-58deg)}.edge-right{right:0;transform:perspective(500px)rotateY(58deg)}.felt-emblem{color:#e0c47f09;letter-spacing:.25em;white-space:nowrap;font:900 clamp(40px,7vw,100px) Noto Serif SC,serif;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.top-bar{z-index:20;color:#b9c4b5;background:linear-gradient(#040e0ae6,#04130e7a,#0000);justify-content:space-between;align-items:center;height:45px;padding:0 16px 0 13px;font-size:clamp(14px,1.15vw,19px);display:flex;position:absolute;top:0;left:0;right:0}.brand-mini{color:#d9c491;letter-spacing:.12em;align-items:center;gap:8px;display:flex}.brand-mini i{border:1px solid #a9823c;border-radius:50%;place-items:center;width:25px;height:25px;font:700 14px Noto Serif SC,serif;display:grid}.base-score-badge{z-index:60;color:#f1cc70;letter-spacing:.08em;pointer-events:none;background:#05120dd1;border:1px solid #d9b45c7a;border-radius:999px;padding:6px 12px;font-size:clamp(12px,1vw,16px);font-weight:800;position:absolute;top:12px;left:16px;box-shadow:0 4px 14px #00000057}.round-info{letter-spacing:.12em;background:#0000002e;border:1px solid #d0b76e33;border-radius:99px;padding:5px 19px;position:absolute;left:50%;transform:translate(-50%)}.top-bar nav{gap:8px;display:flex}.top-bar button{color:#e8dcb9;cursor:pointer;background:#00000052;border:1px solid #e7cf9347;border-radius:50%;width:clamp(34px,2.8vw,44px);height:clamp(34px,2.8vw,44px);font-size:clamp(15px,1.25vw,20px)}.top-bar button:hover{background:#d7ae532e;border-color:#b99549}.top-bar .icon-button{background:0 0;border:0;place-items:center;padding:0;display:grid}.top-bar .icon-button:hover{background:0 0;border:0}.icon-button img{object-fit:contain;filter:drop-shadow(0 2px 3px #0000006b);width:86%;height:86%;transition:transform .18s,filter .18s;display:block}.icon-button:hover img{filter:brightness(1.08)drop-shadow(0 3px 5px #0000007a);transform:translateY(-1px)scale(1.07)}.icon-button:active img{transform:scale(.94)}.mahjong-tile{--tile-width:clamp(36px, 3.7vw, 57px);width:var(--tile-width);aspect-ratio:3/4;appearance:none;filter:none;cursor:pointer;transform-style:preserve-3d;transform-origin:50% 100%;background-color:#f4f3ea;background-position:50% 44%;background-repeat:no-repeat;background-size:89% 89%;border:1px solid #b5bbaee6;border-radius:8%;flex:none;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 4px #d8ddd2,0 7px #4e9b43,0 11px 8px #00000085,inset 0 1px #ffffffe6}.mahjong-tile.tile-back{background:linear-gradient(145deg,#f8f6ed,#dde3d8 68%,#b8c7ae);border:1px solid #b8c8b1;box-shadow:0 4px #d2d8cd,0 7px #4b9340,0 10px 7px #00000075,inset 0 1px 1px #ffffffe6}.mahjong-tile.tile-back:before{content:"";background:linear-gradient(155deg,#ffffff47,#0000 22%),repeating-linear-gradient(45deg,#0237111a 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#e1ffd514 0 1px,#0000 1px 5px),radial-gradient(circle at 35% 25%,#69c94e,#259431 58%,#116926);border:1px solid #c1eda6b8;border-radius:4%;position:absolute;inset:3px 3px 6px;box-shadow:inset 0 1px 2px #ffffff4d}.mahjong-tile.tile-back:after{content:"";background:#2f492a38;border-radius:50%;height:3px;position:absolute;bottom:2px;left:4px;right:4px}.mahjong-tile:not(.disabled):hover{filter:brightness(1.05);transform:translateY(-11px)rotateX(-4deg)scale(1.02);box-shadow:0 4px #aeb6a5,0 12px 9px #0000007a}.mahjong-tile.selected{filter:brightness(1.05);transform:translateY(-18px)rotateX(-5deg)scale(1.035);box-shadow:0 4px #c0bd92,0 0 0 2px #f4cb63,0 12px 11px #0000009e}.mahjong-tile.small{--tile-width:clamp(20px, 2.15vw, 33px);border-radius:6%;box-shadow:0 3px #d5dbd0,0 5px #4c9341,0 7px 4px #00000080}.mahjong-tile.disabled{cursor:default}.mahjong-tile.joker{box-shadow:0 0 0 2px #d5aa49,0 0 11px #ffd0608c}.joker-mark{color:#fff;font-size:max(8px, calc(var(--tile-width) * .18));background:#ba2530;border-radius:2px;padding:0 3px;line-height:1.25;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #000}.player-seat{z-index:7;color:#e7e2d5;transform-style:preserve-3d;position:absolute}.avatar-wrap{background:linear-gradient(90deg,#05100cdb,#05110d85);border:1px solid #d4bb7540;border-radius:28px 9px 9px 28px;align-items:center;gap:7px;min-width:112px;padding:5px 9px 5px 5px;display:flex;position:relative;box-shadow:0 5px 18px #0000003d}.avatar{color:#f1d48b;background:radial-gradient(circle at 35% 28%,#5b875e,#183a27 70%);border:2px solid #c69a43;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font:700 17px Noto Serif SC,serif;display:grid;box-shadow:inset 0 0 0 2px #00000059,0 2px 7px #000}.player-info{flex-direction:column;gap:2px;display:flex}.player-info strong{color:#fff8e7;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000;max-width:118px;font-size:clamp(13px,1.1vw,18px);font-weight:700;overflow:hidden}.player-info span{color:#f1c75d;text-shadow:0 1px 3px #000;font-size:clamp(13px,1vw,17px);font-weight:700}.dealer-badge{z-index:4;color:#fff;background:#b8272f;border-radius:50%;place-items:center;width:19px;height:19px;font:700 11px serif;display:grid;position:absolute;top:-7px;left:-5px;box-shadow:0 1px 5px #000}.turn-dot{background:#f4c45b;border-radius:50%;width:9px;height:9px;animation:1s infinite pulse;position:absolute;right:-5px;box-shadow:0 0 9px #ffd569}.player-seat.active .avatar-wrap{border-color:#d6ad52;box-shadow:0 0 16px #efc25533}.seat-top{top:49px;left:50%;transform:translate(-50%)perspective(700px)rotateX(-2deg)}.seat-top .avatar-wrap{margin:0 auto 7px;transform:translate(-10px,-18px)}.seat-right{transform-origin:100%;top:42%;right:17px;transform:translateY(-50%)perspective(700px)rotateY(-4deg)}.seat-right .avatar-wrap{margin:0 0 8px auto}.seat-left{transform-origin:0;top:42%;left:17px;transform:translateY(-50%)perspective(700px)rotateY(4deg)}.seat-left .avatar-wrap{margin-bottom:8px}.opponent-hand{background:linear-gradient(#0000 42%,#00000057);border-bottom:5px solid #5c3a1ae6;border-radius:3px 3px 9px 9px;gap:2px;padding:4px 6px 8px;display:flex;box-shadow:0 7px 10px #0000004d}.seat-right .opponent-hand,.seat-left .opponent-hand{background:linear-gradient(90deg,#0000 30%,#0000004d);border:0;border-right:5px solid #5c3a1ae6;border-radius:4px 9px 9px 4px;flex-direction:column;justify-content:flex-start;gap:2px;width:38px;height:auto;padding:4px;box-shadow:7px 0 10px #00000047}.seat-right .opponent-hand .mahjong-tile,.seat-left .opponent-hand .mahjong-tile{--tile-width:36px;aspect-ratio:auto;border-radius:4px;width:36px;height:18px;margin:0;transform:none;box-shadow:2px 0 #9faa97,3px 1px 2px #0000006b}.seat-left .opponent-hand{background:linear-gradient(-90deg,#0000 30%,#0000004d);border-left:5px solid #5c3a1ae6;border-right:0;border-radius:9px 4px 4px 9px;box-shadow:-7px 0 10px #00000047}.seat-right .opponent-hand .tile-back:before,.seat-left .opponent-hand .tile-back:before{border-radius:2px;inset:2px 3px 4px}.seat-right .opponent-hand .tile-back:after,.seat-left .opponent-hand .tile-back:after{height:2px;bottom:1px;left:5px;right:5px}.seat-melds{gap:4px;display:flex;position:absolute}.seat-top .seat-melds{margin-right:10px;top:67px;right:100%}.seat-right .seat-melds{flex-direction:column;top:52px;right:48px}.seat-left .seat-melds{flex-direction:column;top:52px;left:48px}.mini-meld{gap:1px;display:flex}.table-machine{z-index:9;aspect-ratio:1;width:clamp(106px,11vw,168px);transform-style:preserve-3d;background:linear-gradient(135deg,#262a29,#080b0a 47%,#1b1d1c);border:8px solid #1d1e1d;border-radius:14px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:8px 13px #070908bf,0 21px 34px #0009,inset 0 0 0 2px #4b4034,inset 0 0 25px #000}.table-machine:before{content:"";z-index:-1;background:linear-gradient(135deg,#4b433261,#0507069e);border:1px solid #cba34d29;border-radius:22px;position:absolute;inset:-15px;box-shadow:inset 0 0 18px #000}.table-machine:after{content:"";pointer-events:none;border-top:1px solid #ffdf9133;border-left:1px solid #ffdf911a;border-radius:7px;position:absolute;inset:5px}.machine-screen{color:#cfbc8a;text-align:center;background:radial-gradient(circle,#202624,#060807 70%);border:1px solid #7d6743;border-radius:6px;grid-template-columns:1fr auto;align-content:center;place-items:center;display:grid;position:absolute;inset:21%;transform:rotate(-45deg)}.machine-screen small{color:#78847d;letter-spacing:.22em;grid-column:1/3;font-size:8px}.machine-screen strong{color:#f4d369;text-shadow:0 0 8px #ffc54c73;font:700 clamp(22px,2.7vw,42px) Georgia,serif}.machine-screen span{color:#8f9b95;align-self:end;margin-bottom:6px;font-size:8px}.wind{color:#827661;place-items:center;width:22px;height:22px;font:700 11px serif;display:grid;position:absolute;transform:rotate(-45deg)}.wind-top{top:-5px;left:calc(50% - 11px)}.wind-bottom{bottom:-5px;left:calc(50% - 11px)}.wind-left{top:calc(50% - 11px);left:-5px}.wind-right{top:calc(50% - 11px);right:-5px}.active-wind{color:#fff;background:#9f252b;border-radius:50%;box-shadow:0 0 7px #c13b3f}.turn-ring{filter:drop-shadow(0 0 5px #e6be55);border:3px solid #0000;border-top-color:#e9c65e;border-radius:20px;transition:transform .35s;position:absolute;inset:-17px}.discard-zone{z-index:5;transform-style:preserve-3d;border-radius:7px;gap:3px;padding:5px;display:grid;position:absolute}.discard-top,.discard-bottom{grid-template-columns:repeat(6,auto)}.discard-left,.discard-right{grid-template-columns:repeat(4,auto)}.discard-top{top:21%;left:50%;transform:translate(-50%)perspective(500px)rotateX(-7deg)}.discard-bottom{bottom:24%;left:50%;transform:translate(-50%)perspective(500px)rotateX(7deg)}.discard-left{top:31%;left:29%;transform:translate(-50%)rotate(90deg)perspective(500px)rotateX(-6deg)}.discard-right{top:31%;right:29%;transform:translate(50%)rotate(-90deg)perspective(500px)rotateX(-6deg)}.discard-zone .mahjong-tile{box-shadow:0 2px #9ca697,0 4px 4px #0000006b}.last-discard{z-index:16;pointer-events:none;transform-style:preserve-3d;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.last-discard:after{content:"";filter:blur(6px);background:#00000080;border-radius:50%;height:13px;position:absolute;bottom:-14%;left:-18%;right:-18%}.last-discard .mahjong-tile{--tile-width:clamp(44px, 5vw, 74px);z-index:2;box-shadow:0 5px #a9b09f,0 0 0 3px #ffcd5394,0 11px 13px #00000094}.last-discard.from-bottom{transform:translate(-50%,60%)}.last-discard.from-left{transform:translate(-180%,-50%)rotate(90deg)}.last-discard.from-right{transform:translate(80%,-50%)rotate(-90deg)}.announcement{z-index:40;pointer-events:none;background:linear-gradient(90deg,#0000,#0a0b08db 20% 80%,#0000);padding:4px 37px;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.announcement span{color:#f3d47c;letter-spacing:.12em;text-align:center;text-shadow:0 2px 4px #000,0 0 14px #f0bc4373;min-width:140px;font:900 clamp(20px,2.7vw,40px) Noto Serif SC,serif;display:block}.announcement.red span{color:#ffdb91;text-shadow:0 2px 4px #000,0 0 14px #b82429}.table-action-cue{z-index:44;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 8px 12px #0000008c);background:radial-gradient(circle,#231508f0 0 35%,#ae77207a 48%,#0000 72%);border-radius:50%;place-items:center;width:clamp(78px,8vw,126px);display:grid;position:absolute}.table-action-cue:before,.table-action-cue:after{content:"";border:2px solid #ffd876b8;border-radius:50%;position:absolute;inset:12%}.table-action-cue:after{border-width:1px;border-color:#ffca4d52;inset:1%}.table-action-cue span{color:#ffe5a1;text-shadow:0 3px 3px #000,0 0 17px #ffbe31e6;font:900 clamp(34px,4.3vw,66px)/1 Noto Serif SC,serif}.table-action-cue.gang{background:radial-gradient(circle,#300e08f5 0 35%,#bf471d85 48%,#0000 72%)}.table-action-cue.win{aspect-ratio:auto;background:radial-gradient(#300e08f7 0 32%,#c04c1d8f 49%,#0000 73%);border-radius:50%;width:clamp(132px,14vw,220px);height:clamp(76px,8vw,126px)}.table-action-cue.win span{white-space:nowrap;font-size:clamp(31px,3.8vw,58px)}.action-from-top{top:20%;left:50%;transform:translate(-50%,-50%)}.action-from-right{top:43%;right:17%;transform:translate(50%,-50%)}.action-from-bottom{bottom:20%;left:50%;transform:translate(-50%,50%)}.action-from-left{top:43%;left:17%;transform:translate(-50%,-50%)}.player-seat.action-active .avatar-wrap,.user-identity.action-active{border-color:#ffe09a;box-shadow:0 0 0 2px #ffd05b73,0 0 30px #ffb230b8,inset 0 0 18px #ffcd5b29}.player-seat.action-active .avatar,.user-identity.action-active .avatar{animation:.72s cubic-bezier(.2,.85,.25,1) action-avatar-impact}.player-seat.action-active .player-info strong,.user-identity.action-active .player-info strong{color:#fff1b8;text-shadow:0 0 11px #ffc844e6,0 1px 3px #000}.score-delta{z-index:48;letter-spacing:.01em;text-align:center;white-space:nowrap;pointer-events:none;background:#050d0bc2;border-radius:14px;min-width:78px;padding:5px 11px;font:900 clamp(26px,2.7vw,42px)/1 Georgia,Noto Sans SC,sans-serif;position:absolute}.score-delta.positive{color:#ffd36a;text-shadow:0 2px 2px #402000,0 0 14px #ffae2bdb;box-shadow:inset 0 0 0 1px #ffcc5947}.score-delta.negative{color:#75d6ff;text-shadow:0 2px 2px #00263b,0 0 13px #35b0e6c2;box-shadow:inset 0 0 0 1px #58c6f242}.seat-left .score-delta{top:42%;left:calc(100% + 9px)}.seat-right .score-delta{top:42%;right:calc(100% + 9px)}.seat-top .score-delta{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.user-score-delta{bottom:clamp(72px,10vh,100px);left:clamp(76px,6.8vw,112px)}.win-burst-leave-active{transition:opacity .22s,filter .22s}.win-burst-leave-to{opacity:0;filter:brightness(2)blur(5px)}.opening-overlay{z-index:42;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.start-cue{text-align:center;background:radial-gradient(#08140ef0,#080e0bb8 58%,#0000 72%);place-items:center;min-width:330px;padding:22px 55px 25px;display:grid}.start-cue span{color:#c7aa67;letter-spacing:.48em;text-indent:.48em;font:700 15px Noto Serif SC,serif}.start-cue strong{color:#ffe29a;letter-spacing:.14em;text-indent:.14em;text-shadow:0 3px 4px #000,0 0 22px #efbe43b8;white-space:nowrap;font:900 clamp(38px,5vw,72px) Noto Serif SC,serif}.start-cue i{background:linear-gradient(90deg,#0000,#e8c46c,#0000);width:220px;height:2px;margin-top:9px;box-shadow:0 0 10px #d7a83e}.opening-cue-enter-active{animation:.3s ease-out opening-cue-in}.opening-cue-leave-active{transition:opacity .2s,filter .2s}.opening-cue-leave-to{opacity:0;filter:blur(4px)}.user-area{z-index:15;min-height:clamp(107px,17vh,160px);position:absolute;bottom:8px;left:9%;right:9%}.user-identity{z-index:3;opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#05120df0,#05120dbf);border:1px solid #d7b55e61;border-radius:30px 10px 10px 30px;align-items:center;gap:9px;min-width:142px;padding:7px 12px 7px 7px;display:flex;position:absolute;bottom:25px;left:-7.5%;box-shadow:0 6px 18px #0006}.user-identity .avatar{width:48px;height:48px;font-size:21px}.user-identity>div:last-child{flex-direction:column;gap:2px;font-size:clamp(13px,1.05vw,17px);display:flex}.user-identity strong{color:#fff7e3;text-shadow:0 1px 3px #000;font-size:clamp(14px,1.15vw,19px)}.user-identity span{color:#f2c65c;text-shadow:0 1px 3px #000;font-size:clamp(14px,1.1vw,18px);font-weight:800}.user-identity.active{opacity:1}.user-melds{gap:8px;display:flex;position:absolute;bottom:clamp(88px,11.3vh,112px);left:1%}.user-meld{background:#0003;border-radius:3px;gap:1px;padding:2px;display:flex}.hand-rack{transform-origin:50% 100%;border:0;border-radius:5px 5px 20px 20px;justify-content:center;align-items:flex-end;gap:clamp(1px,.2vw,4px);min-height:88px;padding:10px 14px 5px;display:flex;position:absolute;bottom:9px;left:0;right:0}.hand-rack.has-melds{justify-content:flex-start;padding-left:11%;padding-right:42%}.hand-rack.dealing .mahjong-tile{animation:.23s cubic-bezier(.2,.85,.3,1) both deal-to-user}.hand-rack:after{content:"";filter:blur(3px);background:#00000061;border-radius:50%;height:5px;position:absolute;bottom:-13px;left:4%;right:4%}.hand-rack.playable{content:""}@keyframes deal-to-user{0%{opacity:.2;transform:translate(38vw,-34vh)scale(.7)rotate(8deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.turn-timer{z-index:31;color:#ffe078;text-shadow:0 2px 5px #000;background:#091912e6;border:2px solid #e7be52c7;border-radius:18px;justify-content:center;align-items:baseline;gap:4px;min-width:86px;padding:8px 13px 7px;display:flex;position:absolute;bottom:114px;right:10%;box-shadow:0 5px 18px #00000080,0 0 16px #e6b8422e}.turn-timer span{font:800 clamp(34px,3.2vw,50px)/.9 Georgia,serif}.turn-timer small{font-size:clamp(13px,1vw,17px);font-weight:700}.turn-timer.prompt-timer{border-color:#eeb55ab8;box-shadow:0 0 18px #d594343d}.turn-timer.prompt-timer small{white-space:nowrap}.action-bar{z-index:45;align-items:center;gap:9px;display:flex;position:absolute;bottom:clamp(116px,17vh,164px);right:11%}.action{color:#f5df9c;cursor:pointer;background:radial-gradient(circle at 42% 33%,#806433,#2e2519 69%,#0f0d0a);border:1px solid #ae8840;border-radius:50%;min-width:61px;height:52px;padding:5px 12px;box-shadow:0 4px 10px #0000007a,inset 0 0 0 2px #ffffff0d}.action b{font:900 clamp(19px,1.65vw,26px) Noto Serif SC,serif;display:block}.action span{color:#d4bd7c;font-size:clamp(10px,.8vw,13px);display:block}.action:hover{filter:brightness(1.2);transform:translateY(-2px)}.action:disabled{opacity:.35;cursor:not-allowed;transform:none}.action.hu{color:#ffdda0;background:radial-gradient(circle at 40% 30%,#a13c36,#511c1b 65%,#180908);border-color:#c94e45}.action.pass,.discard-action{color:#c6d0c9;background:#07130ed9;border-color:#52675c;border-radius:25px}.waiting-action{width:54px;min-width:54px;height:60px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px}.waiting-action:hover{filter:brightness(1.12);background:0 0;transform:translateY(-3px)}.waiting-action.active{box-shadow:none}.waiting-action b{font-family:sans-serif}.waiting-action .action-icon{object-fit:contain;filter:drop-shadow(0 4px 5px #0000007a);width:clamp(42px,4vw,54px);height:clamp(42px,4vw,54px);display:block}.waiting-action span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.waiting-action.active .action-icon{filter:brightness(1.18)drop-shadow(0 0 9px #efbe4be0)}.waiting-tip{z-index:46;color:#f2df9f;background:#071811f5;border:1px solid #e1bd55a6;border-radius:9px;min-width:190px;max-width:min(620px,82vw);padding:11px 13px;display:flex;position:absolute;bottom:clamp(120px,17vh,165px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000008c}.compact-waiting-tip{justify-content:center;align-items:center;min-width:0;padding:8px 10px}.compact-waiting-tip>em{color:#f4ffff;white-space:nowrap;background:#28b8c7;border-radius:4px;margin-left:9px;padding:4px 8px;font-size:13px;font-style:normal;font-weight:800}.waiting-tip>strong{font:900 23px Noto Serif SC,serif}.waiting-tip>span{color:#c9b978;white-space:nowrap;align-self:center;margin-left:10px}.waiting-title{margin:0 10px 0 0!important}.waiting-tiles{gap:7px;padding:2px 2px 5px;display:flex;overflow-x:auto}.waiting-tiles>div{flex:none;justify-items:center;gap:3px;display:grid}.waiting-tiles .mahjong-tile.small{--tile-width:clamp(42px, 3.25vw, 60px)}.waiting-tiles small{color:#f4ffff;text-align:center;white-space:nowrap;background:#28b8c7;border-radius:3px;min-width:30px;padding:3px 5px;font-size:11px;font-weight:800}.waiting-total{margin-left:11px!important}.waiting-heading{white-space:nowrap;flex:none;align-self:flex-start;margin:5px 12px 0 0;font-size:16px!important}.waiting-options{gap:5px;max-height:150px;display:grid;overflow-y:auto}.waiting-options>div{color:#e7dab0;white-space:nowrap;align-items:center;gap:7px;display:flex}.waiting-options b{color:#d8a93d}.waiting-options small{color:#9fb2a8}.lobby{z-index:50;text-align:center;background:radial-gradient(at 50% 46%,#19573a1f,#0000 36%),linear-gradient(#04120de3,#041610ed);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby:before,.lobby:after{content:"";border:1px solid #c29f5012;border-radius:50%;width:18%;position:absolute;top:10%;bottom:10%}.lobby:before{left:7%;transform:rotate(11deg)}.lobby:after{right:7%;transform:rotate(-11deg)}.lotus-mark{border:1px solid #b88a3c;border-radius:50% 50% 46% 46%;place-items:center;width:75px;height:75px;margin-bottom:18px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 0 7px #b88a3c0f,0 0 45px #c2913321}.lotus-mark:before,.lotus-mark:after{content:"";border:1px solid #cda55073;border-radius:50%;position:absolute;inset:11px -18px}.lotus-mark:before{transform:rotate(45deg)}.lotus-mark:after{transform:rotate(-45deg)}.lotus-mark span{color:#e4c875;font:900 35px Noto Serif SC,serif;transform:rotate(-45deg)}.eyebrow{color:#789b89;letter-spacing:.5em;margin:0 0 7px;font-size:11px}.lobby h1{color:#f1e7cd;letter-spacing:.14em;text-shadow:0 4px 15px #000;margin:0;font:900 clamp(43px,6vw,80px) ZCOOL XiaoWei,Noto Serif SC,serif}.lobby h1 span{color:#d6ad52}.subtitle{color:#9eada4;letter-spacing:.28em;margin:8px 0 20px;font:600 15px Noto Serif SC,serif}.lobby-rules{color:#d0c39e;letter-spacing:.1em;align-items:center;gap:12px;margin-bottom:25px;font-size:13px;display:flex}.lobby-rules i{background:#a9823c;border-radius:50%;width:3px;height:3px}.start-button{color:#182218;cursor:pointer;background:linear-gradient(135deg,#b98737,#d9b65d 48%,#956622);border:1px solid #d2aa58;border-radius:3px;min-width:228px;padding:12px 33px 10px;box-shadow:0 7px 24px #0006,inset 0 1px #ffffff80}.start-button b{letter-spacing:.22em;font:900 20px Noto Serif SC,serif;display:block}.start-button span{opacity:.78;letter-spacing:.12em;margin-top:3px;font-size:11px;display:block}.start-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.lobby-links{align-items:center;gap:18px;margin-top:14px;display:flex}.text-button{color:#9aafa3;cursor:pointer;background:0 0;border:0;font-size:13px}.text-button:hover{color:#d3bf8d}.repository-link{color:#9aafa3;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.repository-link svg{width:15px;height:15px}.repository-link:hover{color:#d3bf8d}.repository-link:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #d6ad52}.match-selector{grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px;width:min(390px,86vw);margin:0 auto 15px;display:grid}.match-selector button{color:#9fb0a6;cursor:pointer;background:#03120db8;border:1px solid #d3ae5745;border-radius:7px;padding:13px 12px 11px;transition:all .2s}.match-selector button b,.match-selector button span{display:block}.match-selector button b{color:#e5d5ad;margin-bottom:4px;font:800 18px Noto Serif SC,serif}.match-selector button span{letter-spacing:.05em;font-size:11px}.match-selector button.active{background:linear-gradient(#a8743057,#123627e0);border-color:#d5ab54;transform:translateY(-2px);box-shadow:0 0 0 1px #f4cc6a29,0 8px 24px #00000040}.match-selector button.active b{color:#ffe6a5}.rules-panel{z-index:100;background:linear-gradient(160deg,#102b23,#071510 65%);border-left:1px solid #997439;width:min(390px,92vw);padding:31px 27px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-22px 0 60px #000000a6}.rules-panel header{border-bottom:1px solid #d0ac572e;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:17px;display:flex}.rules-panel header span{color:#b18d48;letter-spacing:.4em;font-size:9px}.rules-panel h2{color:#f0e3bf;margin:5px 0 0;font:900 28px Noto Serif SC,serif}.rules-panel header button{color:#d9cba8;cursor:pointer;background:0 0;border:1px solid #dfc78840;border-radius:50%;width:32px;height:32px;font-size:20px}.rule-list{flex-direction:column;gap:8px;display:flex}.rule-list article{background:#ffffff06;border:1px solid #ffffff0d;border-radius:4px;grid-template-columns:35px 1fr;gap:11px;padding:12px;display:grid}.rule-list article>b{color:#b18c48;font:700 15px Georgia,serif}.rule-list h3{color:#f0dfba;margin:0 0 4px;font:700 16px Noto Serif SC,serif}.rule-list p{color:#a6b5ad;margin:0;font-size:13px;line-height:1.65}.rule-note{color:#c2aa73;text-align:center;letter-spacing:.08em;border:1px dashed #d7b35b40;margin-top:17px;padding:11px;font-size:13px}.result-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020806c7;place-items:center;display:grid;position:absolute;inset:0}.result-card{text-align:center;background:radial-gradient(circle at 50% 0,#9b6a2c33,#0000 42%),linear-gradient(145deg,#17352b,#081711 78%);border:1px solid #b58a3c;border-radius:8px;width:min(590px,91vw);padding:43px 42px 34px;position:relative;box-shadow:0 25px 70px #000}.result-card:before{content:"";pointer-events:none;border:1px solid #d3af5b21;position:absolute;inset:7px}.result-seal{color:#ffe1a2;background:#8d2a2d;border:3px solid #d5af58;border-radius:50%;place-items:center;width:72px;height:72px;font:900 38px Noto Serif SC,serif;display:grid;position:absolute;top:-36px;left:50%;transform:translate(-50%)rotate(-7deg);box-shadow:0 5px 15px #000}.result-card>p{color:#c4ab73;letter-spacing:.22em;margin:12px 0 5px;font-size:clamp(14px,1.15vw,18px);font-weight:700}.result-card h2{color:#fff0c8;margin:0 0 17px;font:900 clamp(34px,3vw,46px) Noto Serif SC,serif}.score-total{justify-content:center;align-items:baseline;gap:13px;display:flex}.score-total span{color:#a9bbb1;font-size:clamp(14px,1.1vw,17px)}.score-total strong{color:#f4ca62;font:800 clamp(45px,4vw,60px) Georgia,serif}.score-total em{color:#e2bd61;font-size:clamp(16px,1.35vw,21px);font-style:normal;font-weight:700}.score-details{flex-wrap:wrap;justify-content:center;gap:9px;margin:13px 0 19px;display:flex}.score-details span{color:#c4d0c9;background:#ffffff06;border:1px solid #caa65357;border-radius:4px;padding:7px 12px;font-size:clamp(13px,1vw,16px)}.score-details b{color:#ebca79;font-size:1.08em}.horse-area{background:#0003;border:1px solid #d0ae5833;border-radius:5px;padding:17px 14px 13px}.horse-area>div{justify-content:center;align-items:flex-end;gap:5px;min-height:40px;display:flex}.horse-area .mahjong-tile{--tile-width:clamp(48px, 5vw, 58px);transition:transform .2s,filter .2s,box-shadow .2s,opacity .2s}.horse-area .mahjong-tile:not(.horse-hit){opacity:.58;filter:brightness(.62)saturate(.6)}.horse-area .mahjong-tile.horse-hit{z-index:2;filter:brightness(1.2)saturate(1.12);transform:translateY(-8px)scale(1.07);box-shadow:0 4px #e2e5da,0 8px #5ca54b,0 0 0 3px #f4cb63,0 0 22px #ffcd53e6,0 14px 13px #000000a8}.result-actions{justify-content:center;gap:12px;margin-top:23px;display:flex}.result-actions button{color:#122019;cursor:pointer;background:#b88b3e;border:1px solid #d3aa57;border-radius:5px;min-width:170px;padding:13px 20px;font-size:clamp(16px,1.25vw,20px);font-weight:800}.result-actions button.secondary{color:#e5d5ad;background:#081c14e0;border-color:#d5b87080}.result-reopen{z-index:92;color:#f3d27c;cursor:pointer;background:#071912eb;border:2px solid #d0a64d;border-radius:24px;padding:12px 22px;font-size:clamp(15px,1.2vw,19px);font-weight:800;position:absolute;bottom:5%;right:4%;box-shadow:0 7px 22px #0000008c}.win-effect-lab{z-index:150;color:#f3dfad;background:#04100cf0;border:1px solid #bd974c;border-radius:7px;gap:5px;width:230px;padding:10px;font-size:12px;display:grid;position:fixed;top:12px;left:12px;box-shadow:0 8px 28px #0000008c}.win-effect-lab>strong{text-align:center;margin-bottom:3px}.win-effect-lab>div{grid-template-columns:42px 1fr 1fr;align-items:center;gap:5px;display:grid}.win-effect-lab button{color:#f4dfac;cursor:pointer;background:#17372c;border:1px solid #d6b25b80;border-radius:4px;padding:4px 5px}.round-settlement{background:radial-gradient(circle at 50% 45%,#1c3f5c4d,#0000 55%),#01050ad1}.settlement-card{width:min(760px,94%);max-height:94%;padding-top:31px;overflow:hidden auto}.settlement-card .horse-area{min-width:45%;margin-bottom:12px;display:inline-block}.round-rankings{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:5px;display:grid}.round-rankings article{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-align:left;background:linear-gradient(105deg,#223352f0,#111d33f0);border:1px solid #879eb938;grid-template-columns:clamp(34px,4vw,42px) clamp(34px,3.8vw,40px) minmax(0,1fr) clamp(48px,5vw,56px) clamp(60px,6vw,70px);align-items:center;gap:clamp(4px,.55vw,7px);min-width:0;min-height:58px;padding:6px clamp(6px,.7vw,9px);animation:.55s both ranking-slide;display:grid;overflow:hidden}.round-rankings article:nth-child(2){animation-delay:80ms}.round-rankings article:nth-child(3){animation-delay:.16s}.round-rankings article:nth-child(4){animation-delay:.24s}.round-rankings article.winner{background:linear-gradient(105deg,#594026f5,#1a273af2);border-color:#f0c15fb3}.round-rankings img{object-fit:cover;border:1px solid #d3a75a;border-radius:5px;width:42px;height:42px}.round-rankings span{color:#eef2f8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.rank-number{color:#dce7f4;text-align:center;font:italic 900 31px Georgia,serif}.rank-number small{margin-left:2px;font:700 11px sans-serif}.round-rankings em{color:#a6b2c1;text-align:right;text-overflow:ellipsis;min-width:0;font-style:normal;font-weight:800;overflow:hidden}.round-rankings em.positive{color:#6fe576}.round-rankings em.negative{color:#ff666c}.round-rankings article>b{color:#fff;text-align:right;text-overflow:ellipsis;min-width:0;font:800 22px Georgia,serif;overflow:hidden}.final-backdrop{z-index:96;background:radial-gradient(circle at 50% 24%,#6348256b,#0000 38%),#02080ceb}.final-board{text-align:center;width:min(680px,92%);max-height:94%;padding:28px 45px 32px;animation:.7s cubic-bezier(.18,.9,.24,1.1) final-in;overflow:hidden auto}.final-board>p{color:#c5a86c;letter-spacing:.22em;margin:0;font-size:13px}.final-board>h2{color:#ffe6ad;letter-spacing:.12em;margin:5px 0 20px;font:900 40px Noto Serif SC,serif}.final-rankings{gap:8px;display:grid}.final-rankings article{text-align:left;background:linear-gradient(90deg,#22324ef5,#0c1728f2);border:1px solid #7c99b440;grid-template-columns:65px 56px 1fr 120px;align-items:center;gap:14px;min-height:69px;padding:6px 18px 6px 10px;display:grid}.final-rankings article.rank-1{background:linear-gradient(90deg,#704c1dfa,#1f2633f5);border-color:#d8ac54;box-shadow:0 0 24px #ddab4721}.final-rankings article.self{box-shadow:inset 3px 0 #5fd9a2}.final-rankings img{object-fit:cover;border:2px solid #caa051;border-radius:6px;width:54px;height:54px}.final-rank{color:#e1e7f0;text-align:center}.final-rank b{font:italic 900 38px Georgia,serif}.final-rank span{margin-left:2px;font-size:12px}.final-name strong{color:#fff;font-size:18px}.final-name small{color:#e7fff6;background:#2a8062;border-radius:9px;margin-left:8px;padding:2px 7px}.final-rankings em{color:#ffe3a1;text-align:right;font:800 27px Georgia,serif}.final-board>button{color:#122019;cursor:pointer;background:linear-gradient(#d5aa59,#aa7934);border:1px solid #d3aa57;border-radius:5px;min-width:190px;margin-top:22px;padding:12px 24px;font-weight:800}.panel-enter-active,.panel-leave-active{transition:transform .35s}.panel-enter-from,.panel-leave-to{transform:translate(100%)}.modal-enter-active,.modal-leave-active{transition:opacity .3s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .result-card{animation:.48s cubic-bezier(.2,.9,.25,1.15) result-in}.announce-enter-active{animation:.35s ease-out announce-in}.announce-leave-active{transition:opacity .25s}.announce-leave-to{opacity:0}.table-action-enter-active{animation:.28s cubic-bezier(.16,.84,.25,1.12) table-action-in}.table-action-leave-active{transition:opacity .2s,filter .2s}.table-action-leave-to{opacity:0;filter:brightness(1.7)blur(3px)}.score-flow-enter-active{animation:.78s cubic-bezier(.16,.84,.24,1) .12s both score-flow-in}.score-flow-leave-active{transition:opacity .16s,filter .16s}.score-flow-leave-to{opacity:0;filter:blur(2px)}.discard-pop-enter-active{animation-duration:.42s;animation-timing-function:cubic-bezier(.16,.84,.28,1.08)}.discard-pop-leave-active{transition:opacity .16s}.discard-pop-leave-to{opacity:0}.from-top.discard-pop-enter-active{animation-name:discard-from-top}.from-right.discard-pop-enter-active{animation-name:discard-from-right}.from-bottom.discard-pop-enter-active{animation-name:discard-from-bottom}.from-left.discard-pop-enter-active{animation-name:discard-from-left}.actions-enter-active,.actions-leave-active{transition:opacity .2s,transform .2s}.actions-enter-from,.actions-leave-to{opacity:0;transform:translateY(8px)}@keyframes pulse{50%{opacity:.6;transform:scale(1.4)}}@keyframes discard-from-top{0%{opacity:.2;transform:translate(-50%,-430%)scale(.72)rotateX(18deg)}to{opacity:1;transform:translate(-50%,-165%)scale(1)}}@keyframes discard-from-right{0%{opacity:.2;transform:translate(430%,-50%)rotate(-90deg)scale(.72)}to{opacity:1;transform:translate(80%,-50%)rotate(-90deg)scale(1)}}@keyframes discard-from-bottom{0%{opacity:.2;transform:translate(-50%,520%)scale(.72)rotateX(-18deg)}to{opacity:1;transform:translate(-50%,60%)scale(1)}}@keyframes discard-from-left{0%{opacity:.2;transform:translate(-430%,-50%)rotate(90deg)scale(.72)}to{opacity:1;transform:translate(-180%,-50%)rotate(90deg)scale(1)}}@keyframes announce-in{0%{opacity:0;filter:blur(3px);transform:translate(-50%,-45%)scale(.8)}}@keyframes table-action-in{0%{opacity:0;filter:brightness(1.8)blur(4px);scale:.55}70%{scale:1.08}}@keyframes action-avatar-impact{0%{filter:brightness(1.7);transform:scale(.92)}42%{filter:brightness(1.24);transform:scale(1.09)}to{filter:brightness();transform:scale(1)}}@keyframes score-flow-in{0%{opacity:0;translate:0 8px;scale:.72}36%{opacity:1;scale:1.08}to{opacity:1;translate:0 -7px;scale:1}}@keyframes opening-cue-in{0%{opacity:0;filter:blur(5px);transform:translate(-50%,-44%)scale(.82)}}@keyframes result-in{0%{opacity:0;transform:translateY(18px)scale(.94)}}@keyframes ranking-slide{0%{opacity:0;transform:translate(45px)scale(.97)}}@keyframes final-in{0%{opacity:0;filter:blur(5px);transform:translateY(28px)scale(.92)}}.wood-frame{background:linear-gradient(102deg,#070907 0 7.5%,#28241e 7.7% 9.2%,#0000 9.4%),linear-gradient(258deg,#070907 0 7.5%,#28241e 7.7% 9.2%,#0000 9.4%),linear-gradient(#060806,#15130f 58%,#080908);padding:0}.felt-table{isolation:isolate;background:#090b09;border:0;border-radius:0;box-shadow:inset 0 0 0 5px #070807,inset 0 0 0 8px #3a3428,inset 0 0 60px #000}.felt-table:before{z-index:0;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);filter:drop-shadow(0 18px #090b09)drop-shadow(0 28px 18px #000000c7);background:radial-gradient(at 50% 43%,#3e895b38,#0000 45%),repeating-radial-gradient(circle at 48% 42%,#ffffff05 0 1px,#0000 1px 5px),linear-gradient(#235e43,#174d37 48%,#0f3f2e);border:0;border-radius:0;inset:-3% 7.5% -7%}.felt-table:after{z-index:1;clip-path:polygon(13.5% 0,86.5% 0,100% 100%,0 100%,.9% 98.7%,99.1% 98.7%,85.7% 1.6%,14.3% 1.6%);box-shadow:none;background:linear-gradient(#514839,#171714 38%,#0b0c0a);border:0;border-radius:0;inset:0 6.8% -1%}.table-depth{z-index:2;inset:10% 13% 12%;transform:none}.table-depth:before{clip-path:polygon(11% 0,89% 0,100% 100%,0 100%,.4% 99.2%,99.6% 99.2%,88.4% 1.4%,11.6% 1.4%);box-shadow:none;background:#061f1661;border:0;inset:5% 5% 4%}.table-depth:after{content:"";z-index:-1;clip-path:polygon(12% 0,88% 0,100% 17%,100% 83%,88% 100%,12% 100%,0 83%,0 17%);background-color:#1245314d;background-image:linear-gradient(35deg,#0000 49.5%,#031c1380 50% 50.5%,#0000 51%),linear-gradient(-35deg,#0000 49.5%,#031c1380 50% 50.5%,#0000 51%),linear-gradient(145deg,#0000 49.5%,#031c1380 50% 50.5%,#0000 51%),linear-gradient(-145deg,#0000 49.5%,#031c1380 50% 50.5%,#0000 51%),none;background-position:0 0,100% 0,0 100%,100% 100%,0 0;background-repeat:no-repeat;background-size:50% 50%,50% 50%,50% 50%,50% 50%,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:23% 24% 19%;box-shadow:inset 0 0 0 2px #042519b3,inset 0 0 0 4px #4a85611f}.table-edge{opacity:.32;background:linear-gradient(#0c2319b3,#03120c99);border-color:#031b128c}.edge-top,.edge-bottom{height:10px;left:18%;right:18%}.edge-left,.edge-right{width:10px;top:13%;bottom:13%}.felt-emblem{opacity:.45}.mahjong-tile{--tile-width:clamp(44px, 4.75vw, 86px);box-shadow:0 5px #d8ddd2,0 9px #4e9b43,0 13px 9px #0000008a,inset 0 1px #ffffffe6}.mahjong-tile.small{--tile-width:clamp(25px, 2.45vw, 42px);box-shadow:0 3px #d5dbd0,0 6px #4c9341,0 8px 5px #00000080}.seat-top{top:13%;transform:translate(calc(115% - 140px))}.seat-top .avatar-wrap{width:clamp(210px,18vw,286px);min-width:0}.seat-top .opponent-hand{transform-origin:50% 100%;gap:1px;padding:5px 8px 11px;transform:perspective(700px)rotateX(-7deg)}.seat-top .opponent-hand .mahjong-tile{--tile-width:clamp(30px, 2.8vw, 48px)}.seat-left{top:43%;left:2.2%}.seat-right{top:43%;right:2.2%}.seat-left .opponent-hand,.seat-right .opponent-hand{gap:1px;width:47px;padding:4px 5px}.seat-left .opponent-hand{transform:perspective(600px)rotate(-5deg)rotateY(8deg)}.seat-right .opponent-hand{transform:perspective(600px)rotate(5deg)rotateY(-8deg)}.seat-left .opponent-hand .mahjong-tile,.seat-right .opponent-hand .mahjong-tile{--tile-width:42px;width:42px;height:24px;box-shadow:3px 0 #9ca896,5px 2px 4px #00000080}.table-machine{border-width:11px;border-radius:10px;width:clamp(168px,16vw,270px);top:43%;transform:translate(-50%,-50%)perspective(700px)rotateX(8deg);box-shadow:0 13px #070807,0 27px 35px #0000009e,inset 0 0 0 2px #4b4034,inset 0 0 30px #000}.table-machine:before{border-radius:15px;inset:-14px}.machine-screen{inset:22%;transform:none}.wind{transform:none}.turn-ring{border-radius:15px;inset:-18px}.discard-top{top:20%}.discard-bottom{bottom:24%}.discard-left{left:29%}.discard-right{right:29%}.user-area{min-height:clamp(125px,21vh,205px);bottom:0;left:5%;right:5%}.user-identity{bottom:40px;left:-3.3%}.user-melds{bottom:clamp(112px,15vh,148px)}.hand-rack{gap:clamp(1px,.15vw,3px);min-height:112px;padding:12px 16px 8px}.hand-rack .mahjong-tile{box-shadow:0 6px #d8ddd2,0 10px #4e9b43,0 15px 9px #0009,inset 0 1px #ffffffe6}.hand-rack .mahjong-tile.drawn{margin-left:clamp(10px,1vw,18px)}.action-bar{bottom:clamp(150px,22vh,210px)}.turn-timer{bottom:clamp(220px,29vh,280px)}.last-discard .mahjong-tile{--tile-width:clamp(58px, 6vw, 96px);box-shadow:0 7px #a7afa0,0 0 0 3px #ffcd539e,0 17px 18px #0000009e}.last-discard.from-top{transform:translate(-50%,-75%)}.mahjong-scene{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.felt-table.has-three-scene:before,.felt-table.has-three-scene:after,.felt-table.has-three-scene .table-depth{opacity:0}.has-three-scene .seat-top{top:7.5%;left:calc(50% + clamp(220px,22vw,420px));right:auto;transform:translate(-50%)}.has-three-scene .seat-left{top:35%;left:2.7%}.has-three-scene .seat-right{top:35%;right:2.7%}.has-three-scene .seat-top .avatar-wrap{width:clamp(180px,16vw,245px)}.has-three-scene .table-machine{background:#0a0d0cd4;border-width:7px;width:clamp(130px,12vw,195px);top:45%;box-shadow:0 8px #030403cc,0 17px 22px #00000075,inset 0 0 0 1px #5d503e}.has-three-scene .discard-top{top:25%}.has-three-scene .discard-left{top:35%;left:34%}.has-three-scene .discard-right{top:35%;right:34%}.has-three-scene .last-discard{top:45%}.avatar-wrap,.user-identity{text-align:center;background:linear-gradient(#081410f0,#050d0ad1);border:1px solid #d6b35870;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:clamp(76px,7vw,104px);min-width:0;padding:6px 7px 7px;display:flex;box-shadow:0 7px 20px #0000006b,inset 0 0 0 1px #ffffff09}.seat-top .avatar-wrap,.has-three-scene .seat-top .avatar-wrap{width:clamp(76px,7vw,104px)}.avatar-wrap .avatar,.user-identity .avatar{object-fit:cover;background:#263c31;border:2px solid #d4aa58;border-radius:7px;width:clamp(52px,5.1vw,76px);height:clamp(52px,5.1vw,76px);display:block;box-shadow:0 0 0 2px #170d05bf,0 4px 10px #0000007a}.player-info{align-items:center;gap:0;width:100%;line-height:1.25}.player-info strong{max-width:100%;font-size:clamp(12px,1vw,16px)}.player-info span{font-size:clamp(12px,.95vw,15px)}.avatar-wrap .turn-dot,.user-identity.active:after{bottom:-5px;left:50%;right:auto;transform:translate(-50%)}.user-identity.active:after{content:"";background:#f4c45b;border-radius:50%;width:9px;height:9px;animation:1s infinite pulse;position:absolute;box-shadow:0 0 9px #ffd569}@media (height<=620px){.table-action-cue.win.action-from-bottom{bottom:38%}.user-score-delta{bottom:52px;left:58px}.top-bar{height:34px;padding:0 10px;font-size:12px}.brand-mini{gap:5px}.brand-mini i{width:22px;height:22px;font-size:12px}.round-info{padding:3px 13px}.top-bar nav{gap:5px}.top-bar button{width:28px;height:28px;font-size:13px}.top-bar .icon-button img{width:88%;height:88%}.seat-top .avatar-wrap{transform-origin:top;transform:scale(.76)translate(-90px,-15px)}.seat-left .avatar-wrap{transform-origin:0;transform:scale(.76)}.seat-right .avatar-wrap{transform-origin:100%;transform:scale(.76)}.player-info strong{max-width:104px;font-size:13px}.player-info span{font-size:12px}.user-area{min-height:82px;bottom:0}.hand-rack{min-height:72px;padding:5px 8px 4px}.hand-rack .mahjong-tile{--tile-width:clamp(32px, 4.25vw, 38px)}.hand-rack .mahjong-tile.drawn{margin-left:8px}.user-melds{bottom:75px}.user-identity{transform-origin:0 100%;width:72px;min-width:0;padding:4px;bottom:14px;left:-2%;transform:scale(.76)}.user-identity .avatar{width:42px;height:42px;font-size:18px}.user-identity strong{font-size:14px}.user-identity span{font-size:13px}.action-bar{gap:6px;bottom:154px;right:calc(9% + 92px)}.waiting-tip{max-width:min(460px,68vw);bottom:60px}.compact-waiting-tip{border-radius:7px;padding:5px 7px}.waiting-tiles{gap:4px;padding:1px 1px 3px}.waiting-tiles>div{gap:2px}.waiting-tiles .mahjong-tile.small{--tile-width:clamp(27px, 4.4vh, 34px)}.waiting-tiles small{min-width:24px;padding:2px 4px;font-size:9px}.action{min-width:48px;height:42px;padding:4px 8px}.waiting-action{width:48px;height:52px;padding:0}.waiting-action .action-icon{width:46px;height:46px}.action b{font-size:16px}.action span{font-size:9px}.turn-timer{border-radius:14px;min-width:67px;padding:6px 9px 5px;bottom:132px;right:9%}.turn-timer span{font-size:29px}.turn-timer small{font-size:11px}.lobby{transform-origin:50%;inset:-6%;transform:scale(.9)}.result-card{width:min(620px,94vw);padding:27px 31px 17px}.result-seal{border-width:2px;width:52px;height:52px;font-size:28px;top:-22px}.result-card>p{margin:4px 0 2px;font-size:13px}.result-card h2{margin-bottom:7px;font-size:29px}.score-total{gap:9px}.score-total span{font-size:13px}.score-total strong{font-size:39px}.score-total em{font-size:15px}.score-details{gap:6px;margin:6px 0 9px}.score-details span{padding:4px 8px;font-size:12px}.horse-area{padding:9px 10px 7px}.horse-area>div{gap:4px;min-height:66px}.horse-area .mahjong-tile{--tile-width:clamp(37px, 4.8vw, 43px)}.horse-area .mahjong-tile.horse-hit{transform:translateY(-5px)scale(1.05)}.result-actions{gap:9px;margin-top:10px}.result-actions button{min-width:145px;padding:8px 15px;font-size:15px}.settlement-card{width:min(850px,96%);padding-top:20px}.round-rankings article{grid-template-columns:38px 32px minmax(0,1fr) 50px 62px;min-height:47px;padding:4px 6px}.round-rankings img{width:32px;height:32px}.rank-number{font-size:24px}.round-rankings article>b{font-size:17px}.final-board{width:min(620px,92%);padding:15px 24px 18px}.final-board>h2{margin:2px 0 9px;font-size:30px}.final-rankings{gap:5px}.final-rankings article{grid-template-columns:46px 42px minmax(0,1fr) 82px;gap:8px;min-width:0;min-height:51px;padding-right:10px}.final-rankings img{width:40px;height:40px}.final-rank b{font-size:29px}.final-rankings em{text-overflow:ellipsis;min-width:0;font-size:21px;overflow:hidden}.final-board>button{margin-top:10px;padding:8px 20px}}@media (width<=700px),(height<=460px){.settlement-card{width:96%;padding-left:16px;padding-right:16px}.round-rankings{gap:5px}.round-rankings article{grid-template-columns:31px 30px minmax(0,1fr) 45px 55px;gap:4px;padding-left:5px;padding-right:5px}.round-rankings img{width:29px;height:29px}.rank-number{font-size:21px}.rank-number small{font-size:9px}.round-rankings span,.round-rankings em{font-size:12px}.round-rankings article>b{font-size:15px}.final-board{width:94%;padding-left:16px;padding-right:16px}}@media (height<=460px){.settlement-card{max-height:98%;padding:12px 14px 9px}.result-seal{width:40px;height:40px;font-size:22px;top:-18px}.settlement-card>p{margin:0;font-size:11px}.settlement-card h2{margin:0 0 3px;font-size:24px}.settlement-card .score-total strong{font-size:31px}.settlement-card .score-details{margin:3px 0 5px}.settlement-card .score-details span{padding:3px 7px;font-size:11px}.settlement-card .horse-area{margin-bottom:5px;padding:3px 8px}.settlement-card .horse-area>div{min-height:42px}.settlement-card .horse-area .mahjong-tile{--tile-width:29px}.round-rankings article{min-height:38px}.result-actions{margin-top:6px}.result-actions button{min-width:128px;padding:6px 12px;font-size:13px}}@media (width<=760px) and (orientation:portrait){.wood-frame{padding:6px}.felt-table{border-radius:4px}.top-bar{height:41px}.brand-mini span{display:none}.seat-left{left:7px}.seat-right{right:7px}.has-three-scene .seat-top{left:auto;right:2%;transform:none}.seat-left .avatar-wrap,.seat-right .avatar-wrap{width:68px;min-width:0;padding:4px}.seat-left .player-info,.seat-right .player-info{display:flex}.discard-left{left:20%}.discard-right{right:20%}.table-machine{top:45%}.discard-top{top:25%}.discard-bottom{bottom:28%}.user-area{left:1%;right:1%}.user-identity{width:68px;min-width:0;padding:4px;bottom:96px;left:1%}.user-identity>div:last-child{display:flex}.mahjong-tile{--tile-width:min(6.6vw, 38px)}.mahjong-tile.small{--tile-width:min(4.7vw, 25px)}.hand-rack{gap:0;padding-left:2px;padding-right:2px}.action-bar{bottom:113px;right:3%}.action{min-width:50px;height:46px;padding:4px 9px}.action b{font-size:15px}.waiting-action{width:50px;height:54px;padding:0}.turn-timer{min-width:72px;padding:7px 10px 6px;bottom:174px;right:8%}.lobby-rules{gap:7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}