.profile-avatar,.chat-avatar{display:inline-grid;place-items:center;flex-shrink:0;background:#344a37;color:var(--gold);border:1px solid #5e7055;border-radius:50%;overflow:hidden}.profile-avatar{width:82px;height:82px;font-size:32px}.chat-avatar{width:28px;height:28px;font-size:13px}.profile-avatar img,.chat-avatar img,.seat-avatar img,.avatar img{width:100%;height:100%;object-fit:cover}.seat-avatar,.avatar{overflow:hidden}.account-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px}.profile-photo-row{display:flex;align-items:center;gap:18px;margin:20px 0}.photo-picker{display:inline-block;padding:9px 12px;border:1px solid #5d7053;border-radius:7px;color:var(--gold);cursor:pointer;font-size:12px}.profile-photo-row small{color:var(--muted);font-size:10px}.profile-help{font-size:11px}.profile-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.profile-links a{color:var(--gold);font-size:12px}textarea{font:inherit;width:100%;background:#101b14;color:#fff;border:1px solid #415344;border-radius:7px;padding:12px;resize:vertical}.room-chat-toggle{position:fixed;right:24px;bottom:20px;background:#d7b97b;color:#1a291e;border-color:#d7b97b;box-shadow:0 5px 22px #0005;z-index:40}.room-chat{position:fixed;right:24px;bottom:76px;width:365px;height:460px;max-height:70dvh;background:#19251e;border:1px solid #61704e;border-radius:14px;box-shadow:0 15px 50px #0009;z-index:45;overflow:hidden;display:flex;flex-direction:column}.room-chat[hidden],.room-chat-toggle[hidden]{display:none}.room-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.room-chat-header h3{font-size:14px;margin:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chat-header button{border:0;background:none;padding:0 4px;font-size:24px}.room-chat-members{padding:8px 14px;font-size:10px;color:#96ad98;max-height:42px;overflow:auto;border-bottom:1px solid var(--line)}.room-chat-messages{padding:15px 12px;overflow-y:auto;flex:1;min-height:80px;overscroll-behavior:contain}.chat-message{display:flex;gap:7px;align-items:flex-start;margin:12px 0}.chat-bubble{background:#293a2c;border-radius:0 10px 10px;padding:8px 11px;max-width:calc(100% - 35px);overflow-wrap:anywhere}.my-message .chat-bubble{background:#3d472d}.chat-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:#bfcab7}.chat-meta b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta time{color:#80917f;font-size:9px}.chat-text{font-size:12px;line-height:1.7;white-space:pre-wrap}.chat-empty{text-align:center;font-size:12px;margin:35px 0;color:var(--muted)}.room-chat-form{padding:10px;border-top:1px solid var(--line);display:flex;align-items:end;gap:8px}.room-chat-form textarea{font-size:14px;min-height:44px;max-height:80px;resize:none;padding:9px}.room-chat-form button{padding:11px 12px}.room-chat-error{font-size:10px;color:#f2ac91;padding:0 12px 6px;min-height:5px}.room-chat-note{padding:4px 12px;font-size:9px;color:#829680}@media(max-width:760px){.room-chat{right:10px;bottom:72px;width:calc(100vw - 20px);height:440px;max-height:65dvh}.room-chat-toggle{right:12px;bottom:16px;font-size:12px}.profile-photo-row{gap:12px}.profile-avatar{width:66px;height:66px}.profile-links{flex-wrap:wrap}textarea{font-size:16px}}
.profile-photo-row small{display:block;line-height:1.6}.profile-photo-row>div:last-child{min-width:0}.photo-picker{margin:0 0 5px}.room-chat-form>.gold{width:auto;margin:0;flex-shrink:0}
.chat-meta .chat-profile-name{border:0;background:none;padding:0;color:#d7c79e;font-size:10px;font-weight:600;max-width:190px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}.member-profile{text-align:center;padding-top:10px}.member-profile h2{margin:18px 0 10px}.member-bio{white-space:pre-wrap;overflow-wrap:anywhere}.member-profile small{color:var(--muted);font-size:11px}
.seat-profile-card{position:fixed;z-index:70;width:280px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;padding:20px;background:linear-gradient(145deg,#2b3d2e,#15231b);border:1px solid #a08d59;border-radius:18px;box-shadow:0 18px 60px #0009;color:#ecebdc;text-align:center}.seat-profile-close{position:absolute;right:8px;top:6px;border:0;background:transparent;font-size:23px;padding:2px 8px}.seat-profile-hero{display:flex;align-items:center;flex-direction:column;gap:9px}.seat-profile-card .profile-avatar,.bot-portrait{width:96px;height:96px;border-radius:50%;display:inline-grid;place-items:center;font-size:48px;border:2px solid #bba267;box-shadow:0 0 0 5px #c8b57910}.bot-tone-1{background:linear-gradient(135deg,#55653b,#293c26)}.bot-tone-2{background:linear-gradient(135deg,#775466,#362535)}.bot-tone-3{background:linear-gradient(135deg,#386578,#1a313f)}.bot-tone-4{background:linear-gradient(135deg,#766039,#322a21)}.profile-kind{color:#d8c28d;font-size:10px}.seat-profile-card h3{margin:12px 0 6px;font-size:19px}.seat-profile-bio{font-size:12px;line-height:1.7;color:#bac9b7;overflow-wrap:anywhere;white-space:pre-wrap}.seat-profile-stats{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin:15px 0;padding:12px 0;border-block:1px solid #64725455;text-align:left}.seat-profile-stats span{font-size:10px;color:#98ac96}.seat-profile-stats b{display:block;font-size:12px;color:#e1dbbd;margin-top:5px}.seat-profile-card small{display:block;color:#98ac96;margin-bottom:10px}.seat-profile-full{display:block;width:100%;margin-top:10px;color:#dec591}.table-seat:focus-visible{outline:2px solid #f3d99a;outline-offset:4px}@media(max-width:600px){.seat-profile-card{width:260px;padding:16px}}@media(prefers-reduced-motion:no-preference){.seat-profile-card{animation:profile-appear .15s ease-out}@keyframes profile-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
.table-seat.current-seat{border-color:#ffe19a;background:#405331;box-shadow:0 0 0 4px #f5d47735,0 0 30px #edcd6c66;isolation:isolate}.seat-clock{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none;fill:none;stroke-width:3}.seat-clock-track{stroke:#7c703b}.seat-clock-progress{stroke:#ffe198;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 3px #f8d57a);transition:stroke-dashoffset .25s linear}.seat-clock-label{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#362f1c;border:1px solid #c5ab61;color:#ffe8af;padding:2px 10px;border-radius:20px;font-size:11px;box-shadow:0 3px 12px #0007}.table-seat.seat-urgent{border-color:#ff9972;box-shadow:0 0 0 4px #f7976533,0 0 30px #ed855666}.seat-urgent .seat-clock-progress{stroke:#ff9972}.seat-urgent .seat-clock-label{color:#ffd0b8;border-color:#eb946b;background:#492a20}@media(prefers-reduced-motion:reduce){.seat-clock-progress{transition:none}}
.play-history{max-width:750px;margin:48px auto 22px;padding:12px 16px;border:1px solid #394b3c;border-radius:12px;background:#18251d}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#d7c99e;font-size:12px}.history-heading small{font-size:10px;color:#80947f;margin-left:8px}.history-heading button{padding:4px 9px;font-size:11px;background:transparent;color:#ddc287;border:0}.history-recent,.history-all{list-style:none;padding:0;margin:8px 0 0}.history-action{display:flex;align-items:center;gap:10px;min-height:39px;padding:5px 0;border-top:1px solid #3d4b363d}.history-action b{font-size:12px;font-weight:500;width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-arrow{color:#71856d;font-size:11px}.history-cards{display:flex;gap:4px;flex-wrap:wrap;min-width:0;align-items:center}.history-card{background:#f0ecdc;color:#203027;border:1px solid #d5d0ba;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:32px;height:28px;padding:2px 5px;font:bold 13px Georgia}.history-card.red{color:#b33242}.history-card span{font-size:12px}.history-pass{font-size:11px;color:#91a18a}.history-action time,.history-round time{font-size:9px;color:#7d8c77;margin-left:auto;white-space:nowrap}.history-recent>li:nth-child(2){opacity:.78}.history-recent>li:nth-child(3){opacity:.6}.history-round{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:11px;color:#cbb678;border-top:1px dashed #655c3a}.history-empty{font-size:11px;color:#8b9d87;margin:9px 0 2px}.play-history-drawer{position:fixed;right:16px;top:16px;bottom:16px;width:380px;max-width:calc(100vw - 24px);z-index:65;background:#17251c;border:1px solid #86774b;border-radius:16px;box-shadow:-12px 0 50px #0008;display:flex;flex-direction:column;padding:18px}.history-drawer-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #4b593c;padding-bottom:15px}.history-drawer-heading h2{font-size:19px;margin:0 0 5px}.history-drawer-heading small{font-size:10px;color:#a3b497}.history-drawer-heading button{align-self:start;font-size:22px;padding:0 9px;background:none;border:0}.history-all{overflow:auto;flex:1;min-height:0;padding-right:5px;overscroll-behavior:contain}.history-all .history-action{align-items:start;flex-wrap:wrap;padding:12px 0;gap:7px}.history-all .history-action b{width:100px}.history-all .history-cards{order:3;flex-basis:100%;padding-left:0}.history-all .history-arrow{display:none}.history-all .history-card{height:34px;min-width:38px;font-size:15px}@media(max-width:760px){.play-history{margin:46px auto 18px;padding:10px 12px}.history-recent>li:nth-child(n+3){display:none}.history-action{gap:6px}.history-action b{width:70px;font-size:11px}.history-action time{display:none}.history-card{min-width:27px;font-size:12px;padding:2px 4px;gap:2px}.history-heading small{display:none}.play-history-drawer{right:8px;top:8px;bottom:8px;width:360px;padding:15px}.history-all .history-action time{display:block}.history-round time{display:none}}
.starter-reveal .card{width:65px;height:93px;font-size:24px}.starter-selection-log{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:32px 0 15px}.starter-selection-log>span{font-size:12px;padding:7px 12px;background:#243a29;border:1px solid #506146;border-radius:8px;color:#b9c9b1}.starter-selection-log>.starter-winner{border-color:#e1be70;color:#ffe3a2;background:#494a29}.seat-center:has(.starter-reveal) h2{font-size:19px}.seat-center:has(.starter-reveal) p{margin:2px;font-size:12px}
.table-seat.selecting-seat{border-color:#f3d48e;background:#38462b;box-shadow:0 0 0 3px #efcd7433,0 0 20px #ebc77944}
/* Table hierarchy: reference card above, plays in the center, hand below. */
.seat-table{min-height:420px;margin:18px auto 28px}.seat-felt{inset:46px 65px 48px}.seat-center{inset:30% 22% 23%;gap:8px}.seat-center .tablecards{min-height:70px;max-height:110px}.table-empty{font-size:12px;color:#9ab19a}.seat-center .timer{font-size:17px}.middle-dock{position:absolute;left:50%;top:13%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:5px;z-index:1}.middle-dock>span{font-size:9px;color:#9aaf91;letter-spacing:1px}.middle-slot{width:36px;height:50px}.middle-card,.middle-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:36px;height:50px;padding:4px;border-radius:5px;font:15px Georgia;background:#eee9d7;border:1px solid #c2c4a2;color:#24402e;box-shadow:0 3px 6px #0003}.middle-card.red{color:#b33242}.middle-card span{font-size:12px}.middle-placeholder{background:#17362455;color:#819276;border:1px dashed #718264;justify-content:center;box-shadow:none}.table-phase-label{font-size:13px;color:#d5c08c}.selection-table .seat-center{inset:29% 24% 26%}.selection-table h2{font-size:17px;margin:0 0 8px}.selection-table .seat-center p{font-size:11px}.selection-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#f1ecdc;color:#203329;border:1px solid #d7ccb0;border-radius:5px;width:40px;height:57px;padding:5px;font:17px Georgia;box-shadow:0 4px 12px #0005;pointer-events:none;right:-49px;top:24px}.selection-card b{font:bold 17px Georgia}.selection-card.red{color:#b33242}.seat-pos-4 .selection-card,.seat-pos-3 .selection-card{left:-49px;right:auto}.selection-winner{border:2px solid #f3d48e!important;box-shadow:0 0 25px #efcc7155}.winning-card{outline:2px solid #efcc71;box-shadow:0 0 18px #efcc7166}.selection-help{font-size:11px;margin:20px 0}.play-history{margin:34px auto 15px}.play-history+.center.sub{font-size:10px}.hand{margin:24px 0 16px}.sectiontitle .eyebrow{font-size:9px}.sectiontitle h2{margin:5px 0}.dealt-my-hand{margin-top:20px}.dealing-table .seat-center p{font-size:11px}.seat-center .sub{font-size:10px}@media(max-width:760px){.seat-table{min-height:355px;margin:16px auto 26px}.seat-felt{inset:46px 23px 46px}.seat-center{inset:34% 21% 22%}.table-seat{width:85px;min-height:83px}.middle-dock{top:13%}.middle-slot,.middle-card,.middle-placeholder{width:30px;height:42px}.middle-card{font-size:13px;padding:3px}.middle-card span{font-size:10px}.middle-dock>span{font-size:8px}.seat-center .timer{font-size:14px}.selection-card{width:29px;height:43px;font-size:13px;padding:3px;right:-34px;top:23px}.selection-card b{font-size:13px}.seat-pos-4 .selection-card,.seat-pos-3 .selection-card{left:-34px}.selection-table .seat-center{inset:34% 25% 23%}.selection-table h2{font-size:14px}.selection-table .seat-center p{font-size:10px}.selection-table .deal-deck{width:36px;height:51px;font-size:20px}.play-history{margin-top:34px}.hand{margin:22px 0 14px}}.selection-card,.middle-card{animation:none}
/* Black & gold club — static lighting keeps exposed cards steady. */
body:has(.seat-table){--bg:#101011;--panel:#1c1b19;--line:#373329;--muted:#a29a89;background:#101011}body:has(.seat-table)>aside{background:linear-gradient(180deg,#171715,#0d0e0e);border-color:#363024}body:has(.seat-table) main{background:radial-gradient(ellipse at 52% 26%,#a5803110,transparent 60%),#101011}body:has(.seat-table) header{border-color:#332d23}body:has(.seat-table) .nav.active{background:linear-gradient(110deg,#3d3321,#25221b);border-color:#655232;color:#e4c98c}body:has(.seat-table) .sectiontitle h2{color:#f1e8d6;font-weight:500;letter-spacing:.3px}body:has(.seat-table) .sectiontitle small{color:#a69a80}body:has(.seat-table) .sectiontitle>button{background:#1f1f1c;border-color:#4a4030;color:#d4c8ad}body:has(.seat-table) .sub{color:#a99f8b}.seat-table::before{content:"";position:absolute;inset:7% 3%;border-radius:50%;background:radial-gradient(ellipse,#c5963022,transparent 69%);filter:blur(20px);z-index:-2;pointer-events:none}.seat-felt{border:11px solid transparent;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px) padding-box,radial-gradient(ellipse at 48% 35%,#30302c,#1b1c1c 65%,#101213) padding-box,linear-gradient(135deg,#e4c47d 0%,#766039 22%,#b99a57 43%,#f1d693 56%,#816437 79%,#c5a260 100%) border-box;box-shadow:inset 0 0 0 2px #0a0b0c,inset 0 0 50px #000b,0 0 0 2px #352c1d,0 12px 35px #0008,0 0 50px #c39a3810}.seat-felt::before{content:"";position:absolute;inset:9px;border:1px solid #b89b5133;border-radius:48%;pointer-events:none}.seat-felt::after{content:"♠  K O Y L A O   C L U B  ♠";position:absolute;left:15%;right:15%;top:24%;text-align:center;font:9px Georgia,serif;letter-spacing:3px;color:#d9b76530;pointer-events:none}.table-seat{background:linear-gradient(145deg,#292824,#181a1b);border-color:#5c513b;box-shadow:0 5px 18px #0008,inset 0 1px #c4a35b14;color:#e8dfcd;border-radius:12px}.table-seat b{color:#ede4d1}.table-seat .seat-number{color:#998b70}.table-seat .seat-count{color:#b2a78e}.seat-avatar{background:linear-gradient(145deg,#645136,#2e2922);color:#e9cf90;border:1px solid #a88c4744}.table-seat.my-seat{background:linear-gradient(145deg,#3f3522,#22221f);border-color:#c8a65b}.table-seat.vacant-seat{background:#151719b3;border-color:#64553977}.vacant-seat .seat-avatar{background:#232320;border-color:#544a33;color:#a49169}.table-seat.current-seat,.table-seat.selecting-seat,.table-seat.selection-winner{background:linear-gradient(135deg,#514125,#262621);border-color:#f0cf80;box-shadow:0 0 0 3px #e4bf6c20,0 0 28px #dfb75745,inset 0 1px #ffdfa344}.table-seat.seat-urgent{border-color:#ff9972;box-shadow:0 0 0 3px #f7976533,0 0 28px #ed855650}.seat-clock-track{stroke:#71603b}.seat-clock-progress{stroke:#f1d38a}.seat-urgent .seat-clock-progress{stroke:#ff9972}.table-empty,.seat-center .sub{color:#a59c88}.seat-center h2{color:#e1c98f;font-weight:500}.seat-center p{color:#b3a68c}.seat-center .timer{color:#edd49a;text-shadow:0 2px 12px #e2b45422}.middle-dock>span{color:#b6a57e}.middle-placeholder{background:#20211d;color:#ac986a;border-color:#96804d}.middle-card{box-shadow:0 4px 12px #0007,0 0 0 3px #b18e4622}.deal-deck,.flying-deal-card{background:repeating-linear-gradient(45deg,transparent 0 8px,#b9934b18 8px 9px),repeating-linear-gradient(-45deg,transparent 0 8px,#b9934b18 8px 9px),linear-gradient(135deg,#2f2b23,#121617);color:#e2c47e;border-color:#d0b174;box-shadow:0 3px 0 #75613c,0 6px 0 #171919,0 6px 12px #0007}.deal-deck{position:relative}.deal-deck::after,.flying-deal-card::after{content:"";position:absolute;inset:4px;border:1px solid #c6a35c77;border-radius:2px;pointer-events:none}.seat-mini-hand i{background:repeating-linear-gradient(45deg,#242621 0 3px,#655338 3px 4px);border-color:#c4ac73}.selection-card,.hand .card{background:linear-gradient(145deg,#faf6e8,#e9e3d0);border-color:#d4c6a1;box-shadow:0 4px 8px #0005}.winning-card{outline-color:#f1d38a}.play-history{background:linear-gradient(135deg,#20211e,#181b1b);border-color:#4b4230;box-shadow:inset 0 1px #d0a7530a}.history-action{border-color:#806b3730}.history-heading{color:#d9bf83}.history-heading small,.history-pass,.history-empty{color:#a79e8a}.history-action time,.history-round time{color:#8f846c}.history-arrow{color:#a38850}.history-round{border-color:#82704477;color:#d9bd79}.play-history-drawer{background:linear-gradient(145deg,#24221d,#141819);border-color:#9b8149}.history-drawer-heading{border-color:#6a5838}.history-drawer-heading small{color:#b2a58a}body:has(.seat-table) .actions>button{background:#232522;border-color:#5b5039;color:#d6ccb5}body:has(.seat-table) .gold,body:has(.seat-table) .actions>.gold{background:linear-gradient(125deg,#eed399,#c9a45c);border-color:#e1bd72;color:#231e13;box-shadow:0 3px 14px #bd914022}body:has(.seat-table) .hand-drag-ghost{box-shadow:0 12px 28px #0009,0 0 15px #c5a15d33!important}.seat-profile-card{background:linear-gradient(145deg,#342e22,#161b1b);border-color:#9c834c}.seat-profile-stats{border-color:#88744044}.selection-help{color:#a99b7d!important}@media(max-width:760px){.seat-felt{border-width:8px}.seat-felt::before{inset:6px}.seat-felt::after{font-size:7px;letter-spacing:1px;top:25%}.table-seat{border-radius:9px}.seat-table::before{filter:blur(12px)}}
/* Card ranks must inherit card ink rather than the seat-name color. */
.table-seat .selection-card b{color:inherit;font:700 17px/1 Georgia,serif;display:block;overflow:visible;text-overflow:clip;max-width:none;min-height:18px}.table-seat .selection-card span{color:inherit}@media(max-width:760px){.table-seat .selection-card b{font-size:13px;min-height:14px}}
header .sound-control{font-size:20px;padding:6px 10px;min-width:38px;color:#d7b97b}.sound-settings{display:flex;flex-direction:column;gap:18px;margin-top:22px}.sound-settings label{display:flex;align-items:center;justify-content:space-between;font-size:14px}.sound-settings input[type=checkbox]{width:20px;height:20px;accent-color:#d7b97b;margin:0}.sound-settings input[type=range]{width:100%;padding:0;accent-color:#d7b97b;height:25px}.sound-settings output{color:#d7b97b}.sound-settings p{font-size:11px;margin:0}.sound-settings button{align-self:start}@media(max-width:760px){header>div{gap:7px}header .sound-control{padding:5px 7px;min-width:32px}header .balance{padding:8px}header #account{padding:8px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.sound-settings select{width:100%;padding:10px;background:#171e19;color:#e5d4b0;border:1px solid #655639;border-radius:7px;font:inherit;font-size:13px}.sound-settings{gap:14px}
.round-intermission{padding:18px;border:1px solid #9b8149;border-radius:14px;background:linear-gradient(135deg,#342d20,#1c211d);margin:18px 0}.round-intermission>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.round-intermission b{font-size:18px;color:#f0d395}.round-intermission small,.round-intermission p{font-size:11px;color:#b3a78d}.round-intermission .actions{flex-wrap:wrap}.round-intermission p{margin:12px 0 0}.room-result-tools{text-align:right;margin-top:-10px;margin-bottom:0}.room-result-tools button{font-size:10px;padding:4px 8px;border:0;background:transparent;color:#c1ad7b}.round-history-panel{position:fixed;right:12px;top:12px;bottom:12px;width:520px;max-width:calc(100vw - 24px);z-index:66;background:linear-gradient(145deg,#27251e,#151b19);border:1px solid #9b8149;border-radius:16px;box-shadow:-12px 0 50px #0009;padding:18px;display:flex;flex-direction:column}.round-history-panel .history-drawer-heading small{font-size:10px}#round-history-content{overflow:auto;flex:1;min-height:0;padding-right:5px}.round-history-panel details{border-bottom:1px solid #77633c66;padding:15px 0}.round-history-panel summary{cursor:pointer;color:#dcca9c;font-size:12px;line-height:1.8}.round-history-detail p{font-size:11px}.round-history-detail h3{font-size:14px}.round-history-detail section{padding:14px 0;border-top:1px solid #77633c33}.round-history-detail section>b{font-size:13px}.round-history-detail strong{float:right;font-size:12px;color:#c6b59d}.round-history-detail .positive{color:#cce1a5}.round-history-detail small{display:block;font-size:10px;color:#a99d84;margin:8px 0 4px}.round-history-detail .summary-card{font-size:12px}.round-history-detail .summary-group{margin-bottom:5px}@media(max-width:760px){.round-intermission{padding:14px}.round-intermission>div:first-child{align-items:start;flex-direction:column}.round-intermission b{font-size:16px}.round-intermission .actions button{font-size:12px;padding:10px}.round-history-panel{right:6px;top:6px;bottom:6px;max-width:calc(100vw - 12px);padding:14px}.room-result-tools{margin-top:0}}
.player-hand-zone{max-width:900px;margin:16px auto 0;padding:14px 16px 18px;border:1px solid #51452e55;border-radius:16px;background:#181b1933}.turn-notice{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;margin:-1px 0 16px;border:1px solid #e7c47b88;border-radius:11px;background:linear-gradient(110deg,#d0a34c2b,#d0a34c0a);color:#f4da9d}.turn-notice b{display:block;font-size:23px;font-weight:600;line-height:1.4}.turn-notice small{display:block;font-size:11px;color:#c7b78f;margin-top:3px}.turn-bell{display:grid;place-items:center;width:40px;height:40px;font-size:25px;flex-shrink:0}.turn-notice strong{margin-left:auto;font-size:17px;white-space:nowrap;color:#ffe6b1}.turn-notice.other-turn{background:transparent;border-color:transparent;color:#939989}.other-turn b{font-size:16px;font-weight:400}.other-turn small{color:#889180}.other-turn .turn-bell{font-size:22px;color:#788370}.player-hand-zone.is-your-turn{border:2px solid #d7b265;box-shadow:0 0 0 4px #d7b2650b,0 0 32px #dbad4725;background:radial-gradient(ellipse at 50% 100%,#c5a04418,transparent 75%),#211f1866}.is-your-turn .actions>.gold{box-shadow:0 0 0 3px #e4c57325,0 5px 22px #d2a94444!important;border-color:#f6dc9e!important;font-weight:700}.player-hand-zone .hand{margin:24px 0 20px}.player-hand-zone.turn-urgent{border-color:#f19b6d;box-shadow:0 0 0 4px #ef976b16,0 0 32px #ed85562b}.turn-urgent .turn-notice{border-color:#ee9d6d;background:linear-gradient(110deg,#b5623538,#b562350c);color:#ffd2ac}.turn-urgent .turn-notice strong{color:#ffbc91}@media(max-width:760px){.player-hand-zone{padding:10px 9px 14px;margin-top:12px}.turn-notice{padding:10px;gap:8px;min-height:66px;margin-bottom:12px}.turn-notice b{font-size:21px}.turn-notice small{font-size:10px;max-width:190px}.turn-bell{width:28px;font-size:23px}.turn-notice strong{font-size:13px}.other-turn b{font-size:15px}.player-hand-zone .actions{gap:7px}.player-hand-zone .actions button{padding:10px;font-size:12px}}
.room-chat-turn{display:none}
@media(max-width:760px){
body:has(.seat-table)>aside{height:54px;min-height:54px;padding:8px 10px;gap:1px;overflow:hidden;flex-wrap:nowrap}body:has(.seat-table) aside .brand{font-size:25px;gap:5px}body:has(.seat-table) aside .brand span{font-size:15px}body:has(.seat-table) aside .nav{padding:8px;flex-shrink:0}body:has(.seat-table) main{height:calc(100dvh - 54px)}body:has(.seat-table) header{height:52px;padding:6px 10px;position:sticky;top:0;background:#111210;z-index:50}body:has(.seat-table) header>div{gap:5px}body:has(.seat-table) header #account{max-width:95px;font-size:11px}body:has(.seat-table) header .balance{font-size:11px;padding:6px}body:has(.seat-table) header .balance b{margin:0 3px}body:has(.seat-table) header .balance small{font-size:9px}body:has(.seat-table) footer{display:none}body:has(.seat-table) #content{padding:8px 10px 12px;min-height:0}body:has(.seat-table) .sectiontitle{margin:0 0 4px;gap:8px;min-height:34px}body:has(.seat-table) .sectiontitle .eyebrow{display:none}body:has(.seat-table) .sectiontitle h2{font-size:16px;margin:0}body:has(.seat-table) .sectiontitle>button{font-size:10px;padding:7px 9px}.room-result-tools{margin:0;height:19px}.room-result-tools button{font-size:9px;padding:2px 4px}
.seat-table{min-height:200px;height:clamp(200px,35dvh,300px);margin:8px auto 16px;width:100%}.seat-felt{inset:28px 18px 32px;border-width:6px}.seat-felt::before{inset:5px}.seat-felt::after{font-size:6px;letter-spacing:.5px}.table-seat{width:70px;min-height:65px;padding:4px 3px;gap:1px;border-radius:8px}.table-seat b{font-size:9px}.table-seat .seat-number{font-size:7px}.table-seat .seat-count{font-size:8px;line-height:1.3}.seat-avatar{width:20px;height:20px;font-size:10px}.seat-pos-0{top:85%}.seat-pos-2,.seat-pos-3{top:15%}.seat-pos-1{left:10%;top:51%}.seat-pos-4{left:90%;top:51%}.seat-center{inset:33% 23% 24%;gap:4px}.seat-center .tablecards{min-height:40px;max-height:70px}.seat-center .tablecards .card{width:27px;height:39px;font-size:11px;padding:3px;margin:1px}.seat-center .timer{font-size:11px}.middle-dock{top:16%;gap:2px}.middle-dock>span{font-size:7px}.middle-slot,.middle-card,.middle-placeholder{width:25px;height:34px}.middle-card{font-size:11px;padding:2px}.middle-card span{font-size:9px}.table-empty{font-size:10px}.seat-clock-label{font-size:8px;bottom:-18px;padding:1px 6px}.selection-card{width:25px;height:35px;right:-29px;top:16px;padding:3px}.seat-pos-4 .selection-card,.seat-pos-3 .selection-card{left:-29px}.table-seat .selection-card b{font-size:11px;min-height:11px}.selection-card span{font-size:11px}.selection-table .seat-center{inset:34% 25% 23%}.selection-table h2{font-size:12px}.selection-table .seat-center p{font-size:9px}.selection-table .deal-deck{width:29px;height:42px;font-size:17px}.selection-help{font-size:10px;margin:8px}.dealt-my-hand{min-height:50px;margin:10px 0}.dealt-my-hand .card{width:clamp(27px,8vw,34px);height:48px;font-size:12px;margin:0 1px;padding:4px}
#content:has(.player-hand-zone),#content:has(.special-hand-zone){height:calc(100dvh - 106px);padding-bottom:calc(190px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;min-height:0}#content:has(.player-hand-zone) .seat-table,#content:has(.special-hand-zone) .seat-table{flex:1;min-height:175px;max-height:310px;height:auto;margin:5px 0 12px}.play-history{flex-shrink:0;margin:8px 0 0;padding:5px 9px;border-radius:8px}.history-heading{font-size:10px}.history-heading button{font-size:9px;padding:2px 4px}.history-recent{margin:2px 0 0}.history-recent>li:nth-child(n+2){display:none}.history-action{min-height:27px;padding:3px 0}.history-card{min-width:23px;height:22px;font-size:10px;padding:2px 3px}.history-card span{font-size:10px}.history-action b{font-size:10px;width:65px}.history-pass{font-size:10px}
.player-hand-zone,.special-hand-zone{position:fixed;left:7px;right:7px;bottom:0;z-index:35;margin:0;padding:7px 7px calc(8px + env(safe-area-inset-bottom));border-radius:13px 13px 0 0;background:#161b18;box-shadow:0 -8px 25px #0007;max-height:45dvh;overflow-y:auto}.special-hand-zone{border:1px solid #77613d}.player-hand-zone.is-your-turn{background:linear-gradient(140deg,#30291a,#181c19);border-width:1px;box-shadow:0 -4px 22px #d7b26525}.turn-notice{min-height:42px;padding:5px 8px;gap:7px;margin:0 0 5px;border-radius:7px}.turn-notice b{font-size:18px}.turn-notice small{font-size:9px;margin:0}.turn-notice strong{font-size:11px}.turn-bell{width:22px;height:24px;font-size:20px}.other-turn b{font-size:14px}.other-turn small{font-size:9px}.player-hand-zone>.center.sub,.special-hand-zone>.center.sub{display:none}.player-hand-zone .hand,.special-hand-zone .hand{flex-wrap:nowrap;gap:3px;margin:5px 0;min-height:58px;padding:5px 2px;overflow-x:auto;overflow-y:hidden;justify-content:center}.player-hand-zone .hand .card,.special-hand-zone .hand .card{flex:0 0 auto;width:clamp(27px,8.2vw,35px);height:49px;font-size:13px;margin:0;padding:4px}.player-hand-zone .card.selected{transform:translateY(-5px)}.player-hand-zone .actions,.special-hand-zone .actions{gap:6px}.player-hand-zone .actions button,.special-hand-zone .actions button{font-size:11px;padding:8px 10px;min-height:36px}.special-offer{padding:0!important;margin:4px 0!important;border:0!important;background:none!important}.special-offer h2{font-size:12px;margin:3px 0 6px;text-align:center}.special-offer p,.special-offer .summary-groups{display:none}.special-hand-zone>p{font-size:10px;margin:4px 0}.special-hand-zone .actions{margin:0}.special-hand-zone~.previous-special{display:none}
header .room-chat-toggle{position:static;inset:auto;min-width:33px;margin:0;padding:5px 7px;font-size:14px;background:#d7b97b;color:#1b211a;border-color:#d7b97b;box-shadow:none;z-index:auto;flex-shrink:0}.room-chat{right:0;left:0;bottom:0;width:100%;height:48dvh;max-height:calc(100dvh - 60px);border-radius:18px 18px 0 0;border-bottom:0;z-index:80;box-shadow:0 -15px 60px #0009;padding-bottom:env(safe-area-inset-bottom)}.room-chat-header{padding:10px 14px;flex-shrink:0}.room-chat-header h3{font-size:12px}.room-chat-members{font-size:9px;max-height:28px;padding:4px 12px}.room-chat-messages{padding:8px 10px;min-height:45px}.room-chat-form{padding:7px;gap:6px}.room-chat-form textarea{font-size:16px;min-height:38px;max-height:62px;padding:7px}.room-chat-form button{padding:9px 12px;font-size:12px}.room-chat-note{font-size:8px}.room-chat-turn:not([hidden]){display:block;background:#b58c352d;border-bottom:1px solid #c4a55c55;color:#f5d48e;font-size:12px;font-weight:600;padding:7px 12px;flex-shrink:0}
}
@media(max-width:760px) and (max-height:660px){#content:has(.player-hand-zone),#content:has(.special-hand-zone){padding-bottom:calc(170px + env(safe-area-inset-bottom))}#content:has(.player-hand-zone) .seat-table,#content:has(.special-hand-zone) .seat-table{min-height:145px}.turn-notice small{display:none}.turn-notice{min-height:34px}.player-hand-zone .hand,.special-hand-zone .hand{min-height:52px}.player-hand-zone .hand .card,.special-hand-zone .hand .card{height:44px}.table-seat{min-height:58px}.table-seat .seat-number{display:none}.play-history .history-heading{display:none}}
@media(max-width:760px){body:has(.seat-table) #content:has(.player-hand-zone),body:has(.seat-table) #content:has(.special-hand-zone){padding-bottom:calc(190px + env(safe-area-inset-bottom));height:calc(100dvh - 106px)}}
@media(max-width:760px) and (max-height:660px){body:has(.seat-table) #content:has(.player-hand-zone),body:has(.seat-table) #content:has(.special-hand-zone){padding-bottom:calc(170px + env(safe-area-inset-bottom))}.play-history{position:relative}.play-history .history-heading{display:flex;position:absolute;right:6px;top:4px}.play-history .history-heading>span{display:none}.play-history .history-recent{padding-right:50px}}
@media(max-width:760px){.seat-center .tablecards{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;min-height:38px;max-height:44px;justify-content:flex-start}.seat-center .tablecards .card{flex-shrink:0}}
@media(max-width:760px) and (max-height:660px){.middle-dock{top:4%}.seat-center{inset:28% 23% 30%}.seat-center .timer,.seat-clock-label{display:none}.seat-center .tablecards{min-height:36px;max-height:40px}.seat-center .tablecards .card{height:36px;width:25px}.selection-table .seat-center{inset:32% 25% 23%}}
@media(max-width:760px){.room-chat{bottom:var(--chat-keyboard-offset,0px);height:min(48dvh,calc(var(--chat-viewport-height,100dvh) - 16px));max-height:calc(var(--chat-viewport-height,100dvh) - 16px)}}

.mobile-start{display:none}@media(max-width:760px){.seat-center .desktop-start{display:none}.mobile-start{display:block;position:fixed;left:66px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;padding:10px;background:#171715ed;border:1px solid #655232;border-radius:12px}.mobile-start .gold{width:100%;min-height:52px;font-size:18px}body:has(.mobile-start) #content{padding-bottom:115px!important}}

.compact-result{display:none}@media(max-width:760px){#content:has(.compact-result){padding:12px 10px calc(150px + env(safe-area-inset-bottom))!important}.result-desktop{display:none}.compact-result{display:block}.personal-result{padding:12px;border:1px solid #80683b;border-radius:12px;background:linear-gradient(125deg,#342b1e,#1a201c);display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.personal-result>span{font-size:18px;color:#ead19a}.personal-result>strong{font-size:24px}.personal-result strong small{font-size:11px}.personal-result>small{grid-column:1/-1;font-size:10px;color:#b6aa91}.compact-result .positive{color:#cce1a5}.compact-result .negative{color:#efa99a}.compact-result-meta{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#b5a688;margin:8px 0}.compact-result-meta .summary-card{font-size:12px;padding:2px 4px}.compact-player-list{border:1px solid #494334;border-radius:10px;overflow:hidden}.compact-player-list details{background:#1b1e1b;border-bottom:1px solid #494334}.compact-player-list details:last-child{border-bottom:0}.compact-player-list summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:51px;padding:7px 10px;cursor:pointer}.compact-player-list summary::-webkit-details-marker{display:none}.compact-player-list summary>span:first-child{flex:1;min-width:0}.compact-player-list summary b{display:block;font-size:12px;overflow-wrap:anywhere}.compact-player-list summary small{display:block;color:#a99e88;font-size:10px;margin-top:3px}.compact-player-list summary strong{font-size:14px;white-space:nowrap}.expand-mark{color:#c9ae70}.compact-player-list details[open] .expand-mark{transform:rotate(180deg)}.compact-player-cards{padding:0 10px 10px;font-size:11px}.compact-player-cards>small{display:block;color:#b7a788;margin-top:8px}.compact-player-cards .summary-card{font-size:13px;padding:3px 5px}.compact-player-cards .summary-groups{gap:4px}.compact-player-cards .summary-group{padding:2px;max-width:100%;flex-wrap:wrap}body:has(.compact-result) footer{display:none}body:has(.compact-result) .sectiontitle{margin-bottom:10px}body:has(.compact-result) .sectiontitle h2{font-size:17px;margin:3px 0}body:has(.compact-result) .sectiontitle>button{padding:8px;font-size:10px}body:has(.compact-result) .round-intermission{position:fixed;left:64px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;margin:0;padding:10px;background:#202219f5;box-shadow:0 -8px 24px #0007}body:has(.compact-result) .round-intermission>div:first-child{flex-direction:row;align-items:center;gap:6px;margin-bottom:8px}body:has(.compact-result) .round-intermission b{font-size:12px}body:has(.compact-result) .round-intermission small{font-size:9px}body:has(.compact-result) .round-intermission .actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px}body:has(.compact-result) .round-intermission .actions button{padding:8px 3px;min-height:44px;font-size:10px}body:has(.compact-result) .round-intermission>p{display:none}.result-secondary-actions{margin:12px 0}.result-secondary-actions button{font-size:11px;padding:8px}}

@media(max-width:760px){body:has(.compact-result)>aside{display:block;width:54px;padding:12px 4px;overflow:hidden}body:has(.compact-result)>aside .brand{font-size:20px;justify-content:center}body:has(.compact-result)>aside .brand span,body:has(.compact-result)>aside .navtitle,body:has(.compact-result)>aside .sidebottom{display:none}body:has(.compact-result)>aside .nav{font-size:0;padding:12px 3px;text-align:center}body:has(.compact-result)>aside .nav:first-letter{font-size:18px}body:has(.compact-result) main{margin-left:54px}body:has(.compact-result) header{height:48px;padding:0 10px;font-size:10px}body:has(.compact-result) header>div{gap:5px}body:has(.compact-result) header button{padding:6px;font-size:10px}body:has(.compact-result) .sectiontitle{margin:0 0 8px}.compact-player-list summary{min-height:44px;padding:5px 8px}.personal-result{padding:8px}.personal-result>strong{font-size:22px}.compact-result-meta{margin:6px 0}}

@media(max-width:760px){body:has(.compact-result)>aside{position:fixed;inset:0 auto 0 0;height:100dvh}}@media(max-width:760px) and (max-height:620px){body:has(.compact-result) .sectiontitle .eyebrow{display:none}.compact-player-list summary{min-height:42px}.personal-result>small{font-size:9px}}

/* Larger portraits and a separate hand count that stays visible during turns and passes. */
.table-seat .seat-avatar{width:52px;height:52px;font-size:23px;flex-shrink:0}.table-seat{min-height:125px}.seat-hand-count{position:absolute;right:-9px;top:-9px;display:flex;align-items:center;gap:4px;min-width:57px;justify-content:center;padding:4px 7px;border:1px solid #d8bb77;border-radius:9px;background:#171916;color:#f5dda3;box-shadow:0 3px 10px #0009;line-height:1.2;z-index:4}.seat-hand-count strong{font-size:20px;font-weight:700}.seat-hand-count small{font-size:10px}.seat-hand-count>span{font-size:15px;color:#c7af77}.seat-profile-card{width:320px}.seat-profile-card .profile-avatar,.seat-profile-card .bot-portrait{width:164px;height:164px;font-size:76px;border-radius:22px;overflow:hidden}.seat-profile-card .profile-avatar img{object-fit:cover}.member-profile>.profile-avatar,.member-profile>.bot-portrait{width:190px;height:190px;font-size:82px;border-radius:24px;overflow:hidden}.seat-profile-stats #seat-profile-hand-count{font-size:22px;color:#f0d392}.seat-profile-card .seat-profile-close{min-width:42px;min-height:42px;background:#171a17e8;z-index:2}@media(max-width:760px){.table-seat{min-height:79px}.table-seat .seat-avatar{width:34px;height:34px;font-size:16px}.seat-hand-count{right:-7px;top:-10px;gap:3px;min-width:43px;padding:3px 5px;border-radius:7px}.seat-hand-count strong{font-size:16px}.seat-hand-count small{font-size:9px}.seat-hand-count>span{font-size:12px}.seat-profile-card{width:300px;padding:16px}.seat-profile-card .profile-avatar,.seat-profile-card .bot-portrait{width:148px;height:148px;font-size:65px}.seat-profile-card h3{font-size:18px;margin:8px 0}.seat-profile-bio{margin:8px 0;font-size:11px}.seat-profile-stats{margin:10px 0;padding:8px 0}.seat-profile-card .seat-profile-full{min-height:44px}}

@media(max-width:760px){.seat-hand-count{top:-15px}.seat-profile-card{left:50%!important;top:50%!important;transform:translate(-50%,-50%);max-height:calc(100dvh - 24px);animation:none}}

.hand-sort-tools{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0}.hand-sort-tools button,.hand-sort-tools select{font:inherit;font-size:12px;min-height:36px;padding:6px 10px;border:1px solid #806b43;border-radius:7px;background:#252820;color:#e3cb94}.hand-sort-tools select{max-width:155px;cursor:pointer}.hand-sort-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){.hand-sort-tools{margin:3px 0;gap:5px}.hand-sort-tools button{font-size:10px;padding:5px 8px;min-height:32px;flex:1;max-width:205px;white-space:nowrap}.hand-sort-tools select{font-size:11px;min-height:32px;padding:4px;max-width:115px;flex:1}.player-hand-zone .hand,.special-hand-zone .hand{margin-top:2px}.special-hand-zone .hand-sort-tools{margin-top:0}}

@media(max-width:760px){.player-hand-zone .actions{display:grid;grid-template-columns:.8fr 1.5fr 1.1fr;gap:6px}.player-hand-zone .actions button{min-height:48px;padding:9px 5px;font-size:11px}.player-hand-zone .actions .pass-action{min-height:50px;font-size:17px;font-weight:700;background:#3c3425;border:2px solid #baa167;color:#f6dfad}.player-hand-zone .actions .pass-action:disabled{opacity:.4}.player-hand-zone,.special-hand-zone{max-height:49dvh}body:has(.seat-table) #content:has(.player-hand-zone),body:has(.seat-table) #content:has(.special-hand-zone){padding-bottom:calc(230px + env(safe-area-inset-bottom))}}
@media(min-width:761px){
body:has(.seat-table){height:100dvh;overflow:hidden}body:has(.seat-table)>aside{height:100dvh;overflow-y:auto}body:has(.seat-table) main{height:100dvh;display:flex;flex-direction:column;min-width:0}body:has(.seat-table) header{height:56px;min-height:56px;padding:0 24px}body:has(.seat-table) footer{display:none}body:has(.seat-table) #content{height:calc(100dvh - 56px);min-height:0;padding:12px 22px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}body:has(.seat-table) .sectiontitle{flex-shrink:0;min-height:36px;margin:0}body:has(.seat-table) .sectiontitle .eyebrow{display:none}body:has(.seat-table) .sectiontitle h2{font-size:19px;margin:0}body:has(.seat-table) .sectiontitle small{font-size:10px}body:has(.seat-table) .sectiontitle>button{font-size:11px;padding:8px 12px}.room-result-tools{flex-shrink:0;height:18px;margin:0}.seat-table{flex:1;min-height:180px;max-height:none;width:calc(100% - 28px);margin:8px auto 12px;max-width:1100px}.seat-pos-2,.seat-pos-3{top:19%}.seat-pos-0{top:81%}.seat-felt{inset:24px 54px}.seat-center{inset:28% 23% 24%;gap:4px}.seat-center .tablecards{min-height:45px;max-height:85px}.seat-center .timer{font-size:15px}.middle-dock{top:8%;gap:2px}.table-seat{width:120px;min-height:110px;padding:5px;gap:2px}.table-seat .seat-avatar{width:46px;height:46px}.table-seat .seat-number{font-size:8px}.table-seat b{font-size:11px}.table-seat .seat-count{font-size:9px}.seat-clock-label{font-size:10px;bottom:-19px}.play-history{width:100%;max-width:1000px;flex-shrink:0;margin:0 auto;padding:5px 12px;border-radius:9px}.history-heading{font-size:10px}.history-heading button{font-size:10px;padding:2px 5px}.history-recent{margin:2px 0 0}.history-recent>li:nth-child(n+3){display:none}.history-action{min-height:26px;padding:2px 0}.history-action b{font-size:11px}.history-card{height:23px;min-width:27px;font-size:11px}.history-card span{font-size:10px}.history-round{padding:3px 0}.player-hand-zone,.special-hand-zone{position:relative;flex-shrink:0;width:100%;max-width:1100px;margin:0 auto;padding:8px 12px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.turn-notice{grid-column:1;grid-row:1;min-height:34px;margin:0;padding:4px 8px;gap:8px}.turn-notice b{font-size:17px}.turn-notice small{display:none}.turn-notice strong{font-size:12px}.turn-bell{width:26px;height:26px;font-size:22px}.player-hand-zone>.center.sub,.special-hand-zone>.center.sub{display:none}.hand-sort-tools{grid-column:2;grid-row:1;margin:0}.hand-sort-tools button,.hand-sort-tools select{min-height:32px;font-size:11px;padding:4px 7px}.player-hand-zone .hand,.special-hand-zone .hand{grid-column:1;grid-row:2;flex-wrap:nowrap;gap:5px;margin:0;padding:9px 2px 2px;min-height:0;justify-content:center}.player-hand-zone .hand .card,.special-hand-zone .hand .card{width:clamp(34px,4.3vw,65px);height:clamp(56px,9dvh,95px);font-size:20px;margin:0;padding:5px;flex-shrink:0}.player-hand-zone .actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:245px;margin:0;align-content:center}.player-hand-zone .actions .gold{grid-row:1;grid-column:1/-1;min-height:40px}.player-hand-zone .actions button{font-size:12px;padding:7px;min-height:34px}.special-hand-zone{border:1px solid #77613d}.special-hand-zone .hand-sort-tools{grid-column:1/-1;justify-content:flex-end}.special-offer{grid-column:2;grid-row:2;max-width:340px;padding:0!important;margin:0!important;border:0!important;background:none!important}.special-offer h2{font-size:13px;margin:0 0 5px}.special-offer p,.special-offer .summary-groups{display:none}.special-offer .actions{margin:0;gap:6px}.special-offer .actions button{font-size:12px;padding:7px;min-height:38px}.special-hand-zone>p{grid-column:2;grid-row:2;font-size:11px;max-width:230px;margin:0;align-self:center}.previous-special{display:none}.dealt-my-hand{margin:0;min-height:0;text-align:center}.dealt-my-hand .card{width:49px;height:70px;font-size:18px}.selection-help{margin:0!important;font-size:11px}.seat-center .tablecards{flex-wrap:nowrap;overflow:visible}.seat-center .tablecards .card{flex-shrink:0;width:33px;height:48px;margin:1px}.seat-center .tablecards:has(.card:nth-child(7)) .card{width:25px;height:39px;font-size:11px}}
@media(min-width:761px) and (max-height:720px){body:has(.seat-table) #content{gap:4px;padding-top:8px}.history-recent>li:nth-child(n+2){display:none}.table-seat{min-height:96px;width:110px}.table-seat .seat-avatar{width:40px;height:40px}.table-seat .seat-number{display:none}.seat-clock-label{display:none}.player-hand-zone .hand .card,.special-hand-zone .hand .card{height:60px;width:42px;font-size:17px}.seat-center .timer{font-size:13px}.hand-sort-tools button,.hand-sort-tools select{font-size:10px}.seat-table{margin-top:9px;margin-bottom:9px}}

@media(min-width:761px) and (max-width:1100px){body:has(.seat-table)>aside{width:72px;padding:18px 8px}body:has(.seat-table)>aside .brand{justify-content:center;font-size:30px}body:has(.seat-table)>aside .brand span,body:has(.seat-table)>aside .navtitle,body:has(.seat-table)>aside .sidebottom{display:none}body:has(.seat-table)>aside .nav{font-size:0;text-align:center;padding:12px 5px}body:has(.seat-table)>aside .nav:first-letter{font-size:21px}body:has(.seat-table) main{margin-left:72px}}

@media(min-width:761px){.hand-sort-tools button{white-space:nowrap}.seat-center .timer{transform:translateY(-5px)}}
@media(min-width:761px) and (max-width:1100px){.player-hand-zone .hand .card,.special-hand-zone .hand .card{width:34px;height:54px;font-size:15px}.player-hand-zone .actions{min-width:220px}.hand-sort-tools select{max-width:125px}}
@media(max-width:760px) and (max-height:620px){body:has(.seat-table)>aside{height:44px;min-height:44px;padding-top:3px;padding-bottom:3px}body:has(.seat-table) header{height:44px;min-height:44px}body:has(.seat-table) main{height:calc(100dvh - 44px)}body:has(.seat-table) #content:has(.player-hand-zone),body:has(.seat-table) #content:has(.special-hand-zone){height:calc(100dvh - 88px);padding-bottom:calc(220px + env(safe-area-inset-bottom))}.hand-sort-tools button,.hand-sort-tools select{min-height:30px}.player-hand-zone .turn-notice{min-height:30px;padding-top:3px;padding-bottom:3px}}

@media(min-width:761px){.seat-center .timer{position:absolute;left:calc(50% + 34px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px}}

.special-decision-status{line-height:1.8;overflow-wrap:anywhere}@media(min-width:761px){.special-hand-zone>.special-decision-status{min-width:220px;max-width:300px;justify-self:center;padding:4px 8px;text-align:center}}

.notification-badge{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border:1px solid #ff9b9b;border-radius:999px;background:#d82d42!important;color:#fff!important;font:700 11px/1 system-ui,sans-serif;white-space:nowrap;vertical-align:middle;box-shadow:0 1px 4px #0005}.notification-badge[hidden]{display:none!important}.social-badge-nav{display:flex;align-items:center;gap:8px}.social-badge-nav .notification-badge{margin-left:auto}.social-tabs button,.social-person-actions button,.player-menu-list>button{display:inline-flex;gap:6px;align-items:center}.player-menu-list>button>.notification-badge{margin-left:auto}.room-chat-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px}#mobile-game-menu{position:relative}#mobile-game-menu>.notification-badge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;font-size:10px;padding:0 4px}.social-tabs .notification-badge{min-width:18px;height:18px;font-size:10px}.social-person-actions .notification-badge{min-width:18px;height:18px;font-size:10px}@media(max-width:760px){.room-chat-toggle{position:relative;overflow:visible!important}.room-chat-toggle>.notification-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;font-size:10px;padding:0 4px}}

@media(min-width:761px){body>aside:has(.social-badge-nav){overflow-y:auto}body>aside:has(.social-badge-nav) .sidebottom{position:static;margin-top:24px}}
