.sol-game{--sol-gap:clamp(5px,1.25vw,16px);--sol-card-height:clamp(72px,13vw,140px);--sol-step:clamp(24px,4vw,34px);color:#f5f1e7;max-width:100%;font-family:inherit}.sol-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.sol-instruction{font-size:.85rem;margin:0;max-width:50ch}.sol-tools>div{display:flex;gap:8px;flex-wrap:wrap}.sol-action{font:inherit;font-size:.8rem;font-weight:700;color:inherit;background:#ffffff0c;border:1px solid #ffffff4d;border-radius:6px;padding:9px 12px;cursor:pointer}.sol-action:hover{background:#ffffff20}.sol-action:disabled{opacity:.35;cursor:default}.sol-board{background:radial-gradient(ellipse at top,#275245,#153b32 70%);border:1px solid #ffffff2b;border-radius:12px;padding:clamp(10px,2.5vw,28px);box-shadow:inset 0 0 70px #001c2133;min-height:440px}.sol-top{display:grid;grid-template-columns:2fr 4fr;gap:calc((100% - 6 * var(--sol-gap)) / 7 + 2 * var(--sol-gap));margin-bottom:28px}.sol-draw-piles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sol-gap)}.sol-foundations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sol-gap)}.sol-pile{min-width:0}.sol-pile-label{display:block;font-size:.64rem;line-height:1.4;margin-bottom:8px;color:#e3e7d7;white-space:nowrap}.sol-card{width:100%;height:var(--sol-card-height);border:1px solid #c8c9bf;border-radius:7px;background:#fffdf5;color:#172e2d;position:relative;display:flex;justify-content:center;align-items:center;padding:0;font:inherit;box-shadow:0 2px 3px #00151155;cursor:pointer;min-width:0}.sol-card.sol-red{color:#b72d3a}.sol-corner{position:absolute;top:5px;left:6px;font-size:clamp(.85rem,2vw,1.15rem);font-weight:800;line-height:1.02;text-align:center}.sol-corner>span{display:block;font-size:.95em;margin-top:2px}.sol-pip{font-size:clamp(1.5rem,4vw,3rem);margin-top:12px}.sol-black{color:#152f2d}.sol-backed{background:repeating-linear-gradient(45deg,#293e64 0px,#293e64 5px,#344b72 5px,#344b72 7px);border:3px solid #f1ecd9;color:#f1ecd9;cursor:default}.sol-backed>span{font-size:clamp(1.2rem,3vw,2.5rem)}.sol-stock{cursor:pointer}.sol-empty{background:#082b2633;box-shadow:none;border:1px dashed #c6dfc370;color:#cee0bc;font-size:clamp(1.4rem,3vw,2.2rem)}.sol-empty.sol-red{color:#f3a7a8}.sol-empty:disabled{opacity:.5;cursor:default}.sol-card.sol-selected{outline:3px solid #f4c65d;outline-offset:1px;box-shadow:0 0 0 5px #172e2d;transform:translateY(-3px);z-index:2}.sol-card:focus-visible,.sol-action:focus-visible,.sol-rules summary:focus-visible{outline:3px solid #f4c65d;outline-offset:3px;z-index:5}.sol-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sol-gap);align-items:start}.sol-column{min-width:0}.sol-stack{position:relative;height:calc(var(--sol-card-height) + (var(--sol-count) - 1) * var(--sol-step))}.sol-card-position{position:absolute;top:calc(var(--sol-index) * var(--sol-step));width:100%}.sol-card-position .sol-corner{display:flex;gap:3px;align-items:center}.sol-card-position .sol-corner>span{margin-top:0}.sol-feedback{font-size:.8rem;color:inherit;line-height:1.6;margin:16px 0}.sol-rules{border-top:1px solid #ffffff30;padding-top:16px;font-size:.84rem}.sol-rules summary{cursor:pointer;font-weight:bold}.sol-rules p{line-height:1.8;max-width:85ch;margin-top:16px;color:inherit}.sol-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.sol-board{padding:10px 7px;min-height:380px}.sol-top{margin-bottom:20px}.sol-pile-label{font-size:.52rem;margin-bottom:6px}.sol-card{border-radius:4px}.sol-corner{left:3px;top:4px;font-size:.78rem}.sol-pip{font-size:1.25rem;margin-top:15px}.sol-card-position .sol-corner{gap:1px;font-size:.72rem}.sol-backed{border-width:2px}.sol-tools{gap:10px}.sol-action{font-size:.72rem;padding:8px}.sol-instruction{font-size:.76rem}.sol-feedback{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.sol-card{transition:none}}
