.page-dictionnaire { --dict-copper:#925b37; --dict-soft:#f0e4d5; }
html[data-theme="fire"] .page-dictionnaire { --dict-copper:#e1ad7b; --dict-soft:var(--surface-2); }
html body.page-dictionnaire main.sect { max-width:1200px; margin:48px auto 64px; padding:0 24px; border:0; background:none; box-shadow:none; }
.dictionary-intro { margin-bottom:30px; max-width:720px; }
.dictionary-kicker { color:var(--dict-copper); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; margin:0 0 14px; }
html body.page-dictionnaire .dictionary-intro h1 { font:600 clamp(36px,5vw,58px)/1.1 var(--site-brand); letter-spacing:-.035em; margin:0 0 16px; }
.dictionary-intro > p:last-child { color:var(--muted); font-size:15px; line-height:1.8; }
.page-dictionnaire .dictionary-search { display:block; padding:28px; background:var(--panel); border:1px solid var(--border); border-radius:14px; margin:0 0 36px; }
.dictionary-search label,.dictionary-field-label { display:block; font-size:12px; font-weight:600; margin-bottom:8px; color:var(--ink); }
.dictionary-query-row { display:flex; gap:12px; }
.page-dictionnaire .dictionary-search input,.page-dictionnaire .dictionary-search select { font-family:var(--site-ui); border-radius:7px; padding:12px; min-height:46px; }
.dictionary-query-row .btn { flex-shrink:0; gap:8px; display:inline-flex; align-items:center; justify-content:center; }
.page-dictionnaire .dictionary-search .btn.primary { background:var(--ink); color:var(--panel); border-color:var(--ink); padding:11px 18px; font-size:13px; }
.dictionary-colors { margin:24px 0 0; padding:0; border:0; min-width:0; }
.dictionary-search legend { font-size:12px; font-weight:700; padding:0; margin-bottom:12px; }
.mana-options { display:flex; flex-wrap:wrap; gap:8px; }
.dictionary-search label.mana-option { position:relative; margin:0; cursor:pointer; font-weight:500; }
.mana-option input[type="radio"] { position:absolute; opacity:0; width:1px; height:1px; min-height:0; padding:0; margin:0; }
.mana-button { display:flex; align-items:center; gap:8px; padding:9px 12px; min-height:44px; border:1px solid var(--border); background:var(--surface-1); border-radius:8px; color:var(--ink); font-size:12px; }
.mana-option:hover .mana-button { border-color:var(--dict-copper); }
.mana-option input:checked + .mana-button { border-color:var(--dict-copper); background:var(--dict-soft); box-shadow:inset 0 0 0 1px var(--dict-copper); font-weight:700; }
.mana-option input:focus-visible + .mana-button { outline:3px solid var(--accent); outline-offset:3px; }
.mana-orb { display:inline-block; flex-shrink:0; width:23px; height:23px; border-radius:50%; border:1px solid rgba(0,0,0,.25); box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.12); }
.mana-W { background:radial-gradient(circle at 35% 25%,#fffef4,#e7d9a1); }
.mana-U { background:radial-gradient(circle at 35% 25%,#7bc7f1,#2065ad); }
.mana-B { background:radial-gradient(circle at 35% 25%,#77727d,#24212a); }
.mana-R { background:radial-gradient(circle at 35% 25%,#f69a76,#c93629); }
.mana-G { background:radial-gradient(circle at 35% 25%,#85c58a,#287345); }
.mana-multicolored { background:conic-gradient(#e8d999,#479ed2,#433f4a,#dc5c42,#4c9b5b,#e8d999); }
.mana-colorless { background:radial-gradient(circle at 35% 25%,#eeeff1,#9298a0); }
.mana-all { background:var(--surface-2); border-style:dashed; box-shadow:none; }
.mana-pair { display:flex; padding-right:3px; }
.mana-pair .mana-orb + .mana-orb { margin-left:-8px; }
.dictionary-hint { color:var(--muted); font-size:11px; line-height:1.7; font-weight:400; margin:10px 0 0; }
.dictionary-advanced { border-top:1px solid var(--border); margin-top:22px; }
.dictionary-advanced summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; padding:20px 0; font-size:13px; font-weight:600; }
.dictionary-advanced summary::-webkit-details-marker { display:none; }
.dictionary-advanced summary i { margin-right:8px; color:var(--dict-copper); }
.dictionary-expand { font-size:22px; font-weight:400; transition:transform .2s; }
.dictionary-advanced[open] .dictionary-expand { transform:rotate(45deg); }
.dictionary-advanced-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:4px 0 24px; }
.dictionary-group,.dictionary-guilds { margin:0; padding:0; border:0; min-width:0; }
.dictionary-group legend,.dictionary-guilds legend { color:var(--dict-copper); margin-bottom:18px; font-size:13px; }
.dictionary-group > input,.dictionary-group > select { margin-bottom:16px; }
.dictionary-range { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dictionary-range label { font-size:11px; color:var(--muted); font-weight:400; }
.page-dictionnaire .dictionary-range input { max-width:none; }
.dictionary-guilds { grid-column:1/-1; border-top:1px solid var(--border); padding-top:18px; }
.page-dictionnaire .search-actions { border-top:1px solid var(--border); padding-top:20px; justify-content:flex-end; gap:16px; }
.search-actions .dictionary-hint { margin:0 auto 0 0; }
.dictionary-reset { color:var(--muted); font-size:12px; text-underline-offset:4px; }
.dictionary-results-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
html body.page-dictionnaire .dictionary-results-head h2 { font:600 30px/1.2 var(--site-brand); margin:0; }
.dictionary-results-head p { font-size:12px; color:var(--muted); margin:0; }
.page-dictionnaire .cards-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 20px; }
.page-dictionnaire .card-box { width:auto; min-width:0; box-shadow:none; transition:transform .2s,border-color .2s; }
.page-dictionnaire .card-box img { aspect-ratio:63/88; object-fit:contain; }
.page-dictionnaire .card-name { font-weight:600; line-height:1.4; }
.page-dictionnaire .card-set { font-size:11px !important; line-height:1.5; margin-top:6px; }
.dictionary-empty { padding:48px 24px; text-align:center; color:var(--muted); border:1px dashed var(--border); border-radius:12px; }
.dictionary-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:32px; }
.dictionary-pagination a { padding:8px 13px; border:1px solid var(--border); border-radius:7px; color:var(--ink); background:var(--panel); text-decoration:none; font-size:13px; }
.dictionary-pagination a[aria-current="page"] { background:var(--ink); color:var(--panel); }
@media(max-width:1000px) { .page-dictionnaire .cards-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) {
 html body.page-dictionnaire main.sect { padding:0 18px; margin-top:28px; }
 .page-dictionnaire .dictionary-search { padding:20px; }
 .dictionary-advanced-grid { grid-template-columns:1fr; gap:20px; }
 .dictionary-group { border-bottom:1px solid var(--border); padding-bottom:16px; }
 .dictionary-guilds { border-top:0; }
 .page-dictionnaire .cards-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 12px; }
 .dictionary-results-head { align-items:start; flex-direction:column; gap:8px; }
 .search-actions .dictionary-hint { flex-basis:100%; }
}
@media(max-width:520px) {
 .dictionary-query-row { flex-direction:column; }
 .page-dictionnaire .cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mana-button { padding:8px 10px; }
 .page-dictionnaire .dictionary-search { padding:16px; }
 .page-dictionnaire .search-actions { justify-content:space-between; }
}
@media(prefers-reduced-motion:reduce) { .page-dictionnaire .card-box,.dictionary-expand { transition:none; } }