.stepper{display:flex;align-items:center;justify-content:center;gap:10px}.stepper-val{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.7rem;color:var(--rose-deep);width:2.2em;text-align:center;line-height:1;border:2px solid transparent;border-radius:12px;background:transparent;padding:2px 0;cursor:text;-moz-appearance:textfield;transition:border-color .15s var(--ease),background .15s var(--ease)}.stepper-val::-webkit-outer-spin-button,.stepper-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-val:hover{border-color:var(--line)}.stepper-val:focus{outline:none;border-color:var(--sky);background:var(--paper-2)}.flecha{background:var(--rose);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.05rem;cursor:pointer;font-family:inherit;display:grid;place-items:center;line-height:1;box-shadow:0 3px 0 var(--rose-deep);transition:transform .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease)}.flecha:disabled{opacity:.3;cursor:default;box-shadow:none}.flecha:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--rose-deep)}.flecha:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--rose-deep)}.stats{gap:10px}@media(min-width:860px){.stats{gap:12px}}.stat{display:flex;align-items:center;gap:8px;background:var(--paper-2);border-radius:14px;padding:8px 14px;min-height:46px}@media(min-width:860px){.stat{justify-content:center}}.stat-ico{font-size:1.25rem}.stat-val{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.3rem;color:var(--ink);font-variant-numeric:tabular-nums}.actions{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center}@media(min-width:860px){.actions{flex-direction:column}}.boton{background:var(--rose);color:#fff;border:none;border-radius:40px;padding:12px 20px;font-size:1rem;font-family:Nunito,sans-serif;font-weight:800;letter-spacing:.2px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 var(--rose-deep);transition:transform .15s var(--ease),box-shadow .15s var(--ease),filter .15s var(--ease),opacity .15s var(--ease)}.boton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--rose-deep);filter:saturate(1.05)}.boton:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--rose-deep)}.boton:disabled{opacity:.42;cursor:default;filter:grayscale(.25)}.boton:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.boton.azul{background:var(--sky);box-shadow:0 4px 0 var(--sky-deep)}.boton.azul:hover:not(:disabled){box-shadow:0 6px 0 var(--sky-deep)}.boton.azul:active:not(:disabled){box-shadow:0 1px 0 var(--sky-deep)}.boton.verde{background:var(--sage);box-shadow:0 4px 0 var(--sage-deep)}.boton.verde:hover:not(:disabled){box-shadow:0 6px 0 var(--sage-deep)}.boton.verde:active:not(:disabled){box-shadow:0 1px 0 var(--sage-deep)}.tablero{width:min(var(--board-w),calc(var(--cols) * var(--card-max)));display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap)}.carta{aspect-ratio:1 / 1;perspective:800px;cursor:pointer;will-change:transform}.carta-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:calc(min(var(--board-w) / var(--cols),var(--card-max))*.46);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s var(--ease)}.cara-atras{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.42) 0 14%,transparent 15%),linear-gradient(155deg,var(--rose-soft),var(--rose) 60%,var(--rose-deep));color:#ffffffeb;box-shadow:inset 0 2px 5px #ffffff80,inset 0 -7px 12px #b43c5f66,0 6px 13px #cf527447}.cara-atras:before{content:"";position:absolute;top:7%;left:12%;right:12%;height:30%;border-radius:50%;background:linear-gradient(180deg,#ffffff8c,#fff0);filter:blur(1px)}.cara-atras span{position:relative;font-size:.5em;opacity:.92;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.cara-frente{background:linear-gradient(160deg,#ffffff,var(--paper));transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #ec6f8e47,0 6px 13px #785a6e29}.carta.encontrada .cara-frente{background:linear-gradient(160deg,#eafbf2,#d2f3e2);box-shadow:inset 0 0 0 2px #3f947661,0 6px 16px #3f94763d}@media(hover:hover){.carta:not(.volteada):not(.encontrada):hover{z-index:2}.carta:not(.volteada):not(.encontrada):hover .cara-atras{transform:translateY(-6px) scale(1.04);filter:brightness(1.05) saturate(1.06);box-shadow:inset 0 2px 5px #ffffff8c,inset 0 -7px 12px #b43c5f66,0 14px 22px #cf527466}.carta:not(.volteada):not(.encontrada):hover .cara-atras:before{opacity:.9}}.modal{position:fixed;inset:0;z-index:var(--z-modal);background:#46323e75;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.modal.visible{display:flex}.mensaje{background:var(--paper);border-radius:26px;padding:30px 26px 26px;max-width:380px;width:100%;box-shadow:0 26px 60px #46283757,inset 0 1px #ffffffd9;border:1.5px solid var(--line)}.modal h2{font-family:"Baloo 2",cursive;font-weight:700;font-size:clamp(1.5rem,6vw,2.2rem);margin-bottom:8px;color:var(--rose-deep);text-wrap:balance}.modal p{font-size:clamp(1rem,4vw,1.2rem);color:var(--ink-soft);margin-bottom:14px;line-height:1.45;font-weight:600}.tiempo-final{font-family:"Baloo 2",cursive;font-size:clamp(1.6rem,6vw,2.1rem);color:var(--sky-deep);font-weight:700;margin-bottom:14px;font-variant-numeric:tabular-nums}.sub{font-size:.95rem!important;color:var(--ink-soft);margin-bottom:8px!important;font-weight:800}.records{list-style:none;margin:0 0 18px;text-align:left}.records li{font-size:clamp(1rem,4vw,1.2rem);font-weight:800;padding:9px 15px;margin-bottom:7px;border-radius:14px;background:var(--paper-2);color:var(--ink);display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.records li.nuevo{background:linear-gradient(100deg,#fff0c4,var(--gold));color:var(--ink)}.records .vacio{background:transparent;color:var(--ink-soft);justify-content:center;font-weight:700}.botones-modal{display:flex;flex-direction:column;gap:10px}.pausa-ico{font-size:3rem;margin-bottom:4px}.confeti{position:fixed;top:0;font-size:1.7rem;pointer-events:none;z-index:var(--z-confeti);will-change:transform}@media(max-width:859px){.panel{gap:8px 10px;padding:9px 11px;border-radius:18px}.panel-block{gap:8px}.panel-label{font-size:.8rem}.stepper{gap:8px}.stepper-val{font-size:1.3rem;width:1.7em}.flecha{width:34px;height:34px;font-size:.95rem;box-shadow:0 3px 0 var(--rose-deep)}.stats{gap:8px}.stat{padding:5px 11px;min-height:38px}.stat-ico,.stat-val{font-size:1.05rem}.actions{flex-basis:100%;width:100%;gap:8px;flex-wrap:nowrap}.actions .boton{flex:1 1 0;min-width:0;min-height:44px;padding:8px 6px;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 3px 0 var(--rose-deep)}.actions .boton.azul{box-shadow:0 3px 0 var(--sky-deep)}.actions .boton.verde{box-shadow:0 3px 0 var(--sage-deep)}.board-area{padding:9px;border-radius:20px}}