.cards-shell{max-width:1240px;margin:auto;padding:24px}.game-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.game-nav a,.game-nav button{padding:8px 14px;border:1px solid #ac966d;border-radius:20px;color:inherit;text-decoration:none}.game-nav [aria-current=true]{background:#254c3b;color:#fff}.cards-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.cards-layout aside{padding:20px;border:1px solid #c7b793;border-radius:16px;background:#fffaf0}.cards-layout aside>button,.cards-layout aside>select{display:block;width:100%;margin:12px 0}.card-table{border:8px solid #876745;border-radius:36px;background:radial-gradient(ellipse at center,#326451,#183e30);padding:22px;min-height:320px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px}.seat-panel{border:1px solid #ffffff32;border-radius:12px;padding:12px;min-width:0}.seat-panel.active{border-color:#f5d697;box-shadow:0 0 0 2px #f5d69755}.seat-panel h3{color:#f8deb3;margin:0 0 8px;font-size:16px}.seat-panel p{margin:6px 0;overflow-wrap:anywhere;font-size:13px}.mini-cards{display:flex;flex-wrap:wrap;gap:3px}.mini-card{background:#fff7e6;color:#162b22;border-radius:4px;padding:4px;font-size:13px}.hand{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.playing-card{min-width:45px;min-height:65px;padding:8px 5px;border:1px solid #c5b08c;border-radius:7px;background:#fffaf0;color:#1d2c23;font-size:19px;font-weight:600;box-shadow:0 2px 3px #0002}.playing-card.red{color:#b23334}.playing-card.selected{transform:translateY(-7px);border:2px solid #aa6a18;background:#fff1ca}.playing-card:disabled{opacity:.65}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.cards-shell button,.cards-shell select{cursor:pointer}.cards-shell button:focus-visible,.cards-shell a:focus-visible{outline:3px solid #ddaa46;outline-offset:3px}.cards-shell button[hidden]{display:none}.cards-shell #status{min-height:24px}.cards-shell #log{max-height:250px;overflow:auto;padding-left:25px;font-size:13px}.cards-shell footer{margin-top:24px}.cards-shell details{font-size:14px;line-height:1.7}.cards-shell #notice{font-size:13px;color:#765326}@media(max-width:800px){.cards-layout{grid-template-columns:1fr}.cards-shell{padding:12px}.card-table{padding:12px;border-width:5px}.playing-card{min-width:39px;min-height:56px;font-size:16px}.topbar{flex-wrap:wrap}}
/* High-contrast contemporary table; tiles retain their contrast while waiting. */
body:has(.cards-shell){background:#0b1220;color:#edf3ff;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;padding:12px}
.cards-shell{color:#edf3ff}.cards-shell .topbar{color:#edf3ff}.cards-shell .topbar>a{color:#b8e7ff;margin-left:22px}.cards-shell .game-nav a{color:#e2ecff;border-color:#475672;background:#162238}.cards-shell .game-nav [aria-current=true]{background:#164f65;border-color:#65d7f5;color:#fff}.cards-shell h2{font-size:1.65rem;letter-spacing:-.025em}.cards-shell #status{color:#d6edff;font-size:1rem;padding:12px 16px;background:#162238;border-left:3px solid #54d3ee;border-radius:6px}.cards-layout aside{background:#162238;color:#e7efff;border-color:#3c4d68;border-radius:18px}.cards-shell details,.cards-shell #notice{color:#cad8ef;font-size:.9rem}.cards-shell #summary{font-size:1rem;line-height:1.65;color:#f3f7ff}.card-table{background:#10453e;border:1px solid #39746d;border-radius:22px;box-shadow:0 18px 50px #0003}.seat-panel{background:#0b332f;border-color:#527b76}.seat-panel h3{color:#d8fff5;font-size:1rem}.seat-panel p{color:#e3f6f0;font-size:.875rem}.seat-panel.active{border-color:#77e5ef;box-shadow:0 0 0 2px #77e5ef33}.cards-shell button:not(.playing-card),.cards-shell select{background:#22334e;color:#f0f6ff;border:1px solid #5a6e90;padding:10px 14px;border-radius:9px;font:600 .9rem system-ui}.cards-shell .primary-btn{background:#0a6077!important;color:#fff!important;border-color:#54d3ee!important}.cards-shell .card-actions .primary-btn{width:auto;margin:0}.cards-shell button:disabled{cursor:default}.cards-shell .playing-card:disabled{opacity:1;background:#f3f6fc}.cards-shell .playing-card{background:#fff;border-color:#b8c8dc;box-shadow:0 4px 0 #7da6a2,0 6px 8px #0005;padding:2px;overflow:hidden;min-width:48px}.cards-shell .playing-card.selected{border:2px solid #23d9ef;background:#fff;box-shadow:0 4px 0 #0b8c99,0 0 0 3px #23d9ef44}.tile-face{display:block;width:52px;height:auto;aspect-ratio:3/4;object-fit:contain}.mini-card:has(.tile-face){padding:0;background:transparent}.mini-cards .tile-face{width:29px}.meld-set{display:flex;gap:1px;margin-right:8px;border-bottom:2px solid #95c7bb;padding-bottom:3px}.cards-shell .playing-card.red{color:#b3192d}.cards-shell a{color:#ace8ff}.cards-shell button:focus-visible{outline-color:#58def1}.cards-shell #selection{color:#d5e5fc}.cards-shell #log{color:#d5e5fc}.cards-shell .language-picker [aria-pressed=true]{background:#e3f4ff;color:#142239}.cards-shell footer{color:#cbd9ee}@media(max-width:600px){.cards-shell .tile-face{width:40px}.cards-shell .playing-card{min-width:42px;min-height:57px}.cards-shell .mini-cards .tile-face{width:25px}.cards-shell .hand{gap:5px}.cards-shell .card-table{gap:8px}.cards-shell .seat-panel{padding:9px}.cards-shell .topbar>a{margin-left:10px}}
@media(min-width:950px){.cards-layout:has(#rulesPanel:not([open])){grid-template-columns:minmax(0,1fr) 240px}}