/* 0.1.28 — Journal de quêtes (js/questui.js) : journal en 3 familles, tableau du jour, Dofus en grille, succès par famille */
.qj-lay{display:grid;grid-template-columns:246px minmax(0,1fr);gap:16px;align-items:start}
.qj-main{min-width:0;display:flex;flex-direction:column;gap:12px}
.qj-main>.stack{gap:14px}
/* journal (PC) */
.qj-journal{position:sticky;top:calc(var(--sth,0px) + 10px);background:var(--panel);border:3px solid var(--frame);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.qj-jh{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--panel2);border-bottom:2px solid var(--frame)}
.qj-jh .uico{width:24px;height:24px}
.qj-grp{padding:8px 8px 4px}
.qj-grp+.qj-grp{border-top:1px solid var(--line)}
.qj-gt{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:4px 8px 6px;font-size:11px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}
.qj-gt i{font-style:normal;letter-spacing:0;text-transform:none;font-weight:700}
.qj-ji{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;border-radius:10px;padding:7px 8px;text-align:left;cursor:pointer;color:var(--ink)}
.qj-ji .uico{width:22px;height:22px;flex:none}
.qj-ji b{font-weight:800;font-size:14px;flex:1;min-width:0}
.qj-ji:hover{background:var(--panel2)}
.qj-ji[aria-current="page"]{background:var(--panel3);box-shadow:inset 0 0 0 2px var(--gold)}
.qj-cnt{font-size:11.5px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--panel3);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.qj-cnt.todo{background:rgba(240,195,90,.16);color:#f0c35a}
.qj-cnt.ok{background:rgba(143,227,106,.16);color:var(--good,#8fe36a)}
.qj-pip{width:9px;height:9px;border-radius:50%;background:#f0c35a;box-shadow:0 0 8px #f0c35a;flex:none}
.qj-shopbtn{display:flex;align-items:center;gap:8px;margin:6px 8px 10px;width:calc(100% - 16px);border:2px dashed var(--frame);background:var(--panel2);border-radius:12px;padding:8px 10px;font-weight:800;font-size:13.5px;cursor:pointer;color:var(--ink)}
.qj-shopbtn .uico{width:22px;height:22px}
.qj-shopbtn b{font-weight:800}
.qj-shopbtn span{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:700}
.qj-shopbtn[aria-current="page"]{border-style:solid;border-color:var(--gold)}
/* téléphone : 3 familles + rangée défilante */
.qj-m{display:none}
@media (max-width:859px){
  .qj-lay{grid-template-columns:1fr}
  .qj-journal{display:none}
  .qj-m{display:grid;gap:8px}
}
.qj-fam3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.qj-fam3 button{position:relative;border:2px solid var(--frame);background:var(--panel2);border-radius:12px;padding:7px 4px;font-weight:900;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--ink)}
.qj-fam3 .uico{width:22px;height:22px}
.qj-fam3 button[aria-pressed="true"]{background:var(--gold);color:#13200a;border-color:var(--gold)}
.qj-fam3 .qj-pip{position:absolute;top:6px;right:8px}
/* 1.0.3.2 : les pages de la famille en grille (2 ou 3 colonnes) au lieu d'une rangée qui défilait et paraissait coupée au téléphone */
.qj-chips{display:grid;grid-template-columns:repeat(var(--qc,2),minmax(0,1fr));gap:6px}
.qj-chips button{min-width:0;justify-content:center;text-align:center;line-height:1.15;display:flex;gap:6px;align-items:center;border:2px solid var(--frame);background:var(--panel);border-radius:12px;padding:6px 6px;font-weight:800;font-size:12.5px;cursor:pointer;color:var(--ink)}
.qj-chips .uico{width:18px;height:18px}
.qj-chips button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2)}
/* en-tête de page et aide repliée */
.qj-ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qj-ph .uico{width:18px;height:18px;vertical-align:-4px}
.qj-help{width:28px;height:28px;border-radius:50%;border:2px solid var(--frame);background:var(--panel2);font-weight:900;cursor:pointer;color:var(--ink);flex:none}
.qj-help[aria-expanded="true"]{background:var(--gold);color:#13200a;border-color:var(--gold)}
.qj-note{background:var(--panel2);border-left:3px solid var(--gold);border-radius:10px;padding:8px 12px}
.qj-lab{font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.qj-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;padding:3px 8px;border-radius:999px;background:var(--panel3);color:var(--muted);white-space:nowrap}
.qj-tag.todo{background:rgba(240,195,90,.16);color:#f0c35a}
.qj-tag.ok{background:rgba(143,227,106,.16);color:var(--good,#8fe36a)}
.qj-tag.ready{background:var(--gold);color:#13200a}
.qj-rew{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.qj-rew .uico{width:16px;height:16px}
.qj-rew b{color:var(--ink);font-weight:700}
/* tableau du jour */
.qj-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:3px solid var(--gold);border-radius:18px;background:linear-gradient(120deg,var(--panel3),var(--panel) 65%);box-shadow:var(--shadow),0 0 22px rgba(var(--glw,179,224,92),.18)}
.qj-chap{width:60px;height:60px;border-radius:16px;border:2px solid var(--med-ring,#dcbb74);background:radial-gradient(circle at 40% 35%,var(--med-bg,#3c4d2e),var(--med-bg2,#172012));display:grid;place-items:center}
.qj-chap .uico{width:40px;height:40px}
.qj-hb{display:grid;gap:5px;min-width:0}
.qj-eb{font-size:11px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:var(--gold)}
.qj-acts{display:flex;flex-direction:column;gap:6px}
.qj-day{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qj-card{display:grid;gap:10px;align-content:start;background:var(--panel);border:3px solid var(--frame);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow)}
.qj-card.hot{border-color:#8a7a32}
.qj-card.done{opacity:.75}
.qj-ch{display:flex;align-items:center;gap:9px}
.qj-ch .uico{width:28px;height:28px}
.qj-ch h3{flex:1}
.qj-mini{display:flex;align-items:center;gap:9px;font-size:13px}
.qj-mini img{width:34px;height:34px;object-fit:contain;flex:none}
.qj-mini .bar{width:70px;height:6px;flex:none}
.qj-mini .grow{min-width:0}
/* 1.0.23.1 : commandes d'artisans plus claires */
.qj-cmd.alldone{border-color:rgba(143,227,106,.45)}
.qj-co{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:13px;background:var(--panel2);border:1px solid var(--line);transition:border-color .2s}
.qj-co.ready{border-color:var(--gold);background:linear-gradient(110deg,rgba(240,195,90,.13),var(--panel2) 60%)}
.qj-co.done{background:rgba(143,227,106,.07);border-color:rgba(143,227,106,.25)}
.qj-co-ic{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle at 40% 35%,var(--med-bg,#3c4d2e),var(--med-bg2,#172012))}
.qj-co-ic>img:first-child{width:34px;height:34px;object-fit:contain}
.qj-co-job{position:absolute;right:-6px;bottom:-6px;width:21px;height:21px;border-radius:50%;object-fit:cover;background:var(--panel3);border:2px solid var(--panel)}
.qj-co.done .qj-co-ic>img:first-child{filter:saturate(.55)}
.qj-co-b{flex:1;min-width:0;display:grid;gap:3px}
.qj-co-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px}
.qj-co-who{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.25}
.qj-co-who .nw,.qj-cfoot .nw{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.qj-co-who>span:first-child::after{content:"·";margin-left:4px}
.qj-co-who b{color:var(--ink);font-weight:700}
.qj-co-who .coin{width:13px!important;height:13px!important}
.qj-co-p{display:flex;align-items:center;gap:7px}
.qj-cbar{flex:1;max-width:170px;height:7px;border-radius:5px;background:var(--hp-bg);overflow:hidden;display:flex}
.qj-cbar i{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .3s}
.qj-cbar i.bk{background:repeating-linear-gradient(135deg,rgba(240,195,90,.6) 0 4px,rgba(240,195,90,.32) 4px 8px)}
.qj-co.done .qj-cbar i{background:linear-gradient(90deg,#8fe06a,#3fa34d)}
.qj-co-st{white-space:nowrap;color:var(--muted)}
.qj-co-st b{color:var(--ink)}
.qj-co-rd{color:var(--gold2,#f0c35a);font-weight:800}
.qj-co-a{display:flex;gap:6px;align-items:center;flex:none}
.qj-co.miss{flex-wrap:wrap}
.qj-co.miss .qj-co-b{flex-basis:calc(100% - 56px)}
.qj-co.miss .qj-co-a{margin-left:52px}
.qj-co-ok{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:rgba(143,227,106,.18);color:var(--good,#8fe36a)}
.qj-urg{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#f3cf72,#d8a33c);color:#3a2614;cursor:help}
.qj-cfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:13px;border:1px dashed var(--frame);font-size:12.5px;line-height:1.3}
.qj-cfoot.got{border-style:solid;border-color:rgba(143,227,106,.3)}
.qj-cfoot .grow{min-width:150px}
.qj-chest{width:36px;height:36px;flex:none;display:grid;place-items:center;cursor:help}
.qj-chest .uico{width:34px;height:34px}
.qj-cfoot.got .qj-chest{filter:saturate(.6)}
}
.qj-alm{display:flex;gap:12px;align-items:center}
.qj-cal{width:52px;height:56px;border-radius:12px;background:linear-gradient(180deg,#f3cf72,#d8a33c);color:#3a2614;display:grid;place-items:center;align-content:center;font-family:var(--font-title);line-height:1;box-shadow:0 3px 0 rgba(0,0,0,.4);flex:none}
.qj-cal b{font-size:23px;font-weight:400}.qj-cal span{font-size:12px;font-family:var(--font-body);font-weight:900}
.qj-streak{display:inline-flex;gap:3px}
.qj-streak i{width:13px;height:6px;border-radius:3px;background:var(--hp-bg)}
.qj-streak i.on{background:var(--gold)}
.qj-tpls{display:flex;gap:10px;flex-wrap:wrap}
.qj-tpl{display:grid;justify-items:center;gap:3px;font-size:11.5px;font-weight:800;min-width:56px}
.qj-tpl i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cc);background:radial-gradient(circle at 40% 35%,var(--med-bg,#3c4d2e),var(--med-bg2,#172012))}
.qj-tpl i img{width:28px;height:28px;object-fit:contain}
.qj-tpl.done i{filter:grayscale(.7) brightness(.7)}
@media (max-width:860px){
  .qj-day{grid-template-columns:1fr}
  .qj-hero{grid-template-columns:auto minmax(0,1fr)}
  .qj-acts{grid-column:1/-1;flex-direction:row}
}
/* quête principale */
.qj-chapbar{display:flex;gap:3px}
.qj-chapbar i{flex:1;height:10px;border-radius:3px;background:var(--hp-bg)}
.qj-chapbar i.ok{background:var(--frame)}
.qj-chapbar i.cur{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.qj-step{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--panel2)}
.qj-step .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--panel3);border:2px solid var(--frame);flex:none}
.qj-step.cur{background:linear-gradient(120deg,var(--panel3),var(--panel2));box-shadow:inset 0 0 0 2px var(--gold)}
.qj-step.cur .n{background:var(--gold);color:#13200a;border-color:var(--gold)}
.qj-step.next{opacity:.75}
.qj-step.lock{opacity:.4}
.qj-side{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
@media (max-width:600px){.qj-step{flex-wrap:wrap}.qj-side{flex-direction:row;width:100%;justify-content:flex-end}}
.qj-done{border-radius:14px;background:var(--panel2);border:1px solid var(--line)}
.qj-done summary{cursor:pointer;padding:10px 12px;font-weight:800;display:flex;gap:8px;align-items:center;list-style:none}
.qj-done summary::-webkit-details-marker{display:none}
.qj-done summary::before{content:"▸";color:var(--gold);transition:transform .2s}
.qj-done[open] summary::before{transform:rotate(90deg)}
.qj-dl{display:grid;padding:0 12px 10px}
.qj-dl div{display:flex;gap:10px;font-size:13px;color:var(--muted);padding:5px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.qj-dl div b{color:var(--good,#8fe36a);width:16px}
/* Dofus */
.qj-fil{display:flex;flex-wrap:wrap;gap:6px}
.qj-fil button{border:2px solid var(--frame);background:var(--panel2);border-radius:999px;padding:5px 12px;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink);display:inline-flex;gap:6px;align-items:center}
.qj-fil button .uico{width:18px;height:18px}
.qj-fil button[aria-pressed="true"]{background:var(--gold);color:#13200a;border-color:var(--gold)}
.qj-dofl{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}
.qj-eggs{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}
.qj-egg{display:grid;justify-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;background:var(--panel2);border:2px solid transparent;text-align:center;cursor:pointer;color:var(--ink)}
.qj-egg img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.qj-egg b{font-size:12px;line-height:1.2;font-weight:800}
.qj-egg small{font-size:10.5px;color:var(--muted)}
.qj-egg[aria-pressed="true"]{border-color:var(--gold);background:var(--panel3)}
.qj-egg.lock img{filter:grayscale(.85) brightness(.75)}
.qj-egg.run{box-shadow:inset 0 0 0 1px rgba(240,195,90,.5)}
.qj-egg.got{box-shadow:inset 0 0 0 1px rgba(143,227,106,.6)}
.qj-dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}
.qj-dots i{width:7px;height:7px;border-radius:50%;background:var(--hp-bg)}
.qj-dots i.ok{background:var(--good,#8fe36a)}.qj-dots i.cur{background:#f0c35a}
.qj-fiche{position:sticky;top:calc(var(--sth,0px) + 10px)}
.qj-fpic{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));flex:none}
.qj-bon{color:var(--archi);font-weight:800;font-size:14px}
.qj-steps{margin:0;padding-left:20px;display:grid;gap:5px;font-size:13px}
.qj-steps li{color:var(--muted)}
.qj-steps li.cur{color:var(--ink);font-weight:700}
.qj-steps li.ok{text-decoration:line-through}
/* 1.0.6.2 : les deux façons d'obtenir un Dofus */
.qj-how{display:flex;flex-direction:column;gap:1px;padding-top:8px;border-top:1px solid var(--line)}
.qj-how b{font-size:13.5px}
.qj-steps li .btn{margin-left:4px;vertical-align:1px}
.qj-drop{margin:0 -12px -6px}
@media (max-width:860px){.qj-dofl{grid-template-columns:1fr}.qj-fiche{position:relative;top:auto;order:-1;scroll-margin-top:calc(var(--sth,0px) + 10px)}.qj-eggs{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* succès */
.qj-near{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qj-nc{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);min-width:0}
.qj-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.qj-cat{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:var(--panel2);border:2px solid transparent;text-align:left;cursor:pointer;color:var(--ink)}
.qj-cat .uico{width:22px;height:22px}
.qj-cat b{font-size:13.5px}
.qj-cat .bar{height:6px}
.qj-cat[aria-pressed="true"]{border-color:var(--gold)}
@media (max-width:860px){.qj-near{grid-template-columns:1fr}.qj-cats{grid-template-columns:1fr 1fr}}

/* ======================= 0.1.49 « Quêtes, succès et chasses » ======================= */
.qx-next{display:grid;gap:8px}
.qx-nrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qx-ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:14px;background:var(--panel2);border:2px solid var(--frame);color:var(--ink);text-align:left;cursor:pointer;min-width:0}
.qx-ni .uico{width:26px;height:26px;flex:none}
.qx-ni span{display:grid;min-width:0;flex:1}
.qx-ni b{font-size:13px;line-height:1.2}
.qx-ni small{font-size:11px;color:var(--muted)}
.qx-ni i{font-style:normal;color:var(--gold);font-weight:900}
.qx-ni:hover{border-color:var(--gold)}
/* semaine */
.qx-week{display:grid;gap:10px;padding:14px 16px;border:3px solid var(--gold);border-radius:18px;background:linear-gradient(120deg,var(--panel3),var(--panel) 65%);box-shadow:var(--shadow)}
.qx-wh{display:flex;gap:12px;align-items:center}
.qx-wh .uico{width:44px;height:44px}
.qx-wh .grow{display:grid;gap:3px}
.qx-wbar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.qx-wbar i{height:10px;border-radius:4px;background:var(--hp-bg)}
.qx-wbar i.ok{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.qx-wl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
/* régions */
.qx-regs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;align-content:start}
.qx-reg{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:14px;background:var(--panel2);border:2px solid transparent;color:var(--ink);text-align:left;cursor:pointer;min-width:0}
.qx-reg .grow{display:grid;min-width:0}
.qx-reg b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qx-reg small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qx-ri{width:36px;height:36px;border-radius:10px;background:var(--panel3);display:grid;place-items:center;flex:none}
.qx-ri img{width:30px;height:30px;object-fit:contain}
.qx-rs{font-size:11.5px;font-weight:900;padding:2px 7px;border-radius:999px;background:var(--panel3);color:var(--muted);white-space:nowrap}
.qx-reg.got .qx-rs{background:rgba(143,227,106,.16);color:var(--good,#8fe36a)}
.qx-reg.run .qx-rs{background:rgba(240,195,90,.16);color:#f0c35a}
.qx-reg.run{box-shadow:inset 0 0 0 1px rgba(240,195,90,.5)}
.qx-reg.lock{opacity:.55}
.qx-reg[aria-pressed="true"]{border-color:var(--gold);background:var(--panel3);opacity:1}
.qx-npc{width:60px;height:60px;border-radius:16px;border:2px solid var(--med-ring,#dcbb74);background:radial-gradient(circle at 40% 35%,var(--med-bg,#3c4d2e),var(--med-bg2,#172012));display:grid;place-items:center;flex:none}
.qx-npc img{width:48px;height:48px;object-fit:contain}
.qx-story{margin:0;font-style:italic;color:var(--muted);border-left:3px solid var(--gold);padding-left:10px}
.qx-steps li{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.qx-rewb{display:grid;gap:5px;padding:10px 12px;border-radius:12px;background:var(--panel2)}
/* chapitres */
.qx-chaps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qx-chap{display:grid;gap:3px;padding:9px 10px;border-radius:14px;background:var(--panel2);border:2px solid transparent;color:var(--ink);text-align:left;cursor:pointer}
.qx-chap b{font-size:13px}
.qx-chap small{font-size:11px;color:var(--muted)}
.qx-chap[aria-pressed="true"]{border-color:var(--gold);background:var(--panel3)}
.qx-chap.lock{opacity:.5}
.qx-cb{display:block;height:5px;border-radius:3px;background:var(--hp-bg);overflow:hidden;margin-top:3px}
.qx-cb i{display:block;height:100%;background:var(--gold)}
/* avis */
.qx-rank{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--panel);border:3px solid var(--frame);box-shadow:var(--shadow);flex-wrap:wrap}
.qx-rank>.uico{width:38px;height:38px}
.qx-rank .grow{display:grid;gap:5px;min-width:220px}
.qx-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.qx-pos{display:grid;justify-items:center;gap:5px;text-align:center;padding:10px 10px 12px;border-radius:14px;background:linear-gradient(180deg,#4a3420,#3a2816);border:3px solid #9c7444;box-shadow:var(--shadow);color:#f6e7c8;min-width:0}
.qx-pos img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}
.qx-pos b{font-size:14px}
.qx-pos .muted{color:#d6bf98!important}
.qx-tier{font-family:var(--font-title);font-size:13px;color:#f3cf72;letter-spacing:.5px}
.qx-pos.boss{border-color:#e0b04a;box-shadow:var(--shadow),0 0 16px rgba(224,176,74,.35)}
.qx-pos.elite{background:linear-gradient(180deg,#3d2a52,#291a3a);border-color:#b78ae8;box-shadow:var(--shadow),0 0 18px rgba(183,138,232,.4)}
.qx-pos.elite .qx-tier{color:#e3c9ff}
.qx-prime{font-size:12px;display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center}
.qx-prime .uico{width:16px;height:16px}
.qx-pos .bar{height:6px}
/* trésor */
.qx-tsz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qx-tc{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--panel2);border:2px solid var(--frame)}
.qx-tc .uico{width:32px;height:32px}
.qx-tc .grow{display:grid}
.qx-tc small{font-size:11px;color:var(--muted)}
.qx-tc.leg{border-color:#b78ae8;background:linear-gradient(120deg,#33244a,var(--panel2))}
.qx-clues{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:var(--panel2);border-left:3px solid var(--gold)}
/* succès */
.qx-pts{display:flex;gap:16px;align-items:center;padding:14px 16px;border:3px solid var(--gold);border-radius:18px;background:linear-gradient(120deg,var(--panel3),var(--panel) 65%);box-shadow:var(--shadow);flex-wrap:wrap}
.qx-pbig{display:flex;gap:10px;align-items:center}
.qx-pbig .uico{width:46px;height:46px}
.qx-pbig span{display:grid}
.qx-pbig b{font-family:var(--font-title);font-size:30px;line-height:1;color:var(--gold2)}
.qx-pbig small{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}
.qx-pts .grow{min-width:240px}
.qx-pal{position:relative;height:30px;margin:4px 10px 10px}
.qx-pal::before{content:"";position:absolute;left:0;right:0;top:6px;height:8px;border-radius:4px;background:var(--hp-bg)}
.qx-pal>b{position:absolute;left:0;top:6px;height:8px;border-radius:4px;background:var(--gold)}
.qx-pal span{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;z-index:1}
.qx-pal span i{width:20px;height:20px;border-radius:50%;background:var(--panel3);border:2px solid var(--frame)}
.qx-pal span.ok i{background:var(--gold);border-color:var(--gold)}
.qx-pal span.cur i{border-color:var(--gold);box-shadow:0 0 8px var(--gold)}
.qx-pal small{font-size:10px;color:var(--muted);font-weight:800}
.qx-atools{gap:8px}
.qx-search{border:2px solid var(--frame);background:var(--panel2);border-radius:999px;padding:6px 12px;color:var(--ink);font:inherit;font-size:13px;min-width:220px}
.qx-pt{font-size:10.5px;font-weight:900;padding:1px 6px;border-radius:999px;background:rgba(240,195,90,.16);color:#f0c35a;white-space:nowrap}
@media (max-width:1100px){.qx-board{grid-template-columns:repeat(3,minmax(0,1fr))}.qx-nrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .qx-nrow,.qx-wl,.qx-tsz{grid-template-columns:1fr}
  .qx-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qx-chaps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;overflow-x:auto}
  .qx-regs{grid-template-columns:1fr 1fr}
  .qx-search{min-width:0;width:100%}
}

.qx-pb{flex-wrap:nowrap;gap:5px}
.qx-pb .btn{padding-left:9px;padding-right:9px}
.hcard .orn.regorn{top:-30px;left:50%;transform:translateX(-50%);width:118px;filter:drop-shadow(0 0 6px rgba(0,0,0,.4))}.hcard.big .orn.regorn{width:150px;top:-38px}
.qx-ro{width:46px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.qx-reg.lock .qx-ro{filter:grayscale(1) brightness(.6)}
.qx-orprev{display:flex;gap:18px;align-items:center;padding:30px 4px 6px;flex-wrap:wrap}
.qx-orprev .hcard{pointer-events:none}
.qx-obig{width:150px}
.qx-lb{display:grid;gap:4px;min-width:190px;padding:8px 12px;border-radius:12px;background:var(--panel2);font-size:13px}
.qx-lb .me{color:var(--gold2);border-top:1px solid var(--line);padding-top:4px}
.qx-f2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.qx-regs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.qx-orprev{justify-content:center;padding:30px 0 4px}
.qx-omid{width:84px;flex:none}
@media (max-width:860px){.qx-f2{grid-template-columns:1fr}.qx-regs{grid-template-columns:1fr}}
.qx-ogal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.qx-og{display:grid;justify-items:center;gap:2px;padding:10px 6px;border-radius:14px;background:var(--panel2);border:2px solid transparent;text-align:center}
.qx-og img{width:120px;filter:grayscale(.85) brightness(.55)}
.qx-og b{font-size:12.5px;line-height:1.2}
.qx-og small{font-size:11px;color:var(--muted)}
.qx-og.ok{border-color:var(--gold);background:var(--panel3)}
.qx-og.ok img{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
@media (max-width:860px){.qx-ogal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.qx-orprev{display:none}}
/* téléphone : 3 familles en gros boutons */
.qj-fam3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qj-fam3 button{position:relative;display:flex;gap:6px;align-items:center;justify-content:center;padding:8px 6px;border-radius:14px;border:2px solid var(--frame);background:var(--panel);color:var(--ink);font-weight:900;font-size:13px;cursor:pointer}
.qj-fam3 .uico{width:22px;height:22px}
.qj-fam3 button[aria-pressed="true"]{border-color:var(--gold);background:var(--panel3);color:var(--gold2)}
.qj-fam3 .qj-pip{position:absolute;top:4px;right:6px}
.qx-ni.hot{border-color:var(--gold);box-shadow:0 0 10px rgba(240,195,90,.35)}
.qx-rs.hot{background:var(--gold)!important;color:#13200a!important}
.qx-week.done{border-color:var(--frame)}
.qx-chap.got .qj-eb{color:var(--good,#8fe36a)}
.qx-chap.cur{box-shadow:inset 0 0 0 1px rgba(240,195,90,.55)}
.qx-pos.lock{opacity:.7;align-content:center}
.qx-og{color:var(--ink);font:inherit;cursor:pointer}
.qx-og.pal{cursor:default}
.ach.sec{opacity:.8}
.ach.sec .ic{font-weight:900;color:var(--gold2)}
.su-parch.leg{border-color:#b78ae8}
.su-parch.court{opacity:.95}
.su-paper.leg{box-shadow:var(--shadow),0 0 18px rgba(183,138,232,.4)}
.celeorn{width:190px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.qx-search::-webkit-search-cancel-button{cursor:pointer}
@media (min-width:861px) and (max-width:1500px){.qx-board{grid-template-columns:repeat(6,minmax(0,1fr))}.qx-board>.qx-pos{grid-column:span 2}.qx-board>.qx-pos.boss,.qx-board>.qx-pos.elite{grid-column:span 3}}