.bar button.aide {
font: inherit; border-radius: 7px; border: 1px solid var(--line-2);
padding: 7px 10px; cursor: pointer; white-space: nowrap;
}
.bar button.aide {
background: #43306b; border-color: #7050b0;
color: #fff; font-weight: 600;
display: inline-flex; align-items: center; gap: 7px;
}
.bar button.aide::before {
content: "?"; display: inline-flex; align-items: center;
justify-content: center; width: 18px; height: 18px; border-radius: 50%;
background: rgba(255,255,255,.22); font-size: .8rem; line-height: 1;
}
.bar button.aide:hover:not(:disabled),
.bar button.aide:focus-visible {
background: #5a3f8f; border-color: #8a68d0; outline: none;
}
.wiki {
position: fixed; inset: 0 auto 0 0; z-index: 60;
width: 380px; max-width: 100vw;
display: flex; flex-direction: column;
overflow: hidden;
background: var(--panel); border-right: 1px solid var(--line-2);
box-shadow: 8px 0 32px rgba(0,0,0,.5);
transform: translateX(-100%); transition: transform .22s ease;
}
.wiki.ouvert { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .wiki { transition: none; } }
.wiki-head {
position: sticky; top: 0; z-index: 1; min-width: 0;
display: flex; align-items: center; gap: 10px;
padding: 12px 14px; background: var(--panel);
border-bottom: 1px solid var(--line);
}
.wiki-titre { flex: 1; font-size: .95rem; font-weight: 600; color: var(--title); }
.wiki-fermer {
font: inherit; font-size: 1.1rem; line-height: 1; cursor: pointer;
width: 30px; height: 30px; border-radius: 7px;
border: 1px solid var(--line-2); background: var(--panel-2); color: var(--text);
}
.wiki-fermer:hover, .wiki-fermer:focus-visible {
border-color: var(--sand); outline: none;
}
.wiki-somm {
display: flex; flex-wrap: wrap; gap: 6px;
padding: 10px 14px; border-bottom: 1px solid var(--line);
}
.wiki-somm a {
font-size: .72rem; text-transform: uppercase; letter-spacing: .05em;
padding: 4px 9px; border-radius: 20px; text-decoration: none;
border: 1px solid var(--line-2); background: var(--panel-2);
color: var(--muted);
}
.wiki-somm a:hover, .wiki-somm a:focus-visible {
color: var(--title); border-color: var(--sand); outline: none;
}
.wiki-corps {
flex: 1; overflow-y: auto; overflow-x: hidden; min-width: 0;
padding: 4px 14px 28px;
}
.wiki-sec { padding-top: 18px; scroll-margin-top: 8px; }
.wiki-sec > h3 {
margin: 0 0 2px; font-size: .82rem; color: var(--accent-2);
text-transform: uppercase; letter-spacing: .07em;
}
.wiki-sec > .chapo { margin: 0 0 10px; font-size: .8rem; color: var(--muted); }
.wk-item { padding: 11px 0; border-top: 1px solid var(--line); }
.wk-item > h4 {
margin: 0 0 6px; font-size: .88rem; font-weight: 600; color: var(--title);
}
.wk-item > p { margin: 0; font-size: .82rem; line-height: 1.5; color: var(--text); }
.wk-item > p + p { margin-top: 6px; }
.wk-vue {
margin: 0 0 9px; padding: 9px; border-radius: 9px;
background: var(--panel-2); border: 1px solid var(--line);
pointer-events: none; overflow-x: auto; overflow-y: hidden;
min-width: 0; max-width: 100%;
}
.wk-item { min-width: 0; }
.wk-vue > * { max-width: 100%; }
.wk-vue #cockpit, .wk-vue .wk-tuiles {
display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
}
.wk-voile {
position: fixed; inset: 0; z-index: 55;
background: rgba(0,0,0,.5);
}
@media (max-width: 720px) {
.wiki { inset: 0; width: auto; border-right: 0; }
}