/* Botón en navbar */
.dino-btn{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.55rem 1.1rem;font-size:.75rem;cursor:pointer;font-family:inherit;letter-spacing:.12em;text-transform:uppercase;font-weight:600;transition:all .2s}
.dino-btn:hover{background:var(--dark);color:#fff;border-color:var(--dark)}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem}
.modal-overlay.open{display:flex}
.modal{background:#fff;max-width:680px;width:100%;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--dark);color:#fff}
.modal-close{background:none;border:0;color:#fff;font-size:1.25rem;cursor:pointer}
.modal-body{padding:1.5rem}

/* Juego */
.dino-help{font-size:.85rem;color:var(--muted);margin-bottom:.75rem}
.dino-help kbd{background:var(--light);border:1px solid var(--border);border-radius:3px;padding:.1rem .4rem;font-size:.75rem}
.score-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem;font-family:monospace}
#dinoCanvas{width:100%;height:auto;background:#f7f7f7;border:1px solid var(--border);display:block;outline:none}