.party-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.party-heading h1{margin:12px 0}.party-heading>span{font-size:14px;color:var(--muted);overflow-wrap:anywhere;text-align:right}.account{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0;font-size:13px}.account form{margin:0}.account button,.room-toolbar button,.action-bar button{min-height:44px;padding:11px 16px;border:1px solid #cfba98;border-radius:6px;background:#fffdf6;color:#39463c}.action-bar .primary{background:#bd7951;color:white}.notice{min-height:28px;line-height:1.7;color:#866044}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lobby-card{background:#fbf9f3;border:1px solid var(--line);border-radius:16px;padding:24px}.lobby-card h2{font:26px Georgia,'PMingLiU',serif;margin:0 0 16px}.lobby-card p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:26px}label{display:grid;gap:8px;font-size:12px}input{background:#fffdf6;border:1px solid #d8dacc;border-radius:6px;padding:12px;font:16px Arial,'Microsoft JhengHei',sans-serif;min-width:0;width:100%;max-width:100%}.lobby-card label{margin:0 0 18px}#join-code{text-transform:uppercase;letter-spacing:2px}.room-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.room-toolbar>div{margin-right:auto}.room-toolbar small{display:block;color:var(--muted);margin-bottom:6px}.room-toolbar strong{font-size:24px;letter-spacing:2px}.invite-label{margin-bottom:20px;color:var(--muted)}.invite-label input{font-size:13px}.party-felt{background:#183f36;color:#fff8e9;border:1px solid #bd9d63;border-radius:24px;padding:24px;box-shadow:inset 0 0 0 8px #ffffff08}.table-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c6d6ca;margin-bottom:20px}.players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.player{border:2px solid #ffffff26;border-radius:12px;background:#ffffff08;padding:14px}.player.active{border:2px solid #e0bd78;background:#ffffff13}.player.mine{box-shadow:inset 0 0 0 1px #c6d6ca}.player h3{font:15px Arial,'Microsoft JhengHei',sans-serif;margin:0 0 10px;overflow-wrap:anywhere}.player p{margin:6px 0;font-size:12px;color:#c6d6ca;line-height:1.5}.lead-view{border-top:1px solid #ffffff26;margin-top:20px;padding-top:16px}.lead-view h2,.own-hand h2,.draw-view h2{font-size:14px;font-weight:500;margin:0 0 14px}.lead-view p{color:#e2cfad;font-size:12px}.playing-cards{display:flex;gap:7px;flex-wrap:wrap}.playing-card{display:flex;flex-direction:column;justify-content:space-between;width:58px;height:84px;padding:8px;border:1px solid #e1d5bd;border-radius:8px;background:#fffaf0;color:#24352c;box-shadow:0 3px 8px #0002;font:22px Georgia;text-align:left}.playing-card span:last-child{align-self:end}.playing-card.red{color:#b44d41}.playing-card.joker{font:16px Arial,'Microsoft JhengHei',sans-serif;justify-content:center;text-align:center}.hand-cards button[aria-pressed="true"]{border:3px solid #bd7951;transform:translateY(-7px);box-shadow:0 5px 10px #98543630}.hand-cards button:focus-visible,.draw-cards button:focus-visible{outline:3px solid #a85c35;outline-offset:3px}.own-hand{margin:28px 0 20px}.own-hand h2,.hand-hint{color:var(--muted)}.hand-hint{font-size:12px;line-height:1.7}.hand-cards{gap:9px 7px;padding-top:7px}.turn-status{color:#7a603e;line-height:1.8;margin:20px 0}.round-result{color:#f1d8a9;font-size:14px;line-height:1.8;min-height:24px;margin:16px 0 0}.draw-view{margin:24px 0}.draw-cards{display:flex;gap:8px;flex-wrap:wrap}.draw-cards button{width:47px;height:69px;border:4px solid #fffaf0;border-radius:8px;background:repeating-linear-gradient(45deg,#ab7650,#ab7650 4px,#8c593e 4px,#8c593e 8px);color:#fff7e9;font-size:12px}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.rules{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:var(--muted);font-size:13px;line-height:1.9}.rules h2{font-size:18px;color:var(--ink)}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}@media(max-width:600px){.lobby{grid-template-columns:1fr}.party-heading{align-items:start}.party-heading h1{font-size:38px}.room-toolbar>div{flex:1 1 100%}.room-toolbar button{flex:1}.party-felt{padding:20px 12px}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player{padding:12px 9px}.hand-cards .playing-card{width:47px;height:69px;font-size:19px;padding:7px}.hand-cards{gap:9px 6px}.action-bar button{flex:1 1 105px}.account{overflow-wrap:anywhere}}

.wallet{text-align:right;min-width:100px}.wallet span,.wallet small{display:block;font-size:12px;color:var(--muted)}.wallet strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lobby-card label{margin-bottom:16px}.room-stake{color:#ddc6a3;font-size:12px;line-height:1.7;margin:0 0 18px}.player .stack{color:#f1d8a9}.playing-card.required{border-color:#bc8c44}.wallet span{overflow-wrap:anywhere}@media(max-width:600px){.wallet strong{font-size:24px}}
.topup-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbf9f3}.topup-form label{flex:1 1 180px;max-width:280px}.topup-form button{min-height:44px;padding:11px 16px;border:1px solid #cfba98;border-radius:6px;background:#fffdf6;color:#39463c}.topup-form small{flex:1 1 100%;font-size:12px;color:var(--muted);line-height:1.7}@media(max-width:600px){.topup-form label{max-width:none;flex-basis:140px}}

.lead-view{height:168px;display:grid;grid-template-rows:20px 84px 20px;row-gap:10px;align-content:start;min-width:0}.lead-view h2,.lead-view p{margin:0;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-view .playing-cards{flex-wrap:nowrap;min-width:0}.lead-view .playing-card{width:min(58px,calc((100% - 28px)/5));flex-shrink:0}@media(max-width:600px){.lead-view .playing-card{padding:7px;font-size:19px}}