.quick-content{padding-bottom:48px}
.quick-rule{font-size:.95rem;line-height:1.5;margin:8px 0 16px}
.quick-panel{padding:22px;margin:18px 0}.quick-panel h2{margin-top:0}.quick-panel p,.quick-panel li{line-height:1.6}
.quick-panel label{display:block;font-weight:600;margin:16px 0 7px}.quick-panel input,.quick-panel select{width:100%;padding:12px;border:1px solid var(--line,#b7a58b);border-radius:10px;font:inherit;color:inherit;background:var(--paper,#f3eee4)}
.quick-panel .btn{margin:8px 8px 0 0}.quick-panel summary{cursor:pointer;font-weight:700;padding:5px}.quick-panel a,.quick-result a{text-decoration:underline}
.quick-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-catalog .quick-panel{margin:0}
.quick-bank{margin:16px 0 24px}.quick-bank p{font-size:.9rem;text-align:center}
.quick-shell .score em{width:auto;min-width:28px;white-space:nowrap;padding-inline:5px}
@media(max-width:480px){.quick-panel{padding:16px}.quick-catalog{grid-template-columns:1fr}}
.quick-shell .setup-section [data-quick="start"]{margin-top:20px}
.quick-shell .setup-section [data-quick="resume"]{margin-top:10px}
.quick-shell #quick-error:empty{display:none}
.quick-shell #quick-choice-wrap[hidden]{display:none}
.quick-shell [hidden]{display:none!important}
.quick-shell .setup-section .field{margin-bottom:14px}
.quick-shell .setup-section textarea{width:100%;max-width:100%;font-size:16px;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px}
.quick-shell .solo-panel>.btn{margin:8px 0}
.quick-secondary-actions{display:grid;gap:8px;margin:18px 0 6px}
.quick-guide-modal section{padding:12px 0;border-top:1px solid var(--line,#b7a58b)}
.quick-guide-modal section h3{margin:0 0 5px;color:var(--accent-dark,#7f4b32)}
.quick-guide-modal section p{margin:0;line-height:1.55}
.quick-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 22px}
.quick-stats-grid span{padding:12px 6px;border-radius:10px;background:var(--paper,#f3eee4);text-align:center}
.quick-stats-grid b{display:block;font:600 1.5rem/1 var(--font-display);color:var(--accent)}
.quick-stats-grid small{display:block;margin-top:5px;color:var(--muted);font-size:.68rem}
.quick-history{padding-left:22px}.quick-history li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line,#b7a58b) 55%,transparent)}
.quick-history li span{color:var(--muted);font-size:.82rem;text-align:right}
.quick-ready-card{position:relative;isolation:isolate;text-align:center;padding:30px 24px 24px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent-soft) 55%,transparent),transparent 62%),var(--surface);box-shadow:var(--shadow)}
.quick-ready-card::before{content:"";position:absolute;inset:7px;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:inherit;pointer-events:none}
.quick-ready-seal{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 14px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 16%,transparent)}
.quick-ready-seal svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.3}
.quick-ready-seal svg path{fill:color-mix(in srgb,currentColor 18%,transparent);stroke-linejoin:round}
.quick-ready-seal svg circle:last-child{fill:currentColor;stroke:none}
.quick-ready-kicker{display:block;margin-bottom:6px;color:var(--accent-dark);font:600 .7rem/1.2 var(--font-display);letter-spacing:.22em;text-transform:uppercase}
.quick-ready-rule{margin:0;color:var(--ink);font:500 1.4rem/1.3 var(--font-display);text-wrap:balance}
.quick-ready-divider{display:flex;align-items:center;gap:10px;margin:18px auto 14px;max-width:220px;color:var(--accent);font-size:.6rem}
.quick-ready-divider i{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}
.quick-ready-card .hint{margin:0 auto;max-width:34ch;line-height:1.55}
.quick-ready-card .btn{margin-top:20px}
@media(prefers-reduced-motion:no-preference){.quick-ready-card{animation:quick-ready-in var(--motion-slow) var(--ease-out) both}.quick-ready-seal svg{animation:quick-ready-seal 900ms var(--ease-out) both}}
@keyframes quick-ready-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes quick-ready-seal{from{opacity:0;transform:rotate(-45deg) scale(.7)}to{opacity:1;transform:none}}

/* Reto preparado: cabecera centrada y con el mismo rojizo que el botón «Estoy preparado». */
.quick-ready{--accent:#8a3f2f;--accent-dark:#7a3a2c;--accent-soft:#f0d3c2;text-align:center}
.quick-ready .eyebrow{justify-content:center;color:var(--accent-dark)}
.quick-ready .eyebrow-line{background:var(--accent)}
.quick-ready h2{margin:6px auto 18px;max-width:20ch;color:var(--ink);text-wrap:balance}
.quick-ready .lead{margin:-6px auto 18px;max-width:32ch}

/* Partida libre: la duración se elige con fichas de pergamino (como las de la barra inferior),
   sin el recuadro blanco con desplegable. */
.quick-free-setup{--accent:#8a3f2f;--accent-dark:#7a3a2c}
.quick-shell .quick-length{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 22px}
.quick-shell .quick-length-chip{display:grid;justify-items:center;align-content:center;gap:1px;min-height:92px;padding:10px 4px;border:1px solid #b9a98e;border-radius:10px;color:#5b4936;background:linear-gradient(155deg,rgba(250,246,235,.97),rgba(232,221,201,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 2px 4px rgba(54,41,26,.12);font:inherit;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}
.quick-shell .quick-length-chip b{font:600 1.7rem/1 var(--font-display)}
.quick-shell .quick-length-chip span{font:600 .72rem/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.quick-shell .quick-length-chip small{margin-top:4px;color:var(--muted,#7a6a58);font:.68rem/1.2 var(--ui-font,inherit)}
.quick-shell .quick-length-chip.is-selected{border-color:#aa7157;color:#704a37;background:linear-gradient(155deg,#f8efdf,#eadbc4);box-shadow:inset 0 0 0 1px #aa7157,0 5px 9px rgba(61,43,29,.17);transform:translateY(-2px)}
.quick-shell .quick-length-chip:focus-visible{outline:2px solid #8a3f2f;outline-offset:2px}
.quick-shell .quick-length-chip[hidden]{display:none}
.quick-shell .quick-length-more{width:100%;margin:-8px 0 14px}
.quick-shell .quick-length-chip.quick-length-all{grid-column:1/-1;grid-auto-flow:column;justify-content:center;gap:8px;min-height:58px}
.quick-shell .quick-length-chip.quick-length-all b{font-size:1.3rem}
.quick-shell .quick-length-chip.quick-length-all small{margin:0 0 0 4px}
@media(prefers-reduced-motion:reduce){.quick-shell .quick-length-chip{transition:none}}

/* Portada del mazo que toca: se ve un instante antes de «Reto preparado». */
.quick-splash{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;text-align:center;cursor:pointer;background:radial-gradient(ellipse at 50% 32%,#fbf3e2 0,#f0e3c8 55%,#e3d0ab 100%);color:#2b2118;transition:opacity 240ms ease}
.quick-splash.is-leaving{opacity:0;pointer-events:none}
.quick-splash-inner{display:grid;justify-items:center;gap:10px;max-width:min(88vw,420px)}
.quick-splash .eyebrow{justify-content:center;color:#8a3f2f;font:600 .78rem/1.3 var(--font-display);letter-spacing:.22em;text-transform:uppercase}
.quick-splash h2{margin:0;font:500 clamp(1.7rem,7vw,2.3rem)/1.15 var(--font-display);text-wrap:balance}
.quick-splash-hint{margin-top:14px;color:#7a6a58;font:.75rem/1.3 var(--ui-font,inherit);letter-spacing:.12em;text-transform:uppercase}
.quick-splash-fan{display:flex;justify-content:center;margin-bottom:18px;height:150px}
.quick-splash-fan img{width:104px;height:150px;object-fit:cover;border:3px solid #fbf3e2;border-radius:10px;background:#eadbc4;box-shadow:0 8px 18px rgba(54,41,26,.28)}
.quick-splash-fan img:nth-child(1){transform:rotate(-8deg) translateX(14px)}
.quick-splash-fan img:nth-child(2){position:relative;z-index:1;transform:translateY(-8px)}
.quick-splash-fan img:nth-child(3){transform:rotate(8deg) translateX(-14px)}
.quick-splash-fan img:only-child{transform:none}
@media(prefers-reduced-motion:no-preference){.quick-splash-inner{animation:quick-ready-in 520ms var(--ease-out,ease-out) both}}
@media(prefers-reduced-motion:reduce){.quick-splash{transition:none}}

/* Botones sueltos de las pantallas de entrada de Retos rápidos (fuera de los paneles): pergamino. */
:root:not([data-theme="dark"]) .quick-shell .setup-section > .btn-secondary,
:root:not([data-theme="dark"]) .quick-shell .quick-secondary-actions .btn-secondary {
  border: 1px solid #b9a98e;
  background: linear-gradient(155deg, rgba(250,246,235,.97), rgba(232,221,201,.96));
  color: #5b4936;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 4px rgba(54,41,26,.12);
}
:root:not([data-theme="dark"]) .quick-shell .quick-secondary-actions .btn-ghost {
  border: 1px solid #cdb48d;
  background: rgba(250,243,227,.82);
  color: #5b4936;
}
.quick-shell .setup-section > .btn-secondary { margin-top: 10px; }

/* Fecha de referencia de las cifras que cambian con el tiempo, bajo la regla del mazo. */
.quick-ready-asof{margin:6px 0 0;color:var(--muted,#7a6a58);font:600 .72rem/1.3 var(--font-display);letter-spacing:.14em;text-transform:uppercase}

.quick-result .quick-result-note { margin-top: 14px; }