/* Espace joueur : boutons de la barre du haut et panneaux (voir espace-joueur.js) */
.ej-outil{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:11px;letter-spacing:.06em;opacity:.85;transition:opacity .2s,background .2s}
.ej-outil:hover,.ej-outil:focus-visible{opacity:1;background:#ffffff1a}
.ej-outil svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:900px){.ej-outil span{display:none}.ej-outil{padding:7px}}

.ej{max-width:560px}
.ej h3{font-family:var(--display);font-size:1.35rem;font-style:italic;margin:22px 0 6px}
.ej-citation{font-style:italic;border-left:3px solid var(--brass);padding-left:12px}
.ej-etapes{padding-left:20px}.ej-etapes li{margin:8px 0}
.ej-form{display:grid;gap:6px;margin:12px 0}
.ej-form label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.ej-form input,.ej-form select,.ej-form textarea{width:100%;padding:10px 12px;border:1px solid #0003;border-radius:6px;background:#fffdf6;color:#24382d}
.ej .ej-btn,.ej-btn{color:#fff;text-shadow:0 1px 1px #0005;font-family:var(--body);font-size:14px;letter-spacing:.02em}
.ej-btn{margin-top:10px;padding:11px 16px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;justify-self:start}
.ej-btn:hover{filter:brightness(1.08)}
.ej-ok{color:#2f6b3a;font-weight:600}.ej-erreur{color:#9b2c2c;font-weight:600}
.ej-lien{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ej-pied{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.ej-quetes{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}
.ej-quetes li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:8px 10px;border:1px solid #0001;border-radius:6px;background:#ffffff40}
.ej-quetes li small{grid-column:1;color:var(--muted)}
.ej-quetes li .ej-lien{grid-column:2;grid-row:1/span 2}
.ej-quetes li.fait{border-color:var(--brass)}
.ej-defile{overflow-x:auto}
.ej-table{border-collapse:collapse;width:100%;font-size:13px}
.ej-table th,.ej-table td{text-align:left;padding:6px 8px;border-bottom:1px solid #0001}
.ej-code{font-family:monospace;letter-spacing:.06em}
.ej-bon-cadeau{margin-top:16px;padding:20px;border:2px dashed var(--brass);border-radius:8px;text-align:center;display:grid;gap:6px;background:#fffaf0}
.ej-bon-cadeau strong{font-family:var(--display);font-size:2rem}
.ej-bon-cadeau .ej-code{font-size:1.25rem}
.ej-main{font-family:'Cedarville Cursive',cursive;font-size:1.2rem}
body[data-world=dark] .ej-form input,body[data-world=dark] .ej-form select,body[data-world=dark] .ej-form textarea{background:#0d1316;color:#d7dddd;border-color:#fff3}
body[data-world=dark] .ej-bon-cadeau{background:#0d1316}
body[data-world=dark] .ej-quetes li{background:#ffffff08;border-color:#fff2}
/* Code de sauvegarde du carnet (sauvegarde-carnet.js) */
.sc-code{width:100%;box-sizing:border-box;margin-top:10px;padding:8px;font:12px/1.4 monospace;word-break:break-all;border:1px solid #b88b4a;border-radius:6px;background:#fffaf0;color:#2a1d0c}