:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#243e36;background:#f5f4ee;font-synthesis:none;--green: #234d40;--muted: #89938a;--gold: #e6c887;--line: #e3e5dc}*{box-sizing:border-box}body{margin:0;min-width:1080px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #caa660;outline-offset:4px}a{color:inherit;text-decoration:none}.app{max-width:1920px;margin:auto}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;background:#fcfcf7;gap:65px}.brand{display:flex;align-items:center;gap:12px;font:600 21px Songti SC,STSong,serif}.brand>span{font:38px Georgia;color:#204b3b}.brand small{display:block;font:9px Georgia;letter-spacing:2.5px;margin-top:6px}.top-nav{height:100%;display:flex;align-items:center;gap:30px;font-size:13px}.nav-active{height:100%;display:flex;align-items:center;position:relative;font-weight:600}.nav-active:after{position:absolute;content:"";bottom:0;left:0;right:0;height:3px;background:#49684e}.nav-sub{color:#969c91;font:12px Songti SC,serif;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.beta{font-size:10px;color:#8d9b85;letter-spacing:1px}.text-btn{background:none;color:#60775e;font-size:11px;display:inline-flex;align-items:center;gap:7px;padding:7px 0}.icon-btn{background:none;color:#7a8c75;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.icon-btn:hover:not(:disabled){background:#e9eee3}.table-toolbar{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.room-title{display:flex;align-items:center;gap:13px}.room-icon{display:grid;place-items:center;background:#e8ecdf;border-radius:9px;width:42px;height:42px;color:#728265}.room-title h1{font:600 18px Songti SC,serif;margin:0 0 6px}.room-title h1 span{font:12px Georgia;color:#9ba38f;margin-left:7px}.room-title p{font-size:10px;color:#959c90;margin:0}.room-meta{display:flex;align-items:center;gap:20px;font-size:10px;color:#889481}.room-meta>span{display:flex;align-items:center;gap:7px}.level-pill{border:1px solid #dce1d1;padding:7px 11px;border-radius:4px;color:#697b60}.level-pill b{font:19px Georgia;color:#a65842;padding:0 4px}.level-pill i{font-style:normal;color:#a98968;padding-left:7px;border-left:1px solid #dce1d1}.divider{height:21px;border-left:1px solid var(--line)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;margin:0 35px}.game-layout.log-hidden{grid-template-columns:1fr}.play-area{min-width:0;position:relative}.felt{height:430px;background:radial-gradient(ellipse at 50% 50%,#386753,#234f40 61%,#204637);border:7px solid #42654b;outline:1px solid #c8cebc;border-radius:110px;position:relative;box-shadow:inset 0 0 0 2px #192d3020,inset 0 10px 25px #132b241d,0 10px 20px #43523708}.felt:before{content:"";position:absolute;inset:15px;border:1px solid #d8e3bd1c;border-radius:91px;pointer-events:none}.felt-outline{position:absolute;inset:31px;border:1px solid #a6ba9414;border-radius:80px}.felt-watermark{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#c9d2ab18;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;white-space:nowrap}.felt-watermark>span{font:15px Georgia;letter-spacing:5px}.felt-watermark small{font:10px Songti SC,serif;letter-spacing:3px}.seat{position:absolute;display:flex;align-items:center;gap:10px;color:#e1e8d7;z-index:2}.north{top:24px;left:50%;transform:translate(-50%)}.west{left:27px;top:145px;flex-direction:column;text-align:center;gap:9px}.east{right:27px;top:145px;flex-direction:column;text-align:center;gap:9px}.seat-avatar{position:relative;width:48px;height:48px;display:grid;place-items:center;border:1px solid #8ba18b65;border-radius:14px;background:linear-gradient(145deg,#76806a,#475a4b);font:22px Songti SC,serif;color:#edf0dd;box-shadow:0 5px 12px #112b2730}.teammate .seat-avatar{background:linear-gradient(145deg,#749087,#45695d)}.seat.active .seat-avatar{box-shadow:0 0 0 3px #e5c886;outline:5px solid #e5c88612}.seat-info strong{font-size:12px;display:block;font-weight:500}.seat-info strong span{font-size:8px;color:#aabda3;border:1px solid #809b7470;border-radius:3px;padding:2px 4px;margin-left:3px}.seat.teammate .seat-info strong span{background:#bfd3b11c;color:#d7e3c4}.seat-info small{font-size:10px;display:block;color:#b0c2a3;margin-top:7px}.thinking-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);right:-3px;bottom:0}.card-back{height:30px;width:23px;border:2px solid #e7ecda99;border-radius:3px;display:grid;place-items:center;color:#e4ead7;background:repeating-linear-gradient(45deg,#567061,#567061 2px,#4a6657 2px 4px);box-shadow:3px 0 #c2cfb887}.card-back span{font:10px Georgia;background:#38594899;padding:2px}.west .card-back,.east .card-back{position:absolute;top:99px;width:30px;height:37px}.finish-medal{width:25px;height:25px;background:#d8bf7b;color:#395134;border-radius:50%;display:grid;place-items:center;font:15px Georgia}.round-indicator{position:absolute;left:42px;top:37px;color:#b4c2a6;font-size:10px;letter-spacing:1px}.round-indicator span{margin:0 5px}.turn-banner{position:absolute;left:50%;bottom:35px;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-size:11px;color:#c0d0b5;background:#173e3440;border:1px solid #77977350;padding:9px 16px;border-radius:20px;white-space:nowrap}.turn-banner.your-turn{background:#e4ca8b;color:#34503a;border-color:#e4ca8b;box-shadow:0 5px 15px #10281b2b}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;opacity:.75}.table-bottom-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;color:#a2b48b70;display:flex;gap:12px;white-space:nowrap}.table-bottom-label span{font-size:10px}.start-panel{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:350px;padding:15px 10px;background:radial-gradient(ellipse,#2c5747f5 35%,#2c5747d0 55%,transparent 75%);color:#f4efda}.tiny-label{font:8px Georgia;letter-spacing:2.5px;color:#b1c2a3}.start-panel h2{font:26px Songti SC,serif;margin:16px 0 12px}.start-panel p{font-size:11px;line-height:1.9;color:#b9cbb0;margin:0 0 20px}.start-panel>small{display:block;font-size:9px;margin-top:13px;color:#99b295}.primary,.secondary{padding:11px 23px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:12px;transition:background .15s,transform .15s;white-space:nowrap}.primary{background:#2c5745;color:#fff}.primary:hover:not(:disabled){background:#204836;transform:translateY(-1px)}.primary.gold{background:#e7cd90;color:#294c37;box-shadow:0 5px 15px #172d2730}.secondary{background:#f8f9f1;border:1px solid #dce2d0;color:#5d7755}.secondary:hover:not(:disabled){background:#edf1e5}.hand-zone{padding:19px 10px 0}.hand-heading{display:flex;align-items:center;gap:9px;padding:0 10px;color:#62745a}.self-badge{width:27px;height:27px;border-radius:50%;background:#dce6d7;color:#5c7c53;font-size:11px;display:grid;place-items:center}.hand-heading strong{font-size:11px;font-weight:500}.hand-heading strong span{font-size:10px;color:#929d86;margin-left:8px}.hand-tip{font-size:10px;color:#989f90;margin-left:auto;margin-right:15px}.hand-heading .text-btn{font-size:10px}.my-finish{font-size:9px;background:#e7eddd;color:#7e8d67;padding:5px 9px}.hand{display:flex;justify-content:center;align-items:flex-end;height:151px;padding:27px 0 12px;isolation:isolate}.card{position:relative;display:inline-block;width:69px;height:103px;flex:none;border:1px solid #dedfd1;border-radius:5px;background:linear-gradient(135deg,#fffef7,#f3f1e6);color:#293f37;box-shadow:0 2px 5px #182b261c;padding:0;text-align:left;-webkit-user-select:none;user-select:none}.card.red{color:#b95543}.card-corner{position:absolute;top:7px;left:6px;display:flex;flex-direction:column;align-items:center;gap:0;min-width:15px}.card-corner b{font:19px/1 Georgia,serif}.card-corner i{font:17px/1.25 Georgia,serif;font-style:normal}.card-center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);font:31px Georgia,serif}.card-bottom{position:absolute;bottom:5px;right:6px;font:16px Georgia;transform:rotate(180deg)}.wild-tag{position:absolute;left:5px;bottom:6px;background:#a35d46;color:#fff5df;padding:2px 3px;border-radius:2px;font-size:7px}.card.wild{background:linear-gradient(135deg,#fff9e6,#f4ead0)}.hand>.card{margin-left:clamp(-44px,-2.9vw,-34px);transition:transform .14s,box-shadow .14s}.hand>.card:first-child{margin-left:0}.hand>.card:hover:not(:disabled){transform:translateY(-10px)}.hand>.card.selected{transform:translateY(-20px);border-color:#8ca278;box-shadow:0 0 0 2px #a5b88a,0 6px 10px #23412a25}.hand>.card:disabled{opacity:1;filter:saturate(.78);cursor:default}.hand .card-corner b{font-size:18px}.empty-hand{color:#a5ad9b;font-size:11px;height:151px;align-items:center;border-bottom:1px dashed #e0e5d5;margin:0 15px}.action-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 12px;gap:10px}.action-left{display:flex;align-items:center;gap:16px;width:185px}.bordered{border:1px solid #dce2d2}.play-controls{display:flex;gap:12px;align-items:center}.play-controls .primary{min-width:132px;background:#d5b875;color:#314a31;border:1px solid #c4a568}.play-controls .primary:disabled{background:#ded9c6;border-color:#d6d4c7;color:#999e8d;opacity:.8}.play-controls .secondary{min-width:82px}.action-right{width:160px;text-align:right;font-size:9px;color:#929e85}.played{position:absolute;z-index:3;text-align:center;pointer-events:none}.played-cards{display:flex;justify-content:center}.card.small{width:41px;height:58px;border-radius:3px;box-shadow:0 3px 5px #112c2425}.small .card-corner{top:4px;left:3px;min-width:12px}.small .card-corner b{font-size:14px}.small .card-corner i{font-size:12px}.small .card-center{font-size:20px;left:65%;top:65%}.small .card-bottom{display:none}.small .wild-tag{font-size:6px;bottom:3px;left:3px;padding:1px 2px}.played-cards>.card+.card{margin-left:-18px}.played-2{top:103px;left:50%;transform:translate(-50%)}.played-3{top:182px;left:135px;max-width:250px}.played-1{top:182px;right:135px;max-width:250px}.played-0{bottom:93px;left:50%;transform:translate(-50%)}.played-label{display:block;font-size:8px;color:#c2d3b3;margin-top:7px;letter-spacing:1px}.pass-chip{font-size:11px;background:#163b3133;border:1px solid #86a17c45;color:#aec3a4;padding:7px 14px;display:inline-block;border-radius:20px}.log-panel{border:1px solid #e0e4d7;border-radius:9px;display:flex;flex-direction:column;background:#fcfcf7;overflow:hidden;min-height:0;height:668px}.log-heading{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #eef0e8}.log-heading h2{font-size:12px;font-weight:500;display:flex;align-items:center;gap:9px;margin:0}.log-heading>span{font:11px Georgia;background:#eef1e7;color:#95a086;border-radius:4px;padding:3px 6px}.log-subtitle{font-size:9px;color:#a1a993;padding:14px 19px}.history-list{overflow:auto;padding:0 16px 20px;flex:1;scrollbar-width:thin;scrollbar-color:#dbe1d0 transparent}.history-empty{text-align:center;margin-top:120px;color:#b3bea4}.history-empty p{font:16px Songti SC,serif;color:#89987b;margin:21px 0 12px}.history-empty small{font-size:10px;line-height:1.9;color:#a5b095}.trick-divider{display:flex;align-items:center;gap:10px;color:#a9b397;font-size:8px;margin:15px 0}.trick-divider:after{content:"";flex:1;border-top:1px solid #e7ebdf}.history-item{display:flex;gap:8px;margin:17px 0}.history-avatar{width:25px;height:25px;border-radius:7px;background:#e9e8dc;color:#9a9780;font:11px Songti SC,serif;display:grid;place-items:center;flex:none}.our-team .history-avatar{background:#e1eadd;color:#658466}.history-item>div{flex:1;min-width:0}.history-title{display:flex;align-items:center;justify-content:space-between;font-size:10px}.history-title b{font-weight:500;color:#728166}.history-title>span{font-size:8px;color:#a9b198}.history-item p{font:11px/1.6 Georgia,PingFang SC,sans-serif;margin:5px 0 0;color:#68795f;overflow-wrap:anywhere}.history-item p.muted{font-size:9px;color:#b1b9a6}.log-foot{border-top:1px solid #e8ecdf;padding:17px 16px;font-size:9px;color:#8fa17e;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.log-foot .text-btn{width:100%;justify-content:center;font-size:10px;padding-top:10px}.message{background:#edeedc;color:#758451;padding:12px 17px;border-radius:6px;font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:8px 10px}.message.error{background:#f1e3d9;color:#975d44}.message button{display:flex;gap:5px;align-items:center;background:transparent;color:inherit;font-size:10px}footer{margin:20px 35px 0;border-top:1px solid var(--line);padding:18px 0 21px;display:flex;justify-content:space-between;color:#a0aa93;font-size:9px}footer>span:first-child{font:9px Georgia,Songti SC,serif;letter-spacing:1px}footer i{font-style:normal;margin:0 10px}footer a{text-decoration:underline;text-underline-offset:3px}.modal{border:1px solid #dadfce;border-radius:14px;background:#fbfbf4;color:#375135;width:510px;max-height:85vh;padding:26px 30px;box-shadow:0 20px 80px #132c3350}.modal::backdrop{background:#0f292e75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.modal-top h2{font:24px Songti SC,serif;margin:0}.rules-copy{font-size:12px;line-height:1.9;color:#7c8871}.rules-copy ul{padding-left:18px}.rules-copy li{margin:9px 0}.rule-note{padding:12px;background:#edf0e3;border-radius:5px;font-size:10px}.full{width:100%;margin-top:15px}.dialog-copy{font-size:13px;line-height:1.8;color:#88937b}.dialog-actions{display:flex;gap:13px;justify-content:flex-end;margin-top:25px}.choice-list{max-height:350px;overflow:auto;display:flex;flex-direction:column;gap:8px}.choice-list button{display:flex;align-items:center;justify-content:space-between;padding:14px 13px;background:#edf0e4;color:#627650;border-radius:5px;font-size:12px}.choice-list span{font:12px Georgia}.result-symbol{display:grid;place-items:center;color:#aa945b;margin:10px auto}.result-score{font:52px Georgia;text-align:center;margin:15px 0 25px;color:#8d844b}.result-score small{display:block;font:10px PingFang SC,sans-serif;margin-top:8px;color:#9aa086}.rank-list{border:1px solid #e2e6d5;border-radius:7px;overflow:hidden}.rank-list>div{display:flex;align-items:center;gap:20px;padding:12px 17px;font-size:12px;border-bottom:1px solid #e8ebdf}.rank-list>div:last-child{border:0}.rank-list>div:first-child{background:#eff1e4}.rank-list span{font-size:10px;color:#8b947b;width:38px}.rank-list strong{font-weight:500}.rank-list small{margin-left:auto;color:#a1aa91;font-size:10px}.result-note{text-align:center;font-size:10px;line-height:1.9;color:#99a187;margin:23px 0 0}@media(min-width:1500px){.felt{height:480px}.log-panel{height:718px}.west,.east{top:167px}.played-3,.played-1{top:220px}.played-2{top:126px}.hand>.card{margin-left:-27px}.card{width:73px;height:108px}.topbar,.table-toolbar{padding-left:50px;padding-right:50px}.game-layout{margin-left:50px;margin-right:50px;gap:27px;grid-template-columns:minmax(0,1fr) 270px}footer{margin-left:50px;margin-right:50px}}@media(max-width:1200px){.game-layout{margin:0 24px;gap:14px;grid-template-columns:minmax(0,1fr) 210px}.topbar{padding:0 25px;gap:35px}.table-toolbar{padding:0 25px}.nav-sub{display:none}.felt{border-radius:85px;height:405px}.felt:before{border-radius:70px}.felt-outline{border-radius:60px}.hand>.card{margin-left:-43px}.played-3{left:105px}.played-1{right:105px}.west{left:19px}.east{right:19px}.action-left{width:155px;gap:10px}.action-right{width:120px}.play-controls{gap:8px}.play-controls .secondary{min-width:69px;padding:10px 17px}.log-panel{height:643px}.room-meta{gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:850px){.topbar{height:56px}.brand{font-size:18px}.brand>span{font-size:30px}.brand small{font-size:7px;margin-top:4px}.table-toolbar{height:60px}.felt{height:clamp(300px,calc(100vh - 320px),480px);border-radius:85px}.felt:before{border-radius:70px}.felt-outline{border-radius:58px}.north{top:14px}.seat-avatar{width:40px;height:40px;font-size:19px}.west,.east{top:39%;gap:7px}.west .card-back,.east .card-back{top:84px;height:30px;width:24px}.round-indicator{top:29px}.played-2{top:76px}.played-3,.played-1{top:44%}.played-0{bottom:58px}.turn-banner{bottom:15px;padding:7px 13px;font-size:10px}.table-bottom-label{display:none}.hand-zone{padding-top:8px}.hand{height:111px;padding:19px 0 7px}.hand>.card{height:84px;width:63px;margin-left:clamp(-38px,-2.9vw,-27px)}.hand>.card:first-child{margin-left:0}.hand .card-corner{top:5px;left:5px}.hand .card-corner b{font-size:17px}.hand .card-corner i{font-size:14px}.hand .card-center{font-size:26px}.hand .card-bottom{font-size:12px}.action-bar{padding-top:4px;padding-bottom:4px}.primary,.secondary{padding-top:9px;padding-bottom:9px}.log-panel{height:calc(clamp(300px,100vh - 320px,480px) + 187px)}.log-heading{height:47px}.history-empty{margin-top:80px}footer{margin-top:13px;padding:12px 0;font-size:8px}.hand-tip{font-size:9px}.message{margin:3px 10px;font-size:10px;padding:8px 13px}}.card.joker .card-corner b{font-family:Songti SC,serif;writing-mode:vertical-rl;font-size:11px;line-height:1.3;margin-bottom:2px}.card.small.joker .card-corner b{font-size:8px}