.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}
:root{--bg:#0e1a14;--felt:#14714c;--felt-dark:#0e3a28;--wood:#5a3a1a;--gold:#e8c15a;--mj-text:#eef2ef;--mj-muted:#9db3a8;--panel:#123528;--panel-border:#2a5a44;--tile:#fdfbf5;--tile-meld:#f0dfa8;--tile-back:#2f7a58;--red:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}.hide{display:none!important}body{background:var(--bg);min-height:100dvh;color:var(--mj-text);overflow-anchor:none;flex-direction:column;padding:12px 12px 0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex}.gc{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1112px;margin:0 auto;padding:12px 12px 0;display:flex}body>.site-header,body>.site-footer{flex-shrink:0}body>.site-header{background:var(--bg);border-bottom:1px solid var(--panel-border);color:var(--mj-text)}body>.site-header .theme-toggle{color:var(--mj-text)}body>.site-header .theme-toggle:hover{background:var(--panel)}body>.site-footer{background:var(--bg);border-top-color:var(--panel-border);color:var(--mj-muted)}body>.site-footer a:hover{color:var(--gold)}.site-tabbar{background:color-mix(in srgb, var(--panel) 92%, transparent);border-top-color:var(--panel-border)}.site-tabbar a{color:var(--mj-muted)}.site-tabbar a[aria-current=page]{color:var(--gold)}.table{flex:1}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}h1{letter-spacing:6px;color:var(--gold);font-size:22px;font-weight:700}.gi{color:var(--mj-muted);align-items:center;gap:10px;font-size:13px;display:flex}.log-btn{border:1px solid var(--panel-border);background:var(--panel);color:var(--mj-muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:600}.log-btn:hover{color:var(--mj-text);border-color:var(--gold)}.log-btn.active{color:#1b2b22;background:var(--gold);border-color:var(--gold);font-weight:800}.log-mdl{flex-direction:column;max-height:80vh;display:flex}.log-mdl .lp{text-align:left;flex:1;max-height:55vh;margin-bottom:14px;overflow-y:auto}.rules-mdl{flex-direction:column;max-height:80vh;display:flex}.rules-content{text-align:left;flex:1;max-height:60vh;margin-bottom:14px;overflow-y:auto}.rules-content h3{color:var(--gold);letter-spacing:1px;margin:18px 0 8px;font-size:15px}.rules-content h3:first-child{margin-top:0}.rules-content p{color:#ccc;margin:0 0 8px;font-size:14px;line-height:1.7}.rules-content ul{margin:0 0 10px;padding-left:20px}.rules-content li{color:#ccc;margin-bottom:6px;font-size:14px;line-height:1.6}.rules-content b{color:var(--gold)}.rules-hint{color:#8fd3b0;background:#27ae6026;border-left:3px solid #27ae60;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 12px;font-size:13px}.rules-table{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:13px}.rules-table th{text-align:left;color:var(--gold);border-bottom:1px solid var(--panel-border);background:#ffffff0f;padding:6px 10px;font-weight:600}.rules-table td{color:#ccc;border-bottom:1px solid #ffffff0f;padding:6px 10px}.rules-table tr:last-child td{border-bottom:none}.ext{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:100%;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ext .pa{pointer-events:auto}.hints{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:26px;display:flex}.hint-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.hint{border:1px solid;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.hint.no{color:#ff9a9a;background:#ff9a9a14;border-color:#ff9a9a80}.table{background:var(--felt-dark);border:6px solid var(--wood);border-radius:18px;grid-template:"left top right""left center right"1fr"bottom bottom bottom"/120px minmax(0,1fr) 120px;gap:8px;min-height:62vh;padding:12px;display:grid;position:relative}.seat{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;min-width:0;min-height:0;padding:6px;overflow:hidden}.seat-top{grid-area:top}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-left,.seat-right{flex-direction:column;display:flex}.seat-left .seat-head,.seat-right .seat-head{flex-shrink:0}.seat-bottom{grid-area:bottom;position:relative;overflow:visible}.seat.active{outline:2px solid var(--gold);outline-offset:-2px}.seat.ting{outline-offset:-3px;outline:3px solid #ff5a5a}.seat-head{white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.pn{color:var(--gold);font-size:13px;font-weight:700}.dealer-die{font-size:15px;line-height:1}.head-score{font-size:15px;font-weight:700}.pr{min-height:14px;font-size:11px}.ti{color:#fff;background:#c0392b;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.seat-body{flex-direction:row;justify-content:center;align-items:flex-end;gap:14px;display:flex}.pm{flex-direction:row;align-items:flex-end;gap:6px;display:flex}.ph{flex-direction:row;align-items:flex-end;display:flex}.seat-top .seat-body{flex-direction:row-reverse}.seat-left .seat-body,.seat-right .seat-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0}.seat-right .seat-body{flex-direction:column-reverse}.seat-left .pm,.seat-left .ph,.seat-right .pm,.seat-right .ph{flex-direction:column;align-items:center;gap:0;display:flex}.seat-left .pm,.seat-right .pm{gap:10px}.meld{flex-direction:row;gap:0;display:flex}.hand-suit{display:flex}.seat-left .meld,.seat-right .meld{flex-direction:column;position:relative}.seat-top .meld{flex-direction:row-reverse}.seat-top .meld .tile{transform:rotate(180deg)}.tile{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--tile);border:1px solid #c3b795;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:48px;display:inline-flex;position:relative}.tile .face-img{pointer-events:none;width:100%;height:100%;display:block}.tile.folded{background:var(--tile-back);border-color:#123524}.tile.folded:after{content:"";border:1px solid #ffffff2e;border-radius:3px;position:absolute;inset:20%}.tile.clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.tile.clickable:hover{outline:2px solid var(--gold);outline-offset:0}}.tile.ting-target{outline:3px solid var(--gold);outline-offset:1px}.tile.latest{outline-offset:1px;outline:3px solid #ff6b4a}.tile.claimed:before{content:"";border-radius:inherit;pointer-events:none;background:#e8c15a61;position:absolute;inset:0}.disc .tile.ting-discard:before{content:"";border-radius:inherit;pointer-events:none;background:#4aa1ff6b;position:absolute;inset:0}.disc .tile.ting-discard.claimed:before{background:#2ea05a73}.tile.new{position:relative}.tile.new:after{content:"";border:7px solid #0000;border-top-color:var(--red);border-right-color:var(--red);border-top-right-radius:5px;position:absolute;top:-1px;right:-1px}.seat-bottom .tile{color:#333;border-radius:6px;width:56px;height:76px;font-size:20px;font-weight:700}.seat-bottom .pm .tile{background:var(--tile-meld)}.seat-bottom .pm .tile.folded{background:var(--tile-back);border-color:#123524}.seat-top .ph .tile{background:var(--tile-back);color:#0000;border-color:#123524;width:36px;height:48px}.seat-top .pm .tile{color:#333;width:34px;height:46px;font-size:13px;font-weight:700}.seat-left .tile,.seat-right .tile{width:36px;height:48px}.seat-left .ph .tile,.seat-right .ph .tile{background:var(--tile-back);color:#0000;border-color:#123524}.seat-left .pm .tile,.seat-right .pm .tile{color:#333;width:34px;height:46px;font-size:13px;font-weight:700}.seat-left .tile{margin:-6px 0;transform:rotate(90deg)}.seat-right .tile{margin:-6px 0;transform:rotate(-90deg)}.meld.kong-meld{position:relative}.kong-row{flex-direction:row;gap:0;display:flex}.seat-left .kong-row,.seat-right .kong-row{flex-direction:column}.meld.kong-meld .tile.top{position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.seat-top .meld.kong-meld .tile.top{transform:translate(-50%)rotate(180deg)}.seat-left .meld.kong-meld .tile.top{top:50%;bottom:auto;left:2px;transform:translateY(-50%)rotate(90deg)}.seat-right .meld.kong-meld .tile.top{inset:50% 2px auto auto;transform:translateY(-50%)rotate(-90deg)}.center{flex-direction:column;grid-area:center;justify-content:center;align-items:center;gap:6px;min-height:300px;padding:8px;display:flex;position:relative}.center-mid{justify-content:center;align-items:center;gap:10px;display:flex}.disc{flex-wrap:wrap;place-content:flex-start center;gap:3px;display:flex}.disc-row{min-height:62px}.disc-col{width:204px;max-height:272px;overflow:hidden}.disc .tile{border-radius:5px;width:44px;height:59px}.disc-col .tile{width:38px;height:51px}.disc .tile.claimed{opacity:.55}.wall-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.wall-count{color:var(--gold);letter-spacing:1px;font-size:12px;font-weight:700}.wall-top{color:var(--gold);letter-spacing:1px;white-space:nowrap;font-size:12px;font-weight:700;display:none}.wall{flex-wrap:wrap;justify-content:center;gap:2px;max-width:220px;min-height:34px;display:flex}.wt{background:var(--tile-back);border:1px solid #123524;border-radius:3px;width:16px;height:22px}.compass,.log-btn .ic{display:none}.claim-reminder{opacity:0;pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.claim-reminder.show{opacity:1}.claim-reminder .tile.big{outline:3px solid var(--gold);border-radius:8px;width:80px;height:108px}.fen-label{z-index:6;pointer-events:none;color:var(--gold);letter-spacing:8px;text-shadow:0 2px 12px #000000a6;font-size:24px;font-weight:800;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fen-label.show{display:block}.pa{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px 12px;max-width:100%;min-height:10px;display:flex}.ab{cursor:pointer;color:#fff;background:#5b6b63;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:76px;padding:10px 16px;font-size:16px;font-weight:700;animation:.25s ease-out both ab-in;display:flex}.ab:nth-child(2){animation-delay:50ms}.ab:nth-child(3){animation-delay:.1s}.ab:nth-child(4){animation-delay:.15s}.ab:nth-child(5){animation-delay:.2s}@keyframes ab-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ab-main{font-size:22px;font-weight:800;line-height:1}.ab-sub{pointer-events:none;gap:1px;display:flex}.ab-sub .tile{pointer-events:none;border-radius:3px;width:24px;height:32px}.ab-ting{color:#3d2e00;background:var(--gold);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.ab.chi{background:#d64545}.ab.peng{background:#e08a1e}.ab.kong{background:#8e44ad}.ab.hu,.ab.ting{color:#fff;border-radius:50%;justify-content:center;padding:0;animation:.25s ease-out both ab-in,1.8s ease-in-out infinite ab-glow;position:relative}.ab.hu{--ab-glow:#ff5440f2;background:radial-gradient(circle at 50% 30%,#ff9077,#d92f1e 72%);width:108px;min-width:108px;height:108px}.ab.hu .ab-main{font-size:36px}.ab.ting{--ab-glow:#f5ce50f2;color:#3d2e00;background:radial-gradient(circle at 50% 30%,#ffe89a,#c9a227 72%);width:76px;min-width:76px;height:76px}.ab.hu:before,.ab.ting:before{content:"";border:2px solid var(--ab-glow);pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite ab-ring;position:absolute;inset:-3px}@keyframes ab-glow{0%,to{box-shadow:0 0 10px var(--ab-glow), 0 0 0 0 var(--ab-glow)}50%{box-shadow:0 0 26px var(--ab-glow), 0 0 4px 2px var(--ab-glow)}}@keyframes ab-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.55)}}body.playing .ab.hu,body.playing .ab.ting{padding:0}.ab.pass{color:#ccc;background:#5b6b63;justify-content:center}.lobby{z-index:10;background:#0a140f8c;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-card{text-align:center;background:var(--panel);border:2px solid var(--gold);border-radius:16px;padding:28px 40px}.lobby-card h2{color:var(--gold);letter-spacing:8px;margin-bottom:10px;font-size:26px}.lobby-card p{color:var(--mj-muted);min-height:18px;margin-bottom:18px;font-size:13px}.lobby-btns{justify-content:center;gap:14px;display:flex}.lobby-stats{color:var(--mj-muted);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:12px;text-decoration:underline}.mdl .lobby-stats{background:0 0;margin-left:auto;margin-right:auto;padding:0;display:block}.mj-tour.driver-popover{border:2px solid var(--gold);color:var(--mj-text);background:#12201a;border-radius:14px;max-width:min(320px,86vw)}.mj-tour .driver-popover-title{color:var(--gold);font-size:17px}.mj-tour .driver-popover-description{color:#c9d3cd;font-size:14px;line-height:1.7}.mj-tour .driver-popover-close-btn{color:var(--mj-muted)}.mj-tour .driver-popover-close-btn:hover{color:#fff}.mj-tour .driver-popover-progress-text{color:var(--mj-muted)}.mj-tour .driver-popover-arrow{display:none}.mj-tour .driver-popover-footer button{color:#fff;text-shadow:none;touch-action:manipulation;background:#27ae60;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.mj-tour .driver-popover-navigation-btns button:first-child{border:1px solid var(--panel-border);color:var(--mj-muted);background:0 0}.diff-picker{margin-bottom:16px}.diff-label{color:var(--mj-muted);letter-spacing:2px;margin-bottom:6px;font-size:12px;display:block}.diff-btns{justify-content:center;gap:8px;display:flex}.diff-btn{border:1px solid var(--panel-border);color:var(--mj-muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.diff-btn:hover{border-color:var(--gold);color:var(--mj-text)}.diff-btn.active{background:var(--gold);border-color:var(--gold);color:#1b2b22;font-weight:800}.pace-range{width:100%;max-width:240px;accent-color:var(--gold);cursor:pointer;margin:0 auto;display:block}.pace-ticks{max-width:240px;color:var(--mj-muted);justify-content:space-between;margin:2px auto 0;font-size:11px;display:flex}#pace-val{color:var(--gold);font-weight:700}.sb2b{letter-spacing:4px;color:#fff;cursor:pointer;background:#1f9e57;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 40px;font-size:17px;font-weight:800;display:inline-flex}.sb2b:hover{background:#27ae60}.sb2b-new{background:#1f9e57}.sb2b-new:hover{background:#27ae60}.sb2b-continue{background:#2f6fd0}.sb2b-continue:hover{background:#3b82e0}.lp{border:1px solid var(--panel-border);color:var(--mj-muted);background:#00000059;border-radius:10px;padding:10px;font-size:12px;overflow-y:auto}.le{border-bottom:1px solid #ffffff0f;padding:2px 0}.le .hl{color:#8fd3b0}.mo{z-index:100;background:#000000b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.mo.show{display:flex}.mo.win-open{padding-top:var(--win-offset,120px);align-items:flex-start;overflow-y:auto}.mo.win-open .mdl{margin-top:auto;margin-bottom:auto}.mdl{border:2px solid var(--gold);text-align:center;background:#12201a;border-radius:18px;min-width:320px;padding:28px 34px}.mdl h2{color:var(--gold);letter-spacing:3px;margin-bottom:14px}.mdl .rt{margin-bottom:8px;font-size:17px}.mdl .st{color:#8fd3b0;margin-bottom:6px;font-size:15px}.mdl .dt{color:var(--mj-muted);margin-bottom:14px;font-size:13px}.mdl button{cursor:pointer;color:#fff;background:#27ae60;border:none;border-radius:10px;padding:10px 26px;font-size:15px;font-weight:700}#m-btn{width:100%;padding:12px 0;display:block}.m-links{justify-content:center;gap:18px;margin-top:14px;display:flex}.mdl .m-link{cursor:pointer;color:var(--mj-muted);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.mdl .m-link:hover{color:var(--gold)}.confirm-tip{color:var(--mj-muted);margin-bottom:18px;font-size:14px}.confirm-actions{justify-content:center;gap:10px;display:flex}#confirm-cancel{background:#4a5a52}.m-breakdown{margin-bottom:18px;display:none}.m-breakdown.show{display:block}.m-breakdown .bd-head,.m-breakdown .bd-row{border-radius:8px;grid-template-columns:1fr 1.4fr .7fr .8fr;align-items:center;gap:8px;padding:5px 10px;display:grid}.m-breakdown .bd-head{color:var(--mj-muted);border-bottom:1px solid var(--panel-border);margin-bottom:2px;font-size:11px}.m-breakdown .bd-row{background:#ffffff0a;margin-bottom:4px;font-size:14px}.m-breakdown .bd-row.me{background:#e8c15a1f}.bd-fan{color:#9db3a8;font-size:12px;line-height:1.6}.m-breakdown .bd-name{text-align:left;color:var(--mj-text)}.m-breakdown .bd-delta{font-weight:700}.m-breakdown .bd-total{color:var(--gold);font-weight:700}.dora-banner{z-index:110;border:2px solid var(--gold);background:#2a1f08;border-radius:14px;align-items:center;gap:10px;padding:8px 18px 8px 14px;display:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.dora-banner.show{display:flex}.dora-banner .dora-label{color:var(--gold);letter-spacing:3px;font-size:14px;font-weight:800}.dora-banner .dora-tile .face-img{border-radius:6px;width:46px;height:62px;display:block}.win-banner{z-index:120;border:2px solid var(--gold);background:#101d17;border-radius:14px;flex-direction:column;align-items:center;gap:6px;max-width:92vw;padding:8px 14px;display:none;position:fixed;top:106px;left:50%;transform:translate(-50%)}.win-banner.show{display:flex}.win-banner .wb-head{color:var(--gold);letter-spacing:2px;white-space:nowrap;font-size:14px;font-weight:800}.win-banner .wb-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.win-banner .wb-meld{background:0 0;gap:0;padding:0;display:flex}.win-banner .wb-meld .tile.claimed:before{content:"";border-radius:inherit;pointer-events:none;background:#e8c15a61;position:absolute;inset:0}.win-banner .wb-sep{background:#ffffff40;border-radius:2px;width:2px;height:43px;margin:0 5px}.win-banner .tile{width:32px;height:43px}.win-banner .tile.wb-win{outline-offset:1px;outline:3px solid #ffd34d;margin-left:12px}#ting-pop{z-index:200;border:1px solid var(--gold);pointer-events:none;background:#0a140ff0;border-radius:8px;gap:2px;padding:6px 8px;display:flex;position:fixed}#ting-pop .tile.mini{border-radius:4px;width:26px;height:35px}.ting-preview{border:1px solid var(--gold);pointer-events:auto;background:#0a140ff0;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;display:flex}.ting-preview .tp-label{color:var(--gold);white-space:nowrap;font-size:11px;font-weight:800}.ting-preview .tile.mini{border-radius:4px;width:26px;height:35px}.ting-preview .tp-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.seat-bottom .tile.ting-armed{outline-offset:1px;outline:3px solid #ffd34d}.fx-layer{pointer-events:none;z-index:200;display:none;position:fixed;inset:0}.fx-layer.show{display:block}.fx-layer.show:before{content:"";background:#ffdc8240;animation:.7s ease-out forwards fx-flash;position:absolute;inset:0}.fx-layer.gold.show:before{background:#ffc83c73}.fx-particle{background:#9fe6c0;border-radius:50%;width:10px;height:10px;animation:.95s ease-out forwards fx-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-particle.gold{background:#f5c542;width:14px;height:14px}.fx-ring{border:4px solid var(--gold);border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;animation:1s ease-out forwards fx-ring;position:absolute;top:50%;left:50%}.fx-label{letter-spacing:4px;color:#fff;font-size:44px;font-weight:900;animation:1.25s ease-out forwards fx-label;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes fx-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.3)}}@keyframes fx-flash{0%{opacity:1}to{opacity:0}}@keyframes fx-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}@keyframes fx-label{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.act-fx{z-index:30;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.act-fx span{color:#fff;-webkit-text-stroke:2px #00000073;text-shadow:0 2px 6px #00000080,0 0 18px;font-size:56px;font-weight:900;line-height:1;animation:.8s cubic-bezier(.2,.7,.3,1) forwards act-pop;display:block}.act-fx.chi span{color:#d64545}.act-fx.peng span{color:#e08a1e}.act-fx.kong span{color:#8e44ad}.act-fx.ting span{color:#e8c15a}@keyframes act-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)translateY(-20px)}}.summary{z-index:300;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.summary.show{display:flex}.sum-card{border:2px solid var(--gold);text-align:center;background:#101d17;border-radius:20px;width:min(640px,94vw);max-height:92vh;padding:24px 26px;overflow-y:auto}.sum-card h2{color:var(--gold);letter-spacing:4px;margin-bottom:18px;font-size:24px}.sum-meta{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.sum-meta>div{background:#ffffff0f;border-radius:10px;padding:10px 4px}.sum-meta b{color:#fff;font-size:24px;display:block}.sum-meta span{color:var(--mj-muted);font-size:11px}.sum-scores{margin-bottom:16px}.sum-head,.sum-row{text-align:center;border-radius:8px;grid-template-columns:1.3fr repeat(6,.62fr) .9fr;align-items:center;gap:3px;padding:8px 6px;display:grid}.sum-head span:first-child,.sum-row .sum-name{text-align:left}.sum-head{color:var(--mj-muted);border-bottom:1px solid var(--panel-border);margin-bottom:4px;font-size:11px}.sum-row{background:#ffffff0a;margin-bottom:5px;font-size:14px}.sum-row.me{background:#e8c15a24}.sum-name{text-align:left}.sum-score{text-align:right;font-weight:800}.sum-actions{justify-content:center;gap:10px;display:flex}.sum-actions button{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:700}#sum-download{color:#fff;background:#27ae60}#sum-close{color:#fff;background:#4a5a52}@media (max-width:760px){.sum-card{width:96vw;padding:16px 12px}.sum-card h2{margin-bottom:12px;font-size:19px}.sum-meta{gap:6px;margin-bottom:12px}.sum-meta>div{border-radius:8px;padding:6px 2px}.sum-meta b{font-size:18px}.sum-meta span{font-size:10px}.sum-scores{overflow-x:auto}.sum-head,.sum-row{min-width:560px;padding:6px 4px;font-size:12px}}body.playing{flex-direction:column;height:100dvh;padding:8px 8px 0;display:flex;overflow:hidden}body.playing .site-header,body.playing .site-footer{display:none}body.playing .gc{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}body.playing .table{flex:1;min-height:0}body.playing .center{min-height:0}body.playing .ext{min-height:40px}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.tile,.ab,.sb2b,.sum-actions button,.mdl button{touch-action:manipulation}@media (max-width:760px){body{padding:6px}.gc{max-width:100%;padding:6px 6px 0}.topbar{flex-wrap:nowrap;gap:4px;margin-bottom:6px}.topbar-left{flex-shrink:0;gap:4px}h1{letter-spacing:2px;font-size:16px}.gi{gap:4px;min-width:0;font-size:10px;overflow:hidden}.log-btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:3px 8px;font-size:9px;overflow:hidden}.wall-top{font-size:9px}.ext{min-height:40px;margin-bottom:6px}.table{border-width:4px;border-radius:14px;grid-template-columns:64px minmax(0,1fr) 64px;gap:4px;min-height:70vh;padding:7px}.seat{border-radius:8px;padding:4px}.seat-head{gap:4px}.pn{font-size:11px}.head-score{font-size:12px}.pr{min-height:10px;font-size:9px}.dealer-die{font-size:12px}.ti{padding:0 4px;font-size:8px}.seat-bottom .tile{border-radius:5px;width:34px;height:46px;font-size:14px}.seat-bottom .seat-body{flex-wrap:wrap;gap:6px 8px}.seat-top .ph .tile{width:22px;height:30px}.seat-top .pm .tile{width:20px;height:27px;font-size:9px}.seat-left .tile,.seat-right .tile,.seat-left .ph .tile,.seat-right .ph .tile{width:22px;height:30px}.seat-left .pm .tile,.seat-right .pm .tile{width:20px;height:27px;font-size:9px}.seat-left .tile,.seat-right .tile{margin:-4px 0}.center{gap:3px;min-height:150px;padding:3px}.center-mid{gap:4px}.disc-row{min-height:30px}.disc{gap:2px}.disc .tile,.disc-col .tile{border-radius:3px;width:21px;height:28px}.disc-col{width:92px;max-height:172px}.wall-count{font-size:10px}.wall{gap:1px;max-width:96px;min-height:22px}.wt{width:10px;height:14px}.ab{min-width:60px;padding:8px 10px}.ab-main{font-size:18px}.ab-sub .tile{width:18px;height:24px}.ab.hu{width:84px;min-width:84px;height:84px}.ab.hu .ab-main{font-size:28px}.ab.ting{width:64px;min-width:64px;height:64px}.hints{min-height:18px}.hint{padding:1px 6px;font-size:9px}.lobby-card{padding:20px 24px}.lobby-card h2{font-size:22px}.lobby-btns{flex-direction:column;gap:10px}.sb2b{padding:10px 28px;font-size:15px}.mdl{width:90vw;min-width:0;padding:18px 16px}.mdl h2{font-size:20px}.sum-card{width:94vw;padding:16px 14px}.sum-head,.sum-row{gap:2px;padding:6px 4px;font-size:11px}.dora-banner{border-radius:10px;gap:6px;padding:5px 10px 5px 8px;top:14px}.dora-banner .dora-label{letter-spacing:1px;font-size:11px}.dora-banner .dora-tile .face-img{width:32px;height:44px}.win-banner{border-radius:10px;gap:4px;max-width:94vw;padding:6px 10px;top:76px}.win-banner .wb-head{letter-spacing:1px;font-size:11px}.win-banner .wb-tiles{gap:2px}.win-banner .tile{border-radius:4px;width:22px;height:29px}.win-banner .wb-sep{height:29px;margin:0 3px}}body.tool-page{flex-direction:column;min-height:100dvh;display:flex}@media (max-width:900px){body.tool-page .site-header{position:static}body.tool-page.playing .site-header{display:none}}body.playing.land{padding:0}body.playing.land .gc{max-width:none;padding:0}body.playing.land .topbar{z-index:20;align-items:center;gap:4px;margin:0;position:absolute;top:2px;right:4px}body.playing.land .topbar-left h1{display:none}body.playing.land .gi{gap:4px;font-size:11px;overflow:visible}body.playing.land .log-btn{justify-content:center;align-items:center;padding:3px 7px;font-size:15px;line-height:1.2;display:inline-flex}body.playing.land .log-btn .ic{display:inline}body.playing.land .log-btn .lbl{display:none}body.playing.land .wall-top{background:#06140e8c;border-radius:999px;padding:3px 9px;font-size:11px}body.playing.land .table{background:radial-gradient(120% 110% at 50% 45%, #1a8a5d 0%, var(--felt) 45%, #0b2016 100%);border:none;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:46px minmax(0,1fr) 46px;gap:3px;min-height:0;padding:3px}body.playing.land .seat{background:0 0;border:none;border-radius:0;padding:0}body.playing.land .seat.active,body.playing.land .seat.ting{outline:none}body.playing.land .seat-head{background:#06140e8c;border-radius:999px;gap:4px;width:max-content;max-width:100%;margin:0 auto 1px;padding:0 8px}body.playing.land .seat.active .seat-head{box-shadow:0 0 0 1px var(--gold)}body.playing.land .seat.ting .seat-head{box-shadow:0 0 0 1px #ff5a5a}body.playing.land .pn{font-size:10px}body.playing.land .head-score,body.playing.land .dealer-die{font-size:11px}body.playing.land .pr{min-height:0;font-size:9px}body.playing.land .ti{padding:0 4px;font-size:8px}body.playing.land .seat-left .seat-head,body.playing.land .seat-right .seat-head{flex-direction:column;gap:0;line-height:1.15}body.playing.land .seat-top .seat-body{gap:8px}body.playing.land .seat-top .ph .tile{border-radius:4px;width:22px;height:30px}body.playing.land .seat-top .pm .tile{width:18px;height:25px;font-size:9px}body.playing.land .seat-left .seat-body,body.playing.land .seat-right .seat-body,body.playing.land .seat-left .pm,body.playing.land .seat-right .pm{gap:6px}body.playing.land .seat-left .tile,body.playing.land .seat-right .tile{border-radius:4px;width:20px;height:28px;margin:-7px 0}body.playing.land .seat-left .pm .tile,body.playing.land .seat-right .pm .tile{width:18px;height:25px;font-size:9px}body.playing.land .seat-bottom .seat-body{flex-flow:row-reverse wrap;justify-content:center;gap:3px 6px}body.playing.land .seat-bottom .tile{border-radius:6px;width:44px;height:59px;font-size:17px}body.playing.land .seat-bottom .pm .tile{width:30px;height:40px;font-size:12px}body.playing.land .seat-bottom .pm:not(:empty){border-left:1px solid #e8c15a59;padding-left:8px}body.playing.land .tile.hand-spacer{visibility:hidden;pointer-events:none;display:inline-flex}body.playing.land .center{gap:3px;min-height:0;padding:0}body.playing.land .center-mid{gap:8px}body.playing.land .wall,body.playing.land .wall-wrap,body.playing.land .wall-count{display:none}body.playing.land .wall-top{display:inline-block}body.playing.land .disc{gap:2px}body.playing.land .disc .tile,body.playing.land .disc-col .tile{border-radius:4px;width:24px;height:32px}body.playing.land .disc-row{min-height:34px}body.playing.land .disc-col{width:116px;max-height:140px}body.playing.land .claim-reminder{top:26%}body.playing.land .claim-reminder .tile.big{width:64px;height:86px}body.playing.land .center:has(.claim-reminder.show) .compass{opacity:0}body.playing.land .fen-label{letter-spacing:4px;font-size:18px;top:26%}body.playing.land .dora-banner{gap:8px;padding:3px 8px 3px 6px;position:fixed;top:2px;left:4px;transform:none}body.playing.land .dora-banner .dora-label{letter-spacing:1px;font-size:11px}body.playing.land .dora-banner .dora-tile .face-img{width:26px;height:35px}body.playing.land .ext{align-items:center;gap:4px;max-width:96%;bottom:calc(100% + 3px);left:50%;right:auto;transform:translate(-50%)}body.playing.land .ext .pa{justify-content:center;gap:6px;min-height:0}body.playing.land .hints{align-items:center;min-height:14px}body.playing.land .hint{padding:1px 6px;font-size:9px}body.playing.land .ab{min-width:52px}body.playing.land .ab-sub .tile{width:18px;height:24px}body.playing.land .ab.hu{width:66px;min-width:66px;height:66px}body.playing.land .ab.ting{width:56px;min-width:56px;height:56px}body.playing.land .compass{border:1px solid var(--panel-border);background:#06140e8c;border-radius:12px;flex:none;grid-template-rows:repeat(3,26px);grid-template-columns:repeat(3,26px);grid-template-areas:".n.""w c e"".s.";gap:2px;padding:4px;display:grid}body.playing.land .compass span{color:var(--mj-muted);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}body.playing.land .cw-top{grid-area:n}body.playing.land .cw-right{grid-area:e}body.playing.land .cw-bottom{grid-area:s}body.playing.land .cw-left{grid-area:w}body.playing.land .compass .on{background:var(--gold);color:#1b2b22}body.playing.land .compass .d{box-shadow:inset 0 0 0 1px var(--gold)}body.playing.land .mo .mdl{width:min(720px,88%);padding:10px 16px}body.playing.land #mo .mdl h2{margin-bottom:4px;font-size:16px}body.playing.land #mo .mdl h2 .tile{width:18px;height:24px}body.playing.land .m-hand{margin:2px 0 6px}body.playing.land .m-hand .tile{width:26px;height:35px}body.playing.land .m-sep{min-height:35px;margin:0 4px}body.playing.land .sum-card{padding:12px 16px}body.playing.land .sum-actions button{padding:8px 24px;font-size:14px}body.playing.land.land-sm .table{grid-template-columns:42px minmax(0,1fr) 42px;padding:2px}body.playing.land.land-sm .seat-head{padding:0 6px}body.playing.land.land-sm .pn{font-size:9px}body.playing.land.land-sm .seat-top .ph .tile{width:19px;height:26px}body.playing.land.land-sm .seat-top .pm .tile{width:16px;height:22px}body.playing.land.land-sm .seat-left .tile,body.playing.land.land-sm .seat-right .tile{width:18px;height:25px;margin:-7px 0}body.playing.land.land-sm .seat-left .pm .tile,body.playing.land.land-sm .seat-right .pm .tile{width:16px;height:22px}body.playing.land.land-sm .seat-bottom .tile{width:36px;height:48px;font-size:14px}body.playing.land.land-sm .seat-bottom .pm .tile{width:26px;height:34px;font-size:10px}body.playing.land.land-sm .disc .tile,body.playing.land.land-sm .disc-col .tile{width:20px;height:27px}body.playing.land.land-sm .disc-row{min-height:29px}body.playing.land.land-sm .disc-col{width:96px;max-height:116px}body.playing.land.land-sm .compass{grid-template-rows:repeat(3,22px);grid-template-columns:repeat(3,22px)}body.playing.land.land-sm .compass span{font-size:11px}body.playing.land.land-sm .ab{min-width:44px}body.playing.land.land-sm .ab.hu{width:58px;min-width:58px;height:58px}body.playing.land.land-sm .ab.ting{width:50px;min-width:50px;height:50px}body.playing.land.land-sm .claim-reminder .tile.big{width:54px;height:72px}body.playing.land.land-sm .dora-banner .dora-tile .face-img{width:22px;height:28px}body.playing.land.land-lg .seat-bottom .tile{width:52px;height:70px;font-size:20px}body.playing.land.land-lg .seat-bottom .pm .tile{width:34px;height:46px;font-size:13px}body.playing.land.land-lg .seat-top .ph .tile{width:26px;height:35px}body.playing.land.land-lg .seat-top .pm .tile{width:22px;height:30px;font-size:10px}body.playing.land.land-lg .seat-left .tile,body.playing.land.land-lg .seat-right .tile{width:24px;height:34px;margin:-8px 0}body.playing.land.land-lg .seat-left .pm .tile,body.playing.land.land-lg .seat-right .pm .tile{width:22px;height:30px;font-size:10px}body.playing.land.land-lg .disc .tile,body.playing.land.land-lg .disc-col .tile{width:30px;height:40px}body.playing.land.land-lg .disc-row{min-height:42px}body.playing.land.land-lg .disc-col{width:140px;max-height:172px}body.playing.land.land-lg .compass{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px)}#mo .mdl{max-width:94vw;max-height:94dvh;overflow-y:auto}#mo .mdl .rt,#mo .mdl .dt{display:none}#mo .mdl h2{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}#mo .mdl h2 .tile{border-radius:4px;width:22px;height:30px}.m-title-sep{background:#ffffff40;border-radius:2px;align-self:stretch;width:2px;min-height:1.4em;margin:0 2px}.m-hand{justify-content:center;align-items:center;gap:6px;margin:2px 0 8px;display:flex}.m-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.m-hand .tile{width:32px;height:43px}.m-hand .tile.wb-win{outline-offset:2px;z-index:2;outline:3px solid #ffd34d;margin-left:14px;position:relative;box-shadow:0 0 12px #ffd34dcc}.m-sep{background:#ffffff40;border-radius:2px;align-self:stretch;width:2px;min-height:43px;margin:0 5px}.m-dora-label{color:var(--gold);letter-spacing:2px;font-size:11px;font-weight:800}body.playing.land.rot{transform-origin:0 0;width:100dvh;height:100dvw;min-height:0;position:fixed;top:0;left:0;overflow:hidden;transform:translate(100dvw)rotate(90deg)}body.playing.land.rot .table{min-height:0}body.playing.land.rot .mo .mdl{max-height:96dvw}body.playing.port .topbar{flex-wrap:nowrap;gap:3px}body.playing.port .topbar-left{flex-shrink:0;gap:3px}body.playing.port h1{letter-spacing:1px;font-size:14px}body.playing.port .gi{gap:3px;min-width:0;font-size:9px;overflow:hidden}body.playing.port .log-btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:2px 6px;font-size:9px;overflow:hidden}body.playing.port .wall-top{font-size:9px}body.playing.port .dora-banner{border-radius:12px;gap:10px;padding:6px 16px 6px 12px;position:absolute;top:2px}body.playing.port .dora-banner .dora-label{letter-spacing:3px;font-size:15px}body.playing.port .dora-banner .dora-tile .face-img{width:50px;height:67px}body.playing.port .table{grid-template:"top top top""left center right"minmax(0,1fr)"bottom bottom bottom"/40px minmax(0,1fr) 40px}body.playing.port .center{gap:2px;min-height:0}body.playing.port .center-mid{gap:10px}body.playing.port .disc-col{width:118px;max-height:300px}body.playing.port .disc-row{min-height:41px}body.playing.port .wall,body.playing.port .wall-wrap{display:none}body.playing.port .wall-top{display:inline-block}body.playing.port .disc .tile,body.playing.port .disc-col .tile{border-radius:4px;width:28px;height:37px}body.playing.port .seat-bottom .seat-body{flex-direction:column;align-items:center;gap:4px}body.playing.port .seat-bottom .pm,body.playing.port .seat-bottom .ph{flex-wrap:wrap;justify-content:center;gap:4px 6px;width:100%}body.playing.port .seat-bottom .tile{border-radius:5px;width:34px;height:46px;font-size:14px}body.playing.port .hand-suit{flex-wrap:wrap;max-width:100%;display:flex}.tile.hand-spacer{display:none}body.playing.port .tile.hand-spacer{visibility:hidden;pointer-events:none;display:inline-flex}body.playing.port .claim-reminder{top:50%}body.playing.port .seat-bottom .pm:not(:empty){border-bottom:1px solid #e8c15a59;padding-bottom:6px}body.playing.port .seat-top .seat-body{flex-wrap:wrap;justify-content:center;row-gap:3px}body.playing.port .seat-top .pm .tile,body.playing.port .seat-top .ph .tile{width:22px;height:29px;font-size:11px}body.playing.port .seat-left .tile,body.playing.port .seat-right .tile{width:22px;height:29px;margin:-3px 0}body.playing.port .seat-left .pm .tile,body.playing.port .seat-right .pm .tile{width:22px;height:29px;font-size:11px}body.playing.port .seat-left .seat-head,body.playing.port .seat-right .seat-head{flex-wrap:wrap;gap:1px 3px}body.playing.port #mo .m-tiles{gap:3px 2px}body.playing.port #mo .m-sep{background:#ffffff40;flex-basis:100%;width:100%;height:1px;min-height:0;margin:4px 0}@media (max-width:380px){body.playing.port .table{grid-template-columns:38px minmax(0,1fr) 38px}body.playing.port .disc-col{width:98px;max-height:250px}body.playing.port .disc-row{min-height:35px}body.playing.port .disc .tile,body.playing.port .disc-col .tile{width:23px;height:31px}body.playing.port .seat-bottom .tile{width:30px;height:42px;font-size:12px}body.playing.port .seat-top .pm .tile,body.playing.port .seat-top .ph .tile{width:20px;height:27px;font-size:10px}body.playing.port .seat-left .tile,body.playing.port .seat-right .tile{width:20px;height:27px;margin:-3px 0}body.playing.port .seat-left .pm .tile,body.playing.port .seat-right .pm .tile{width:20px;height:27px;font-size:10px}}.orient-btn{display:none}@media (pointer:coarse){.orient-btn{display:inline-block}}@media (max-width:760px) and (orientation:portrait){.sum-scores{overflow-x:visible}.sum-head,.sum-row{grid-template-columns:1.2fr repeat(6,.74fr) 1fr;gap:1px;width:100%;min-width:0;padding:6px 2px}.sum-head{letter-spacing:0;white-space:nowrap;font-size:9px}.sum-row{font-size:11px}.sum-name{font-size:10px}}@media (max-width:800px){body.playing .site-tabbar,body.playing .site-tabbar-space{display:none}}