*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#fff;font:400 16px 'proxima-nova',Arial,sans-serif;padding:0 24px 36px}main{max-width:560px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;height:80px}header a{font-size:12px;color:#999;text-decoration:none}header a:hover{color:#fff}.game-heading{margin:42px 0 38px}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#777;margin:0 0 15px}h1{font-size:56px;line-height:1;font-weight:700;letter-spacing:-.045em;margin:0 0 16px}.game-heading>p:last-child{font-size:16px;color:#999;margin:0}.card-table{padding:0}.hand-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#777;margin-bottom:16px}.hand-label>span:last-child{color:#ccc;font-size:14px;font-weight:700;letter-spacing:0}.hand{display:flex;flex-wrap:wrap;gap:10px;min-height:102px;align-items:center}.empty-hand{font-size:13px;color:#444}.player-label{margin-top:36px;padding-top:24px;border-top:1px solid #222}.playing-card{width:68px;height:96px;flex-shrink:0;background:#eee;color:#111;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;animation:card-in .22s ease-out}.card-rank{font-size:27px;font-weight:700;line-height:1}.card-suit{font-size:20px;line-height:1.2}.playing-card.red{color:#8d3841}.card-back{background:#0d0d0d;border:1px solid #333;color:#888;font-size:29px}.game-status{font-size:16px;line-height:1.6;color:#ddd;min-height:26px;margin:30px 0 18px}.game-actions{display:flex;gap:10px;flex-wrap:wrap}.game-actions button{min-width:112px;padding:12px 22px;border:1px solid #3a3a3a;border-radius:5px;background:transparent;color:#ddd;font:700 14px 'proxima-nova',Arial,sans-serif;cursor:pointer;min-height:45px}.game-actions .primary{background:#eee;color:#111;border-color:#eee}.game-actions button:hover{border-color:#aaa}.game-actions .primary:hover{background:#ccc}.game-actions button:disabled{opacity:.4;cursor:default}.friendly-note{font-size:11px;color:#666;margin:18px 0 24px}.rules{color:#888;font-size:13px;line-height:1.75;max-width:470px}.rules summary{cursor:pointer;display:list-item;padding:5px 0;color:#777;font-size:12px}.rules p{margin:12px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}@keyframes card-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){body{padding-inline:20px}header{height:72px}.game-heading{margin:30px 0}h1{font-size:48px}.player-label{margin-top:28px;padding-top:22px}.playing-card{width:62px;height:88px}.hand{min-height:94px;gap:8px}.game-status{font-size:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}