.bc-cards{--card-width:112px;--card-height:156px;--card-rank:28px;--card-strip:52px;color:#17211d;background:#f6faf7;border:2px solid #385849;border-radius:16px;padding:12px;max-width:100%;min-width:0;font-family:system-ui,sans-serif;line-height:1.45;color-scheme:light}
.bc-cards *{box-sizing:border-box}.bc-cards button,.bc-cards summary{font:inherit}.bc-cards__title{font-size:clamp(1.25rem,5vw,1.75rem);margin:0 0 12px}.bc-cards__toolbar{display:flex;gap:8px;flex-wrap:wrap}.bc-cards__control{min-height:48px;min-width:48px;border:2px solid #244738;border-radius:8px;background:#fff;color:#17211d;padding:9px 13px;font-weight:700;cursor:pointer}.bc-cards__control:disabled{color:#46534b;background:#e1e7e2;border-color:#839087;cursor:default}.bc-cards :focus-visible{outline:4px solid #075fcd;outline-offset:3px}.bc-cards__status{font-weight:700;min-height:3em}.bc-cards__save,.bc-cards__hint{font-size:1rem;margin:10px 0}.bc-cards__stage{overflow:auto;max-width:100%;max-height:78svh;min-height:200px;border:2px solid #244738;border-radius:10px;background:#164d3b;overscroll-behavior:contain;scrollbar-width:auto;scroll-padding:12px}.bc-cards__board{width:max-content;min-width:100%;padding:12px;min-height:260px;color:#fff}.bc-cards__board--paused{width:100%;background:repeating-linear-gradient(45deg,#164d3b,#164d3b 12px,#205b47 12px,#205b47 24px);min-height:240px}.bc-cards__top{display:flex;align-items:start;gap:16px;flex-wrap:wrap;max-width:960px;margin-bottom:18px}.bc-cards__cells,.bc-cards__foundations{display:grid;grid-template-columns:repeat(4,var(--card-width));gap:8px}.bc-cards__slot{width:var(--card-width);min-height:calc(var(--card-height) + 46px);border:2px solid #c6e0d3;border-radius:8px;background:#123d2e;color:#fff;padding:3px;cursor:pointer;text-align:left}.bc-cards__slot-label{display:block;min-height:40px;padding:4px;font-size:15px;font-weight:700;line-height:1.2}.bc-cards__slot>.bc-cards__card{width:100%}.bc-cards__empty{display:grid;place-items:center;min-height:var(--card-height);font-size:24px}.bc-cards__waste{display:flex;gap:6px;flex-wrap:wrap;align-items:start;max-width:calc(var(--card-width)*3 + 12px)}.bc-cards__waste>.bc-cards__slot-label{flex-basis:100%}.bc-cards__columns{display:grid;gap:10px;align-items:start}.bc-cards__columns--7{grid-template-columns:repeat(7,var(--card-width))}.bc-cards__columns--8{grid-template-columns:repeat(8,var(--card-width))}.bc-cards__columns--10{grid-template-columns:repeat(10,var(--card-width))}.bc-cards__column{width:var(--card-width);min-width:0}.bc-cards__column-head{width:100%;min-height:48px;background:#e2f0e7;color:#102e21;border:2px solid #102e21;border-radius:7px;font-weight:700;cursor:pointer;margin-bottom:8px}.bc-cards__stack{display:flex;flex-direction:column;align-items:stretch;padding-bottom:8px}.bc-cards__card{display:flex;flex:none;align-items:start;gap:7px;position:relative;isolation:isolate;overflow:hidden;width:var(--card-width);height:var(--card-height);min-height:48px;background:#fff;color:#101c16;border:2px solid #17211d;border-radius:7px;padding:6px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;text-align:left;text-decoration:none}.bc-cards button.bc-cards__card{cursor:pointer}.bc-cards__card--red{color:#a50921}.bc-cards__rank{font-size:var(--card-rank);line-height:1.12;letter-spacing:-.04em}.bc-cards__suit{font-size:var(--card-rank);line-height:1.12}.bc-cards__stack>.bc-cards__card:not(:last-child){height:var(--card-strip);min-height:var(--card-strip);border-bottom-left-radius:0;border-bottom-right-radius:0}.bc-cards__back{width:var(--card-width);height:20px;flex:none;background:repeating-linear-gradient(45deg,#142c69,#142c69 5px,#9db6f4 5px,#9db6f4 7px);border:2px solid #f7fbff;border-radius:5px}.bc-cards__selected{outline:4px solid #f9c74f!important;outline-offset:-5px;box-shadow:inset 0 0 0 7px #17211d}.bc-cards__empty-column{width:var(--card-width);height:var(--card-height);min-height:48px;border:2px dashed #e4f5eb;border-radius:7px;background:#103b2c;color:#fff;font-weight:700;cursor:pointer}.bc-cards__stock-count,.bc-cards__deal-help{max-width:40ch;margin:0;font-size:1rem}.bc-cards__rules{margin-top:16px}.bc-cards__rules summary{cursor:pointer;min-height:48px;padding:12px 4px;font-weight:700}.bc-cards__rules p{max-width:68ch}.bc-cards__dialog{max-width:min(92vw,520px);border:3px solid #244738;border-radius:14px;background:#fff;color:#17211d;padding:20px}.bc-cards__dialog::backdrop{background:rgb(0 0 0/.66)}.bc-cards__dialog .bc-cards__control{margin:6px}.bc-cards--large{--card-width:144px;--card-height:200px;--card-rank:36px;--card-strip:60px}.bc-cards--large .bc-cards__slot-label{font-size:17px}.bc-cards--large .bc-cards__back{height:24px}
@media(max-width:480px){.bc-cards{padding:8px}.bc-cards__stage{max-height:72svh}.bc-cards__toolbar{gap:6px}.bc-cards__control{padding:8px 10px}.bc-cards__top{max-width:calc(var(--card-width)*4 + 24px)}}
@media(prefers-reduced-motion:reduce){.bc-cards *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the actual large cards, but bring the playable tableau above prose on phones. */
@media(max-width:700px){#intent-game.bc-cards{display:flex;flex-direction:column}#intent-game.bc-cards .bc-cards__title{order:0}#intent-game.bc-cards .bc-cards__toolbar{order:1;margin-bottom:12px}#intent-game.bc-cards .bc-cards__stage{order:2}#intent-game.bc-cards .bc-cards__status{order:3}#intent-game.bc-cards .bc-cards__save{order:4}#intent-game.bc-cards .bc-cards__hint{order:5}#intent-game.bc-cards .bc-cards__rules{order:6}#intent-game.bc-cards .bc-cards__top{max-width:none;flex-wrap:nowrap;align-items:flex-start}#intent-game.bc-cards .bc-cards__slot{min-height:88px;height:88px}#intent-game.bc-cards .bc-cards__empty{min-height:32px}#intent-game.bc-cards .bc-cards__slot>.bc-cards__card{height:48px;min-height:48px}#intent-game.bc-cards .bc-cards__waste{flex-wrap:nowrap;max-width:none;min-width:144px}#intent-game.bc-cards .bc-cards__waste>.bc-cards__slot-label{flex-basis:auto;min-width:100px}}