/* Modal de instrucciones de carrera (antes en un <style> dentro de carrera/index.html) */
#instructions-modal{display:none;position:fixed;inset:0;background:rgb(var(--bg-rgb) / 0.88);z-index:9999;align-items:center;justify-content:center}
#instructions-modal.open{display:flex}
.instr-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:400px;width:92%;padding:28px 24px;position:relative}
.instr-card h3{font-family:var(--font-display);color:var(--text);font-size:1.5rem;letter-spacing:.08em;margin-bottom:16px;text-align:center}
.instr-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-family:var(--font-body);font-size:0.92rem;color:var(--text);line-height:1.4}
.instr-close{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;color:var(--dim);font-size:1.2rem;transition:color 0.15s}
.instr-close:hover{color:var(--gold)}
.instr-pip{flex-shrink:0;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-top:6px}

#canvas-confetti{position:fixed;inset:0;pointer-events:none;z-index:201}