:root{--table:#0c2240;--table-hi:#17375f;--ink:#e8eef6;--muted:#9fb3cc;--line:#ffffff29;--card:#fdfcf8;--card-edge:#c9c4b8;--red:#c8102e;--black:#16181d;--back:#0a66c2;--back-dark:#084f96;--accent:#58a6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 0%, var(--table-hi), var(--table) 70%) fixed, var(--table);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font:15px/1.3 system-ui,-apple-system,Segoe UI,sans-serif}header{flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:980px;margin:0 auto;padding:12px 12px 10px;display:flex}h1{letter-spacing:.02em;margin:0;font:600 20px/1 Georgia,Times New Roman,serif}.stats{color:var(--muted);font-variant-numeric:tabular-nums;gap:12px;display:flex}nav{align-items:center;gap:8px;margin-left:auto;display:flex}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:8px;padding:6px 12px;font-size:14px}button:hover:not(:disabled){background:#ffffff24}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg{display:flex}.seg button{border-radius:0}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-left:0;border-radius:0 8px 8px 0}.seg button.on{background:var(--ink);color:var(--table)}main{touch-action:none;-webkit-user-select:none;user-select:none;width:calc(100% - 24px);max-width:980px;margin:4px auto 24px;position:relative}.slot,.card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);position:absolute;top:0;left:0}.slot{border:1.5px solid var(--line)}.slot.foundation:after{content:"A";color:var(--line);font:600 calc(var(--cw) * .36) Georgia, serif;place-items:center;display:grid;position:absolute;inset:0}.slot.stock{cursor:pointer}.slot.stock:after{content:"↻";color:var(--muted);font-size:calc(var(--cw) * .42);place-items:center;display:grid;position:absolute;inset:0}.slot.stock.spent:after{content:""}.card{cursor:pointer;transition:transform .2s}main.still .card,.card.dragging{transition:none}.card.dragging{cursor:grabbing}.card.dragging .face{box-shadow:0 8px 18px #00000073}.face,.back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0}.face{background:var(--card);border:1px solid var(--card-edge);display:none;box-shadow:0 1px 2px #00000059}.card.up .face{display:block}.face{transition:filter .3s}.card.dim .face{filter:grayscale()brightness(.55)}.card.up .back{display:none}.back{border:calc(var(--cw) * .05) solid var(--card);background:repeating-linear-gradient(45deg, transparent 0 4px, #ffffff21 4px 5px), repeating-linear-gradient(-45deg, transparent 0 4px, #ffffff21 4px 5px), linear-gradient(160deg, var(--back), var(--back-dark));box-shadow:0 1px 2px #0006,inset 0 0 0 1px #00000026}.red{color:var(--red)}.black{color:var(--black)}.ix{top:calc(var(--cw) * .05);left:calc(var(--cw) * .07);font:700 calc(var(--cw) * .24) / .95 system-ui, -apple-system, sans-serif;letter-spacing:-.04em;text-align:center;position:absolute}.ix.br{top:auto;left:auto;bottom:calc(var(--cw) * .05);right:calc(var(--cw) * .07);transform:rotate(180deg)}.pip{padding-top:calc(var(--cw) * .1);font-size:calc(var(--cw) * .56);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.pip.court{font:600 calc(var(--cw) * .5) Georgia, "Times New Roman", serif}@media (width<=520px){.ix.br{display:none}.ix{font-size:calc(var(--cw) * .3)}.pip{font-size:calc(var(--cw) * .5);padding-top:calc(var(--cw) * .45)}.pip.court{font-size:calc(var(--cw) * .44)}}.card.nope{animation:.25s nope}@keyframes nope{25%{margin-left:-4px}75%{margin-left:4px}}#won{z-index:2000;background:#050f1e8c;place-items:center;display:grid;position:fixed;inset:0}#won[hidden]{display:none}.panel{background:var(--table-hi);border:1px solid var(--line);text-align:center;border-radius:14px;padding:24px 32px;box-shadow:0 20px 50px #00000080}.panel h2{margin:0 0 4px;font:600 30px Georgia,serif}.panel p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 18px}@media (width<=520px){header{padding:10px 12px 8px}h1{font-size:18px}.stats{font-size:13px}nav{width:100%;margin-left:0}nav #new{margin-left:auto}button{padding:6px 10px}}