.calm-panel{position:relative;min-width:0}.calm-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:18px;background:#e6e9dc}.calm-toolbar label{font-size:12px;margin-right:auto}.calm-toolbar select{margin-left:7px;max-width:100%}.calm-panel button,.calm-panel select{font:inherit;border:1px solid #9cab91;border-radius:7px;color:#244d3b;background:#fffaf0;padding:10px;min-height:44px}.calm-panel button:focus-visible,.calm-panel select:focus-visible{outline:3px solid #ac542e;outline-offset:2px}.calm-panel button:disabled{opacity:.5;cursor:default}.calm-panel button{cursor:pointer;touch-action:manipulation}.calm-bottom{padding:16px 20px;font-size:13px;line-height:1.7}.calm-bottom p{margin:8px 0}.calm-actions{display:flex;gap:8px;flex-wrap:wrap}.calm-moves{font-variant-numeric:tabular-nums;color:#35543e}.calm-win{position:absolute;inset:80px 10px auto;z-index:5;text-align:center;padding:22px;background:#fff8e9f5;border:1px solid #b6c8a6;border-radius:14px;pointer-events:none;box-shadow:0 12px 35px #163d3020}.calm-win strong{display:block;font:26px Georgia,serif}.calm-win i{position:absolute;top:0;left:var(--x);width:7px;height:12px;background:var(--color);animation:calm-confetti 2.4s ease-out both;animation-delay:var(--delay)}@keyframes calm-confetti{0%{transform:translateY(-20px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(180px) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){.calm-win i{animation:none;display:none}}.calm-board,.calm-board *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.calm-art{font-size:70px;gap:16px;background:#e5ecdc;color:#36533d}.calm-art .red{color:#aa493b}.calm-example{font-size:46px;color:#ad563b;margin:25px 0}.calm-panel [hidden]{display:none!important}.mini-game .calm-toolbar{padding:10px}.mini-game .calm-bottom{padding:10px}
.calm-panel{border:1px solid #d8ddce;border-radius:14px;background:#eeeee3;overflow:hidden}
.calm-panel .playing-card.back:disabled{opacity:1}
/* Cards keep their suit/rank legible; narrow screens can scroll the seven columns. */
.solitaire-scroll{overflow-x:auto;background:#244f3d;padding:16px 10px}.solitaire-board{min-width:350px;max-width:760px;margin:auto}.solitaire-top,.solitaire-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.solitaire-top{margin-bottom:22px}.solitaire-columns{min-height:310px}.solitaire-column{position:relative;min-width:0}.calm-panel .playing-card,.calm-panel .card-slot{width:100%;height:76px;min-height:76px;padding:5px 3px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:17px;line-height:1.1;background:#fffaf0;color:#203c31;box-shadow:0 2px 3px #0002;border:1px solid #c9d0bc;border-radius:5px}.calm-panel .playing-card.red{color:#a23632}.playing-card .suit{align-self:center;font-size:26px;line-height:1.4}.calm-panel .playing-card.back{background:repeating-linear-gradient(45deg,#527661,#527661 5px,#5e816b 5px,#5e816b 7px);border:2px solid #9fb59c;box-shadow:none}.calm-panel .playing-card.selected{outline:3px solid #f3bc56;outline-offset:0;background:#fff0bf}.calm-panel .card-slot{background:#ffffff09;border:1px dashed #adc3aa;color:#deebd3;align-items:center;justify-content:center;font-size:12px;box-shadow:none}.solitaire-column>.playing-card{position:absolute;left:0}.calm-panel .stock{background:#527661;color:#fff}.waste-stack{min-width:0}.card-counter{display:block;text-align:center;color:#e0ead4;font-size:10px;margin-top:5px}.solitaire-column .playing-card:not(.back) .suit{font-size:20px}.solitaire-top .gap{min-width:0}
/* Symbols distinguish colors without relying on color perception. */
.solitaire-board{max-width:630px}.calm-panel .playing-card,.calm-panel .card-slot{height:112px;min-height:112px}
@media(max-width:600px){.calm-panel .playing-card,.calm-panel .card-slot{height:76px;min-height:76px}}
.sort-board{display:flex;justify-content:center;gap:18px 14px;flex-wrap:wrap;padding:28px 18px;background:#edf0e5}.calm-panel .tube{padding:0 5px 7px;width:64px;height:190px;min-height:190px;border:2px solid #8eaa9c;border-top:0;border-radius:0 0 24px 24px;background:#ffffff70;display:flex;flex-direction:column-reverse;gap:3px;position:relative;margin-bottom:18px}.tube.selected{outline:3px solid #b45b32;outline-offset:5px}.tube .layer{height:39px;width:100%;flex-shrink:0;display:grid;place-items:center;font-size:20px;color:#182f25;border-radius:4px}.tube .layer:first-child{border-radius:4px 4px 17px 17px}.tube .tube-number{position:absolute;bottom:-24px;left:0;right:0;font-size:12px}.tube.complete:after{content:'✓';position:absolute;top:-23px;left:0;right:0;color:#315d40}.sort-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin-top:18px}.sort-legend span{border-radius:6px;padding:5px;background:#e5eadb}@media(max-width:450px){.sort-board{gap:17px 11px;padding:24px 12px}.calm-panel .tube{width:55px;height:166px}.tube .layer{height:33px}.calm-toolbar{padding:12px}.calm-toolbar label{width:100%}.calm-panel .calm-toolbar button{font-size:12px}.solitaire-scroll{padding:14px 7px}}