:root{--paper: #e9eef0;--paper-2: #dde5e9;--ink: #14304a;--ink-soft: #4a6276;--rule: #b9c7cf;--accent: #b3263e;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #0f2233;--paper-2: #16304a;--ink: #dce6ea;--ink-soft: #94aab8;--rule: #2b465d;--accent: #f0798d}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;display:grid;place-items:start center}.game{width:min(100%,52rem);padding:1.25rem 1rem 2rem;position:relative}header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.25rem 1rem;margin-bottom:.75rem}.back{grid-column:1 / -1;justify-self:start;color:var(--ink-soft);font-size:.875rem;text-decoration-color:var(--accent);text-underline-offset:.18em}h1{margin:0;font-size:2.25rem;font-weight:800;letter-spacing:-.04em;line-height:1}.stats{display:flex;gap:1.25rem;margin:0}.stats div{text-align:right}.stats dt{font-size:.75rem;color:var(--ink-soft)}.stats dd{margin:0;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.draw{margin-left:auto;font-size:.875rem;color:var(--ink-soft);display:flex;align-items:center;gap:.4rem}button,select{font:inherit;font-size:.9rem;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:.4rem .8rem;cursor:pointer}select{padding:.3rem .5rem}button:hover:not(:disabled){border-color:var(--ink-soft)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board{position:relative;user-select:none;-webkit-user-select:none}.slot{position:absolute;border:1.5px dashed var(--rule);display:grid;place-items:center;color:var(--rule);font-family:Georgia,Times New Roman,serif;font-weight:700}.slot.stock{cursor:pointer;border-style:solid}.card{position:absolute;left:0;top:0;touch-action:none;transition:transform .17s ease-out;will-change:transform;cursor:grab}.card svg{display:block;width:100%;height:100%}.card.down{cursor:default}.card.stock-card{cursor:pointer}.card.dragging{transition:none;cursor:grabbing;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .25))}.card.nope{animation:nope .26s ease-in-out}@keyframes nope{25%{translate:-4px 0}75%{translate:4px 0}}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 70%,transparent);z-index:2000}.overlay[hidden]{display:none}.win-box{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:1.25rem 1.5rem;text-align:center;max-width:20rem}.win-box .title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem}.win-box p{margin:0 0 1rem;color:var(--ink-soft)}.help{color:var(--ink-soft);font-size:.875rem;line-height:1.5;margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.card{transition:none}.card.nope{animation:none}}