.turnbar{--tb-msg-lines:3;--tb-st-lines:1}.stage{max-width:720px;margin-inline:auto;padding:14px}.turnbar{align-items:flex-start}.turnbar .message{min-height:calc(var(--tb-msg-lines)*1.55em);height:calc(var(--tb-msg-lines)*1.55em);line-height:1.55;white-space:normal;overflow:visible}.field{min-width:0}.field select{max-width:100%}.setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-settings{margin-top:12px}.custom-settings .setup-fields{margin-top:8px}#table-wrap{outline:none}#table{border:1px solid var(--line,#CBD2D8);border-radius:14px;background:var(--surface);padding:12px}#team-score{font-size:19px;font-weight:700;text-align:center;margin:0 0 5px}#table-meta{min-height:3.2em;text-align:center;line-height:1.6;font-size:14px;margin:0}.trick-layout{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:96px 96px 96px;align-items:center;justify-items:center}.seat{width:100%;min-width:0;text-align:center;border:2px solid transparent;border-radius:10px;padding:3px;font-size:14px;line-height:1.35}.seat.on{border-color:var(--accent,#326E96)}.seat.out{opacity:.65}.seat strong{display:block;min-height:1.4em}.seat .played{width:44px;height:60px;margin:2px auto 0}.played svg{width:100%;height:100%}.seat small{display:block;font-size:12px}.seat[data-seat="2"]{grid-area:1/2}.seat[data-seat="1"]{grid-area:2/1}.seat[data-seat="3"]{grid-area:2/3}.seat[data-seat="0"]{grid-area:3/2}.trump-center{grid-area:2/2;text-align:center;font-size:14px}.trump-center strong{font-size:24px;display:block}.upcard{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.upcard svg{width:30px;height:41px}.hand-label{text-align:center;font-size:14px;margin:8px 0 4px}#hand{display:flex;justify-content:center;gap:5px;min-height:91px;align-items:flex-start}.hand-card{padding:2px 0;background:transparent;border:2px solid transparent;border-radius:7px;width:55px;min-width:44px;min-height:88px;color:var(--ink);font:inherit;cursor:pointer}.hand-card svg{display:block;width:100%;max-height:70px}.hand-card span{display:block;line-height:1.1;font-size:12px}.hand-card.legal{border-color:var(--accent,#326E96);background:var(--accent-soft)}.hand-card:disabled{cursor:default;opacity:.55}.hand-card.bower span{font-weight:700}.hand-card:focus-visible{outline:3px solid var(--accent,#326E96);outline-offset:2px}#action-panel{min-height:155px;margin-top:10px}#bid-panel .suits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}#bid-panel .suits .btn{font-size:24px;padding:5px;min-height:44px}.bid-other{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.bid-other label{display:flex;align-items:center;gap:8px;min-height:44px}input[type=checkbox]{width:21px;height:21px}#next-panel{text-align:center;padding-top:10px}#next-panel p{min-height:3.1em;font-size:15px;line-height:1.55;margin:0 0 10px}#result{border-top:1px solid var(--line,#CBD2D8);margin-top:16px;padding-top:10px;text-align:center}#result h2{margin:5px 0 8px}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.controls .btn{min-height:44px}.score-history{margin-top:8px}#score-table{width:100%;font-size:14px;border-collapse:collapse}#score-table td,#score-table th{padding:7px 3px;text-align:center;border-bottom:1px solid var(--line,#CBD2D8)}.ad-gap{height:160px}.article{max-width:800px;margin:0 auto;padding:0 16px}.article img{display:block;width:100%;height:auto;margin:12px auto 24px;max-width:640px}.article table{width:100%;border-collapse:collapse;table-layout:fixed}.article th,.article td{border:1px solid var(--line,#CBD2D8);padding:8px;overflow-wrap:anywhere}.article p{line-height:1.9}.site-footer{margin-top:36px;text-align:center;padding:20px;font-size:14px}ruby rt{font-size:.58em}.stage [hidden]{display:none!important}
@media(min-width:650px){.turnbar{--tb-msg-lines:3;--tb-st-lines:1}.trick-layout{grid-template-rows:96px 96px 96px}#action-panel{min-height:145px}}
@media(max-width:420px){.stage{padding:10px}#table{padding:8px}.hand-card{width:44px;min-height:77px}#hand{gap:3px;min-height:80px}.hand-card svg{max-height:61px}.seat{font-size:12px}.seat strong{min-height:2.7em;display:flex;justify-content:center;align-items:center}.trick-layout{grid-template-rows:88px 88px 88px}.seat .played{height:56px;width:41px}.setup-fields{grid-template-columns:1fr}.controls{gap:6px}.controls .btn{font-size:15px;padding:8px 11px}}

@media(max-width:420px){.trick-layout{grid-template-rows:86px 86px 86px}.seat strong{min-height:1.4em}.seat .played{height:50px;width:37px}#action-panel{min-height:112px}.turnbar .message{font-size:15px}.turnbar .status{font-size:16px}.controls .btn{font-size:17px}.controls{margin-top:6px}}

/* Public upcard stays outside the four played-card slots. */
.turnbar{--tb-msg-lines:3}.turnbar .status{--tb-st-lines:1}
.trick-layout{grid-template-rows:96px 96px 96px}.seat{padding:2px;line-height:1.2}.seat strong{min-height:1.2em;line-height:1.2}.seat small{line-height:1.2}.seat .played{height:54px;width:40px;margin:2px auto}.trump-center{font-size:13px;line-height:1.25}.trump-center strong{font-size:26px;line-height:1.35}.upcard{min-height:42px;margin:0 auto 2px}#table-meta{min-height:1.6em}.upcard svg{height:41px;width:30px}#action-panel{min-height:0}#next-panel{min-height:105px}
@media(min-width:650px){.turnbar{--tb-msg-lines:2;--tb-st-lines:1}}
@media(max-width:420px){.trick-layout{grid-template-rows:88px 88px 88px}.seat .played{height:46px;width:34px}.seat strong{min-height:1.2em}.trump-center{font-size:12px}}

.article figure{margin:16px 0 24px}

/* Native settings retain a readable type size and finger-sized hit target. */
#setup select{font:inherit;font-size:16px;min-height:44px;width:100%;padding:8px 32px 8px 10px;border:1px solid var(--line-strong);border-radius:6px;background-color:var(--surface);color:var(--ink)}