/* Solitario: paño verde menta y cartas grandes */
body{background:linear-gradient(180deg,#2F9A84,#237A68)}
.wrap{max-width:820px}
.ayuda{color:#E9FFF8}
.ayuda b{color:#fff}
.mesa{--w:90px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.2vw,10px);align-items:start;user-select:none;-webkit-user-select:none}
.pila{position:relative;aspect-ratio:5/7;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);background:rgba(0,0,0,.08)}
.mazo{cursor:pointer}
.mazo:empty::after{content:"↻";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:calc(var(--w) * .45);font-weight:900}
.fund::after{content:"A";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.35);font-size:calc(var(--w) * .42);font-weight:900;z-index:0}
.col{position:relative;min-height:calc(var(--w) * 1.4);margin-top:8px;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.naipe{position:absolute;left:0;top:0;width:100%;aspect-ratio:5/7;border-radius:10px;background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.2);cursor:pointer;transition:top .18s ease,transform .15s;z-index:1}
.naipe .esq{position:absolute;left:7%;top:4%;font-weight:900;line-height:.95;font-size:calc(var(--w) * .30);text-align:center}
.naipe .centro{position:absolute;right:8%;bottom:6%;font-size:calc(var(--w) * .42);line-height:1}
.naipe.rojo{color:#D7263D}
.naipe.negro{color:#1F1F24}
.naipe.reves{background:radial-gradient(circle at 50% 50%,#fff 0 14%,transparent 15%),repeating-linear-gradient(45deg,var(--rosa) 0 6px,#F48CBA 6px 12px);box-shadow:0 2px 0 rgba(0,0,0,.2),inset 0 0 0 3px #fff;cursor:default}
.naipe.pista{animation:brilla .5s ease 3;box-shadow:0 0 0 4px #FFD23F,0 0 18px #FFD23F}
@keyframes brilla{50%{transform:translateY(-6px)}}
.pila.pista{box-shadow:0 0 0 4px #FFD23F,0 0 18px #FFD23F}
@media (prefers-reduced-motion: reduce){.naipe{transition:none}.naipe.pista{animation:none}}
body{min-height:100vh;background-attachment:fixed}