/* Carrera misteriosa */
.game{max-width:820px;margin:0 auto;padding:28px 16px 56px}
.game h1{margin:0 0 6px}
.game-kicker{margin:0;color:var(--accent-ink);font-weight:800;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase}
.game-play,.game-result{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.guess-box{position:relative}
.guess-box input{width:100%;padding:14px 16px;border:2px solid var(--accent);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:var(--fs-md)}
.guess-box .duel-list{position:absolute;top:100%;left:0;right:0;z-index:20;margin:4px 0 0;padding:0;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.guess-box .duel-list:empty{display:none}
.guess-box .duel-list button{display:block;width:100%;padding:9px 14px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.guess-box .duel-list button:hover{background:var(--accent-soft)}
.game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.guesses{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.guesses li{padding:5px 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--line)}
.guesses li.no{color:var(--muted);text-decoration:line-through}
.guesses li.ok{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.clues{display:grid;gap:12px}
.clue{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);animation:clueIn .35s ease}
@keyframes clueIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.clue h3{margin:0 0 8px;font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.clue-chart{width:100%;height:auto}
.clue-legend{display:flex;gap:6px 14px;align-items:center;font-size:var(--fs-xs);color:var(--muted);margin:4px 0 0}
.clue-legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px}
.clue-legend .sw.g{background:var(--accent)}.clue-legend .sw.a{background:var(--p2,#8ab4f8)}
.clue-sub{margin:4px 0 0;font-size:var(--fs-sm)}
.clue-big{margin:0;font-size:28px;font-weight:800}
.clue-big.mono{letter-spacing:.2em}
.clue-list{margin:0;padding-left:1.1em}
.game-result h2{margin:0}
.result-name{font-size:28px;font-weight:800;margin:6px 0}
.prize{display:inline-block;margin:4px 0;padding:6px 14px;border-radius:999px;font-weight:800}
.prize.holo{background:linear-gradient(90deg,#ff9de2,#9ef0ff,#c6ff9e,#ffe69e);color:#1a1a1a;background-size:300% 100%;animation:holo 3s linear infinite}
.prize.oro{background:linear-gradient(90deg,#f6d77a,#b8862b);color:#1a1405}
.prize.normal{background:var(--accent-soft);color:var(--accent-ink)}
.prize.none{background:var(--surface-2,var(--line));color:var(--muted)}
@keyframes holo{to{background-position:300% 0}}
.game-stats{margin-top:18px}

.mystery{margin:16px auto 0;max-width:260px;text-align:center}
.mystery canvas{width:100%;height:auto;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.card-credit{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}
.path{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.path li{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:'b c y' 'b s s';align-items:center;column-gap:12px}
.badge{grid-area:b;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;
 background:radial-gradient(circle at 30% 30%,hsl(var(--h) 65% 52%),hsl(var(--h) 70% 30%));box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.path-club{grid-area:c;font-weight:800;font-size:var(--fs-md)}
.path-years{grid-area:y;color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}
.path-stats{grid-area:s;color:var(--muted);font-size:var(--fs-sm)}