*{box-sizing:border-box}body{color:#f4f0e5;background:#101e1c;margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:1300px;margin:auto;padding:32px 24px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0;font:56px Georgia,serif}h2{font-size:16px;font-weight:500}.eyebrow{color:#c0cab9;letter-spacing:2px;font-size:12px}button{color:#15221e;font:inherit;cursor:pointer;background:#e5c37e;border:0;border-radius:8px;padding:13px 22px}button:focus-visible{outline-offset:5px;outline:3px solid #fff}.table{text-align:center;background:#1d3e33;border:1px solid #486355;border-radius:24px;padding:24px}.hand{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card{color:#17221e;text-align:left;background:#fff9ee;border-radius:8px;flex-direction:column;width:76px;height:106px;padding:8px 12px;display:flex;box-shadow:0 4px 7px #0003}.card strong{font-size:21px}.card span{text-align:center;font-size:34px;line-height:1.3}.hearts,.diamonds{color:#b32e35}.back{color:#dcc994;background:repeating-linear-gradient(45deg,#2b5149,#2b5149 6px,#345d54 6px 8px);border:4px solid #d7deca;justify-content:center;align-items:center;font-size:28px}.center{justify-content:center;align-items:center;gap:48px;padding:32px 0 12px;display:flex}.center .card{margin:auto}.center p{color:#d5ddcf;font-size:13px}.count{font-size:36px}.status{color:#f0d596}footer{color:#b6c3b9;text-align:center;margin-top:20px;font-size:14px}@media (width<=560px){main{padding:20px 12px}.table{padding:16px 8px}.card{width:55px;height:83px;padding:5px}.hand{gap:5px}.center{gap:22px}}button:disabled{cursor:default}button:not(.card):disabled{opacity:.4}.card:disabled{opacity:.8}.card.legal{outline-offset:2px;outline:2px solid #e5c37e}.card.selected{outline:4px solid #fff;transform:translateY(-8px)}.card.target{outline:4px solid #e5c37e}.stats{color:#fff9ee;text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px 28px;margin:24px 0;font-size:20px;font-weight:600;display:flex}.stats>span{align-items:center;gap:8px;display:inline-flex}.trump-symbol{color:#000;background:#fff9ee;border-radius:6px;place-items:center;width:36px;height:40px;font-size:30px;line-height:1;display:inline-grid}.trump-symbol.hearts,.trump-symbol.diamonds{color:#c62828}.battle{border-block:1px solid #486355;flex-wrap:wrap;justify-content:center;gap:18px;min-height:160px;padding:20px 0;display:flex}.pair{grid-template-columns:auto auto;gap:8px;display:grid}.pair small{color:#c0cab9;grid-column:1/-1}.empty-cover{color:#c0cab9;border:1px dashed #779081;border-radius:8px;place-items:center;width:76px;height:106px;font-size:11px;display:grid}.actions{justify-content:center;gap:12px;margin:16px 0 28px;display:flex}.empty{color:#c0cab9;align-self:center}.dev{background:#29332b;border:1px dashed #9b925d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px;font-size:13px;display:flex}.dev button{padding:6px 12px;font-size:13px}.hand{padding:8px 0}details{padding:18px 0}summary{cursor:pointer}@media (width<=560px){.empty-cover{width:55px;height:83px}.pair{gap:5px}.battle{gap:12px}}.restart{background:#29332b;border:2px solid #e5c37e;border-radius:12px;margin:16px 0;padding:20px}.sort-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:12px 0;display:flex}select{font:inherit;color:#f4f0e5;background:#173229;border:1px solid #a0b5a5;border-radius:6px;max-width:100%;padding:10px}select:focus-visible{outline-offset:3px;outline:3px solid #e5c37e}.move-note{color:#bce7f4;min-height:1.5em}.card.last-move{box-shadow:0 0 0 3px #8cd7ed,0 4px 7px #0003}.settings-notice{color:#f0d596;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.game-layout .stats{text-align:center;flex-flow:column;justify-content:center;align-items:center;gap:20px;height:calc(100dvh - 32px);margin:0;padding:16px 0;position:sticky;top:16px;overflow-y:auto}.game-layout .stats>span{flex-wrap:wrap;flex-shrink:0;justify-content:center}.game-layout .table{min-width:0}@media (width<=700px){.game-layout{grid-template-columns:110px minmax(0,1fr);gap:10px}.game-layout .stats{gap:18px;padding-top:16px;font-size:16px}.game-layout .stats>span{gap:5px}.trump-symbol{width:28px;height:32px;font-size:25px}}