body[data-game=freecell]{--accent:#7a2638;--accent-2:#7a2638;--card-accent:#7a2638}body[data-game=solitaire]{--accent:#1d6b45;--accent-2:#1d6b45;--card-accent:#1d6b45}@media (prefers-color-scheme:dark){body[data-game=freecell]{--accent:#f08aa0;--accent-2:#f08aa0;--accent-ink:#17130e;--card-accent:#f08aa0}body[data-game=solitaire]{--accent:#6fd39c;--accent-2:#6fd39c;--accent-ink:#17130e;--card-accent:#6fd39c}}.ct-session{max-width:1100px;margin:auto}.ct-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 2px 10px;font-size:12px;font-variant-numeric:tabular-nums}.ct-variant{font-weight:750;color:var(--card-accent)}.ct-clock{font-weight:750;font-size:16px}.ct-divider{opacity:.55;padding:0 3px}.ct-table{--cw:40px;--ch:56px;position:relative;width:100%;height:clamp(240px,calc(100dvh - 265px),670px);border-radius:14px;background:radial-gradient(ellipse at 45% 25%,#286c51 0,#174b37 65%,#143f30);box-shadow:inset 0 1px #ffffff30,inset 0 0 40px #0002,0 7px 20px #0001;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;overflow:hidden}.ct-table[data-felt=navy]{background:radial-gradient(ellipse at 45% 25%,#31516d,#182e45)}.ct-table[data-felt=burgundy]{background:radial-gradient(ellipse at 45% 25%,#823a4b,#512231)}.ct-card,.ct-slot{position:absolute;top:0;left:0;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .075)}.ct-card{background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 1px 2px #0006,0 3px 6px #0002;cursor:grab;transition:transform .17s cubic-bezier(.2,.7,.25,1);-webkit-tap-highlight-color:transparent}.ct-card[hidden]{display:none}.ct-card[data-up=false]{cursor:default}.ct-slot{border:1px solid #fff6;background:#00000014;color:#ffffffb8;font:24px Georgia,serif;cursor:pointer;padding:0}.ct-card:focus-visible,.ct-slot:focus-visible{outline:3px solid #ffe7a0;outline-offset:1px;z-index:99!important}.ct-in-hand{transition:none!important;will-change:transform;cursor:grabbing;box-shadow:0 5px 14px #0007}.ct-selected,.ct-can-drop{outline:2px solid #ffe7a0;outline-offset:1px}.ct-hint{outline:3px solid #ffe7a0;box-shadow:0 0 12px #ffe7a0}.ct-tools{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px 0 0}.ct-tools .cj-btn{min-height:36px;padding:7px 12px;font-size:13px}.ct-message{font-size:12px;text-align:center;min-height:2.6em;margin:7px 0 0;line-height:1.4}.ct-foot{display:flex;justify-content:space-between;font-size:11px;opacity:.8;gap:8px}.ct-free{max-width:1100px;margin:auto}.ct-free-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ct-free-head h2{margin:0;font-size:22px}.ct-free-head p{margin:3px 0 10px;font-size:12px}.ct-picker{display:flex;gap:8px;align-items:end}.ct-picker label{display:flex;flex-direction:column;font-size:11px;gap:3px;flex:1;min-width:0}.ct-picker select,.ct-number input,.ct-settings select{width:100%;font:inherit;font-size:13px;border:1px solid var(--line,#9997);border-radius:7px;padding:8px 6px;color:var(--ink);background:var(--paper,#fff)}.ct-picker .cj-btn{font-size:12px;padding:8px 10px;white-space:nowrap;min-height:35px}.ct-number{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:8px}.ct-number input{flex:1;min-width:0;max-width:180px}.ct-pack-note{font-size:11px;line-height:1.4;margin:7px 0}.ct-free .ct-table{height:clamp(220px,calc(100dvh - 430px),600px)}.ct-free .ct-foot{display:none}.ct-free .ct-meta{margin:5px 2px}.ct-back{text-align:center;font-size:12px;margin:10px 0}.ct-start{text-align:center}.ct-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:750;color:var(--card-accent)}.ct-start h2{max-width:390px;margin:8px auto;font-size:clamp(24px,4vw,34px)}.ct-start .cj-start-row{justify-content:center;margin:20px 0 10px}.ct-start .cj-start-row .cj-btn{min-width:200px}.ct-start-note{font-size:12px;line-height:1.7;opacity:.8;margin-top:16px}.ct-preview{position:relative;height:150px;margin:22px 0 0;border-radius:12px;background:radial-gradient(ellipse at center,#28694d,#194a37);overflow:hidden;box-shadow:inset 0 1px 8px #0003}body[data-game=freecell] .ct-preview{background:radial-gradient(ellipse at center,#803b4b,#512231)}.ct-preview span{position:absolute;top:24px;left:calc(5% + var(--i) * 11.5%);width:9.8%;aspect-ratio:5/7;background-size:100% 100%;border-radius:5px;box-shadow:0 20px 0 -1px #d8d1c3,0 22px 4px #0007;transform:rotate(calc((var(--i) - 3) * .8deg))}.ct-settings{display:grid;gap:20px;padding:8px 0}.ct-settings label{display:flex;align-items:center;gap:10px}.ct-settings input{width:20px;height:20px;accent-color:var(--card-accent)}.ct-settings select{flex:1}.ct-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.ct-stats div{text-align:center;border-bottom:1px solid #9994;padding-bottom:12px}.ct-stats dt{font-size:12px;opacity:.8}.ct-stats dd{font-size:22px;font-weight:700;margin:2px 0 0}.ct-win{text-align:center;border-radius:14px;padding:20px;margin-top:12px;background:var(--panel,#8881)}.ct-win h3{font-size:26px;margin:5px 0}.ct-win p{font-size:13px}.ct-result{text-align:center;margin:10px auto 18px}.ct-result-detail{font-size:clamp(13px,3.5vw,18px);font-variant-numeric:tabular-nums}.ct-won .ct-card{animation:ct-cascade .5s ease-in-out both}@keyframes ct-cascade{0%{translate:0 0;rotate:0deg}45%{translate:0 -35px;rotate:8deg}to{translate:0 0;rotate:0deg}}@media (min-width:900px){.ct-meta{font-size:14px}.ct-table{border-radius:18px}.ct-free-head{margin-top:10px}.ct-picker{max-width:620px}}@media (max-width:380px){.ct-meta{font-size:10px}.ct-tools{gap:4px}.ct-tools .cj-btn{padding:7px 9px;font-size:11px}.ct-foot{font-size:10px}.ct-free-head h2{font-size:20px}.ct-number{margin-top:5px}.ct-message{font-size:11px}}@media (prefers-reduced-motion:reduce){.ct-card{transition:none}.ct-won .ct-card{animation:none}}.ct-tools [hidden]{display:none!important}body[data-game=freecell] .cj-main:has(.ct-session),body[data-game=solitaire] .cj-main:has(.ct-session),body[data-game=freecell] .cj-main:has(.ct-free),body[data-game=solitaire] .cj-main:has(.ct-free){max-width:1132px}body[data-game=spider]{--accent:#3d4f8f;--accent-2:#3d4f8f;--card-accent:#3d4f8f}@media (prefers-color-scheme:dark){body[data-game=spider]{--accent:#9fb1f2;--accent-2:#9fb1f2;--card-accent:#9fb1f2;--accent-ink:#17130e}}body[data-game=spider] .cj-main:has(.ct-session),body[data-game=spider] .cj-main:has(.ct-free){max-width:1132px}body[data-game=spider] .ct-preview{background:radial-gradient(ellipse at center,#31516d,#182e45)}body[data-game=spider] .ct-preview span{left:calc(3% + var(--i) * 9.5%);width:8%}.ct-card[data-badge]:not([data-badge=""]):after,.ct-slot[data-badge]:not([data-badge=""]):after{content:attr(data-badge);position:absolute;bottom:3px;right:3px;background:#fff6df;color:#182e45;border-radius:50%;width:19px;height:19px;line-height:19px;font:700 14px/19px system-ui;text-align:center;box-shadow:0 1px 4px #0005}@media (max-width:500px){body[data-game=spider] .cj-main:has(.ct-session),body[data-game=spider] .cj-main:has(.ct-free){padding-left:4px;padding-right:4px}}body[data-game=spider] .cj-wm-l:nth-child(7){width:.24em}@media (max-width:500px){body[data-game=spider] .cj-title h1{font-size:21px}body[data-game=spider] .cj-top{grid-template-columns:20px minmax(0,1fr) auto;gap:4px;padding-left:8px;padding-right:6px}body[data-game=spider] .cj-icon{width:34px}body[data-game=spider] .cj-sub{font-size:11px}}.ct-shake{animation:ct-shake .18s ease-in-out}@keyframes ct-shake{25%,75%{translate:-3px 0}50%{translate:3px 0}}@media (max-height:700px){.ct-preview{height:100px;margin-top:12px}.ct-start .cj-start-row{margin:12px 0 8px}.ct-start-note{margin-top:10px}}@media (prefers-reduced-motion:reduce){.ct-shake{animation:none}}
