.app--spider{grid-template-rows:auto 1fr auto}.board{isolation:isolate;grid-template-rows:auto 1fr;gap:8px;min-height:0;padding:4px 6px 6px;display:grid}.table{--card-face:#fbfaf7;--card-edge:#1420373d;--card-black:#1d2b45;--card-red:#cf2f3f;--card-blue:#1668c8;--card-green:#17864a;--slot-line:#e9f0ff38;--slot-fill:#e9f0ff0d;display:contents}:root[data-theme=light] .table{--slot-line:#16233c2e;--slot-fill:#16233c0a}.reserve{height:calc(var(--card-h) * .62);justify-content:space-between;align-items:center;gap:10px;display:flex}.stock{width:calc(var(--card-w) + 28px);height:100%;padding:0;position:relative}.deal-back{width:calc(var(--card-w) * .62);background:linear-gradient(160deg,#3a5b96,#23406f);border-radius:4px;height:100%;position:absolute;top:0;box-shadow:0 0 0 1px #0a142873}.stock.is-empty:after{content:"";width:calc(var(--card-w) * .62);border:1.5px dashed var(--slot-line);border-radius:4px;position:absolute;inset:0 auto 0 0}.sets{gap:4px;display:flex}.set{width:calc(var(--card-w) * .34);height:calc(var(--card-h) * .44);border:1.5px solid var(--slot-line);border-radius:3px}.set.is-done{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 62%, #000));border-color:#0000}.set.is-won{animation:.5s ease-out set-home}@keyframes set-home{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.tableau{grid-template-columns:repeat(10, var(--card-w));justify-content:center;gap:3px;min-height:0;display:grid}.column{min-height:var(--card-h);border-radius:4px;position:relative}.column:empty{height:var(--card-h);border:1.5px dashed var(--slot-line);background:var(--slot-fill)}.card{width:var(--card-w);height:var(--card-h);background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge), 0 1px 2px #060c1847;font-variant-numeric:tabular-nums;text-align:left;border-radius:4px;padding:0;position:absolute;left:0;overflow:hidden}.card--down{background:repeating-linear-gradient(45deg,#ffffff17 0 3px,#0000 3px 6px),linear-gradient(160deg,#3a5b96,#23406f);box-shadow:0 0 0 1px #0a142866,0 1px 2px #060c184d}.card .rank{font-size:calc(var(--card-w) * .46);letter-spacing:-.04em;align-items:baseline;gap:1px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;left:3px}.card .rank i{font-size:calc(var(--card-w) * .34);font-style:normal}.card .pip{font-size:calc(var(--card-w) * .6);opacity:.88;line-height:1;position:absolute;bottom:0;right:2px}.card.is-held{box-shadow:0 0 0 2px var(--accent), 0 4px 10px #060c1866;transform:translate(4px)}.card.is-target{box-shadow:0 0 0 2px var(--accent), 0 1px 2px #060c1847}.column.is-target,.slot.is-target{border-color:var(--accent);background:var(--accent-soft)}.card.is-hinted,.column.is-hinted,.stock.is-hinted{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px;animation:1.1s ease-in-out 3 hint-pulse}@keyframes hint-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.card.is-hinted,.column.is-hinted,.stock.is-hinted,.set.is-won{animation:none}}