/* Blitz — Speed Puzzle Duels */

.hero-back-link{display:inline-block;margin-bottom:.5rem;color:var(--muted);text-decoration:none;font-size:1.1rem}
.hero-back-link:hover{color:var(--ink)}
.hero-copy-wrap{display:flex;flex-direction:column}

/* Mode selection */
.mode-panel{padding:1.5rem;text-align:center}
.mode-panel h2{margin:0 0 .3rem;font-size:1.5rem}
.mode-desc{margin:0 0 1.2rem;color:var(--muted);line-height:1.5}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:500px;margin:0 auto}
.mode-card{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem;border:2px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.03);cursor:pointer;text-align:center;transition:border-color .15s ease,transform .1s ease}
.mode-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.mode-icon{font-size:2rem;line-height:1}
.mode-title{font-weight:700;font-size:1.1rem}
.mode-sub{font-size:.78rem;color:var(--muted);line-height:1.4}
.already-msg{margin:1rem 0 0;color:var(--danger);font-size:.9rem}

/* Blitz-specific timer */
.blitz-timer{color:var(--danger)!important;animation:timer-pulse 1s infinite alternate}
@keyframes timer-pulse{from{text-shadow:0 0 4px rgba(243,181,176,.3)}to{text-shadow:0 0 12px rgba(243,181,176,.6)}}

/* Reuse peak's game-panel, puzzle-area, stage-progress etc. */

/* Word scramble puzzle (Blitz-specific) */
.scramble-display{text-align:center;margin-bottom:1rem}
.scramble-letters{font-family:var(--mono);font-size:2.2rem;font-weight:700;letter-spacing:.3em;color:var(--accent)}
.scramble-input{width:14rem;padding:.6rem .8rem;border:2px solid var(--line-strong);border-radius:var(--radius);background:rgba(255,255,255,.04);text-align:center;text-transform:uppercase;letter-spacing:.15em;font:inherit;font-family:var(--mono);font-size:1.3rem;color:var(--ink)}
.scramble-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(199,210,254,.2)}
.scramble-hint{margin-top:.5rem;color:var(--muted);font-size:.8rem}

/* Logic sequence puzzle (Blitz-specific) */
.sequence-display{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.seq-num{font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--ink);min-width:3rem;text-align:center;padding:.4rem;border:2px solid var(--line);border-radius:var(--radius)}
.seq-num.missing{border-color:var(--accent);border-style:dashed;color:var(--accent)}
.seq-arrow{color:var(--muted);font-size:.8rem}
.seq-options{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.seq-option{min-width:3.5rem;padding:.5rem .8rem;border:2px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.03);font-family:var(--mono);font-size:1.1rem;font-weight:700;cursor:pointer;transition:border-color .15s ease}
.seq-option:hover{border-color:var(--accent)}
.seq-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}

@media(max-width:560px){
  .mode-grid{grid-template-columns:1fr}
  .scramble-letters{font-size:1.6rem}
}