:root{--coral:#d65e4e;--yellow:#efbd56}
[hidden]{display:none!important}
.game-topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:14px 22px}.score-strip{display:flex;flex-wrap:wrap;gap:14px}.score-strip span{color:#c3d7ca}.qd-top-hint{color:var(--yellow);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.qd-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.qd-table{min-width:0;min-height:660px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;padding:22px;background:radial-gradient(circle at 50% 47%,#2e6758,#18423b 75%);text-align:center}.qd-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:9px;max-width:730px;width:100%;margin:0 auto}.qd-seat{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:3px 7px;min-width:0;min-height:95px;padding:7px;border:1px solid #ffffff42;border-radius:8px;text-align:left;background:#123a3299}.qd-seat .avatar{grid-row:1/3;width:29px;height:29px;font-size:.8rem;background:#d2aa59;color:#17342d}.qd-seat:first-child .avatar{background:#b79ac7}.qd-seat:last-child .avatar{background:#e29781}.qd-seat strong{font-size:.7rem}.qd-seat small{display:block;font-size:.54rem;color:#c5d9cc}.qd-backs{grid-column:1/-1;display:flex;justify-content:center;min-width:0;overflow:hidden}.qd-backs .qd-card{flex:0 0 auto;width:28px;height:39px;margin-left:-12px;font-size:1rem}.qd-backs .qd-card:first-child{margin-left:0}
.qd-centre{width:100%;max-width:720px;margin:auto}.qd-centre .table-kicker{margin:0 0 5px;color:var(--yellow);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.qd-trick-caption{margin:0 0 8px;color:#c8d8cf;font-size:.62rem;text-transform:uppercase;letter-spacing:.09em}.qd-trick{display:flex;align-items:center;justify-content:center;gap:12px;min-height:117px;padding:10px;border:1px dashed #ffffff55;border-radius:10px;background:#133e3655}.qd-trick>p{color:#d1e0d4;font-size:.73rem}.qd-play small{display:block;margin-bottom:5px;color:#d7e6dc;font-size:.59rem}.qd-status{min-height:2.4em;margin:12px auto;color:#e0e9dc;font-size:.72rem;line-height:1.45}.qd-controls{margin:8px auto 0;max-width:650px}.qd-controls p{margin:0 0 8px;color:#e8eee6;font-size:.72rem}.qd-button-row,.qd-suits{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.qd-controls button{min-height:40px;padding:8px 12px;border:1px solid #ffffff7c;border-radius:4px;background:#f0e8d8;color:#163127;font:600 .69rem var(--sans);cursor:pointer}.qd-controls button:hover:not(:disabled),.qd-controls button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.qd-controls button:disabled{opacity:.4;cursor:default}.qd-controls .qd-primary{border-color:var(--coral);background:var(--coral);color:#fff}.qd-suits button[aria-pressed="true"]{outline:2px solid var(--yellow);outline-offset:2px}.qd-controls label{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px 0;color:#f5f2e8;font-size:.69rem}.qd-controls select{max-width:140px;padding:7px;background:#f0e8d8;border:0;border-radius:3px}.qd-controls[data-next] p{max-width:530px;margin:0 auto 10px}
.qd-human{max-width:730px;width:100%;margin:0 auto}.qd-human-title{display:flex;justify-content:center;align-items:center;gap:9px;text-align:left}.qd-human-title .avatar{width:34px;height:34px;background:#f1e9d9;color:#19352e}.qd-human-title strong,.qd-human-title small{display:block}.qd-human-title strong{font-size:.72rem}.qd-human-title small{font-size:.58rem;color:#c7d9cc}.qd-human>p{margin:5px 0 10px;color:#dce9de;font-size:.65rem}.qd-hand{display:flex;justify-content:center;gap:5px}.qd-hand-card{padding:0;border:0;background:transparent;cursor:pointer}.qd-hand-card:disabled{opacity:1;cursor:default}body[data-qd-state="play"] .qd-hand-card:disabled{opacity:.45}.qd-hand-card:hover:not(:disabled),.qd-hand-card:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;transform:translateY(-4px)}.qd-card{position:relative;display:block;flex:0 0 auto;width:54px;height:76px;border-radius:5px;background:#fffaf1;color:#172823;box-shadow:0 6px 12px #102e286b;text-align:left}.qd-card.red{color:#d35b4c}.qd-card b{position:absolute;top:5px;left:6px;font:400 1rem/1 var(--serif)}.qd-card b small{display:block;font-size:.58rem}.qd-card i{position:absolute;inset:0;display:grid;place-items:center;font:normal 1.8rem var(--serif)}.qd-card.back{display:grid;place-items:center;border:3px solid #fffaf1;background:var(--coral);color:#fff;box-shadow:inset 0 0 0 2px #ffffff8c,0 6px 12px #102e286b}
.game-panel{display:flex;flex-direction:column;gap:17px;padding:23px;background:#102e2a}.game-panel .action-card{padding:21px;background:#f1e8d8;color:#162923}.game-panel .action-card h2{margin:8px 0;font:400 1.55rem/1.2 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)}.selection-panel{padding-bottom:15px;border-bottom:1px solid #ffffff30}.selection-panel p{margin-top:7px;color:#cadbcf}.history-panel ol{max-height:240px;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){.qd-layout{grid-template-columns:1fr}.qd-table{min-height:590px}.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:45px 0 30px}.game-intro h1{font-size:clamp(3.5rem,14vw,5rem)}.game-topbar{padding:12px 14px}.score-strip{gap:7px;font-size:.55rem}.qd-table{min-height:530px;padding:12px 8px 20px;gap:13px}.qd-seats{gap:5px}.qd-seat{grid-template-columns:22px 1fr;gap:2px 4px;min-height:78px;padding:5px}.qd-seat .avatar{width:21px;height:21px;font-size:.64rem}.qd-seat strong{font-size:.59rem}.qd-seat small{font-size:.47rem}.qd-backs .qd-card{width:20px;height:30px;margin-left:-10px}.qd-trick{gap:5px;min-height:85px;padding:7px}.qd-trick .qd-card{width:42px;height:59px}.qd-trick .qd-card b{font-size:.84rem}.qd-trick .qd-card i{font-size:1.3rem}.qd-play small{font-size:.48rem}.qd-status{font-size:.65rem}.qd-controls button{font-size:.62rem;padding:7px 9px}.qd-controls label{flex-wrap:wrap}.qd-hand{gap:0;justify-content:center;overflow-x:auto;scrollbar-width:thin;padding:3px 0 9px}.qd-hand-card{flex:0 0 auto;margin-right:-9px}.qd-hand-card:last-child{margin-right:0}.qd-hand .qd-card{width:clamp(36px,10vw,46px);height:64px}.qd-hand .qd-card b{font-size:.9rem}.qd-hand .qd-card i{font-size:1.35rem}.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}}