:root{--ocean-950:#102e2a;--ocean-900:#173d34;--ocean-800:#255848;--coral:#d65e4e;--yellow:#efbd56}
[hidden]{display:none!important}.game-intro h1{font-size:clamp(4rem,7vw,7.5rem)}.tp-alias{margin:.9rem 0 0;color:#596b63;font-size:.7rem}.tp-alias span{color:#b34b3d;font-size:.59rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;padding-top:15px;padding-bottom:15px}.score-strip{display:flex;flex-wrap:wrap;gap:13px}.score-strip span{color:#b8d0c4}.tp-no-trump{color:var(--yellow);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tp-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px}.tp-table{min-width:0;min-height:680px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:25px 22px 30px;background:radial-gradient(circle at 50% 46%,#2f7055,#1c483c 73%);text-align:center}.tp-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;max-width:700px;width:100%;margin:0 auto}.tp-seat{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:2px 7px;min-width:0;padding:8px;border:1px solid #ffffff39;border-radius:8px;text-align:left;background:#153b3299}.tp-seat.current{border-color:var(--yellow)}.tp-seat .avatar{grid-row:1/3;width:30px;height:30px;font-size:.85rem;background:#d9ab57;color:#172b27}.tp-seat.seat-west .avatar{background:#a88ac1}.tp-seat.seat-east .avatar{background:#e18371}.tp-seat strong{font-size:.7rem}.tp-seat small{font-size:.55rem;color:#bfd7c9}.tp-backs{grid-column:1/-1;display:flex;justify-content:center;padding:5px 0 0}.tp-backs .tp-card{width:30px;height:42px;margin-left:-12px;font-size:1rem}.tp-backs .tp-card:first-child{margin-left:0}
.tp-centre{max-width:650px;margin:auto;width:100%}.tp-centre .table-kicker{margin:0 0 5px;color:var(--yellow);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tp-centre h2{margin:0 0 16px;font:400 clamp(1.6rem,3vw,2.4rem)/1.15 var(--serif)}.tp-trick{display:flex;justify-content:center;align-items:center;gap:14px;min-height:130px;padding:12px;border:1px dashed #ffffff4d;border-radius:12px;background:#123e3450}.tp-trick>p{color:#c7dfce;font-size:.72rem}.tp-play small{display:block;margin-bottom:5px;color:#d5e8dd;font-size:.59rem}.tp-status{min-height:2.5em;margin:13px auto 9px;color:#d6e8dc;font-size:.7rem;line-height:1.5}.tp-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.tp-actions button{min-height:42px;padding:9px 17px;border:1px solid #e3eee6a0;border-radius:4px;background:#f4eee0;color:#163027;font-size:.7rem;font-weight:700;cursor:pointer}.tp-actions button:disabled{opacity:.4;cursor:default}.tp-actions button:hover:not(:disabled),.tp-actions button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.tp-actions .tp-primary{background:var(--coral);border-color:var(--coral);color:white}.tp-response{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.tp-response p{width:100%;margin:0 0 4px;color:#e7f1e9;font-size:.72rem}
.tp-human{max-width:700px;width:100%;margin:0 auto}.tp-human-title{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;text-align:left}.tp-human-title .avatar{width:35px;height:35px;background:#f0e9d8;color:#163027}.tp-human-title strong,.tp-human-title small{display:block}.tp-human-title strong{font-size:.73rem}.tp-human-title small{font-size:.59rem;color:#c5ddce}.tp-hand{display:flex;justify-content:center;gap:7px}.tp-hand-card{padding:0;border:0;background:transparent;cursor:pointer}.tp-hand-card:disabled{opacity:.5;cursor:default}.tp-hand-card:hover:not(:disabled),.tp-hand-card:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;transform:translateY(-4px)}.tp-card{position:relative;display:block;width:58px;height:82px;border-radius:5px;background:#fffaf1;color:#172823;box-shadow:0 7px 13px #102f2880;text-align:left}.tp-card.red{color:#d35b4c}.tp-card b{position:absolute;top:5px;left:7px;font:400 1.1rem/1 var(--serif)}.tp-card small{display:block;font-size:.62rem}.tp-card i{position:absolute;inset:0;display:grid;place-items:center;font:normal 1.9rem var(--serif)}.tp-card.back{display:grid;place-items:center;border:3px solid #fffaf1;background:var(--coral);color:white;box-shadow:inset 0 0 0 2px #ffffff80,0 7px 13px #102f2880}
.game-panel{display:flex;flex-direction:column;gap:17px;padding:24px;background:#102e2a}.game-panel .action-card{padding:22px;background:#f1e8d8;color:#162923}.game-panel .action-card h2{margin:8px 0;font:400 1.6rem/1.15 var(--serif)}.game-panel .action-card p,.selection-panel p{margin:0;font-size:.7rem;line-height:1.55}.panel-kicker,.selection-panel>span{font-size:.59rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}.game-panel .panel-kicker{color:var(--coral)}.tp-scoreboard h3{margin:0 0 8px;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.tp-scoreboard>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tp-score{display:flex;justify-content:space-between;gap:5px;padding:9px;background:#ffffff13;font-size:.63rem}.tp-score.out{opacity:.48}.tp-score span{color:var(--yellow)}.selection-panel{border-bottom:1px solid #ffffff30;padding-bottom:15px}.selection-panel p{margin-top:7px;color:#c5dace}.history-panel ol{max-height:220px;overflow:auto;padding-left:17px}.history-panel li{display:list-item;padding:5px 0}.rules-grid article{min-height:190px}.game-taxonomy{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.tp-layout{grid-template-columns:1fr}.tp-table{min-height:600px}.game-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.history-panel{grid-column:1/-1}.rules{grid-template-columns:1fr}}
@media(max-width:760px){.site-header,.game-intro{width:calc(100% - 36px)}.site-header{height:76px}.game-intro{flex-direction:column;align-items:flex-start;gap:16px;padding:48px 0 30px}.game-intro h1{font-size:clamp(3.5rem,14vw,5rem)}.game-topbar{padding:13px 18px}.score-strip{gap:7px;font-size:.55rem}.tp-table{min-height:520px;padding:14px 8px 22px;gap:14px}.tp-seats{gap:5px}.tp-seat{grid-template-columns:24px 1fr;gap:2px 4px;padding:6px}.tp-seat .avatar{width:23px;height:23px;font-size:.65rem}.tp-seat strong{font-size:.59rem}.tp-seat small{font-size:.48rem}.tp-backs .tp-card{width:23px;height:33px;margin-left:-10px}.tp-centre h2{font-size:1.45rem}.tp-trick{gap:5px;min-height:105px;padding:8px}.tp-trick .tp-card{width:43px;height:62px}.tp-trick .tp-card b{font-size:.85rem}.tp-trick .tp-card i{font-size:1.3rem}.tp-play small{font-size:.49rem}.tp-hand .tp-card{width:55px;height:78px}.game-panel{display:flex;padding:18px}.rules{padding:65px 18px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0;padding:1.25rem 0}.ad-section{padding:30px 18px}.game-taxonomy{grid-template-columns:1fr}}

/* Namespaced seats prevent the shared four-seat table positions from shifting these grid cells. */
.tp-seats{align-items:stretch}
.tp-seat{min-height:96px;transform:none}
.tp-seat.tp-west .avatar{background:#a88ac1}
.tp-seat.tp-east .avatar{background:#e18371}
.tp-centre .table-kicker{margin-bottom:12px}
@media(max-width:760px){.tp-seat{min-height:78px}}