:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#f0ecd9;background:#0b2119}*{box-sizing:border-box}body{margin:0}header{padding:20px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid #435940;display:flex;justify-content:space-between;gap:20px}a{color:inherit}header a:first-child{font:26px Georgia,serif;text-decoration:none}main{max-width:1120px;margin:auto;padding:32px 20px}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center}h1{font:48px Georgia,serif;margin:4px 0}.eyebrow{color:#dec082;font-size:11px;letter-spacing:.16em}p{color:#bbc9b6}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #567054;background:#19392a;border-radius:10px;padding:10px 16px}button:disabled{cursor:default;opacity:.6}button:focus-visible{outline:3px solid #f5cf80;outline-offset:3px}#new{background:#dec082;color:#142a1d}.stats{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;margin:20px 0}#saved{color:#abc19f}#status{min-height:24px}#board{--card-height:132px;--step:28px;padding:26px;background:radial-gradient(ellipse at top,#285a3e,#112e21);border:1px solid #4c6547;border-radius:22px;min-height:540px}.upper,.tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.tableau{margin-top:28px}.column{position:relative;min-height:calc(var(--card-height) + (var(--cards) - 1)*var(--step))}.card,.stock,.empty{width:100%;height:var(--card-height);border-radius:8px}.card{padding:7px;background:#f4eedb;color:#173729;border:1px solid #b8baa4;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font:22px Georgia,serif;box-shadow:0 2px 4px #0005}.card>span:last-child{align-self:flex-end;transform:rotate(180deg)}.card b{align-self:center;font-size:36px}.card.red{color:#ae3435}.column .card{position:absolute;top:calc(var(--index)*var(--step));left:0}.back{background:repeating-linear-gradient(45deg,#244e37,#244e37 5px,#2b5b40 5px,#2b5b40 10px);color:#dfc785;border:2px solid #9ba487}.card.back:disabled{opacity:1}.empty{display:grid;place-items:center;border:1px dashed #93a57d;color:#9eb189;background:#17332390;font-size:28px;padding:0}.stock{font-size:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.stock small{font:13px system-ui}.selected{outline:3px solid #e8bd60;outline-offset:-2px}.help{font-size:13px;max-width:760px}@media(max-width:700px){header{padding:16px;align-items:center}header a:first-child{font-size:21px}header a:last-child{font-size:12px}main{padding:22px 10px}.heading{display:block}h1{font-size:38px}.toolbar{margin-top:18px}.stats{gap:12px}#board{--card-height:76px;--step:24px;padding:10px 5px;min-height:450px;border-radius:12px}.upper,.tableau{gap:4px}.card{font-size:14px;padding:3px;border-radius:5px}.card b{font-size:24px}.card>span:last-child{font-size:12px}.card.back b{font-size:20px}.stock,.empty{font-size:24px;border-radius:5px}.tableau{margin-top:18px}}@media(max-width:360px){.card{font-size:12px}.card b{font-size:20px}}
/* Seven proportional card columns, centred on the felt. */
#board{container-type:inline-size;width:100%;max-width:860px;margin-inline:auto;--card-height:calc((100cqw - 72px)/5);--step:28px;padding:24px}
.upper,.tableau{gap:12px;align-items:start}
.card,.stock,.empty{aspect-ratio:5/7;height:var(--card-height)}
@media(max-width:700px){#board{padding:12px 5px;--card-height:calc((100cqw - 24px)/5);--step:20px}.upper,.tableau{gap:4px}.card b{font-size:clamp(16px,5vw,24px)}}

.card:not(.back){touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.card-drag{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;filter:drop-shadow(0 10px 12px #0006)}.card-drag .card{cursor:grabbing}.drag-source{opacity:.2!important;pointer-events:none}.drop-allowed{outline:2px dashed #dec082;outline-offset:3px;border-radius:8px}.drop-hover{outline:3px solid #f5cf80;background:#dec08230}

[data-card-theme="four"] .card[data-suit="D"]{color:#185bb5}[data-card-theme="four"] .card[data-suit="C"]{color:#16713c}

.menu-dialog{color:#f0ecd9;background:#142d21;border:1px solid #5d7958;border-radius:18px;padding:24px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 90px #0008}.menu-dialog::backdrop{background:#020d09aa}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font:28px Georgia,serif;margin:0}.dialog-heading button{padding:6px 10px}.community-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.community-actions button{min-width:110px}.gold{background:#dec082;color:#142a1d}

.solitaire-menu .game-menu-group{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid #dec08222}.solitaire-menu h3{font:600 12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#b9c9b9;margin:4px 0}.solitaire-menu .game-menu-group button,.solitaire-menu .game-menu-group a{text-align:left;display:block;padding:12px;border:0;background:transparent;text-decoration:none}.solitaire-menu .menu-danger{color:#efb2a8}.solitaire-menu .game-menu-group:last-child{border:0}

#board{min-height:0;padding-bottom:24px}.waste>.empty{font:clamp(8px,2.5vw,13px)/1.2 system-ui;overflow-wrap:anywhere;padding:2px}.stats{gap:8px 16px;align-items:center}.stats>span:not(#saved){padding:4px 8px;background:#ffffff08;border-radius:6px}#to-base:disabled{display:none}.heading>div:first-child>p:not(.eyebrow){max-width:42ch}.help{margin-top:16px}
@media(max-width:700px){header{padding:10px 14px}main{padding:12px 10px}.heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.heading>div:first-child{flex:1}.heading .eyebrow,.heading>div:first-child>p:not(.eyebrow){display:none}.heading h1{font-size:28px;margin:0}.toolbar{margin:0;gap:6px}.toolbar button{font-size:12px;padding:8px 10px;min-height:38px}.stats{font-size:11px;margin:12px 0 8px;gap:5px}#saved{flex-basis:100%;font-size:10px}#status{font-size:12px;min-height:0;margin:8px 0 12px}.help{font-size:11px}#board{--step:18px;padding:12px 5px 18px;min-height:0}.tableau{margin-top:16px}}

@media(min-width:701px){main{padding-top:18px}.heading h1{font-size:34px}.heading .eyebrow,.heading>div:first-child>p:not(.eyebrow){display:none}.stats{margin:12px 0}#status{font-size:13px;margin:8px 0 14px}#board{max-width:760px;--step:24px}}
@media(max-height:550px) and (min-width:701px){header{display:none}main{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 16px;padding:12px;max-width:1100px;align-items:start}.heading{display:block;grid-column:1}.heading h1{font-size:25px}.toolbar{margin-top:10px;gap:6px}.toolbar button{font-size:12px;padding:7px 9px}.stats{grid-column:1;margin:0;gap:4px;font-size:10px}#saved{font-size:9px}#status{grid-column:1;font-size:11px;margin:0}.help{grid-column:1;font-size:10px;margin:0}#board{grid-column:2;grid-row:1/5;padding:10px;--step:12px;--card-height:calc((100cqw - 24px)/5)}.upper,.tableau{gap:4px}.tableau{margin-top:10px}.card{font-size:16px;padding:4px}.card b{font-size:24px}}

/* Reserve the same space for instructions, feedback and errors. */
#status{box-sizing:border-box;height:calc(3em + 16px);min-height:calc(3em + 16px);line-height:1.5;padding:8px 10px;border:1px solid transparent;border-radius:8px;overflow:auto;margin:8px 0 12px}
#status[data-kind=error]{color:#ffcfb9;background:#6a352a40;border-color:#b8795b}
#board{--face-step:32px}.column{min-height:calc(var(--card-height) + var(--covered)*var(--step) + var(--exposed)*var(--face-step))}.column .card{top:calc(var(--covered)*var(--step) + var(--exposed)*var(--face-step))}
@media(max-width:700px){#status{height:calc(6em + 16px);min-height:calc(6em + 16px)}#board{--face-step:36px}}
@media(max-height:550px) and (min-width:701px){#status{height:calc(9em + 16px);min-height:calc(9em + 16px)}#board{--face-step:28px}}

/* Brief fireworks: CSS transforms and opacity only, no canvas or frame loop. */
.solitaire-celebration{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}
.solitaire-burst{position:absolute;width:1px;height:1px}
.solitaire-burst i{position:absolute;width:3px;height:var(--length);border-radius:50%;background:var(--spark);box-shadow:0 0 5px var(--spark);opacity:0;animation:solitaire-spark 1.7s cubic-bezier(.12,.55,.35,1) var(--delay) both}
.firework-halo{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border:2px solid var(--spark);border-radius:50%;opacity:0;box-shadow:0 0 12px var(--spark);animation:solitaire-halo .65s ease-out var(--delay) both}
@keyframes solitaire-spark{0%{opacity:0;transform:translate(0,0) rotate(var(--angle)) scale(.2)}8%{opacity:1}55%{opacity:.95;transform:translate(var(--x),var(--y)) rotate(var(--angle)) scale(1)}100%{opacity:0;transform:translate(calc(var(--x) * 1.12),calc(var(--y) + 45px)) rotate(var(--angle)) scale(.15)}}
@keyframes solitaire-halo{0%{opacity:0;transform:scale(.05)}15%{opacity:.85}100%{opacity:0;transform:scale(2.8)}}
@media(prefers-reduced-motion:reduce){.solitaire-celebration{display:none}.solitaire-burst i,.firework-halo{animation:none}}

/* Keep the toolbar stable when selecting a card (including double clicks). */
#to-base:disabled{display:inline-block}