body{font-family:sans-serif;margin:0;padding:0}.dark-mode{background:#000}.dark-mode #root{color:#fff}button.big{margin:10px;padding:10px}button.big,button.normal{cursor:pointer;line-height:1em}button.normal{margin:2px;padding:2px}.dark-mode .icon-button{color:#fff}.header-message{background-color:rgba(255,255,0,.7);border-bottom:1px solid #000;cursor:pointer;left:0;position:fixed;text-align:center;top:0;width:100%}.emoji-picker-react button{margin:0}.players button{margin:0 5px;padding:2.5px}.player{border:1px solid #000;line-height:1em;padding:10px}.dark-mode .player{border-color:#fff}.errors{background:red;color:#fff;padding:0 10px;position:fixed;z-index:100}.trick{padding:10px}.card{background:transparent;cursor:pointer;display:inline-block;font-family:Apple Symbols,Segoe UI Symbol,Symbola,DejaVu Sans,system;margin-top:20px;position:relative;user-select:none}.card.highlighted{border-bottom:1px solid;margin-bottom:-1px}.card>svg{background:#fff;margin-left:1px}.dark-mode .card>svg{background:#000}.card:first-child>svg{padding:0}.card.unknown,.unknown{color:#aaa;cursor:default}.card .card-label{background:#fff;display:none;font-size:medium;left:.35em;position:absolute;width:1.5em;z-index:1}.dark-mode .card .card-label{background:#000}.hand .unselected-cards.unclickable .card{cursor:default}.hand .unselected-cards .card{margin-top:30px}.hand .unselected-cards .card:hover .card-label,.hand .unselected-cards .card:hover svg{transform:translateY(-20px)}.card .card-icon{font-size:medium;left:.35em;position:absolute;z-index:1}.hand .unselected-cards .card:hover .card-icon{transform:translateY(-20px)}.kitty{margin-bottom:20px;margin-top:20px}.always-show-labels .card .card-label,.card:hover .card-label{display:inline-block}.ReactModal__Overlay{z-index:2}.card.notify,.notify .card{animation:blinkingText 1.5s 1;color:#000}@keyframes blinkingText{0%{color:#000}50%{color:#aaa}to{color:#000}}@keyframes blinkingTextDark{0%{color:#fff}50%{color:#555}to{color:#fff}}.dark-mode .card.notify,.dark-mode .notify .card{animation:blinkingTextDark 1.5s 1;color:#fff}.♡,.♢{color:#bb0313}.♤,.♧,.🃟{color:#000}.🃏{color:#bb0313}.points .card{cursor:default}.four-color .♢,.four-color.♢{color:#1933f9}.four-color .♡,.four-color.♡{color:#bb0313}.four-color .♤,.four-color.♤{color:#000}.four-color .♧,.four-color.♧{color:#477e1b}.four-color .🃟,.four-color.🃟{color:#000}.four-color .🃏,.four-color.🃏{color:#bb0313}.dark-mode .four-color .♤,.dark-mode .four-color .🃟,.dark-mode .four-color.♤,.dark-mode .four-color.🃟,.dark-mode .♤,.dark-mode .♧,.dark-mode .🃟,.dark-mode.♤,.dark-mode.♧,.dark-mode.🃟,.darkmode.four-color.🃟{color:#fff}.hand p{margin:0;text-align:center}.hand .selected-cards,.hand .unselected-cards{padding:0 10px}.next{color:#1933f9;font-weight:700}.dark-mode .next{color:#96a2fa}.landlord,.landlord .card svg{background:#ddd}.dark-mode .landlord,.dark-mode .landlord .card svg{background:#333}.observer{border:1px dashed #222;color:#222}.chat{border:1px solid #eee;float:right;margin-top:20px;min-width:225px;width:20%}.dark-mode .chat{border:#222}.game{display:inline-block;min-height:660px;min-width:690px;padding:0 20px;width:70%}.hide-chat-box .game{width:95%}.messages{height:400px;overflow-anchor:none;overflow-y:auto;padding-left:10px;padding-top:10px}.chat-anchor{height:1px;overflow-anchor:auto}.message{margin:0}.game-message{color:#00f}.labeled-play{border:1px solid #000;display:inline-block;margin-bottom:20px;padding:10px}.dark-mode .labeled-play{border-color:#fff}.labeled-play .label{line-height:1em;text-align:center}.labeled-play .card-group{display:inline-block}.labeled-play .card{cursor:default}.labeled-play.clickable .card{cursor:pointer}.labeled-play.winning{box-shadow:inset 0 0 0 2px #bb0313}.always-show-labels .more .card.svg .card-label,.more .card.svg:hover .card-label{bottom:1.8em}.labeled-play .play{display:inline-block;padding-bottom:20px}.labeled-play .play+.play{margin-left:10px}.trump{margin:10px 0}.pending-friends p{margin:0}.pending-friends{margin:10px}.reset-block{float:right;text-align:center;width:200px}.reset-block p{margin-block:0}.red{color:#bb0313}.join-room div{padding:5px}.join-room span{cursor:pointer}.join-room h2 input{font-size:24px}.kicker button{margin:3px;padding:3px}label{line-height:25px}.rules .card{font-size:8em;margin-right:-.4em}.rules .card:last-child{margin-right:0}.guandan-topbar{align-items:center;background:linear-gradient(180deg,#123e2e,#082c20);border-bottom:2px solid #d6ac52;box-shadow:0 4px 14px rgba(0,0,0,.28);color:#fff8d7;display:flex;gap:16px;padding:8px 28px}.guandan-topbar h1{color:#ffe39a;font-size:2rem;letter-spacing:.14em;margin:0;text-shadow:0 2px 3px rgba(0,0,0,.45)}.guandan-table{background:radial-gradient(circle at 50% 20%,rgba(117,205,121,.34),transparent 38%),repeating-linear-gradient(115deg,hsla(0,0%,100%,.02) 0 2px,transparent 2px 7px),linear-gradient(145deg,#1d8049,#0f6038 52%,#09472b);box-sizing:border-box;color:#fffdf1;min-height:calc(100vh - 65px);padding:16px 26px 112px}.guandan-table:after{border:2px solid hsla(42,72%,66%,.78);border-radius:24px;box-shadow:inset 0 0 0 4px rgba(9,60,35,.42);content:"";inset:7px;pointer-events:none;position:absolute;z-index:0}.guandan-table>*{position:relative;z-index:1}.guandan-status-bar{align-items:center;background:linear-gradient(180deg,rgba(5,52,31,.92),rgba(8,67,40,.9));border:1px solid hsla(43,87%,76%,.68);border-radius:16px;box-shadow:0 5px 14px rgba(0,0,0,.2);color:#fff8d7;display:flex;flex-wrap:wrap;gap:9px 20px;margin:0 0 10px;padding:10px 16px}.guandan-status-bar h1{display:none}.guandan-status-bar>div{background:hsla(0,0%,100%,.1);border-radius:999px;font-size:1rem;font-weight:750;padding:5px 11px}.guandan-table section{background:rgba(255,252,235,.95);border:1px solid hsla(43,83%,77%,.7);border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.16);color:#173528;margin:10px 0;padding:14px}.guandan-table h2{color:#175f39;margin:0 0 10px}.guandan-table button,.guandan-table input,.guandan-table select{font:inherit}.guandan-table input,.guandan-table select{background:#fffef7;border:1.5px solid #4d9b6d;border-radius:10px;color:#132d22;font-size:1rem;margin:4px 8px 4px 0;padding:10px 12px}.guandan-table button{background:linear-gradient(180deg,#fff7d7,#f2d68b);border:1px solid #d3a73f;border-radius:12px;box-shadow:0 3px 0 #9b7421,0 4px 8px rgba(0,0,0,.16);color:#19472f;cursor:pointer;font-weight:800;padding:9px 16px}.guandan-table button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.guandan-table button:active:not(:disabled){box-shadow:0 1px 0 #9b7421;transform:translateY(2px)}.guandan-table button:disabled{box-shadow:none;cursor:not-allowed;opacity:.48}.guandan-player-section{background:rgba(7,69,41,.74)!important;padding:10px!important}.guandan-private-zone,.guandan-public-zone{border-radius:22px;margin:14px 0;padding:42px 12px 12px;position:relative}.guandan-public-zone{background:radial-gradient(ellipse at center,rgba(98,190,105,.22),transparent 65%),rgba(4,63,36,.62);border:3px double #f3d57c;box-shadow:inset 0 0 0 2px rgba(255,239,176,.38),inset 0 0 28px rgba(0,0,0,.17),0 8px 20px rgba(0,0,0,.16)}.guandan-scoreboard{align-items:center;background:linear-gradient(180deg,#79271b,#4d130e);border:2px solid #f4d47c;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(255,228,143,.15),0 4px 10px rgba(0,0,0,.3);color:#fff2bd;display:flex;gap:10px;min-width:128px;padding:6px 9px 6px 13px;position:absolute;right:12px;top:7px;z-index:3}.guandan-scoreboard span{font-size:.83rem;font-weight:750;white-space:nowrap}.guandan-scoreboard strong{background:linear-gradient(180deg,#fff5c9,#e7bd59);border:2px solid #f7d77c;border-radius:9px;color:#61180f;display:grid;font-size:1.45rem;height:38px;line-height:1;place-items:center;text-shadow:0 1px #fff;width:38px}.guandan-private-zone{background:linear-gradient(180deg,rgba(19,79,67,.78),rgba(7,51,39,.82));border:4px solid #b97920;box-shadow:inset 0 0 0 2px #f1cf72,inset 0 0 0 5px rgba(97,54,4,.42),inset 0 0 24px rgba(35,138,155,.13),0 8px 20px rgba(0,0,0,.18)}.guandan-zone-title{align-items:baseline;border-radius:0 0 16px 16px;color:#fff7d5;display:flex;font-weight:900;gap:12px;justify-content:center;left:50%;min-width:280px;padding:7px 22px 8px;position:absolute;text-align:center;top:0;transform:translateX(-50%)}.guandan-public-zone>.guandan-zone-title{background:linear-gradient(180deg,#bf8526,#8f5c12);box-shadow:0 3px 8px rgba(0,0,0,.22)}.guandan-private-zone>.guandan-zone-title{background:linear-gradient(180deg,#1688a0,#0a5d70);box-shadow:0 3px 8px rgba(0,0,0,.22)}.guandan-zone-title span{font-size:1.16rem;letter-spacing:.12em}.guandan-zone-title small{font-size:.78rem;font-weight:650;opacity:.9}.guandan-player-section h2{color:#ffe7a5;font-size:1rem;letter-spacing:.28em;margin:0 0 8px;text-align:center}.guandan-players{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(150px,1fr))}.guandan-players:has(>.guandan-player-card:nth-child(9)){grid-template-columns:repeat(8,minmax(125px,1fr))}.guandan-player-card{background:linear-gradient(145deg,hsla(0,0%,100%,.98),hsla(52,55%,87%,.97));border:1px solid rgba(255,229,158,.5);border-radius:14px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#143727;line-height:1.25;min-height:66px;overflow:hidden;padding:10px 10px 9px 48px;position:relative}.guandan-player-card.is-me{outline:4px solid #ffe261;outline-offset:1px}.guandan-player-card.is-active{background:linear-gradient(145deg,#fff8ce,#f6d66e);border-color:#ffd45d;box-shadow:0 0 0 3px rgba(255,215,95,.32),0 5px 12px rgba(0,0,0,.25)}.guandan-player-card strong{display:block;font-size:1.05rem}.guandan-online-status{display:inline-block;font-size:.78rem;font-weight:800;margin-top:3px}.guandan-online-status.is-online{color:#087a3d}.guandan-online-status.is-offline{color:#a12a20}.guandan-observer-notice{background:#fff3bd!important;border:2px solid #ffe08a!important;color:#503600!important;font-weight:800;text-align:center}.guandan-player-card div{font-size:.92rem;margin-top:4px}.guandan-observers{background:rgba(255,246,203,.92);border-radius:9px;color:#584000;font-size:.86rem;font-weight:800;margin-top:9px;padding:6px 10px;text-align:center}.guandan-result-panel{align-items:center;border:3px solid;border-radius:12px;box-shadow:0 5px 14px rgba(0,0,0,.24);color:#fff;display:flex;flex-wrap:wrap;font-weight:850;gap:14px;justify-content:center;margin-top:10px;padding:10px 14px}.guandan-result-panel.guandan-team-a{background:linear-gradient(135deg,#b5261d,#e74a3b);border-color:#ff988d}.guandan-result-panel.guandan-team-b{background:linear-gradient(135deg,#0757a2,#278de2);border-color:#91ccff}.guandan-result-panel strong{font-size:1.05rem}.guandan-personal-settings{display:grid;gap:6px;margin:14px 0;max-width:520px}.guandan-personal-settings input{border:1px solid #b99443;border-radius:8px;box-sizing:border-box;font:inherit;padding:9px 11px;width:min(100%,360px)}.guandan-screenshot-email-status{align-items:center;background:rgba(8,54,36,.92);border:1px solid #efd47d;border-radius:12px;box-sizing:border-box;color:#fff0bd;display:flex;flex-wrap:wrap;font-weight:800;gap:8px;justify-content:center;left:50%;margin:0;padding:12px 16px;position:fixed;text-align:center;top:16px;transform:translateX(-50%);width:min(90vw,760px);z-index:5}.guandan-post-match-choice{background:rgba(8,38,27,.94);box-sizing:border-box;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:8}.guandan-post-match-card{background:linear-gradient(145deg,#fff9df,#f4e4ae);border:2px solid #f2cf69;border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.32);box-sizing:border-box;color:#3c321c;padding:clamp(24px,6vw,44px);text-align:center;width:min(100%,560px)}.guandan-post-match-card h1{color:#735117;margin:0 0 12px}.guandan-post-match-card p{line-height:1.6;margin:0 0 22px}.guandan-post-match-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.guandan-next-round-panel{align-items:center;background:#fff7d6;border:2px solid #f2cf69;border-radius:12px;color:#513900;display:flex;flex-wrap:wrap;font-weight:800;gap:10px;justify-content:center;margin-top:10px;padding:12px}.guandan-next-round-panel>strong{font-size:1.08rem}.guandan-manual-shuffle{align-items:center;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.guandan-manual-shuffle label{align-items:center;display:inline-flex;gap:4px}.guandan-manual-shuffle input{border:1px solid #9a741b;border-radius:7px;padding:6px;width:68px}.guandan-seat-badge{background:linear-gradient(180deg,#218e56,#0d5a34);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,224,140,.48);color:#fff5c9;display:grid;font-weight:900;height:31px;left:9px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:31px}.guandan-player-card.is-active .guandan-seat-badge{box-shadow:0 0 0 4px #ffe261,inset 0 0 0 2px hsla(0,0%,100%,.55)}.guandan-team-a .guandan-seat-badge{background:linear-gradient(180deg,#e74a3b,#a91f18)}.guandan-team-b .guandan-seat-badge{background:linear-gradient(180deg,#278de2,#0757a2)}.guandan-table-stage{background:radial-gradient(ellipse at center,rgba(98,190,105,.36),transparent 64%),linear-gradient(145deg,rgba(15,105,56,.9),rgba(8,75,43,.94))!important;border:2px solid #d5ad55!important;box-shadow:inset 0 0 30px rgba(0,0,0,.2),0 7px 18px rgba(0,0,0,.22)!important;color:#fff9df!important;min-height:245px}.guandan-table-stage h2{color:#ffe7a4;font-size:1.05rem;letter-spacing:.22em;text-align:center}.guandan-trick-plays{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.guandan-trick-play{background:rgba(0,0,0,.12);border-radius:12px;min-height:82px;padding:9px}.guandan-table-play{display:block;margin-top:7px}.guandan-hand-section{background:linear-gradient(180deg,#fffdf0,#eee2b9)!important}.guandan-hand{flex-wrap:nowrap;min-height:275px;padding:18px 10px 8px;scrollbar-color:#b58a35 transparent}.guandan-card-stack{align-items:center;flex:0 0 78px}.guandan-stack-count{background:#8b2418;border:2px solid #fff4b5;border-radius:999px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff8d5;font-size:.82rem;font-weight:900;min-width:28px;padding:2px 6px;position:absolute;right:1px;text-align:center;top:-13px;z-index:200}.guandan-hand .guandan-card-stack button{background:transparent;border-radius:7px;box-shadow:0 3px 7px rgba(0,0,0,.28);flex:0 0 auto;margin:-82px 0 0;min-height:0;min-width:0;padding:0;transition:transform .12s ease,box-shadow .12s ease}.guandan-hand .guandan-card-stack button:first-child{margin-top:0}.guandan-hand .guandan-card-stack button:hover{transform:translateY(-6px)}.guandan-hand .guandan-card-stack button[aria-pressed=true]{box-shadow:0 9px 14px rgba(0,0,0,.28);outline:3px solid #e0a91e;transform:translateY(-15px)!important}.guandan-actions{align-items:center;display:flex;flex-wrap:wrap;gap:13px;justify-content:center}.guandan-actions button{font-size:1.08rem;min-width:120px}.guandan-play-actions{backdrop-filter:blur(10px);background:rgba(5,50,30,.95)!important;border:1px solid rgba(255,225,145,.72)!important;bottom:8px;box-shadow:0 -4px 18px rgba(0,0,0,.28)!important;color:#fff9df!important;margin-top:10px!important;padding:12px!important;position:sticky!important;z-index:20!important}.guandan-play-actions button:not(:disabled){background:linear-gradient(180deg,#ffd85e,#e9a914);border-color:#f0ca64;color:#4a2d00;min-width:132px}.guandan-play-actions button:last-of-type:not(:disabled){background:linear-gradient(180deg,#4eb9ef,#197cae);border-color:#8ed8ff;color:#fff}.guandan-start-button{background:linear-gradient(180deg,#ffd85e,#e9a914)!important;color:#4a2d00!important;font-size:1.1rem!important;padding:11px 24px!important}.guandan-start-panel{background:#fff4c9;border:3px solid #ffd85e;border-radius:12px;box-shadow:0 5px 14px rgba(0,0,0,.24);color:#513900;margin-top:10px;padding:12px}.guandan-notice-panel{background:#fff4c9!important;border-color:#ffe298!important;color:#5d4100!important;text-align:center}.guandan-table [role=alert]{background:#fff5f5;border:1px solid #b42318;border-radius:10px;color:#8f1d1d;padding:10px 12px}@media (min-width:900px) and (max-width:1250px){.guandan-table{padding-inline:16px}.guandan-players{gap:7px;grid-template-columns:repeat(4,minmax(145px,1fr))}.guandan-player-card{padding-left:42px}.guandan-card-stack{flex-basis:72px}}@media (max-width:700px){.guandan-topbar{padding:7px 12px}.guandan-topbar h1{font-size:1.5rem}.guandan-table{min-height:calc(100vh - 54px);padding:9px 9px 100px}.guandan-table:after{border-radius:17px;inset:3px}.guandan-status-bar{font-size:.82rem;gap:6px;min-height:46px;padding:8px 9px}.guandan-status-bar>div{padding:4px 7px}.guandan-table section{border-radius:13px;padding:9px}.guandan-private-zone,.guandan-public-zone{border-radius:16px;margin:10px 0;padding:39px 6px 6px}.guandan-scoreboard{justify-content:center;margin:0 0 7px auto;min-width:118px;padding:5px 7px 5px 11px;position:relative;right:auto;top:auto;width:max-content}.guandan-scoreboard strong{font-size:1.2rem;height:32px;width:32px}.guandan-zone-title{gap:7px;min-width:230px;padding:6px 12px 7px}.guandan-zone-title span{font-size:1rem}.guandan-zone-title small{font-size:.7rem}.guandan-players{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.guandan-player-card{font-size:.82rem;min-height:57px;padding:7px 6px 6px 36px}.guandan-seat-badge{height:25px;left:6px;width:25px}.guandan-table-stage{min-height:185px}.guandan-trick-plays{grid-template-columns:1fr}.guandan-hand{min-height:250px;padding-inline:2px}.guandan-card-stack{flex-basis:66px}.guandan-play-actions{bottom:4px;gap:8px;padding:9px!important}.guandan-actions button,.guandan-play-actions button:not(:disabled){min-width:96px;padding:9px 12px}}.guandan-topbar{background:transparent;border:0;box-shadow:none;height:44px;left:0;min-height:44px;padding:0 12px;pointer-events:none;position:absolute;top:4px;width:100%;z-index:20}.guandan-topbar>*{pointer-events:auto}.guandan-topbar>:first-child{left:12px;position:absolute;top:4px;transform:scale(.78);transform-origin:left top}.guandan-topbar>:last-child{height:54px;overflow:visible;position:absolute;right:14px;top:1px;transform:scale(.76);transform-origin:right top;width:54px}.guandan-topbar>:last-child img,.guandan-topbar>:last-child svg{border-radius:50%!important}.guandan-status-bar h1,.guandan-topbar h1{display:none!important}.guandan-table{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:4px 10px 6px;position:relative}.guandan-status-bar{border-radius:12px;flex:0 0 52px;gap:6px 10px;margin:0 0 4px;min-height:52px;overflow:hidden;padding:9px 86px 7px 82px;position:relative}.guandan-status-bar:after{color:#ffe69a;content:"🂡  🂱   掼 蛋   🃁  🃑";font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(20px,2.1vw,31px);font-weight:900;left:50%;letter-spacing:3px;line-height:1;pointer-events:none;position:absolute;text-shadow:0 2px 0 #7b1f13,0 0 5px rgba(255,215,110,.65);top:50%;transform:translate(-50%,-50%);white-space:nowrap}.guandan-status-bar>div{font-size:.82rem;padding:2px 7px;position:relative;z-index:2}.guandan-status-bar button{padding:4px 9px;position:relative;z-index:2}.guandan-status-bar>div:nth-of-type(3){display:none}.guandan-public-zone{border-radius:14px;flex:1 1 46%;margin:3px 0 4px;min-height:0;overflow:visible;padding:28px 7px 6px;position:relative}.guandan-private-zone>.guandan-zone-title,.guandan-public-zone>.guandan-zone-title{min-width:200px;padding:3px 14px 4px}.guandan-zone-title span{font-size:.96rem}.guandan-zone-title small{font-size:.66rem}.guandan-player-section,.guandan-scoreboard{display:none!important}.guandan-round-winner-mini{background:rgba(255,253,245,.96);border:2px solid #d5a438;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.18);color:#173528;font-size:.72rem;left:10px;line-height:1.1;min-width:122px;padding:5px 8px;pointer-events:none;position:absolute;text-align:center;top:34px;z-index:36}.guandan-round-winner-mini span,.guandan-round-winner-mini strong{display:block}.guandan-round-winner-mini strong{font-size:.84rem;margin-top:2px}.guandan-initial-draw-mini{background:rgba(255,253,245,.96);border:2px solid #d5a438;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);box-sizing:border-box;color:#173528;font-size:.76rem;left:10px;line-height:1.15;max-width:calc(100% - 20px);padding:7px 8px;pointer-events:none;position:absolute;top:86px;top:58px;width:210px;z-index:35}.guandan-initial-draw-mini>strong{display:block;margin-bottom:4px;text-align:center}.guandan-initial-draw-mini-cards{align-items:end;display:grid;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr))}.guandan-initial-draw-mini-cards>div{min-width:0;text-align:center}.guandan-initial-draw-mini-cards span{display:block;font-size:.65rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guandan-initial-draw-mini-winner{margin-top:4px;text-align:center}.guandan-next-round-panel,.guandan-notice-panel,.guandan-result-panel,.guandan-start-panel,.guandan-tribute-panel{margin:3px 0!important;padding:5px 8px!important}.guandan-table-stage{border-radius:12px 0 0 12px;border-right:3px solid #d5a438;box-sizing:border-box;height:100%;margin:3px 0 0!important;min-height:0!important;overflow:auto;padding:6px 8px!important;width:75%!important}.guandan-table-stage h2{font-size:.94rem;margin-bottom:3px}.guandan-trick-plays{align-items:flex-start;display:flex!important;flex-wrap:wrap;gap:8px!important;width:100%}.guandan-trick-play{display:contents}.guandan-trick-play>strong{display:none!important}.guandan-table-play{align-items:flex-start;display:inline-flex!important;flex:0 0 auto;flex-wrap:nowrap;min-width:0;overflow:visible}.guandan-private-zone{border-radius:14px;border-width:3px;flex:1 1 54%;margin:0;min-height:0;overflow:visible;padding:28px 7px 5px;position:relative}.guandan-hand-section{border-radius:12px 0 0 12px!important;box-sizing:border-box;height:calc(100% - 8px);margin:0!important;overflow:hidden;padding:5px 7px!important;width:75%!important}.guandan-hand-section h2{font-size:.98rem;margin:0 0 3px}.guandan-hand{align-items:flex-end;display:flex;gap:4px;height:calc(100% - 26px);min-height:140px;overflow-x:auto;overflow-y:hidden;padding:3px 3px 0}.guandan-card-stack{display:flex;flex:0 0 auto;flex-direction:column;height:100%;justify-content:flex-end;min-width:72px;padding-top:2px;position:relative}.guandan-card-stack>button,.guandan-card-stack>button svg,.guandan-card-stack>button:disabled{filter:none!important;opacity:1!important}.guandan-card-stack>button{box-shadow:none!important;flex:0 0 auto;margin:0 0 -82px!important;position:relative}.guandan-card-stack>button:last-child{margin-bottom:0!important}.guandan-private-zone>section.guandan-play-actions{backdrop-filter:none!important;background:linear-gradient(180deg,#fffdf5,#fff4c9)!important;border:3px solid #d5a438!important;border-radius:0 12px 12px 0!important;box-shadow:inset 0 0 0 2px rgba(255,240,185,.75)!important;box-sizing:border-box!important;display:block!important;height:calc(200% + 7px)!important;left:75%!important;max-width:25%!important;min-height:0!important;min-width:25%!important;padding:94px 18px 16px!important;width:25%!important;z-index:40!important}.guandan-private-zone>section.guandan-play-actions:before{color:#5f3d08;content:"待出牌核对区（0 张）";font-size:18px;font-weight:900;height:32px;left:14px;line-height:32px;pointer-events:none;position:absolute;right:14px;text-align:center;top:12px}.guandan-private-zone>section.guandan-play-actions:after{color:#725a29;content:"请从左侧手牌中选择要出的牌\A\A选中的牌会显示在这里\A\A确认无误后点击【出牌】";font-size:16px;font-weight:700;left:24px;line-height:1.65;opacity:.9;pointer-events:none;position:absolute;right:24px;text-align:center;top:46%;white-space:pre-line}.guandan-private-zone>section.guandan-play-actions>button{border:2px solid hsla(0,0%,100%,.8)!important;border-radius:12px!important;box-sizing:border-box!important;display:block!important;font-size:20px!important;font-weight:900!important;height:60px!important;margin:0!important;opacity:1!important;padding:8px!important;position:absolute!important;top:52px!important;white-space:nowrap!important;width:calc(50% - 27px)!important}.guandan-private-zone>section.guandan-play-actions>button:nth-last-child(2){background:linear-gradient(180deg,#ffd95a,#f0a500)!important;box-shadow:0 4px 0 #a66b00,0 5px 10px rgba(0,0,0,.2)!important;color:#4b2c00!important;left:18px!important}.guandan-private-zone>section.guandan-play-actions>button:last-child{background:linear-gradient(180deg,#63cfff,#168fd0)!important;box-shadow:0 4px 0 #086a9d,0 5px 10px rgba(0,0,0,.2)!important;color:#073d5a!important;right:18px!important}.guandan-private-zone>section.guandan-play-actions>button:disabled{filter:saturate(.72)!important;opacity:.55!important}.guandan-selected-preview{background:hsla(0,0%,100%,.34)!important;border:2px dashed #d9b75b!important;border-radius:14px!important;box-shadow:none!important;inset:126px 18px 18px!important;min-height:0!important;padding:20px 12px!important;position:absolute!important}.guandan-selected-preview-header{display:none!important}.guandan-selected-preview-cards{height:100%!important;min-height:0!important;overflow:auto!important}.guandan-selected-preview-empty{color:transparent!important;min-height:100%!important}@media (max-width:760px){.guandan-status-bar{padding-left:66px;padding-right:64px}.guandan-status-bar:after{content:"🂡 🂱  掼蛋  🃁 🃑";font-size:18px;letter-spacing:1px}.guandan-status-bar>div{font-size:.7rem}.guandan-topbar>:first-child{left:5px;transform:scale(.64)}.guandan-topbar>:last-child{right:6px;transform:scale(.62)}.guandan-hand-section,.guandan-table-stage{width:75%!important}.guandan-private-zone>section.guandan-play-actions{left:75%!important;max-width:25%!important;min-width:25%!important;padding:78px 7px 7px!important;width:25%!important}.guandan-private-zone>section.guandan-play-actions:before{font-size:12px;left:5px;right:5px;top:8px}.guandan-private-zone>section.guandan-play-actions:after{font-size:11px;left:9px;line-height:1.45;right:9px}.guandan-private-zone>section.guandan-play-actions>button{border-radius:8px!important;font-size:13px!important;height:38px!important;padding:4px!important;top:38px!important;width:calc(50% - 11px)!important}.guandan-private-zone>section.guandan-play-actions>button:nth-last-child(2){left:5px!important}.guandan-private-zone>section.guandan-play-actions>button:last-child{right:5px!important}.guandan-selected-preview{inset:84px 7px 7px!important;padding:6px!important}}@media (max-height:760px){.guandan-status-bar{flex-basis:46px;min-height:46px;padding-block:6px}.guandan-private-zone,.guandan-public-zone{padding-top:25px}.guandan-hand{min-height:120px}.guandan-card-stack>button{margin-bottom:-88px!important}}.guandan-round-winner-mini{left:auto!important;right:10px!important;top:34px!important}.guandan-initial-draw-mini{left:auto!important;right:10px!important;top:82px!important}.guandan-public-player-backs{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:5px;left:148px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 3px 5px;pointer-events:auto;position:absolute;right:26%;scrollbar-width:thin;top:32px;z-index:24}.guandan-public-player-empty{color:#f5e9b5;font-size:.78rem;font-weight:700}.guandan-public-player-back{color:#fff9dc;flex:0 0 48px;font-size:.58rem;line-height:1.05;min-width:48px;position:relative;text-align:center;width:48px}.guandan-public-player-back>strong,.guandan-public-player-seat{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guandan-public-player-seat{color:#fff4b8;font-weight:800;margin-bottom:2px}.guandan-public-player-back>strong{font-size:.61rem;margin-top:2px}.guandan-public-card-back{align-items:center;border:2px solid #fff8dc;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.4),inset 0 0 0 2px hsla(0,0%,100%,.16);box-sizing:border-box;display:flex;font-size:.52rem;font-weight:900;height:48px;justify-content:center;letter-spacing:1px;margin:0 auto;position:relative;width:36px}.guandan-public-card-back:after,.guandan-public-card-back:before{color:hsla(0,0%,100%,.7);content:"◆";font-size:.55rem;left:50%;position:absolute;transform:translateX(-50%)}.guandan-public-card-back:before{top:5px}.guandan-public-card-back:after{bottom:5px}.guandan-public-team-a .guandan-public-card-back{background:linear-gradient(145deg,#9b2525,#5f1111)}.guandan-public-team-b .guandan-public-card-back{background:linear-gradient(145deg,#245b9b,#123766)}.guandan-public-player-back.is-active .guandan-public-card-back{outline:3px solid #ffd75a;outline-offset:1px}.guandan-public-card-count{align-items:center;background:#f6d64b;border:2px solid #fff7c2;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.32);color:#3e2600;display:flex;font-size:.78rem;font-weight:900;height:24px;justify-content:center;line-height:1;position:absolute;right:0;top:17px;width:24px;z-index:2}@media (max-width:900px){.guandan-public-player-backs{left:136px;right:8px}.guandan-public-player-back{flex-basis:44px;min-width:44px;width:44px}.guandan-public-card-back{height:44px;width:33px}}.guandan-private-zone{display:block!important}.guandan-private-zone>.guandan-hand-section{height:calc(100% - 8px)!important;padding-right:318px!important}.guandan-private-zone>section.guandan-play-actions{background:rgba(255,252,235,.97)!important;border-color:#d5a438!important;border-radius:14px 0 0 0!important;border-style:solid!important;border-width:3px 0 0 3px!important;bottom:0!important;box-shadow:inset 0 0 0 2px rgba(255,235,166,.92)!important;color:#173528!important;height:auto!important;left:auto!important;margin:0!important;max-width:304px!important;min-width:304px!important;overflow:hidden!important;padding:96px 12px 12px!important;position:absolute!important;top:27px!important;width:304px!important}.guandan-private-zone>section.guandan-play-actions:before{color:#6b4a08!important;content:"待出牌核对区"!important;font-size:16px!important;font-weight:950!important;height:26px!important;left:12px!important;line-height:26px!important;pointer-events:none!important;position:absolute!important;right:12px!important;text-align:center!important;top:8px!important}.guandan-private-zone>section.guandan-play-actions>button:first-of-type,.guandan-private-zone>section.guandan-play-actions>button:nth-of-type(2){border-radius:11px!important;border-width:2px!important;font-size:18px!important;font-weight:950!important;height:48px!important;margin:0!important;max-height:48px!important;max-width:132px!important;min-height:48px!important;min-width:132px!important;opacity:1!important;padding:0 10px!important;position:absolute!important;top:42px!important;width:132px!important}.guandan-private-zone>section.guandan-play-actions>button:first-of-type{background:linear-gradient(180deg,#ffe36a,#ffae00)!important;border-color:#fff2a8!important;box-shadow:0 3px 0 #9d6600,0 4px 8px rgba(0,0,0,.22)!important;color:#4d2b00!important;left:12px!important;right:auto!important}.guandan-private-zone>section.guandan-play-actions>button:nth-of-type(2){background:linear-gradient(180deg,#72ddff,#159fdf)!important;border-color:#d8f6ff!important;box-shadow:0 3px 0 #08739f,0 4px 8px rgba(0,0,0,.22)!important;color:#073d5a!important;left:auto!important;right:12px!important}.guandan-private-zone>section.guandan-play-actions>button:disabled{filter:saturate(.8)!important;opacity:.58!important}.guandan-private-zone>section.guandan-play-actions>.guandan-selected-preview{background:linear-gradient(180deg,#fffdf2,#fff3c7)!important;border:2px solid #d9b75b!important;border-radius:12px!important;bottom:10px!important;box-shadow:inset 0 1px 0 #fff!important;left:10px!important;margin:0!important;min-height:0!important;overflow:auto!important;padding:12px 8px 10px!important;position:absolute!important;right:10px!important;top:94px!important}.guandan-selected-preview:before{display:none!important}.guandan-selected-preview-header{margin-bottom:6px!important}@media (max-width:760px){.guandan-private-zone>.guandan-hand-section{padding-right:208px!important}.guandan-private-zone>section.guandan-play-actions{max-width:196px!important;min-width:196px!important;padding-top:88px!important;width:196px!important}.guandan-private-zone>section.guandan-play-actions>button:first-of-type,.guandan-private-zone>section.guandan-play-actions>button:nth-of-type(2){font-size:15px!important;height:42px!important;max-height:42px!important;max-width:80px!important;min-height:42px!important;min-width:80px!important;top:40px!important;width:80px!important}.guandan-private-zone>section.guandan-play-actions>button:first-of-type{left:9px!important}.guandan-private-zone>section.guandan-play-actions>button:nth-of-type(2){right:9px!important}.guandan-private-zone>section.guandan-play-actions>.guandan-selected-preview{bottom:8px!important;left:8px!important;right:8px!important;top:88px!important}}.guandan-hand-section{padding-right:calc(33.33333% + 8px)!important}.guandan-private-zone>section.guandan-play-actions{border:0!important;border-left:3px solid #d5a438!important;border-radius:0 0 11px 0!important;max-width:33.333333%!important;min-width:33.333333%!important;right:0!important;width:33.333333%!important}.guandan-private-zone>section.guandan-play-actions>button{max-width:none!important;min-width:0!important;width:calc(50% - 18px)!important}.guandan-private-zone>section.guandan-play-actions>button:nth-last-child(2){left:12px!important;right:auto!important}.guandan-private-zone>section.guandan-play-actions>button:last-child{left:auto!important;right:12px!important}@media (max-width:760px){.guandan-hand-section{padding-right:calc(33.33333% + 5px)!important}.guandan-private-zone>section.guandan-play-actions{max-width:33.333333%!important;min-width:33.333333%!important;width:33.333333%!important}.guandan-private-zone>section.guandan-play-actions>button{width:calc(50% - 10px)!important}.guandan-private-zone>section.guandan-play-actions>button:nth-last-child(2){left:7px!important}.guandan-private-zone>section.guandan-play-actions>button:last-child{right:7px!important}}html body .guandan-table:has(.guandan-public-zone){box-sizing:border-box!important;column-gap:0!important;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(280px,1fr)!important;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding:4px 10px 6px!important;row-gap:0!important;width:100%!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-status-bar{box-sizing:border-box!important;grid-column:1/-1!important;grid-row:1!important;margin:0!important;max-width:none!important;min-width:0!important;width:100%!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-public-zone{border-bottom:3px solid #d5a438!important;border-radius:14px 0 0 0!important;border-right:3px solid #d5a438!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;grid-column:1!important;grid-row:2!important;height:100%!important;margin:0!important;max-width:none!important;min-height:0!important;min-width:0!important;overflow:hidden!important;padding:28px 7px 6px!important;position:relative!important;width:100%!important}html body .guandan-table:has(.guandan-public-zone) .guandan-table-stage{border-radius:12px 0 0 0!important;border-right:0!important;box-sizing:border-box!important;flex:1 1 auto!important;height:auto!important;margin:3px 0 0!important;max-width:none!important;min-height:0!important;min-width:0!important;overflow:auto!important;width:100%!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone{display:contents!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>.guandan-zone-title{display:none!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>.guandan-hand-section{border-radius:0 0 0 14px!important;border-right:3px solid #d5a438!important;box-sizing:border-box!important;grid-column:1!important;grid-row:3!important;height:100%!important;margin:0!important;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:34px 7px 5px!important;pointer-events:auto!important;position:relative!important;width:100%!important;z-index:2!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>.guandan-hand-section:before{color:#6a4704;content:"我的桌面";font-size:1rem;font-weight:950;left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:6px}html body .guandan-private-zone .guandan-hand,html body .guandan-private-zone .guandan-hand .guandan-card-stack,html body .guandan-private-zone .guandan-hand .guandan-card-stack>button{pointer-events:auto!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions{backdrop-filter:none!important;background:linear-gradient(180deg,#fffdf5,#fff4c9)!important;border:3px solid #d5a438!important;border-left-width:0!important;border-radius:0 0 14px 0!important;grid-column:2!important;grid-row:2/4!important;inset:auto!important;bottom:auto!important;box-shadow:inset 0 0 0 2px rgba(255,240,185,.75)!important;box-sizing:border-box!important;color:#173528!important;display:block!important;left:auto!important;margin:0!important;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:88px 14px 14px!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;z-index:50!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions:before{color:#5f3d08!important;content:"核对区"!important;font-size:20px!important;font-weight:950!important;left:0!important;line-height:30px!important;pointer-events:none!important;position:absolute!important;right:0!important;text-align:center!important;top:42px!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions:after{content:none!important;display:none!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button{border-radius:0!important;box-sizing:border-box!important;display:block!important;font-size:18px!important;font-weight:950!important;height:40px!important;letter-spacing:.04em!important;margin:0!important;max-height:40px!important;max-width:none!important;min-height:40px!important;min-width:0!important;opacity:1!important;padding:4px 8px!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:50%!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:nth-last-of-type(2){background:linear-gradient(180deg,#fff6cf,#ffd66b)!important;border:3px solid #2cad63!important;box-shadow:none!important;color:#176b39!important;left:0!important;right:auto!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:last-of-type{background:linear-gradient(180deg,#9cecff,#45bfea)!important;border:3px solid #4857c8!important;box-shadow:none!important;color:#24358b!important;left:50%!important;right:auto!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:disabled{filter:saturate(.75)!important;opacity:.58!important}html body .guandan-table:has(.guandan-public-zone) .guandan-selected-preview{background:hsla(0,0%,100%,.28)!important;border:2px dashed #d9b75b!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;inset:80px 12px 12px!important;margin:0!important;min-height:0!important;overflow:hidden!important;padding:14px 10px 10px!important;position:absolute!important;width:auto!important}html body .guandan-selected-preview-header{align-items:center!important;color:#5f3d08!important;display:flex!important;flex-direction:column!important;font-weight:900!important;gap:4px!important;margin-bottom:6px!important;text-align:center!important}html body .guandan-selected-preview-cards{align-items:center!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:flex-start!important;min-height:0!important;overflow-y:auto!important}html body .guandan-selected-preview-empty{color:#725a29!important;display:grid!important;flex:1 1 auto!important;line-height:1.55!important;min-height:0!important;place-items:center!important;text-align:center!important}html body .guandan-selected-preview-card{height:126px!important;margin-top:-74px!important;min-width:90px!important;width:90px!important}html body .guandan-selected-preview-card:first-child{margin-top:0!important}@media (max-width:760px){html body .guandan-table:has(.guandan-public-zone){grid-template-columns:minmax(0,3fr) minmax(180px,1fr)!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions{padding:74px 7px 7px!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions:before{font-size:13px!important;top:36px!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button{font-size:12px!important;height:34px!important;max-height:34px!important;min-height:34px!important}html body .guandan-table:has(.guandan-public-zone) .guandan-selected-preview{inset:68px 6px 6px!important;padding:6px!important}html body .guandan-selected-preview-header strong{font-size:11px!important}html body .guandan-selected-preview-header small{font-size:9px!important}html body .guandan-selected-preview-card{height:96px!important;margin-top:-56px!important;min-width:68px!important;width:68px!important}}html body .guandan-table:has(.guandan-public-zone) .guandan-participant-names{align-items:flex-start!important;display:flex!important;gap:6px!important;line-height:1.25!important;margin:0 0 3px!important;min-width:0!important;width:100%!important}html body .guandan-table:has(.guandan-public-zone) .guandan-participant-names>strong{flex:0 0 auto!important;white-space:nowrap!important}html body .guandan-table:has(.guandan-public-zone) .guandan-participant-list{align-items:center!important;display:flex!important;flex:1 1 auto!important;flex-wrap:wrap!important;gap:3px 8px!important;min-width:0!important}html body .guandan-table:has(.guandan-public-zone) .guandan-participant-entry{align-items:center!important;display:inline-flex!important;gap:3px!important;white-space:nowrap!important}html body .guandan-table:has(.guandan-public-zone) .guandan-participant-team{background:#fff3b9!important;border:1px solid #d5a438!important;border-radius:50%!important;color:#214d39!important;display:inline-grid!important;font-size:11px!important;font-weight:950!important;height:18px!important;line-height:1!important;place-items:center!important;width:18px!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-observer-notice{align-self:stretch!important;border-left:0!important;border-radius:0 0 14px 0!important;box-sizing:border-box!important;grid-column:2!important;grid-row:2/4!important;height:100%!important;margin:0!important;min-height:0!important;overflow:auto!important;width:100%!important}html body .guandan-test-backend-mismatch{background:#fff0e8!important;border:2px solid #b85035!important;border-radius:8px!important;color:#8a2e1c!important;display:block!important;margin-top:12px!important;padding:8px!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>.guandan-hand-section{align-self:stretch!important;min-height:0!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions{align-self:stretch!important;height:100%!important;min-height:0!important}html body .guandan-current-turn-mini{align-items:center!important;background:rgba(255,250,220,.97)!important;border:2px solid #d5a438!important;border-radius:9px!important;bottom:58px!important;box-shadow:0 3px 10px rgba(0,0,0,.24)!important;box-sizing:border-box!important;color:#174331!important;display:inline-flex!important;font-size:14px!important;gap:4px!important;left:14px!important;line-height:1.1!important;min-width:150px!important;padding:7px 11px!important;pointer-events:none!important;position:fixed!important;z-index:120!important}html body .guandan-current-turn-mini strong{color:#9a2d1e!important;font-size:16px!important;font-weight:950!important}.guandan-status-bar:after{content:none!important}.guandan-topbar>.guandan-header-decor{height:auto;inset:0;overflow:hidden;pointer-events:none;position:absolute;transform:none;width:auto}.guandan-header-brand{align-items:center;display:flex;gap:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.guandan-header-title{color:#ffe69a;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(24px,2.4vw,36px);font-weight:900;letter-spacing:3px;line-height:1;text-shadow:0 2px 0 #7b1f13,0 0 5px rgba(255,215,110,.65)}.guandan-header-cards{height:42px;position:relative;width:54px}.guandan-header-card{background:#fffbed;border:1px solid #c59b49;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.25);display:grid;font-style:normal;height:40px;line-height:1;place-items:center;position:absolute;top:1px;width:31px}.guandan-header-card b{font-family:Georgia,Times New Roman,serif;font-size:11px;left:4px;position:absolute;top:3px}.guandan-header-card i{font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:normal}.guandan-header-card--black{color:#111}.guandan-header-card--red{color:#c51f28}.guandan-header-cards--left .guandan-header-card:first-child,.guandan-header-cards--right .guandan-header-card:first-child{left:3px;transform:rotate(-10deg)}.guandan-header-cards--left .guandan-header-card:last-child,.guandan-header-cards--right .guandan-header-card:last-child{right:3px;transform:rotate(10deg)}.guandan-header-clock{align-items:center;background:#fff;border:2px solid #d6a43c;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.2);box-sizing:border-box;display:flex;height:44px;overflow:visible;padding:4px 12px 8px 48px;pointer-events:none;position:absolute;right:34px;top:4px;width:154px}.guandan-stopwatch{border:3px solid #d6a43c;border-radius:50%;box-sizing:border-box;height:27px;left:13px;position:absolute;top:9px;width:27px}.guandan-stopwatch-crown{border:3px solid #d6a43c;border-bottom:0;border-radius:3px 3px 0 0;height:5px;left:7px;position:absolute;top:-8px;width:8px}.guandan-stopwatch-hand{background:#d6a43c;border-radius:2px;height:9px;left:10px;position:absolute;top:5px;transform:rotate(8deg);transform-origin:50% 8px;width:3px}.guandan-header-clock time{color:#092d25;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap}.guandan-header-clock-label{background:linear-gradient(180deg,#ffe49a,#d79a2d);border:1px solid #c58a20;border-radius:7px;bottom:-8px;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#3f2a08;font-size:9px;font-weight:900;left:52px;line-height:1.2;padding:2px 6px;position:absolute;right:22px;text-align:center;white-space:nowrap}@media (max-width:760px){.guandan-header-brand{gap:5px}.guandan-header-title{font-size:20px;letter-spacing:1px}.guandan-header-cards{height:34px;width:40px}.guandan-header-card{height:32px;width:24px}.guandan-header-card b{font-size:8px;left:3px;top:2px}.guandan-header-card i{font-size:14px}.guandan-header-clock{border-radius:13px;height:39px;padding:4px 8px 7px 38px;right:22px;top:5px;width:118px}.guandan-stopwatch{height:23px;left:10px;top:8px;width:23px}.guandan-stopwatch-crown{left:5px;top:-7px}.guandan-stopwatch-hand{height:8px;left:8px;top:4px}.guandan-header-clock time{font-size:15px}.guandan-header-clock-label{bottom:-7px;font-size:7px;left:40px;padding:1px 4px;right:14px}}.game-header-with-logo{position:relative}.game-table-logo{border-radius:12px;height:72px;object-fit:contain;pointer-events:none;position:absolute;right:12px;top:10px;width:72px;z-index:10}.game-header-with-logo{min-height:104px;padding-right:112px}@media (max-width:700px){.game-table-logo{height:56px;width:56px}.game-header-with-logo{min-height:76px;padding-right:78px}}.guandan-settings:after{background:linear-gradient(180deg,#fff9df,#f4e5b4);border:2px solid #d5ad4d;border-radius:12px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.55);color:#4b3510;content:"牌型提示\A 单牌　｜　对子　｜　三张　｜　三带一\A 顺子（5张）　｜　连对　｜　钢板　｜　炸弹\A 同花顺　｜　四王炸";display:block;font-size:.95rem;font-weight:750;line-height:1.9;margin-top:16px;padding:14px 16px;white-space:pre-line}html body .guandan-status-bar{align-items:center!important;display:flex!important;gap:8px!important;min-height:58px!important;overflow:visible!important;padding:7px 190px 7px 82px!important}html body .guandan-status-bar:after{content:none!important;display:none!important}html body .guandan-status-bar .guandan-level-hud,html body .guandan-status-bar>button,html body .guandan-status-bar>div,html body .guandan-status-bar>div:first-of-type,html body .guandan-status-bar>div:nth-of-type(2),html body .guandan-status-bar>div:nth-of-type(3){display:flex!important;opacity:1!important;visibility:visible!important}html body .guandan-status-bar>div{align-items:center!important;min-height:34px!important;padding:4px 9px!important}html body .guandan-status-bar>button,html body .guandan-status-bar>div{position:relative!important;white-space:nowrap!important;z-index:5!important}html body .guandan-status-bar>button{min-height:36px!important;padding:5px 10px!important}html body .guandan-status-bar .guandan-level-hud{align-items:stretch!important;flex:0 0 auto!important;order:-100!important}html body .guandan-status-bar>h1{display:none!important}html body .guandan-header-decor{display:block!important;opacity:1!important;pointer-events:none!important;visibility:visible!important}html body .guandan-header-brand,html body .guandan-header-clock{display:flex!important;opacity:1!important;visibility:visible!important}@media (max-width:900px){html body .guandan-status-bar{flex-wrap:nowrap!important;gap:4px!important;padding-left:66px!important;padding-right:132px!important}html body .guandan-status-bar>div{font-size:.72rem!important;padding:3px 5px!important}html body .guandan-status-bar>button{font-size:.76rem!important;padding:4px 6px!important}html body .guandan-level-badge{gap:4px!important;min-height:36px!important;padding:3px 6px!important}html body .guandan-level-badge span{font-size:.72rem!important}html body .guandan-level-badge strong{font-size:1rem!important;height:28px!important;min-width:28px!important}html body .guandan-level-badge small{font-size:.62rem!important}}html body #root{position:relative!important}html body .guandan-status-bar{box-sizing:border-box!important;min-height:66px!important;padding-left:104px!important;padding-right:190px!important;position:relative!important;z-index:20!important}html body #root>.exit-game-button{grid-template-rows:35px auto!important;height:50px!important;left:14px!important;margin:0!important;padding:2px!important;position:absolute!important;top:8px!important;width:74px!important;z-index:120!important}html body #root>.exit-game-button svg{height:38px!important;width:38px!important}html body #root>.exit-game-button span{font-size:11px!important}html body #root>.guandan-header-decor{display:block!important;height:62px!important;left:0!important;overflow:visible!important;pointer-events:none!important;position:absolute!important;right:0!important;top:4px!important;z-index:110!important}html body #root>.guandan-header-decor .guandan-header-brand{left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}html body #root>.guandan-header-decor .guandan-header-clock{height:44px!important;margin:0!important;position:absolute!important;right:16px!important;top:8px!important;width:154px!important}@media (max-width:900px){html body .guandan-status-bar{min-height:60px!important;padding-left:82px!important;padding-right:136px!important}html body #root>.exit-game-button{grid-template-rows:32px auto!important;height:46px!important;left:6px!important;top:7px!important;width:62px!important}html body #root>.exit-game-button svg{height:34px!important;width:34px!important}html body #root>.guandan-header-decor{height:58px!important}html body #root>.guandan-header-decor .guandan-header-clock{height:40px!important;right:6px!important;top:8px!important;width:122px!important}}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button{border-radius:10px!important;border-style:solid!important;border-width:2px!important;font-size:19px!important;height:60px!important;max-height:60px!important;min-height:60px!important;padding:8px 10px 11px!important;text-shadow:0 1px 0 hsla(0,0%,100%,.58)!important;transition:transform 90ms ease,box-shadow 90ms ease,filter 90ms ease!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:nth-last-of-type(2){background:linear-gradient(180deg,#fff9c9,#ffe275 22%,#ffc933 58%,#e89b00)!important;border-color:#b87500!important;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.86),inset 0 -5px 0 rgba(154,82,0,.36),0 7px 0 #8d5700,0 10px 16px rgba(0,0,0,.3)!important;color:#4a2c00!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:last-of-type{background:linear-gradient(180deg,#e8fbff,#9ae8ff 22%,#51c8f3 58%,#1597d0)!important;border-color:#087cac!important;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.88),inset 0 -5px 0 rgba(0,84,132,.32),0 7px 0 #075f88,0 10px 16px rgba(0,0,0,.3)!important;color:#073d5a!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:not(:disabled):hover{filter:brightness(1.06) saturate(1.1)!important;transform:translateY(-2px)!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:not(:disabled):active{box-shadow:inset 0 3px 7px rgba(0,0,0,.2),0 1px 0 rgba(0,0,0,.3)!important;transform:translateY(6px)!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button:focus-visible{outline:3px solid hsla(0,0%,100%,.92)!important;outline-offset:-6px!important}@media (max-width:760px){html body .guandan-table:has(.guandan-public-zone)>.guandan-private-zone>section.guandan-play-actions>button{border-radius:8px!important;font-size:14px!important;height:51px!important;max-height:51px!important;min-height:51px!important;padding:6px 7px 9px!important}}html body .guandan-table:has(.guandan-public-zone) .guandan-public-player-backs{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:flex-end!important;left:auto!important;margin:0!important;max-width:72%!important;overflow-x:auto!important;overflow-y:visible!important;padding:0!important;position:absolute!important;right:10px!important;top:34px!important;white-space:nowrap!important;width:auto!important;z-index:34!important}html body .guandan-table:has(.guandan-public-zone) .guandan-public-player-back{flex:0 0 auto!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-start-panel{box-sizing:border-box!important;left:18px!important;margin:0!important;min-width:250px!important;position:absolute!important;right:auto!important;top:86px!important;width:min(26%,330px)!important;z-index:33!important}@media (max-width:900px){html body .guandan-table:has(.guandan-public-zone) .guandan-public-player-backs{max-width:68%!important}html body .guandan-table:has(.guandan-public-zone)>.guandan-start-panel{min-width:220px!important;width:30%!important}}.guandan-trick-play>strong{background:#fff3bd;border:2px solid #ffe08a;border-radius:999px;box-shadow:0 2px 5px rgba(0,0,0,.22);color:#503600!important;display:inline-block!important;font-size:1rem;font-weight:900;line-height:1.25;margin-bottom:6px;padding:4px 9px;position:relative;z-index:5}.guandan-trick-play>strong:before{content:"出牌人："}.guandan-table-play{position:relative;z-index:1}.exit-game-button{background:#8b2418!important;border:2px solid #ffe37c!important;border-radius:14px!important;box-shadow:0 0 0 3px rgba(255,220,91,.25)!important;color:#fff7c7!important;cursor:pointer;display:inline-grid!important;flex:0 0 auto;grid-template-rows:46px auto;height:64px;margin:0 10px 0 0!important;padding:3px!important;place-items:center;width:82px}.guandan-topbar .exit-game-button{margin-right:0!important}.exit-game-button:hover{background:rgba(255,232,159,.18)!important;transform:translateY(-1px)}.exit-game-button:focus-visible{outline:3px solid #71d9ff;outline-offset:2px}.exit-game-button svg{display:block;filter:drop-shadow(0 3px 3px rgb(0 43 35/55%));height:48px;width:48px}.exit-game-button span{font-size:13px;font-weight:900;line-height:1}@media (max-width:700px){.exit-game-button{border-radius:11px!important;grid-template-rows:39px auto;height:54px;width:68px}}.game-clock-logo{border-radius:50%;display:block;filter:drop-shadow(0 4px 5px rgb(0 0 0/30%));flex:0 0 auto;height:116px;margin-left:auto;position:relative;width:116px}.game-clock-logo--guandan{--logo-main:#b51f18;--logo-dark:#67110d;--logo-accent:#ffe49a}.game-clock-logo--tractor{--logo-main:#176bb0;--logo-dark:#093d78;--logo-accent:#e5f5ff}.game-clock-logo--finding-friends{--logo-main:#21834b;--logo-dark:#0b4d29;--logo-accent:#e8ffd9}.game-clock-logo svg{display:block;height:100%;width:100%}.game-clock-logo-ring{fill:var(--logo-main);stroke:#e7bd58;stroke-width:5px}.game-clock-logo-card{fill:#fff9dc;stroke:var(--logo-dark);stroke-width:2px}.game-clock-logo-card--left{transform:rotate(-10deg);transform-origin:36px 40px}.game-clock-logo-card--right{transform:rotate(10deg);transform-origin:64px 40px}.game-clock-logo-suit{fill:var(--logo-main);font-size:27px;font-weight:900;text-anchor:middle}.game-clock-logo-name{fill:var(--logo-accent);font-size:22px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:var(--logo-dark);stroke-width:3.5px}.game-clock-logo-name--finding-friends{font-size:17px}.game-clock-logo time{background:rgba(4,35,28,.88);border:2px solid #ffe59a;border-radius:999px;bottom:3px;color:#fff5c4;font-family:Courier New,monospace;font-size:15px;font-weight:900;left:7px;letter-spacing:.02em;line-height:1;padding:5px 4px;position:absolute;right:7px;text-align:center;text-shadow:0 1px 2px #000}.game-header-row{align-items:center;display:flex;gap:10px}@media (max-width:700px){.game-clock-logo{height:86px;width:86px}.game-clock-logo time{bottom:0;font-size:11px;left:3px;padding:3px 2px;right:3px}}.welcome-shell{background:radial-gradient(circle at top left,rgba(187,3,19,.09),transparent 34%),radial-gradient(circle at bottom right,rgba(25,51,249,.07),transparent 30%),#f6f7fb;box-sizing:border-box;color:#171717;min-height:100vh;padding:24px 16px 36px}.welcome-page{display:flex;justify-content:center;width:100%}.welcome-card{background:hsla(0,0%,100%,.96);border:1px solid rgba(0,0,0,.08);border-radius:28px;box-shadow:0 18px 60px rgba(17,24,39,.12);box-sizing:border-box;margin:24px auto 18px;padding:42px 44px 34px;text-align:center;width:min(760px,100%)}.welcome-suits{display:flex;font-size:34px;gap:14px;justify-content:center;letter-spacing:.04em;line-height:1;margin-bottom:18px}.welcome-eyebrow{color:#696b73;font-size:14px;font-weight:700;letter-spacing:.05em;margin:0 0 12px}.welcome-title{font-size:clamp(34px,7vw,58px);letter-spacing:-.035em;line-height:1.12;margin:0}.welcome-title span{color:#bb0313;font-weight:700}.welcome-subtitle{color:#565861;font-size:17px;line-height:1.7;margin:22px auto 28px;max-width:610px}.welcome-modes{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;text-align:left}.welcome-mode{align-items:flex-start;background:#fafafa;border:1px solid #e4e5eb;border-radius:18px;display:flex;gap:14px;padding:18px}.welcome-mode-coming-soon{background:#f5f5f7;border-style:dashed;grid-column:1/-1}.welcome-mode-icon{background:#fff;border:1px solid #e8e8ec;border-radius:12px;display:grid;flex:0 0 42px;font-size:26px;height:42px;place-items:center;width:42px}.welcome-mode h2{font-size:18px;margin:1px 0 7px}.welcome-mode p{color:#696b73;font-size:14px;line-height:1.55;margin:0}.welcome-badge{background:#ececf1;border-radius:999px;color:#666872;display:inline-block;font-size:12px;font-weight:700;margin-left:6px;padding:3px 8px;vertical-align:2px}.welcome-actions{margin-top:26px}.welcome-rules-button{background:#171717;border-radius:999px;box-shadow:0 8px 20px hsla(0,0%,7%,.14);color:#fff;display:inline-block;font-weight:700;padding:12px 20px;text-decoration:none}.welcome-rules-button:hover{transform:translateY(-1px)}.welcome-status{align-items:center;background:#f3f4f6;border-radius:999px;color:#555862;display:inline-flex;font-size:14px;gap:9px;margin-top:24px;padding:9px 14px}.welcome-status-dot{animation:welcomePulse 1.6s ease-in-out infinite;background:#2e9c52;border-radius:50%;box-shadow:0 0 0 4px rgba(46,156,82,.12);height:9px;width:9px}.welcome-shell>p{box-sizing:border-box;color:#6a6c74;font-size:13px;margin:0 auto;padding:0 8px!important;text-align:center;width:min(760px,100%)}@keyframes welcomePulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:680px){.welcome-shell{padding:12px 10px 28px}.welcome-card{border-radius:22px;margin-top:10px;padding:30px 20px 26px}.welcome-suits{font-size:29px}.welcome-subtitle{font-size:15px;margin-top:18px}.welcome-modes{grid-template-columns:1fr}.welcome-mode,.welcome-mode-coming-soon{grid-column:auto;padding:15px}}.dark-mode .welcome-shell{background:#101114;color:#f5f5f5}.dark-mode .welcome-card{background:#18191d;border-color:#2c2e34;box-shadow:none}.dark-mode .welcome-eyebrow,.dark-mode .welcome-mode p,.dark-mode .welcome-shell>p,.dark-mode .welcome-subtitle{color:#b8bac2}.dark-mode .welcome-mode,.dark-mode .welcome-status{background:#202126;border-color:#30323a;color:#d7d9df}.dark-mode .welcome-mode-coming-soon{background:#1d1e22}.dark-mode .welcome-mode-icon{background:#18191d;border-color:#30323a}.dark-mode .welcome-badge{background:#30323a;color:#c7c9d0}.dark-mode .welcome-rules-button{background:#f2f2f2;color:#111}
/*# sourceMappingURL=style.css.map*/