/* Production screens extend the supplied printed-card-club design. */
[hidden]{display:none!important}button,input{font:inherit}button{touch-action:manipulation}body{user-select:none;-webkit-user-select:none}.wordmark{border:0;background:none;padding:0;cursor:pointer}.immersive .app-shell{padding-top:env(safe-area-inset-top);padding-bottom:max(12px,env(safe-area-inset-bottom));min-height:100svh}.immersive .site-header{flex-shrink:0}.immersive main{min-height:0}.connection-status{padding:9px 14px;text-align:center;color:#694773;background:#f5e8dc;font-size:12px;flex:none}.welcome-screen{position:relative;width:min(900px,100%);margin:auto;padding:40px 20px 24px;text-align:center}.welcome-screen .eyebrow,.lobby-screen .eyebrow,.result-screen .eyebrow{display:block;color:#816992;font-size:10px;letter-spacing:2px;font-weight:650}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;color:#4a345e;line-height:.98}h1 em{font-weight:400;color:#8968ab}.welcome-screen h1{font-size:clamp(54px,6.3vw,83px);margin:22px 0}.welcome-screen>p,.lobby-heading>p,.result-screen>p{font-size:13px;line-height:1.75;color:#836d92}.welcome-art{position:relative;width:240px;height:150px;margin:0 auto 30px}.cover-card{position:absolute;top:12px;left:80px;width:83px;height:118px;border-radius:10px;box-shadow:0 5px 0 #c7b4d8;border:2px solid #c7b4d8;background:#fcf9f2;color:#7d5b9d;display:grid;place-content:center;font:50px Georgia,serif}.cover-card>span:not(.card-eye){font-size:22px;text-align:center}.cover-left{transform:translateX(-58px) rotate(-22deg)}.cover-right{transform:translateX(61px) rotate(19deg);color:#b36672}.cover-middle{background:#8966b3;transform:rotate(-4deg);z-index:2}.cover-middle .card-eye{position:relative;inset:auto;transform:none}.art-spark{position:absolute;top:-13px;right:-8px;font-size:45px;color:#aa8fbe}.welcome-buttons{display:flex;justify-content:center;gap:12px;margin-top:26px}.welcome-buttons .button{min-width:190px;min-height:52px;font-size:14px}.welcome-buttons .primary > span:not([data-i18n]){margin-left:35px}.welcome-screen .welcome-note,.welcome-note{font-size:11px;color:#91799f;margin:13px 0}.join-form{display:flex;justify-content:center;align-items:center;gap:14px;margin:29px 0 12px;color:#91799f;font-size:11px}.join-form div{display:flex;align-items:center;border-bottom:1px solid #c6b2d6}.join-form input{width:118px;min-height:44px;border:0;outline:0;background:transparent;color:#73508e;letter-spacing:1px;font-size:11px;text-transform:uppercase}.join-form input:focus{box-shadow:0 2px #765ac6}.privacy{color:#9683a4;font-size:10px!important}.text-button,.icon-button,.help-button,.small-icon{min-height:44px;min-width:44px}.lobby-screen{width:min(690px,100%);margin:auto;padding:40px 20px}.lobby-heading h1{font-size:clamp(40px,5.5vw,58px);margin:17px 0}.lobby-heading>p{margin-bottom:26px}.room-code-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c5b3d349;border-bottom:1px solid #c5b3d349;padding:14px 0;font-size:11px;letter-spacing:1px;color:#8c709f}.room-code-row strong{color:#61437f;font-size:16px;letter-spacing:2px;margin-left:6px}.room-code-row .button{min-height:44px;font-size:11px;padding:0 18px}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;padding:32px 0}.lobby-seat{display:flex;align-items:center;gap:14px;min-width:0}.lobby-seat strong{font-size:13px;color:#5b436e;overflow-wrap:anywhere}.lobby-seat small{font-size:8px;color:#9979b1}.lobby-seat p{font-size:10px;color:#8e759f;margin:5px 0 0}.lobby-seat .avatar{flex-shrink:0}.avatar-0{background:#e9d0c1!important;color:#977664!important}.avatar-1{background:#dcdbb7!important;color:#8a8c52!important}.avatar-2{background:#c8d5d6!important;color:#637f86!important}.avatar-3{background:#e1c9d5!important;color:#95687f!important}.open-seat .avatar{border:1px dashed #b8a0ca!important;background:transparent!important;color:#b8a0ca!important}.lobby-controls{border-top:1px solid #c5b3d349;padding:22px 0}.bot-option{display:flex;align-items:center;gap:9px;min-height:44px;color:#7b6090;font-size:12px}.bot-option input{width:20px;height:20px;accent-color:#765ac6}.lobby-buttons{display:flex;gap:10px;margin-top:18px}.lobby-buttons .button{flex:1;min-height:50px;font-size:13px}.lobby-footer{display:flex;justify-content:space-between;align-items:center;color:#a18aaf;font-size:10px}.lobby-footer .text-button{font-size:11px}.lobby-note,.spectator-note{font-size:12px;line-height:1.8;color:#816992}.result-screen{width:min(720px,100%);margin:auto;padding:45px 20px;text-align:center}.result-screen h1{font-size:clamp(42px,6vw,70px);margin:22px 0;overflow-wrap:anywhere}.result-spark{display:block;color:#a68db9;font-size:82px;line-height:1.2;margin-bottom:22px}.result-stats{display:flex;justify-content:center;margin:36px 0 18px;gap:50px}.result-stats strong{display:block;font-family:Georgia,serif;font-size:40px;font-weight:400;color:#795890}.result-stats span{display:block;font-size:10px;color:#8d729f;margin-top:8px}.result-screen .result-detail{font-size:11px}.result-buttons{display:flex;justify-content:center;gap:12px;margin-top:28px}.result-buttons .button{min-height:50px;min-width:170px}.reactions{display:flex;justify-content:center;gap:6px;padding:8px 0 2px;flex-wrap:wrap}.reactions button{min-height:44px;min-width:44px;border:0;background:transparent;color:#947ba6;font-size:10px;padding:5px 9px;border-radius:20px}.reactions button:hover{background:#faf7ff70;color:#644086}.tutorial-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#f8f2df99;border-radius:8px;color:#8a785a;font-size:11px;line-height:1.5}.tutorial-hint button{border:0;min-height:44px;min-width:54px;background:none;color:#7c614b;font-size:10px;white-space:nowrap}.decision-buttons{display:flex;gap:10px}.decision-buttons .button{flex:1;padding:0 12px}.private-preview{display:block;margin-top:7px;font-size:11px}.timeout-warning{color:#a5593c!important;min-height:16px}.immersive .seat-name{max-width:145px;overflow-wrap:anywhere;line-height:1.4}.immersive .seat-count{line-height:1.4}.seat .phase-clock{display:flex;flex-direction:column;align-items:center}.clock-ring{background:conic-gradient(#8863af var(--progress,100%),#d7c8e4 0)!important}.clock-face{background:#eae4f2;border-radius:50%;width:100%;height:100%}.table-controls .text-button{font-size:10px;padding:0}.help-rules{padding-left:20px;color:#7b688a;font-size:13px;line-height:1.85}.help-rules li{padding:5px 0}.rule-example{background:#eae4f2;padding:14px;border-radius:8px;font-size:12px;line-height:1.8;color:#76558b}.modal-foot{font-size:11px!important;line-height:1.7!important}.history-list{padding-left:18px;max-height:50svh;overflow:auto;font-size:12px;line-height:1.8;color:#7b688a}.history-list li{padding:9px 0;border-bottom:1px solid #e4dbea}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ddd1e6;font-size:14px;color:#6e5184}.setting-row small{display:block;font-size:11px;margin-top:6px;color:#91799f}.setting-row input{height:24px;width:24px;accent-color:#765ac6}.invite-input{width:100%;padding:14px;color:#62407e;border:1px solid #c2abd4;border-radius:6px;user-select:text}.ad-overlay{position:fixed;inset:0;background:#eae4f2ed;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#79578e;font-size:14px}.spinner{width:30px;height:30px;border:3px solid #cdb9dd;border-top-color:#79578e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,input:focus-visible{outline:3px solid #6d4699;outline-offset:4px}dialog .button{margin:12px 8px 0 0;min-height:46px}dialog p{line-height:1.8;font-size:13px}.immersive .game-panel{min-height:640px}.immersive .table-center{pointer-events:none}.immersive .seat-left .seat-info,.immersive .seat-right .seat-info{max-width:115px}
@media(min-width:741px){.immersive .game-panel{grid-template-rows:30px minmax(280px,1fr) auto}.immersive .table-feed{right:5px;top:26px;width:210px}.immersive .action-panel{min-height:110px}.immersive .hand{min-height:138px}.immersive .play-zone{padding-bottom:0}}
@media(max-width:740px){.welcome-screen{padding:30px 12px}.welcome-art{margin-bottom:24px}.welcome-screen h1{font-size:60px}.welcome-buttons{flex-direction:column;width:min(320px,100%);margin-left:auto;margin-right:auto}.join-form{flex-wrap:wrap;gap:8px}.lobby-screen,.result-screen{padding:30px 10px}.lobby-seats{gap:22px 12px}.lobby-seat{gap:8px}.lobby-seat strong{font-size:11px}.lobby-seat .avatar{width:38px;height:38px;font-size:22px}.lobby-seat p{font-size:9px}.lobby-buttons{flex-direction:column}.lobby-buttons .button{flex:none}.room-code-row{gap:10px}.room-code-row strong{font-size:13px}.room-code-row .button{padding:0 10px;font-size:10px}.lobby-footer{gap:10px}.result-stats{gap:27px}.result-buttons{flex-direction:column;max-width:310px;margin-left:auto;margin-right:auto}.immersive .game-panel{grid-template-rows:30px 58px minmax(325px,1fr) auto;min-height:750px}.immersive .seat-left .seat-info,.immersive .seat-right .seat-info{max-width:72px}.immersive .seat-left,.immersive .seat-right{top:30%}.immersive .seat-name{font-size:10px;max-width:112px}.immersive .table-center{top:58%;width:69%}.immersive .table-claim{font-size:12px;line-height:1.4}.immersive .seat-bottom{bottom:9px}.immersive .table-caption{display:none}.immersive .action-copy h3{font-size:13px}.immersive .action-copy p{font-size:11px}.tutorial-hint{font-size:10px}.reactions button{font-size:9px;padding:5px}.immersive .table-toolbar{font-size:8px}.immersive .table-controls{gap:7px}.immersive .site-header{gap:10px}.immersive .help-button{padding:5px}.immersive .header-tools{gap:0}.immersive .icon-button{font-size:20px}.immersive .help-button>span:not(.help-symbol){display:none}.immersive .table-feed{padding:0 5px}.reveal-row{gap:5px}.immersive .reveal-card{width:41px;height:59px;font-size:26px}}
@media(min-width:741px) and (max-height:600px){.immersive .game-panel{min-height:484px;grid-template-rows:26px minmax(210px,1fr) auto}.immersive .site-header{height:44px;flex-basis:44px}.immersive .play-zone{width:min(96%,860px)}.immersive .action-panel{min-height:70px;padding:4px 5px;margin-bottom:4px}.immersive .action-copy h3{font-size:12px}.immersive .action-copy p{font-size:10px}.immersive .hand{min-height:116px;padding:15px 12px 5px}.immersive .number-card{height:86px}.immersive .card-group{flex-basis:68px;max-width:68px}.immersive .reactions{display:none}.immersive .tutorial-hint{padding:1px 12px}.immersive .selection-feedback{min-height:16px;margin-top:0}.immersive .call-number{font-size:53px}.immersive .call-and-pile{height:70px}.immersive .pile-visual{height:70px;width:52px}.immersive .table-claim{margin-top:5px;font-size:13px}.immersive .seat-top{top:5px}.immersive .seat-bottom{bottom:7px}.immersive .seat-left{left:40px}.immersive .seat-right{right:40px}.immersive .table-feed{width:155px;font-size:8px}.immersive .seat-name{font-size:10px}.immersive .avatar{width:34px;height:34px;font-size:21px}.seat .clock-ring{width:39px;height:39px}.seat .clock-face{padding-top:4px}.seat .clock-face strong{font-size:18px}.immersive .private-preview{margin-top:2px}.immersive .round-progress{margin-top:3px}.immersive .table-caption{display:none}.immersive .table-center{width:54%}.immersive .game-panel:has(.tutorial-hint:not([hidden])){min-height:526px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.reduce-motion *{animation:none!important;transition:none!important}
/* Short platform frames need smaller rank and count rows inside the 82px card. */
@media(min-width:741px) and (max-height:600px){
  .immersive .number-card{grid-template-rows:minmax(0,1fr) 14px 18px;gap:2px;padding:14px 5px 2px;font-size:24px}
  .immersive .card-corner{font-size:9px;line-height:1;top:4px}
  .immersive .card-pick-count{min-height:18px;padding:2px 1px}
}
/* Keep the playable controls in the first view; extra history stays scrollable. */
.immersive .table-caption{display:none}.immersive .selection-feedback:empty{min-height:0;height:0;margin:0}.immersive .hand{align-items:flex-start}.immersive .action-panel{padding-top:5px;padding-bottom:6px;min-height:90px}.immersive .tutorial-hint{padding:0 12px}.immersive .reactions{flex-wrap:nowrap;overflow:auto;justify-content:flex-start;white-space:nowrap}.immersive .reactions button{flex-shrink:0}.immersive .reactions button:first-child{margin-left:auto}.immersive .reactions button:last-child{margin-right:auto}
@media(min-width:741px) and (min-height:601px){.immersive .game-panel{grid-template-rows:30px minmax(250px,1fr) auto;min-height:580px}.immersive .hand{min-height:126px;padding-top:20px}.immersive .seat-bottom{bottom:8px}.immersive .table-center{top:47%}.immersive .table-center .round-progress{margin-top:5px}}
@media(max-width:740px){.immersive .game-panel{grid-template-rows:30px 48px minmax(290px,1fr) auto;min-height:710px}.immersive .table-feed{height:44px}.immersive .action-panel{grid-template-columns:1fr;gap:6px;min-height:112px;margin:0 0 6px;padding:6px 4px}.immersive .action-copy{min-height:0}.immersive .action-controls:empty{display:none}.immersive .hand{min-height:128px;padding:20px 12px 6px}.immersive .number-card{height:98px}.immersive .tutorial-hint{font-size:9px}.immersive .tutorial-hint button{font-size:9px}.immersive .seat-bottom{bottom:2px}.immersive .table-center{top:53%}.immersive .table-claim{margin-top:7px}.immersive .pile-caption{margin-top:5px}.immersive .round-progress{font-size:8px}.immersive .seat-left,.immersive .seat-right{top:26%}.immersive .table-footer{bottom:1px}.immersive .table-center .call-and-pile{height:78px}.immersive .table-center .pile-visual{height:76px;width:54px}.immersive .call-number{font-size:56px}.immersive .reveal-row{height:65px}.immersive .reveal-caption{margin-bottom:2px}.immersive .selection-feedback{min-height:18px;margin-top:3px}.immersive .hand-heading{padding-top:4px}.immersive .reactions{padding:2px 0}.immersive .seat-left .seat-info,.immersive .seat-right .seat-info{max-width:70px}.immersive .table-feed li{font-size:9px!important}}
@media(min-width:741px) and (max-height:600px){.immersive .app-shell{padding:0 20px 0}.immersive .site-header{height:40px;flex-basis:40px}.immersive .game-panel,.immersive .game-panel:has(.tutorial-hint:not([hidden])){min-height:0;grid-template-rows:26px minmax(174px,1fr) auto}.immersive .tutorial-hint{display:none!important}.immersive .action-panel{min-height:67px;padding:2px 4px;margin:0}.immersive .action-copy{min-height:0}.immersive .action-controls{width:250px}.immersive .selection-summary{min-height:32px}.immersive .clear-selection{min-height:32px}.immersive .hand-heading{min-height:18px}.immersive .hand{min-height:105px;height:105px;padding-top:12px}.immersive .number-card{height:82px}.immersive .selection-feedback{min-height:14px;line-height:14px;font-size:9px}.immersive .action-controls .button{min-height:44px}.immersive .timeout-warning:empty{display:none}.immersive .seat-top .mini-hand{display:none}.immersive .table-center{top:45%;transform:translate(-50%,-45%)}.immersive .call-and-pile{height:48px;gap:24px}.immersive .pile-visual{height:50px;width:38px}.immersive .call-number{font-size:43px}.immersive .call-label{font-size:7px}.immersive .table-claim{font-size:11px;margin-top:4px}.immersive .pile-caption{font-size:10px;margin-top:3px}.immersive .round-progress{font-size:8px;margin-top:2px}.immersive .seat-bottom{bottom:1px}.immersive .seat-top{top:2px}.immersive .table-footer{bottom:1px}.immersive .seat .avatar{width:30px;height:30px;font-size:19px}.immersive .seat-name{font-size:9px;max-width:130px}.immersive .seat-count{font-size:9px}.immersive .table-feed{width:140px;max-height:95px;top:24px}.immersive .seat-left,.immersive .seat-right{top:35%}.immersive .reveal-row{height:55px}.immersive .reveal-card{height:50px;width:35px;font-size:23px}.immersive .reveal-caption{font-size:7px;margin-bottom:2px}}
.immersive .bot-tag{display:inline-block;white-space:nowrap}.immersive .seat-bottom .seat-info{max-width:190px}.immersive .seat-bottom .seat-name{max-width:190px;white-space:nowrap}
.collection-flight{position:absolute;z-index:8;pointer-events:none;width:50px;height:64px;border:2px solid #fbf6ff;border-radius:7px;background:#8662b0;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 4px 0 #baa1cf;opacity:0;animation:collect-pile 1.5s ease-in-out both}.collection-flight span{font-size:30px;line-height:30px}.collection-flight b{font-size:12px}@keyframes collect-pile{0%,30%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg)}42%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg)}85%{opacity:1;transform:translate(calc(-50% + var(--collect-x)),calc(-50% + var(--collect-y))) scale(.55) rotate(4deg)}100%{opacity:0;transform:translate(calc(-50% + var(--collect-x)),calc(-50% + var(--collect-y))) scale(.35)}}.result-spark{animation:win-mark .55s ease-out}@keyframes win-mark{from{transform:scale(.6) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reduce-motion .collection-flight{display:none}.reduce-motion .result-spark{animation:none}@media(prefers-reduced-motion:reduce){.collection-flight{display:none}.result-spark{animation:none}}

/* Variable-size tables retain the same card sizes and action targets. */
.table-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin:16px 0}
.table-settings label{display:grid;gap:7px;font-size:12px;color:#61437f}
.table-settings select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #bcabc9;border-radius:8px;background:#fcf9ff;color:#4a345e;font:inherit}
.table-settings select:focus-visible,.practice-options summary:focus-visible{outline:3px solid #765ac6;outline-offset:3px}
.practice-options{max-width:430px;margin:18px auto;color:#61437f;font-size:12px}
.practice-options summary{cursor:pointer;min-height:44px;display:grid;place-content:center;text-decoration:underline;text-underline-offset:4px}
.avatar-4{background:#bcd6c7;color:#335e4a}.avatar-5{background:#e8c8b8;color:#76462d}
#seats{display:contents}
.table .seat-upper-left .phase-clock,.table .seat-upper-right .phase-clock{top:0;left:calc(100% + 14px)}
.table .seat-upper-left{left:29%;top:8px;transform:translateX(-50%)}
.table .seat-upper-right{left:71%;top:8px;transform:translateX(-50%)}
.table[data-seat-count="6"] .seat-upper-left{left:23%}
.table[data-seat-count="6"] .seat-upper-right{left:77%}
.table:not([data-seat-count="4"]) .seat:not(.seat-bottom){max-width:155px}
@media(max-width:740px){
  .table:not([data-seat-count="4"]){height:420px;min-height:420px}
  .table:not([data-seat-count="4"]) .seat:not(.seat-bottom){position:absolute;top:calc(9px + var(--opponent-row)*84px);left:calc((var(--opponent-column) + .5)*100%/var(--opponent-cols));right:auto;transform:translateX(-50%);width:calc(100%/var(--opponent-cols) - 10px);max-width:140px;display:flex;flex-direction:row;gap:5px;text-align:left}
  .table:not([data-seat-count="4"]) .seat:not(.seat-bottom) .avatar{width:30px;height:30px;min-width:30px;font-size:17px;border-width:2px}
  .table:not([data-seat-count="4"]) .seat-info{min-width:0}
  .table:not([data-seat-count="4"]) .seat:not(.seat-bottom) .seat-name{font-size:10px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .table:not([data-seat-count="4"]) .seat-count{font-size:9px}
  .table:not([data-seat-count="4"]) .mini-hand{display:none}
  .table:not([data-seat-count="4"]) .seat .phase-clock{position:absolute;top:50px;bottom:auto;left:0;transform:none;display:flex;flex-direction:row;gap:4px;width:auto}
  .table:not([data-seat-count="4"]) .clock-ring{width:24px;height:24px;padding:2px}
  .table:not([data-seat-count="4"]) .clock-face strong{font-size:11px}
  .table:not([data-seat-count="4"]) .clock-face>span{display:none}
  .table:not([data-seat-count="4"]) .clock-label{font-size:8px;white-space:nowrap}
  .table:not([data-seat-count="4"]) .table-center{top:156px}
  .table[data-seat-count="3"]{height:350px;min-height:350px}
  .table[data-seat-count="3"] .table-center{top:87px}
  .table-settings{gap:10px}
}
@media(max-width:740px){
  .immersive .game-panel:has(.table:not([data-seat-count="4"])){grid-template-rows:30px 58px 420px auto;height:auto}
  .immersive .game-panel:has(.table[data-seat-count="3"]){grid-template-rows:30px 58px 350px auto}
  .immersive .table:not([data-seat-count="4"]) .table-center{top:255px;width:90%}
  .immersive .table[data-seat-count="3"] .table-center{top:171px}
  .immersive .table:not([data-seat-count="4"]) .seat-bottom{bottom:48px}
  .table:not([data-seat-count="4"]) .clock-face{padding-top:0}
}
.record-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:20px 0}.record-filters label{display:grid;gap:6px;font-size:11px;color:#61437f}.record-filters select{min-width:0;min-height:44px;border:1px solid #bcabc9;border-radius:7px;background:#fcf9ff;color:#4a345e;font:inherit;padding:7px}.record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 8px;padding:20px 0;border-top:1px solid #d8cede;border-bottom:1px solid #d8cede;text-align:center}.record-summary strong{display:block;font-size:24px;color:#61437f}.record-summary span{display:block;font-size:10px;margin-top:5px;color:#715882}.record-history{list-style:none;padding:0;gap:0}.record-history li{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #d8cede}.record-history strong,.record-history span{display:block;font-size:11px}.record-history span{font-size:10px}.record-history li>div:last-child{text-align:right;flex-shrink:0}.record-pages{display:flex;gap:10px}.save-status{min-height:20px;font-size:12px;color:#61437f}.empty-record{font-size:12px}#modal:has([data-records]){max-width:610px}#modal:has([data-records]) h3{font-size:14px;margin-top:20px}
@media(max-width:740px){.header-tools{gap:5px}.header-tools .help-button{padding:8px;min-width:40px}#records>span{display:none}.record-filters{gap:5px}}

.seat-order{display:none}
@media(max-width:740px){.table:not([data-seat-count="4"]) .seat-order{display:inline;margin-right:3px;font-size:8px;color:#61437f}.header-tools .help-button{min-width:44px}}
/* Connection changes must not move the welcome screen or the cards. */
.connection-status{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);z-index:60;border:1px solid #d5bdca;border-radius:8px;box-shadow:0 3px 12px #4a345e20;pointer-events:none}

.mobile-seat-kind{display:none}
@media(min-width:741px){.immersive .game-panel:has(.table:not([data-seat-count="4"])) .table-feed{display:none}}
@media(max-width:740px){
  .table:not([data-seat-count="4"]) .seat:not(.seat-bottom) .bot-tag{display:none}
  .table:not([data-seat-count="4"]) .mobile-seat-kind{display:block;position:absolute;left:0;top:35px;width:30px;text-align:center;font-size:6px;line-height:1.2;letter-spacing:.3px;color:#61437f;background:#faf6ff;border-radius:3px;padding:1px}
}

/* Horizontal scrolling clips both axes: keep the raised card, feedback bubble
   and remove button inside the hand's scroll area at every breakpoint. */
.immersive .hand{padding-top:40px;height:auto}

/* Locale controls share the existing controls' touch target size. */
.language-choice{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px auto 8px;color:var(--purple)}
.language-choice select,.setting-row select{min-height:44px;max-width:100%;padding:8px 30px 8px 12px;border:1px solid #cfc1dc;border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit}
html:lang(zh-CN) body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
html:lang(zh-CN) .eyebrow,html:lang(zh-CN) .table-label,html:lang(zh-CN) .phase-label,html:lang(zh-CN) .header-tag{letter-spacing:.08em}
html:lang(zh-CN) .welcome-screen h1,html:lang(zh-CN) .lobby-screen h1,html:lang(zh-CN) .result-screen h1{line-height:1.2;letter-spacing:-.025em}
html:lang(zh-CN) .setting-row,html:lang(zh-CN) .modal-foot{line-height:1.65}

html:lang(zh-CN) h1,html:lang(zh-CN) h2{font-family:inherit}
html:lang(zh-CN) h1 em{font-style:normal}

/* Expanded tables need room between the upper and side seats in short windows. */
@media(min-width:741px) and (max-height:600px){
  .immersive .game-panel:has(.table[data-seat-count="5"]),
  .immersive .game-panel:has(.table[data-seat-count="6"]){height:auto;grid-template-rows:26px minmax(240px,1fr) auto}
}