#solitaire{--cw: clamp(32px, 7.6vw, 56px);--ch: calc(var(--cw) * 1.7);--gap: calc(var(--cw) * .2);--table: #015032;--slot: rgba(242, 239, 230, .26);--focus: rgba(242, 239, 230, .9);--card-face: #f6f5f1;--card-edge: rgba(23, 21, 28, .55)}#solitaire .sol-board{background:var(--table);border:1px solid var(--color-rule-strong);padding:calc(var(--cw) * .34);display:flex;flex-direction:column;gap:calc(var(--cw) * .5);overflow-x:auto}#solitaire .sol-top,#solitaire .sol-tableau{display:grid;grid-template-columns:repeat(8,var(--cw));gap:var(--gap);justify-content:center;align-items:start;min-width:min-content}#solitaire .sol-cells{display:flex;gap:var(--gap)}#solitaire #sol-free{grid-column:1 / 4}#solitaire #sol-found{grid-column:6 / 9}#solitaire .sol-flower{grid-column:5}#solitaire .sol-dragons{grid-column:4;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:var(--ch);padding:2px 0}#solitaire .sol-dragons button{width:calc(var(--cw) * .42);height:calc(var(--cw) * .42);border:1px solid var(--card-edge);cursor:pointer;transition:outline-color .15s;outline:2px solid transparent;outline-offset:2px}#solitaire .sol-dragons button[data-dragon=x]{background:#ababab}#solitaire .sol-dragons button[data-dragon=y]{background:#d7b160}#solitaire .sol-dragons button[data-dragon=z]{background:#ad8256}#solitaire .sol-dragons button[data-ready]{outline-color:var(--color-chrome)}#solitaire .sol-dragons button:disabled{cursor:default;opacity:.45}#solitaire .sol-dragons button:focus-visible{outline-color:var(--focus)}#solitaire .sol-pile{display:flex;flex-direction:column;align-items:center;min-height:var(--ch);flex:none}#solitaire .sol-pile .sol-card+.sol-card{margin-top:calc(var(--pile-fan) - var(--ch))}#solitaire .sol-card,#solitaire .sol-slot{width:var(--cw);height:var(--ch);flex:none;box-sizing:border-box}#solitaire .sol-card{background:var(--card-face);border:1px solid var(--card-edge);position:relative;cursor:pointer;user-select:none;outline:2px solid transparent;outline-offset:1px;transition:outline-color .12s}#solitaire .sol-card img{display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#solitaire .sol-card[data-sel]{outline-color:var(--color-chrome)}#solitaire .sol-card[data-spent]{filter:contrast(55%);cursor:default}#solitaire .sol-card:focus-visible{outline-color:var(--focus)}#solitaire .sol-slot{border:1px dashed var(--slot);cursor:pointer;outline:2px solid transparent;outline-offset:1px}#solitaire .sol-slot[data-idle]{cursor:default}#solitaire .sol-slot:focus-visible{outline-color:var(--focus)}#solitaire .sol-bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-rule);padding:.75rem 0}#solitaire .sol-action{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-rule-strong);padding:.5rem .9rem;cursor:pointer;transition:background-color .15s,color .15s}#solitaire .sol-action:hover{background:var(--color-ink);color:var(--color-ground)}#solitaire .sol-stage{position:relative}#solitaire .sol-won{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;padding:1rem;color:var(--card-face);background:color-mix(in srgb,var(--table) 78%,transparent);animation:sol-won-in .35s ease-out both}#solitaire .sol-won[hidden]{display:none}#solitaire .sol-won-action{color:var(--card-face);border-color:var(--card-face)}#solitaire .sol-won-action:hover{background:var(--card-face);color:var(--table)}@keyframes sol-won-in{0%{opacity:0}to{opacity:1}}#solitaire .sol-help{margin-top:2.5rem;border-top:1px solid var(--color-rule);padding-top:1rem}#solitaire .sol-help summary{cursor:pointer;color:var(--color-ink-dim)}#solitaire .sol-help summary:hover{color:var(--color-ink)}#solitaire .sol-help-body{max-width:60ch;margin-top:1rem;font-size:1rem;line-height:1.7;color:var(--color-ink-muted)}#solitaire .sol-help-body ul{margin:.75rem 0;padding-left:1.1rem;list-style:square}#solitaire .sol-help-body li{margin:.4rem 0}#solitaire .sol-help-body strong{color:var(--color-ink)}#solitaire .sol-help-body a{color:var(--color-mark);text-decoration:underline;text-underline-offset:3px}#solitaire .sol-credit{margin-top:1rem;font-size:.875rem;color:var(--color-ink-dim)}@media(prefers-reduced-motion:reduce){#solitaire .sol-card,#solitaire .sol-action,#solitaire .sol-dragons button{transition:none}#solitaire .sol-won{animation:none}}