*{box-sizing:border-box}html{color-scheme:dark;background:#0a1712}body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#e8ede5;background:radial-gradient(ellipse at 50% 20%,#162b21,#0a1712 70%);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #405347;border-radius:9px;background:#1b3026;color:inherit;min-height:44px;padding:8px 13px;cursor:pointer}button:hover{background:#263f31}button:disabled{opacity:.36;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b5d7a3;outline-offset:3px}.primary{background:#b3d0a4;color:#15281b;border-color:#bdddb0;font-weight:650}.primary:hover{background:#c2ddb5}input,select{width:100%;min-height:44px;background:#112219;border:1px solid #3e5546;border-radius:8px;color:inherit;padding:8px 12px}label{display:block;color:#b4c3b7;font-size:12px}label input,label select{margin:6px 0 14px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.red{color:#af3b46}.eyebrow{display:block;letter-spacing:2.8px;color:#a7bdaa;font-size:10px}.lobby{width:min(100% - 40px,420px);margin:0 auto;padding:25px 0 30px}.lobby-back{display:block;color:#a1b4a6;font-size:13px;margin-bottom:36px}.lobby h1{font-family:serif;font-size:40px;line-height:1.25;letter-spacing:3px;font-weight:500;margin:14px 0}.intro{color:#a9bbae;font-size:13px;line-height:1.8}.lobby-art{position:relative;height:125px;text-align:center;margin:30px 0 24px}.art-card{display:inline-flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:62px;height:90px;background:#f3f1df;border:2px solid #b7ba9d;border-radius:6px;color:#1d2921;font:22px Georgia;padding:7px;transform:rotate(-12deg);box-shadow:0 5px 12px #0007}.art-card:nth-child(2){transform:translateY(-8px);color:#af3b46}.art-card:nth-child(3){transform:rotate(12deg)}.art-card b{font-size:37px;align-self:center}.lobby-art small{position:absolute;bottom:0;left:0;width:100%;color:#648471;font-size:10px;letter-spacing:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#createForm>button{width:100%;margin:5px 0}.lobby-note,.lobby #lobbyNotice{font-size:12px;color:#94a899;line-height:1.9}.text-button{border:0;background:transparent;padding:5px 8px;font-size:12px;min-height:30px;color:#afc9af}.text-button:hover{background:#ffffff08}#tableView{max-width:760px;margin:auto;background:#0d1c15;min-height:100dvh}.table-header{height:68px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #ffffff14}.room-heading{flex:1;min-width:0}.room-heading h1{font-size:15px;margin:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-heading p{font-size:11px;color:#8fa595;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:36px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:7px;background:#14251d;position:relative;flex-shrink:0;font-size:22px}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}.table-tools{display:flex;gap:4px}.table-tools i{position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#e1b05e}.stage-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 15px;font-size:11px;color:#93aa99;border-bottom:1px solid #ffffff14;background:#14231a}.stage-bar>span:first-child{color:#b9d6bf}.arena{position:relative;width:100%;height:400px;overflow:hidden;background:radial-gradient(ellipse,#16322566,transparent 68%)}.felt{position:absolute;inset:18% 8% 8%;border:7px solid #455646;border-radius:48%;background:radial-gradient(ellipse at 45% 35%,#24573e,#123728 80%);box-shadow:0 0 0 2px #111e17,0 0 0 3px #718064,0 9px 22px #0006,inset 0 0 0 2px #748869,inset 0 0 20px #05150ba8}.felt:before{content:"";position:absolute;inset:7px;border:1px dashed #7795815e;border-radius:48%;background-image:radial-gradient(#9daf9410 .6px,transparent .8px);background-size:3px 3px}.felt-mark{position:absolute;top:42%;left:0;width:100%;text-align:center;font:600 14px Georgia;letter-spacing:2px;color:#7c9d7930}.felt-mark small{display:block;font:8px system-ui;letter-spacing:3px;margin-top:5px}.bottom-cards{position:absolute;top:4%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px}.bottom-label{font-size:10px;color:#91aa98;margin-right:5px}.card{position:relative;width:43px;height:62px;background:#f6f4e7;border:1px solid #c2c7ab;border-radius:4px;color:#18231c;display:inline-flex;flex-direction:column;justify-content:space-between;padding:3px 4px;box-shadow:0 2px 2px #0006;font-family:Georgia,"Times New Roman",serif;flex-shrink:0;overflow:hidden}.card.red{color:#b03949}.card .rank{display:block;font-size:16px;font-weight:650;line-height:1}.card .corner{display:block;font-size:13px;line-height:1;margin-top:1px}.card .suit{font-size:28px;line-height:1;align-self:center}.card.joker .rank{font:9px system-ui;writing-mode:vertical-rl;letter-spacing:1px}.card.joker .suit{font:25px Georgia;position:absolute;right:4px;bottom:5px}.card.back{background:repeating-linear-gradient(45deg,#1d3b2b 0 4px,#274a34 4px 8px);border:2px solid #a6b49b;color:#bbceb4;justify-content:center;align-items:center}.card.back .suit{font-size:23px}.bottom-cards .card{width:24px;height:34px;padding:2px}.bottom-cards .card .rank{font-size:10px}.bottom-cards .card .corner{display:none}.bottom-cards .card .suit{font-size:16px}.bottom-cards .card.joker .rank{font-size:6px}.bottom-cards .card.joker .suit{font-size:13px;right:2px;bottom:2px}.player-seat{position:absolute;width:125px;background:#182b22f5;border:1px solid #718276;border-radius:7px;z-index:3;box-shadow:0 3px 6px #0003;overflow:visible}.seat-left{left:4%;top:21%}.seat-right{right:4%;top:21%}.seat-self{bottom:4%;left:50%;transform:translateX(-50%)}.player-seat.active{border-color:#b1d6af;box-shadow:0 0 0 1px #b1d6af55,0 0 12px #a4dc9e20}.player-seat.winner{border-color:#e5cc85;box-shadow:0 0 0 1px #e5cc8566}.seat-main{display:flex;gap:7px;padding:6px 7px;align-items:center;height:48px}.avatar{width:30px;height:30px;flex-shrink:0;border:1px solid #9aaf8b;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#567651,#24442b);font-size:11px;color:#e2ecce}.avatar.landlord{background:linear-gradient(135deg,#9f8151,#493d2b);border-color:#d3ba79;color:#f7e2a0}.seat-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:74px}.seat-amount{color:#dfce8f;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3}.seat-status{border-top:1px solid #ffffff08;border-radius:0 0 6px 6px;text-align:center;font-size:10px;line-height:22px;height:23px;color:#bdccc0;background:#ffffff0a}.winner .seat-status{background:#d6bd74;color:#1d2c20;font-weight:650}.active .seat-status{background:#60856566;color:#d9eed7}.hand-count{position:absolute;top:-10px;right:4px;font:10px system-ui;background:#2d4132;border:1px solid #7d917d;border-radius:4px;padding:1px 4px;color:#d5e4d0}.played{position:absolute;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:2px;width:140px;z-index:2;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.played-left{left:4%;top:42%}.played-right{right:4%;top:42%}.played-self{left:50%;transform:translateX(-50%);bottom:25%;width:82%}.played .card{width:30px;height:43px;padding:3px;box-shadow:0 2px 2px #0004}.played .card .rank{font-size:12px}.played .card .corner{display:none}.played .card .suit{font-size:20px}.played .card.joker .rank{font-size:6px}.played .card.joker .suit{font-size:15px}.played-label{font-size:11px;color:#b6c8b7;text-shadow:0 1px 2px #0009}.played .card+.card{margin-left:-11px}.table-message{position:absolute;top:49%;left:25%;width:50%;text-align:center;color:#d4c38a;font-size:12px;pointer-events:none;z-index:1}.table-message strong{display:block;font-size:17px;letter-spacing:2px}.table-message small{display:block;color:#91b49d;font-size:10px;margin-top:4px}.bubbles{pointer-events:none}.bubble{position:absolute;z-index:5;background:#c8ddbd;color:#203326;padding:5px 9px;border-radius:7px;font-size:11px;max-width:135px;box-shadow:0 3px 10px #0004;overflow-wrap:anywhere}.bubble.left{left:4%;top:12%}.bubble.right{right:4%;top:12%}.bubble.self{left:50%;bottom:24%;transform:translateX(-50%)}.hand-panel{padding:7px 12px 0;background:#1a2c22;border-top:1px solid #658469;min-height:116px}.hand-heading{display:flex;align-items:center;gap:8px;height:24px;font-size:11px;color:#b4c7b8}#selectionLabel{font-size:10px;color:#8fa996;flex:1}#clearSelection{font-size:10px;padding:0;min-height:24px}.my-cards{height:85px;position:relative;margin:0 3px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.my-cards .card{position:absolute;top:15px;width:43px;height:62px;cursor:pointer;transition:top .12s,box-shadow .12s;transform:none;padding:3px;min-height:0;text-align:left;touch-action:none;border-radius:4px}.my-cards .card.selected{top:3px;border-color:#dec777;box-shadow:0 0 0 1px #dec777,0 2px 3px #0006}.my-cards .card:disabled{opacity:1;cursor:default}.my-cards .card .rank{font-size:15px}.my-cards .card .corner{font-size:12px}.my-cards .card .suit{font-size:26px}.action-panel{padding:7px 12px 8px;background:#1a2c22;min-height:117px;border-top:1px solid #ffffff0a}.turn-line{display:flex;justify-content:space-between;font-size:12px;color:#b8cfb8;margin-bottom:7px;min-height:18px}#countdown{font-variant-numeric:tabular-nums;color:#ddc987}.actions{display:flex;gap:7px;min-height:45px;align-items:stretch}.actions button{flex:1;min-width:0;padding:8px 4px;font-size:13px}#actionNote{font-size:10px;color:#8fa796;margin:7px 0 0;min-height:15px}.table-notice{font-size:11px;color:#dfcb89;min-height:23px;padding:2px 12px calc(4px + env(safe-area-inset-bottom));background:#101e17}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff18;margin-bottom:12px;padding-bottom:9px}.dialog-heading h2{font-size:16px;margin:0;font-weight:650}.dialog-heading .icon-button{background:transparent;border:0;width:32px;min-height:32px;height:32px;font-size:25px}dialog{width:min(440px,calc(100% - 24px));padding:16px;background:#182a20;color:#e1eadd;border:1px solid #607660;border-radius:13px;max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#030c09b8;backdrop-filter:blur(3px)}.dialog-note{font-size:12px;color:#9bb3a1;line-height:1.7}.rule-copy{font-size:13px;color:#bfcec1;line-height:1.8}.rule-copy h3{font-size:13px;color:#e2d396;margin:18px 0 4px}.rule-copy p{margin:8px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.settings-grid button{font-size:12px}.range-label{display:flex;align-items:center;gap:15px}.range-label input{margin:8px 0}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff12}.rank-num{font:17px Georgia;color:#c5b784}.rank-name{font-size:13px;font-weight:600}.rank-meta{font-size:10px;color:#94ad9b;margin-top:3px}.rank-money{font-size:17px;text-align:right;color:#d0dccc;font-variant-numeric:tabular-nums}.positive{color:#bdd5a5}.negative{color:#d4a491}.rank-money small{display:block;font:10px system-ui;color:#9ab09e;margin-top:2px}.chat-dialog{padding:0;overflow:hidden}.chat-dialog .dialog-heading{padding:11px 13px;margin:0}.chat-messages{height:min(45dvh,300px);overflow:auto;padding:15px 13px;overscroll-behavior:contain}.chat-empty{font-size:12px;color:#718e7a;text-align:center;padding:35px 0}.chat-entry{margin:0 0 13px;display:flex;flex-direction:column;align-items:flex-start}.chat-entry.mine{align-items:flex-end}.chat-who{font-size:10px;color:#95a999;margin-bottom:3px}.chat-content{padding:8px 11px;background:#304236;border:1px solid #5b70615e;border-radius:2px 10px 10px 10px;max-width:85%;font-size:13px;overflow-wrap:anywhere}.mine .chat-content{background:#abcaa1;color:#193122;border-color:#b7d3ab;border-radius:10px 2px 10px 10px}.chat-content audio{width:220px;max-width:100%;height:35px}.quick-chat{display:flex;gap:6px;padding:7px 12px;overflow:auto;scrollbar-width:none;border-top:1px solid #ffffff12}.quick-chat button{font-size:11px;white-space:nowrap;min-height:30px;padding:4px 9px;border-radius:16px;background:#233b2b}.chat-form{display:flex;gap:7px;padding:6px 12px}.chat-form input{flex:1;min-width:0;min-height:39px;font-size:13px}.chat-form button{min-height:39px;font-size:12px}.voice-bar{display:flex;gap:6px;padding:5px 12px}.voice-bar #recordVoice{flex:1;min-height:36px;font-size:12px;touch-action:none;user-select:none}.chat-dialog .dialog-note{padding:0 12px;font-size:10px;margin:4px 0 9px;min-height:16px}#voicePreview{display:flex;gap:5px;align-items:center;padding:5px 12px}#voicePreview audio{width:70%;height:35px}#voicePreview button{font-size:11px;min-height:35px}#historyList details{border-bottom:1px solid #ffffff16;padding:9px 0}#historyList summary{font-size:13px;cursor:pointer;padding:4px 0}.history-net{color:#dbc987;float:right}.history-events{font-size:11px;color:#a7bcac;line-height:1.9}.history-event{padding:5px 0;border-top:1px solid #ffffff08}.history-event .card{width:23px;height:32px;padding:2px;vertical-align:middle;margin:0 1px}.history-event .card .rank{font-size:10px}.history-event .card .corner{display:none}.history-event .card .suit{font-size:15px}#leaveDialog>.primary,#topupForm>.primary{width:100%}
@media(max-width:600px){.arena{height:clamp(230px,min(85vw,calc(100svh - 350px)),380px)}.table-header{height:62px;padding:7px 9px;gap:7px}.room-heading h1{font-size:13px}.room-heading p{font-size:10px}.player-seat{width:110px}.seat-main{height:43px;padding:5px 6px;gap:6px}.avatar{width:27px;height:27px}.seat-name{font-size:10px;max-width:64px}.seat-amount{font-size:13px}.seat-status{font-size:10px;height:21px;line-height:20px}.played{width:122px}.table-message{font-size:11px}.table-message strong{font-size:15px}.felt{border-width:6px}.felt-mark{font-size:12px}.table-tools{gap:3px}.table-tools .icon-button{width:32px;height:36px;min-height:36px;padding:6px}.table-tools .icon-button svg{width:19px;height:19px}}@media(max-width:350px){.table-header{gap:5px;padding:6px}.table-tools .icon-button{width:29px;padding:5px}.room-heading h1{font-size:12px}.player-seat{width:99px}.seat-name{max-width:57px}.played{width:110px}.my-cards .card{width:38px;height:57px}.hand-panel{min-height:111px}.my-cards{height:80px}.actions button{font-size:12px}}@media(max-height:480px) and (min-width:600px){#tableView{max-width:900px;display:grid;grid-template-columns:60% 40%}.table-header,.stage-bar,.table-notice{grid-column:1/-1}.arena{grid-column:1;grid-row:3/5;height:min(270px,calc(100svh - 124px))}.hand-panel{grid-column:2;grid-row:3;align-self:end}.action-panel{grid-column:2;grid-row:4}.player-seat{width:110px}.seat-main{height:38px}.seat-status{height:20px;line-height:20px}.bottom-cards{top:2%}.felt{inset:18% 8% 10%}.played-left,.played-right{top:45%}.table-message{top:49%}.hand-panel,.action-panel{min-height:0}}
@media(max-width:600px){.chat-dialog{width:100%;max-width:none;max-height:84svh;margin:auto 0 0;border-radius:15px 15px 0 0;padding-bottom:env(safe-area-inset-bottom)}.chat-messages{height:min(42svh,300px)}.table-message{top:55%}.played-self{bottom:27%}}
@media(max-width:600px) and (max-height:640px){.table-header{height:56px}.stage-bar{padding-block:4px}.arena{height:clamp(230px,min(85vw,calc(100svh - 310px)),380px)}.seat-main{height:35px;padding:3px 5px}.avatar{width:24px;height:24px;font-size:9px}.seat-status{height:19px;line-height:18px}.played-left,.played-right{top:44%}.played .card{width:25px;height:35px;padding:2px}.played .card .rank{font-size:10px}.played .card .suit{font-size:17px}.table-message{top:58%;font-size:10px}.table-message strong{font-size:13px}.table-message small{font-size:9px;margin-top:2px}.hand-panel{min-height:96px;padding-top:5px}.my-cards{height:67px}.my-cards .card{top:10px;height:54px}.my-cards .card.selected{top:0}.action-panel{min-height:103px;padding-top:5px;padding-bottom:5px}.turn-line{margin-bottom:5px}.table-notice{min-height:20px;font-size:10px}.chat-messages{height:35svh}}
@media(max-width:350px){.my-cards .card{padding:2px}.my-cards .card .rank{font-size:11px}.my-cards .card .corner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.open-cards-button{min-height:0;height:21px;line-height:16px;padding:1px 5px;font-size:10px}.open-hand-cards{display:flex;flex-wrap:wrap;gap:6px;padding:5px 0 12px}.open-hand-cards .card{width:36px;height:51px}.open-hand-cards .card .rank{font-size:13px}.open-hand-cards .card .suit{font-size:23px}.quick-chat{scrollbar-width:none}

/* Keep the complete eight-card play visible; longer plays have an explicit detail link. */
.played{display:block;overflow:visible;cursor:pointer;padding-bottom:0}.played-left,.played-right{width:45%}.played-self{width:82%}.played-cards{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.played-fan{display:flex;gap:0;width:max-content;margin-inline:auto;align-items:flex-start}.played-fan .card+.card{margin-left:var(--played-overlap,-9px)}.played .card{padding:2px}.played .card .rank{font-size:11px}.played-meta{color:#bbccbc;font-size:9px;line-height:11px;text-align:center;white-space:nowrap}.played-self .played-meta{display:none}.played[role=button]:focus-visible{outline:1px solid #b7d4aa;outline-offset:3px;border-radius:5px}.played[role=button]:hover .played-meta{color:#e5d18e}

@media(max-width:600px){.played-self{bottom:25%}.table-message{top:62%}}
@media(max-width:600px) and (max-height:640px){.played-self .card{width:22px;height:28px;padding:1px}.played-self .card .rank{font-size:9px}.played-self .card .suit{font-size:13px}.seat-self{bottom:2%}.table-message{top:63%;line-height:1.3}.table-message strong{font-size:12px}}
@media(max-height:480px) and (min-width:600px){.table-message{display:none}}