/* Fenêtre de guilde façon DOFUS Rétro (16/10/2026) */
html body #guild-window{box-sizing:border-box;width:min(980px,calc(100vw - 32px));height:min(640px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #2b2216;border-radius:14px;background:#e9e1c6;color:#2f2a1e;box-shadow:0 18px 50px #000a;overflow:hidden;font:13px/1.4 var(--font-ui,"Nunito Sans",sans-serif)}
html body #guild-window[open]{display:flex;flex-direction:column}
#guild-window .gw-head{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;background:linear-gradient(180deg,#4a4132,#2b251b);color:#fff6dc;border-bottom:2px solid #e8780c;flex:none}
#guild-window .gw-head h2{margin:0;font:400 18px/1.2 var(--font-display,"Bree Serif",serif)}
#guild-window .gw-tabs{display:flex;gap:4px;margin-left:auto}
html body #guild-window .gw-tabs button{padding:4px 12px!important;min-height:0!important;border-radius:7px!important;border:1px solid #ffffff38!important;background:#ffffff1f!important;color:#fff6dc!important;font:700 12px/1.3 inherit!important;box-shadow:none!important;cursor:pointer}
html body #guild-window .gw-tabs button.is-on{background:#e8780c!important;border-color:#ffb565!important;color:#fff!important}
html body #guild-window .gw-close{width:28px;height:28px;padding:0!important;min-height:0!important;border-radius:7px!important;border:1px solid #ffffff38!important;background:#ffffff14!important;color:#fff6dc!important;cursor:pointer}
#guild-window .gw-tabs+.gw-close{margin-left:6px}
#guild-window .gw-head h2+.gw-close{margin-left:auto}
#guild-window .gw-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
#guild-window .gw-body.is-busy{opacity:.65;pointer-events:none}
#guild-window .gw-note{flex:none;padding:8px 14px;background:#2f3a2a;color:#e8f3d0;font-weight:700;font-size:12px}
#guild-window .gw-note.is-error{background:#5a2018;color:#ffe2d6}
#guild-window .gw-hero{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#3b3326,#241f17);color:#fff6dc;flex:none}
#guild-window .gw-id{flex:1;min-width:0}
#guild-window .gw-id h2{margin:0;font:400 22px/1.15 var(--font-display,"Bree Serif",serif);color:#ffe3a3}
#guild-window .gw-id p{margin:2px 0 6px;font-size:12px;opacity:.85}
#guild-window .gw-xp{position:relative;height:16px;border-radius:999px;background:#0007;box-shadow:inset 0 1px 3px #000a;overflow:hidden}
#guild-window .gw-xp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7c4dc4,#b98cf0);border-radius:inherit}
#guild-window .gw-xp span{position:relative;display:block;text-align:center;font:700 10.5px/16px inherit;text-shadow:0 1px 2px #000}
#guild-window .gw-members{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;min-height:0;flex:1 1 auto}
#guild-window .gw-table-wrap{overflow:auto;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6;min-height:220px}
#guild-window .gw-table{width:100%;border-collapse:collapse;font-size:12.5px}
#guild-window .gw-table th{position:sticky;top:0;z-index:1;padding:6px 8px;background:#4a4132;color:#f3e6c4;font-size:11px;text-align:left;letter-spacing:.03em}
#guild-window .gw-table td{padding:4px 8px;border-bottom:1px solid #efe6cc;white-space:nowrap}
#guild-window .gw-table tr[data-gw-member]{cursor:pointer}
#guild-window .gw-table tr[data-gw-member]:hover td{background:#f8ecd0}
#guild-window .gw-table tr.is-on td{background:#f3d79a}
#guild-window .gw-table tr:not(.is-online) td{color:#7a705a}
#guild-window .gw-face img{width:26px;height:26px;border-radius:50%;background:#e8dcb5;display:block}
#guild-window .gw-name b{color:#2f2a1e}#guild-window tr:not(.is-online) .gw-name b{color:#6b624d}
#guild-window .gw-name small{opacity:.7}
#guild-window .gw-crown{color:#d9a400;font-style:normal}
#guild-window .gw-num{text-align:right;font-variant-numeric:tabular-nums}
#guild-window .gw-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#3fb950;box-shadow:0 0 6px #3fb950}
#guild-window .gw-panel{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6;overflow:auto}
#guild-window .gw-panel header{display:flex;gap:8px;align-items:center}
#guild-window .gw-panel header img{width:40px;height:40px;border-radius:50%;background:#e8dcb5}
#guild-window .gw-panel h3{margin:0;font:400 16px/1.2 var(--font-display,"Bree Serif",serif)}
#guild-window .gw-panel label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:#5e5640}
#guild-window .gw-panel select{padding:4px 6px;border-radius:6px;border:1px solid #b9a97c;background:#fff;font:600 12.5px inherit}
#guild-window .gw-range{display:flex;align-items:center;gap:8px}#guild-window .gw-range input{flex:1;accent-color:#e8780c}#guild-window .gw-xpn{display:flex;align-items:center;gap:3px;font-weight:800}#guild-window .gw-xpn input{width:52px;padding:3px 5px;border:1px solid #b9a97c;border-radius:6px;font:700 13px inherit;text-align:right}
#guild-window .gw-rights{margin:0;padding:6px 8px;border:1px solid #e3d7b4;border-radius:8px;display:flex;flex-direction:column;gap:3px}
#guild-window .gw-rights legend{font-size:11px;font-weight:800;color:#8f4600;padding:0 4px}
#guild-window .gw-rights label{flex-direction:row;align-items:center;gap:6px;font-weight:600;color:#2f2a1e;font-size:12px}
#guild-window .gw-rights[disabled]{opacity:.6}
#guild-window .gw-actions,.gw-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#guild-window .gw-bar{flex:none}#guild-window .gw-bar>span{flex:1;font-size:11.5px;color:#6b624d}
html body #guild-window button:not(.gw-close):not([data-gw-tab]):not(.gw-primary):not(.gw-danger),html body #collector-card button:not(.gw-primary){padding:5px 12px!important;min-height:0!important;border-radius:7px!important;border:1px solid #a89a78!important;background:#f6efd8!important;color:#3b3326!important;font:700 12px/1.3 var(--font-ui,sans-serif)!important;box-shadow:0 2px 0 #c9bb93!important;cursor:pointer}
html body #guild-window button.gw-primary,html body #collector-card button.gw-primary{background:linear-gradient(#f59e2b,#e8780c)!important;border-color:#9a4a06!important;color:#fff!important;text-shadow:0 1px 1px #0006;box-shadow:0 2px 0 #9a4a06!important}
html body #guild-window button.gw-danger{background:#f7e1dc!important;border-color:#c0392b!important;color:#8e1b12!important;box-shadow:0 2px 0 #d9a39b!important}
html body #guild-window button:disabled{opacity:.5;cursor:not-allowed}
#guild-window .gw-invite{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#guild-window .gw-invite section,#guild-window .gw-none{padding:8px 10px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6}
#guild-window h4{margin:0 0 6px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8f4600}
#guild-window .gw-line{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f0e8d2}
#guild-window .gw-line img{width:28px;height:28px;border-radius:50%;background:#e8dcb5}
#guild-window .gw-line span{flex:1;display:flex;flex-direction:column;min-width:0}#guild-window .gw-line small{opacity:.7}#guild-window .gw-line em{font-size:11.5px;color:#6b624d}
#guild-window .gw-hint{margin:0;font-size:12px;color:#6b624d}
#guild-window .gw-capital{margin:0;padding:8px 12px;border-radius:10px;background:#3b3326;color:#fff6dc}#guild-window .gw-capital b{font-size:18px;color:#ffd78a}
#guild-window .gw-boost{display:flex;flex-direction:column;gap:8px}
#guild-window .gw-boost-row{display:grid;grid-template-columns:32px minmax(0,1fr) 160px 60px 34px;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6}
#guild-window .gw-boost-row img{width:28px;height:28px}#guild-window .gw-boost-row span{display:flex;flex-direction:column}#guild-window .gw-boost-row small{opacity:.7}
#guild-window .gw-boost-row strong{text-align:right;font-size:15px}
#guild-window .gw-meter{display:block;height:8px;border-radius:999px;background:#e6dcc0;overflow:hidden}#guild-window .gw-meter i{display:block;height:100%;background:linear-gradient(90deg,#e8780c,#ffc061)}
#guild-window .gw-collector-card{padding:10px 12px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6}
#guild-window .gw-collector-card dl{display:grid;grid-template-columns:repeat(6,auto);gap:4px 14px;margin:0}#guild-window .gw-collector-card dt{font-size:10.5px;color:#7a6d52;text-transform:uppercase}#guild-window .gw-collector-card dd{margin:0 0 4px;font-weight:800}
#guild-window .gw-cols{display:flex;flex-direction:column;gap:8px}
#guild-window .gw-col{display:flex;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6}
#guild-window .gw-col-face{width:54px;height:72px;object-fit:contain}
#guild-window .gw-col h4{margin:0;font:400 15px/1.2 var(--font-display,"Bree Serif",serif);text-transform:none;letter-spacing:0;color:#2f2a1e}
#guild-window .gw-col p{margin:2px 0;font-size:12px;color:#5e5640}
#guild-window .gw-col-loot,#collector-card .cc-loot{display:flex;gap:6px;flex-wrap:wrap}#guild-window .gw-col-loot span,#collector-card .cc-loot span{padding:1px 8px;border-radius:999px;background:#f3e7c6;font-weight:700;font-size:11.5px}
#guild-window .gw-col-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}#guild-window .gw-col-items span{position:relative;width:30px;height:30px;border-radius:6px;background:#efe6cc}#guild-window .gw-col-items img{width:100%;height:100%;object-fit:contain}#guild-window .gw-col-items b{position:absolute;right:1px;bottom:0;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}
#guild-window .gw-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}#guild-window .gw-log li{display:flex;gap:10px;padding:5px 8px;border-radius:6px;background:#fffdf6}#guild-window .gw-log time{flex:none;width:92px;color:#7a6d52;font-size:11.5px}
#guild-window .gw-inv{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#f3e7c6;margin-bottom:8px}#guild-window .gw-inv div{flex:1;display:flex;flex-direction:column}
#guild-window .gw-none h3{margin:6px 0;font:400 17px/1.2 var(--font-display,"Bree Serif",serif)}

@media (max-width:700px){#guild-window .gw-members{grid-template-columns:1fr}#guild-window .gw-invite{grid-template-columns:1fr}#guild-window .gw-boost-row{grid-template-columns:28px minmax(0,1fr) 54px 34px}#guild-window .gw-boost-row .gw-meter{display:none}}

/* carte du percepteur (16/10/2026) : sprite et statistiques en tuiles */
#guild-window .gw-collector-card{display:flex;gap:14px;align-items:center}
#guild-window .gw-cc-sprite{width:96px;height:120px;object-fit:contain;flex:none;padding:4px;border-radius:12px;background:radial-gradient(circle at 50% 70%,#f3e7c6,#e3d4a8)}
#guild-window .gw-cc-body{flex:1;min-width:0}
#guild-window .gw-cc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 6px}
#guild-window .gw-cc-stats span{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 8px;border-radius:9px;background:#f6efd8;border:1px solid #e0d2a8}
#guild-window .gw-cc-stats img{grid-row:1/3;width:24px;height:24px}
#guild-window .gw-cc-stats small{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#7a6d52}
#guild-window .gw-cc-stats b{font-size:15px;color:#2f2a1e}
@media (max-width:700px){#guild-window .gw-cc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#guild-window .gw-cc-sprite{width:64px;height:84px}}

/* sorts du percepteur et confirmation intégrée (16/10/2026) */
#guild-window .gw-spells{padding:10px 12px;border-radius:10px;border:1px solid #cdbf98;background:#fffdf6}
#guild-window .gw-spells h4 small{text-transform:none;letter-spacing:0;font-weight:600;color:#7a6d52;margin-left:6px}
#guild-window .gw-spell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#guild-window .gw-spell{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:#f6efd8;border:1px solid #e0d2a8}
#guild-window .gw-spell:not(.is-on) img{filter:grayscale(.8);opacity:.7}
#guild-window .gw-spell img{width:30px;height:30px;object-fit:contain}
#guild-window .gw-spell span{display:flex;flex-direction:column;min-width:0}#guild-window .gw-spell b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guild-window .gw-pips{display:flex;gap:3px;margin-top:3px;font-style:normal}#guild-window .gw-pips i{width:12px;height:5px;border-radius:3px;background:#dccfa8}#guild-window .gw-pips i.on{background:linear-gradient(90deg,#e8780c,#ffc061)}
#guild-window .gw-ask{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#1a140c99;backdrop-filter:blur(2px)}
#guild-window .gw-ask-box{width:min(380px,calc(100% - 32px));padding:16px 18px;border-radius:12px;background:#f3ead0;border:1px solid #2b2216;box-shadow:0 14px 40px #000a}
#guild-window .gw-ask-box h3{margin:0 0 6px;font:400 18px/1.2 var(--font-display,"Bree Serif",serif)}#guild-window .gw-ask-box p{margin:0 0 12px;color:#5e5640}
#guild-window .gw-ask-box div{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:700px){#guild-window .gw-spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* droits lisibles (16/10/2026) : panneau plus large, pastilles sur deux colonnes, invitation par-dessus */
#guild-window .gw-members{grid-template-columns:minmax(0,1fr) 340px}
#guild-window .gw-panel{overflow:visible}
#guild-window .gw-rights{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#guild-window .gw-rights legend{grid-column:1/-1}
#guild-window .gw-rights .gw-hint{grid-column:1/-1}
#guild-window .gw-chip{position:relative;display:block!important;cursor:pointer}
#guild-window .gw-chip input{position:absolute;opacity:0;pointer-events:none}
#guild-window .gw-chip span{display:flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border-radius:8px;border:1px solid #d8cba5;background:#f6efd8;color:#6b624d;font:700 11.5px/1.2 var(--font-ui,sans-serif)}
#guild-window .gw-chip span::before{content:"";flex:none;width:14px;height:14px;border-radius:4px;border:2px solid #b9a97c;background:#fff}
#guild-window .gw-chip input:checked+span{background:#fdebd2;border-color:#e8780c;color:#2f2a1e}
#guild-window .gw-chip input:checked+span::before{background:#e8780c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2.4' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#c25f05}
#guild-window .gw-chip input:focus-visible+span{outline:2px solid #e8780c;outline-offset:1px}
#guild-window .gw-rights[disabled] .gw-chip{cursor:default}
#guild-window .gw-invite-box{width:min(680px,calc(100% - 32px))}
#guild-window .gw-invite-box .gw-invite{margin-bottom:12px;max-height:50vh;overflow:auto}
@media (max-width:700px){#guild-window .gw-members{grid-template-columns:1fr}}
#guild-window .gw-state{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#guild-window .gw-dot.is-with{background:#e6a817;box-shadow:0 0 6px #e6a817}
.gw-col-where{margin:1px 0 2px!important;font-weight:700;color:#8f4600}
/* classement, recrutement, demandes (16/10/2026) */
#guild-window .gw-pref{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fffaf0;border:1px solid #d8cba5;cursor:pointer}
#guild-window .gw-pref input{margin-top:3px;accent-color:#e8780c}#guild-window .gw-pref b{display:block}#guild-window .gw-pref small{color:#7a6d52}
#guild-window .gw-recruit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fffaf0;border:1px solid #d8cba5}
#guild-window .gw-recruit>span{flex:1 1 220px;min-width:0}
/* 18/10/2026 : recrutement « Ouvert », niveau minimum, présentation publique (fiche du classement des guildes) */
#guild-window .gw-recruit-more{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding-top:8px;border-top:1px dashed #d8cba5}
#guild-window .gw-recruit-more label{display:grid;gap:3px;font:700 12px/1.2 var(--font-ui,sans-serif);color:#5e5640}
#guild-window .gw-recruit-more label small{display:inline;font-weight:500}
#guild-window .gw-minlvl input{width:84px}
#guild-window .gw-desc{flex:1 1 260px}
#guild-window .gw-desc textarea{width:100%;box-sizing:border-box;min-height:44px;resize:vertical;padding:6px 8px;border-radius:8px;border:1px solid #cdbf98;background:#fff;font:500 12.5px/1.35 var(--font-ui,sans-serif);color:#2f2a1e}
#guild-window .gw-recruit b{display:block}#guild-window .gw-recruit small{color:#7a6d52}
/* sélecteur de mode (20/10/2026) : la règle générique des boutons de la fenêtre (html body #guild-window button:not(…)×4, plus
   spécifique) peignait les 4 options en beige en relief, l'option choisie ne se voyait plus. Double identifiant pour passer devant,
   option choisie en fond plein coloré avec coche, les autres sobres (fond transparent). Identique dans les 3 ambiances. */
html body #guild-window#guild-window .gw-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#e6dbbd;border:1px solid #cdbf98}
html body #guild-window#guild-window .gw-seg button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px!important;min-height:0!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font:700 12px/1 var(--font-ui,sans-serif)!important;color:#6b624d!important;cursor:pointer;transition:background .12s,color .12s}
html body #guild-window#guild-window .gw-seg button:not(.is-on):hover{background:#fffaf0!important;color:#2f2a1e!important}
html body #guild-window#guild-window .gw-seg button:focus-visible{outline:2px solid #2f5f9e;outline-offset:1px}
html body #guild-window#guild-window .gw-seg button.is-on{background:#b8540a!important;border-color:#7a3500!important;color:#fff!important;font-weight:800!important;box-shadow:0 1px 3px #0000004d,inset 0 1px 0 #ffffff33!important;cursor:default}
html body #guild-window#guild-window .gw-seg button.is-on::before{content:"✓";font-weight:900}
html body #guild-window#guild-window .gw-seg button.is-open.is-on{background:#2e7d1f!important;border-color:#1c5212!important}
html body #guild-window#guild-window .gw-seg button.is-invite.is-on{background:#2f5f9e!important;border-color:#1c3d6b!important}
html body #guild-window#guild-window .gw-seg button.is-closed.is-on{background:#8e2f25!important;border-color:#5e1a13!important}
/* niveaux minimum et maximum : champs clairs dans toutes les ambiances (Brâkmar les rendait sombres) */
html body #guild-window#guild-window .gw-recruit-more input[type=number]{background:#fff!important;color:#2f2a1e!important;border:1px solid #cdbf98!important;border-radius:8px!important;padding:5px 8px!important;font:700 13px/1.2 var(--font-ui,sans-serif)!important;box-shadow:none!important}
#guild-window .gw-lvlrange{display:grid;gap:3px}
#guild-window .gw-lvlrange>span{font:700 12px/1.2 var(--font-ui,sans-serif);color:#5e5640}#guild-window .gw-lvlrange>span small{font-weight:500}
#guild-window#guild-window .gw-lvlrange label{display:inline;font-weight:600}
#guild-window .gw-lvlrange>div{display:flex;align-items:center;gap:6px;font:600 12px/1.2 var(--font-ui,sans-serif);color:#5e5640}
#guild-window .gw-lvlrange input{width:72px}
html body #guild-window#guild-window .gw-lvlrange.is-error input{border-color:#b3261e!important;box-shadow:0 0 0 2px #b3261e33!important}
#guild-window .gw-requests{margin:0 0 12px}#guild-window .gw-requests h4{margin:0 0 6px;font:800 11px/1.2 var(--font-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#8f4600}
#guild-window .gw-req{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:#fff;border:1px solid #e8780c66;box-shadow:0 0 0 2px #e8780c14}
#guild-window .gw-req-chars{display:flex;flex-wrap:wrap;gap:6px;flex:1}
#guild-window .gw-req-chars span{display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:3px 8px 3px 4px;border-radius:999px;background:#f6efd8}
#guild-window .gw-req-chars img{grid-row:1/3;width:24px;height:24px;border-radius:50%}#guild-window .gw-req-chars small{font-size:10.5px;color:#7a6d52}
#guild-window .gw-req>small{color:#7a6d52;white-space:nowrap}

/* Onglet Percepteurs (16/10/2026) : cartes avec état (en récolte, attaqué, à l'abri), caractéristiques, attaque à la Rétro */
.gwc-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:#efe6cb;border:1px solid #d6c79f}
.gwc-count{display:flex;align-items:baseline;gap:4px;font-size:13px;color:#5d5240}.gwc-count b{font-size:20px;color:#3d3326}.gwc-count small{font-size:11.5px;margin-left:2px}
.gwc-req{font-size:12px;color:#6d6250;flex:1}.gwc-bar .gw-primary{margin-left:auto}
.gwc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.gw-col{position:relative;display:grid!important;grid-template-columns:64px 1fr;gap:10px;padding:10px 12px!important;border-radius:12px!important;border:1px solid #cdbf98!important;background:linear-gradient(#fffdf6,#f8f1dd)!important;box-shadow:0 2px 6px #5b4a2a14}
.gw-col.is-attacked{border-color:#c0392b!important;box-shadow:0 0 0 2px #c0392b55,0 4px 16px #c0392b33;animation:gwc-alert 1.6s ease-in-out infinite}
@keyframes gwc-alert{0%,100%{box-shadow:0 0 0 2px #c0392b40,0 4px 14px #c0392b22}50%{box-shadow:0 0 0 3px #c0392b88,0 4px 20px #c0392b55}}
.gw-col.is-shield{border-color:#6f8fb8!important}
.gwc-face{width:64px;height:76px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#fff7dd,#e6d6ac);display:grid;place-items:center;overflow:hidden;border:1px solid #d6c79f}.gwc-face img{width:60px;height:74px;object-fit:contain}
.gwc-main header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gwc-main h4{margin:0;font-size:14.5px;color:#3d3326}
.gwc-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e3efd6;color:#3f6b2a;border:1px solid #9fc184}
.gwc-status.is-attack{background:#fbe1dc;color:#9a2f1e;border-color:#d98b7c}.gwc-status.is-shield{background:#e1eaf6;color:#30507a;border-color:#9fb6d6}
.gwc-where{margin:3px 0 4px;font-size:12.5px;font-weight:700;color:#8f4600}.gwc-where span{font-weight:400;color:#6d6250}
.gwc-stats{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 4px;padding:0}.gwc-stats li{display:inline-flex;gap:4px;align-items:center;font-size:11.5px;padding:2px 7px;border-radius:6px;background:#f1e8cf;color:#4a4030}
.gwc-meta{margin:0;font-size:11.5px;color:#7a6f5a}
.gwc-siege{grid-column:1/-1}.gwc-siege .gw-siege-row{margin-top:2px}
.gwc-help{margin-top:4px;font-size:12.5px;color:#5d5240}.gwc-help summary{cursor:pointer;font-weight:700;color:#7a4a12}.gwc-help ul{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}
@media (max-width:520px){.gwc-grid{grid-template-columns:1fr}.gwc-bar .gw-primary{margin-left:0;width:100%}}
@media (prefers-reduced-motion:reduce){.gw-col.is-attacked{animation:none}}
.gw-col.is-attacked{grid-column:1/-1}.gwc-siege .gsr-where{display:none}.gwc-siege .gw-siege-row{justify-content:flex-start}

/* Membres sans défilement horizontal (16/10/2026) : colonnes fixes, nom et position tronqués (position complète en infobulle) */
#guild-window .gw-table-wrap{overflow-x:hidden;overflow-y:auto}
#guild-window .gw-table{table-layout:fixed}
#guild-window .gw-table th:nth-child(1){width:34px}#guild-window .gw-table th:nth-child(2){width:31%}#guild-window .gw-table th:nth-child(3){width:70px}
#guild-window .gw-table th:nth-child(4){width:38px}#guild-window .gw-table th:nth-child(5){width:44px}#guild-window .gw-table th:nth-child(6){width:64px}
#guild-window .gw-table td,#guild-window .gw-table th{overflow:hidden;text-overflow:ellipsis}
#guild-window .gw-table td.gw-name small{font-size:11px}
@media (max-width:700px){#guild-window .gw-table th:nth-child(3),#guild-window .gw-table td:nth-child(3),#guild-window .gw-table th:nth-child(5),#guild-window .gw-table td:nth-child(5){display:none}#guild-window .gw-table th:nth-child(2){width:38%}}

/* guilde sans blason (17/10/2026) : bandeau du meneur */
#guild-window .gw-emblem-missing{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 12px;border:1px solid #c9a24a;border-radius:6px;background:#fff4d6;color:#4a3410;font-weight:600}
#guild-window .gw-emblem-missing button{flex:none}
@media (max-width:600px),(max-width:1000px) and (max-height:500px){html body #guild-window#guild-window .gw-seg{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:12px}html body #guild-window#guild-window .gw-seg button{border-radius:10px!important;padding:9px 8px!important;font-size:13px!important}#guild-window#guild-window .gw-recruit-more>button{flex:1 1 100%}#guild-window#guild-window .gw-lvlrange{flex:1 1 100%}#guild-window#guild-window .gw-lvlrange>div{display:grid;grid-template-columns:auto 1fr auto 1fr}#guild-window#guild-window .gw-lvlrange input{width:100%}}

/* ═══ Fiche du percepteur v4 (20/10/2026) : horizontale et compacte ═══
   Même verre sombre et liserés dorés que la v3 (18/10/2026, copie : outils/v/avant-fiche-perco/). Ordinateur : scène du percepteur à gauche
   (pastilles d'état par-dessus), à droite l'identité, une rangée de stats (pods, prospection, sagesse, combats), la zone sur une ligne,
   « Posé par » et l'action (≈ 680 × 310 px). Mobile (≤ 700 px) : feuille du bas empilée courte (vignette + identité, stats, zone, action).
   Écran tactile large (paysage) : la mise en page horizontale, contenue dans la hauteur. Mouvement réduit respecté. */
html body #collector-card.cc3{--cc-gold:#e3bd6a;--cc-gold-hi:#ffe3a1;--cc-line:rgba(227,189,106,.26);--cc-line-hi:rgba(255,227,161,.55);--cc-ink:#f6ecd4;--cc-mute:#b9a983;--cc-glass:#241a10;--cc-tile:#4a3a22;--cc-stage-w:184px;
 width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(227,189,106,.5);border-radius:20px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#6b5530 transparent;color:var(--cc-ink);
 background:linear-gradient(180deg,#20170c 0%,#150f08 60%,#100b06 100%);box-shadow:0 0 0 1px rgba(0,0,0,.75),inset 0 1px rgba(255,236,190,.14),0 40px 100px rgba(0,0,0,.65),0 0 80px rgba(255,190,90,.12);font:13px/1.4 var(--font-ui,"Fira Sans",sans-serif)}
html body #collector-card.cc3[open]{display:grid;grid-template-columns:var(--cc-stage-w) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"stage head" "stage body" "stage actions";animation:cc3-in .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes cc3-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
html body #collector-card.cc3::backdrop{background:rgba(8,5,2,.55)}
#collector-card.cc3 .cc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* fermer */
html body #collector-card.cc3 button.cc-x{position:absolute!important;top:10px!important;right:10px!important;z-index:6;width:32px!important;height:32px!important;padding:0!important;margin:0!important;min-height:0!important;display:grid;place-items:center;border-radius:50%!important;border:1px solid var(--cc-line-hi)!important;background:rgba(18,12,6,.55)!important;color:var(--cc-ink)!important;font:700 13px/1 sans-serif!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;cursor:pointer}
html body #collector-card.cc3 button.cc-x:hover{border-color:var(--cc-gold-hi)!important;color:#fff!important}
/* scène (colonne de gauche) */
#collector-card.cc3 .cc-stage{grid-area:stage;position:relative;min-height:260px;overflow:hidden;isolation:isolate;border-right:1px solid var(--cc-line);
 background:radial-gradient(ellipse 70% 46% at 50% 74%,rgba(255,206,120,.3),transparent 72%),radial-gradient(ellipse 120% 70% at 50% -10%,rgba(98,72,38,.9),transparent 70%),linear-gradient(180deg,#3b2b17,#1b130a)}
#collector-card.cc3 .cc-stage.is-attack{background:radial-gradient(ellipse 70% 46% at 50% 74%,rgba(255,110,80,.34),transparent 72%),radial-gradient(ellipse 120% 70% at 50% -10%,rgba(110,40,26,.9),transparent 70%),linear-gradient(180deg,#3d1e14,#1b0e09)}
#collector-card.cc3 .cc-stage::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 78%,rgba(16,11,6,.7)),linear-gradient(90deg,transparent 80%,rgba(16,11,6,.35))}
#collector-card.cc3 .cc-rays{position:absolute;inset:0;z-index:0;background:repeating-conic-gradient(from 0deg at 50% 74%,rgba(255,222,150,.08) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(ellipse 80% 55% at 50% 74%,#000 10%,transparent 70%);mask:radial-gradient(ellipse 80% 55% at 50% 74%,#000 10%,transparent 70%)}
#collector-card.cc3 .cc-stage.is-attack .cc-rays{background:repeating-conic-gradient(from 0deg at 50% 74%,rgba(255,140,110,.1) 0 5deg,transparent 5deg 15deg)}
#collector-card.cc3 .cc-plinth{position:absolute;left:50%;bottom:30px;z-index:1;width:140px;height:34px;transform:translateX(-50%);border-radius:50%;
 background:radial-gradient(ellipse at 50% 35%,#6a5029,#2d1f0f 68%);box-shadow:0 0 0 2px rgba(227,189,106,.6),0 0 0 6px rgba(227,189,106,.1),0 0 30px rgba(255,200,110,.25),0 12px 22px rgba(0,0,0,.75),inset 0 3px 0 rgba(255,236,190,.22)}
#collector-card.cc3 .cc-plinth::after{content:"";position:absolute;inset:6px 18px;border-radius:50%;border:1px solid rgba(255,227,161,.28)}
#collector-card.cc3 .cc-figure{position:absolute;left:50%;bottom:44px;z-index:2;height:144px;width:auto;transform:translateX(-50%);filter:drop-shadow(0 10px 10px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,214,140,.2));animation:cc3-float 4.5s ease-in-out infinite}
@keyframes cc3-float{50%{transform:translate(-50%,-4px)}}
/* pastilles d'état (par-dessus la scène) */
#collector-card.cc3 .cc-flags{grid-area:stage;align-self:start;justify-self:start;position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px;max-width:calc(var(--cc-stage-w) - 20px)}
#collector-card.cc3 .cc-status,#collector-card.cc3 .cc-off{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:999px;font:800 10.5px/1.15 var(--font-ui,sans-serif);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
#collector-card.cc3 .cc-status i{flex:none;width:8px;height:8px;border-radius:50%}
#collector-card.cc3 .cc-status.is-peace{background:rgba(32,70,40,.7);border:1px solid rgba(130,215,150,.5);color:#cdf5d5}
#collector-card.cc3 .cc-status.is-peace i{background:#6fdc8c;box-shadow:0 0 8px #6fdc8c}
#collector-card.cc3 .cc-status.is-attack{background:rgba(120,24,16,.78);border:1px solid rgba(255,130,110,.7);color:#ffe1da}
#collector-card.cc3 .cc-status.is-attack i{background:#ff5a45;box-shadow:0 0 0 0 rgba(255,90,69,.7);animation:cc3-pulse 1.2s ease-out infinite}
#collector-card.cc3 .cc-status span{font-variant-numeric:tabular-nums}#collector-card.cc3 .cc-status .cc-t{text-transform:none}
#collector-card.cc3 .cc-off{background:rgba(92,62,10,.8);border:1px solid rgba(255,200,90,.65);color:#ffe7b0;cursor:help}
#collector-card.cc3 .cc-off>b{font-size:12px;color:#ffc94d}
@keyframes cc3-pulse{to{box-shadow:0 0 0 9px rgba(255,90,69,0)}}
/* identité */
html body #collector-card.cc3 .cc-head{grid-area:head;position:relative;z-index:4;display:flex;align-items:center;gap:12px;margin:0;padding:16px 50px 0 18px;border:0;background:none;color:inherit}
#collector-card.cc3 .cc-head>div{flex:1;min-width:0}
#collector-card.cc3 .cc-crest{flex:none;display:grid;place-items:center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,227,161,.6))}
#collector-card.cc3 .cc-kicker{display:block;font:800 10px/1.2 var(--font-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--cc-gold)}
html body #collector-card.cc3 h3{margin:2px 0 3px;font:400 23px/1.1 var(--font-display,"Bree Serif",Georgia,serif);background:linear-gradient(180deg,#fff4c8 10%,#ffd36a 60%,#d99a2b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));overflow-wrap:anywhere}
#collector-card.cc3 .cc-guild{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-weight:700;font-size:13px;color:var(--cc-ink)}
#collector-card.cc3 .cc-lvl{padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#d9a02a);color:#2b1d05;font:800 10.5px/1.15 var(--font-ui,sans-serif);letter-spacing:.03em;box-shadow:0 0 0 1px #8a6212,0 3px 8px rgba(224,168,38,.3)}
/* repli élégant sans blason : écu sombre liseré d'or et initiale */
#collector-card.cc3 .cc-crest-none{position:relative;display:grid;place-items:center;width:var(--s);height:calc(var(--s) * 1.15)}
#collector-card.cc3 .cc-crest-none svg{position:absolute;inset:0;width:100%;height:100%}
#collector-card.cc3 .cc-crest-none path{fill:#3a2a16;stroke:#e3bd6a;stroke-width:2}
#collector-card.cc3 .cc-crest-none b{position:relative;margin-top:-6%;font:400 calc(var(--s) * .46)/1 var(--font-display,"Bree Serif",serif);color:#ffd36a}
/* corps */
#collector-card.cc3 .cc-body{grid-area:body;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 18px 0}
#collector-card.cc3 .cc-stats>li,#collector-card.cc3 .cc-zone{border:1px solid var(--cc-tile);background:linear-gradient(180deg,#2b2116,#1f170f);border-radius:12px}
#collector-card.cc3 .cc-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(0,1fr));gap:6px}
#collector-card.cc3 .cc-stats>li{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px}
#collector-card.cc3 .cc-pods>img{flex:none;width:24px;height:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
#collector-card.cc3 .cc-pods>div{flex:1;min-width:0}
#collector-card.cc3 .cc-pods p{display:flex;align-items:baseline;gap:4px;margin:0 0 5px;white-space:nowrap}
#collector-card.cc3 .cc-pods p b{font:800 17px/1 var(--font-num,var(--font-ui,sans-serif));color:#fff;font-variant-numeric:tabular-nums}
#collector-card.cc3 .cc-pods p span{font-size:11.5px;color:var(--cc-mute);font-weight:600}
#collector-card.cc3 .cc-pods p em{margin-left:auto;padding-left:4px;font:800 11px/1 var(--font-ui,sans-serif);font-style:normal;color:var(--cc-gold-hi)}
#collector-card.cc3 .cc-gauge{display:block;height:7px;border-radius:999px;background:#0c0805;box-shadow:inset 0 1px 2px #000,0 0 0 1px var(--cc-tile);overflow:hidden}
#collector-card.cc3 .cc-gauge i{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 55%),linear-gradient(90deg,#c98a1c,#ffd36a);box-shadow:0 0 10px rgba(255,200,90,.45);transition:width .6s ease}
#collector-card.cc3 .cc-pods.is-full{border-color:#8a3a26}
#collector-card.cc3 .cc-pods.is-full .cc-gauge i{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 55%),linear-gradient(90deg,#d0482f,#ff9a5a);box-shadow:0 0 10px rgba(255,110,70,.5)}
#collector-card.cc3 .cc-pods.is-full p em{color:#ffad8a}
#collector-card.cc3 .cc-stats>.cc-chip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;row-gap:1px}
#collector-card.cc3 .cc-chip img,#collector-card.cc3 .cc-swords{flex:none;width:20px;height:20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
#collector-card.cc3 .cc-swords{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#5a3d18,#2c1e0d);box-shadow:0 0 0 1.5px #c99a3c;color:#ffd36a}
#collector-card.cc3 .cc-swords svg{width:12px;height:12px}
#collector-card.cc3 .cc-chip p{display:contents}
#collector-card.cc3 .cc-chip b{font:800 16px/1.05 var(--font-num,var(--font-ui,sans-serif));color:#fff;font-variant-numeric:tabular-nums}
#collector-card.cc3 .cc-chip small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--cc-mute);line-height:1.3}
#collector-card.cc3 .cc-note{margin:-2px 0 0;padding:0 2px;font-size:11.5px;color:var(--cc-mute)}
#collector-card.cc3 .cc-zone{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;padding:7px 10px}
#collector-card.cc3 .cc-zone>img{flex:none;width:22px;height:22px}
#collector-card.cc3 .cc-zone-l{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0}
#collector-card.cc3 .cc-zone-l small{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-gold)}
#collector-card.cc3 .cc-zone-l b{font:400 15px/1.2 var(--font-display,"Bree Serif",serif);color:#fff}
#collector-card.cc3 .cc-zone-n{align-self:center;padding:2px 7px;border-radius:999px;border:1px solid var(--cc-line-hi);font:800 10.5px/1.1 var(--font-ui,sans-serif);color:var(--cc-gold-hi)}
#collector-card.cc3 .cc-zone-t{font-size:11.5px;color:var(--cc-mute)}
#collector-card.cc3 .cc-peers{flex:1 1 100%;list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0 0 0 31px;padding:0}
#collector-card.cc3 .cc-peers li{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;background:#150f09;border:1px solid var(--cc-tile);font-size:11.5px}
#collector-card.cc3 .cc-peers i{width:7px;height:7px;border-radius:50%;background:var(--cc-gold);box-shadow:0 0 6px rgba(227,189,106,.7)}
#collector-card.cc3 .cc-peers b{color:#fff}#collector-card.cc3 .cc-peers small{color:var(--cc-mute)}
#collector-card.cc3 .cc-meta{display:flex;align-items:center;gap:6px;margin:0;padding:0 2px;font-size:11.5px;color:var(--cc-mute)}
#collector-card.cc3 .cc-meta svg{flex:none;width:13px;height:13px;color:var(--cc-gold)}
#collector-card.cc3 .cc-meta b{color:var(--cc-ink)}#collector-card.cc3 .cc-meta small{font-size:11px;opacity:.85}
/* attaque de son percepteur : compte à rebours */
#collector-card.cc3 .cc-siege{display:flex;align-items:center;gap:12px;padding:7px 12px 7px 8px;border-radius:12px;border:1px solid #a8483a;background:linear-gradient(180deg,#45180f,#2c120b)}
#collector-card.cc3 .cc-siege-t{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:84px;height:50px;border-radius:12px;background:radial-gradient(circle,#4a160e,#26090a);box-shadow:0 0 0 2px #ff7a62,0 0 14px rgba(255,90,69,.45)}
#collector-card.cc3 .cc-siege-t b{display:flex;align-items:baseline;gap:2px;font:800 21px/1 var(--font-num,var(--font-ui,sans-serif));color:#fff;font-variant-numeric:tabular-nums}#collector-card.cc3 .cc-siege-t b i{font-size:12px;font-style:normal;color:#ffc2b4}#collector-card.cc3 .cc-siege-t b svg{width:20px;height:20px}
#collector-card.cc3 .cc-siege-t small{font-size:9px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#ffc2b4;text-align:center;line-height:1.15}
#collector-card.cc3 .cc-siege ul{flex:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center}
#collector-card.cc3 .cc-siege li{display:flex;flex-direction:column;gap:1px}
#collector-card.cc3 .cc-siege li b{font:800 16px/1.1 var(--font-num,var(--font-ui,sans-serif));color:#fff;font-variant-numeric:tabular-nums}
#collector-card.cc3 .cc-siege li small{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ffc2b4}
/* message (déjà attaqué, refus avec temps restant, relève) */
#collector-card.cc3 .cc-msg{display:flex;align-items:center;gap:7px;margin:0;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,140,110,.45);background:rgba(110,30,18,.45);font-size:12px;font-weight:600;color:#ffd2bf}
#collector-card.cc3 .cc-msg::before{content:"!";flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e2563c;color:#fff;font:800 11px/1 var(--font-ui,sans-serif)}
#collector-card.cc3 .cc-msg:empty{display:none}
/* actions */
#collector-card.cc3 .cc-actions{grid-area:actions;display:flex;gap:8px;margin:0;padding:12px 18px 16px}
#collector-card.cc3 .cc-actions:empty{display:none}
html body #collector-card.cc3 .cc-actions button{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px!important;padding:7px 12px!important;border-radius:12px!important;border:1px solid var(--cc-line-hi)!important;background:var(--cc-glass)!important;color:var(--cc-ink)!important;font:800 14.5px/1.1 var(--font-ui,sans-serif)!important;text-shadow:none!important;box-shadow:inset 0 1px rgba(255,236,190,.1)!important;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
html body #collector-card.cc3 .cc-actions button>span{display:inline-flex;align-items:center;gap:7px}
html body #collector-card.cc3 .cc-actions button svg{width:16px;height:16px}
html body #collector-card.cc3 .cc-actions button small{font:600 11px/1.25 var(--font-ui,sans-serif);opacity:.88;text-align:center}
html body #collector-card.cc3 .cc-actions button.gw-primary{position:relative;overflow:hidden;border-color:#8a6212!important;color:#2b1d05!important;background:linear-gradient(180deg,#fff0b0 0%,#ffd36a 38%,#e0a826 100%)!important;box-shadow:0 6px 18px rgba(224,168,38,.3),inset 0 1px rgba(255,255,255,.6),inset 0 -2px rgba(138,98,18,.35)!important}
html body #collector-card.cc3 .cc-actions button.gw-primary:is(.cc-attack,.cc-defend){border-color:#5e160c!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.45)!important;background:linear-gradient(180deg,#ff8a6a 0%,#e04a32 42%,#a8281a 100%)!important;box-shadow:0 0 0 1px rgba(255,214,140,.5) inset,0 6px 20px rgba(224,74,50,.36),inset 0 -2px rgba(80,10,4,.4)!important}
html body #collector-card.cc3 .cc-actions button.gw-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:cc3-shine 4s ease-in-out 1s infinite;pointer-events:none}
@keyframes cc3-shine{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
html body #collector-card.cc3 .cc-actions button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07)}
html body #collector-card.cc3 .cc-actions button:not(:disabled):active{transform:translateY(1px)}
html body #collector-card.cc3 button:focus-visible{outline:2px solid var(--cc-gold-hi)!important;outline-offset:2px}
html body #collector-card.cc3 .cc-actions button:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.4)}
html body #collector-card.cc3 .cc-actions button.cc-guildbtn{flex:0 0 48px;padding:0!important}
html body #collector-card.cc3 .cc-actions button.cc-guildbtn img{width:24px;height:24px}
/* écran tactile large (tablette, téléphone en paysage) : modale centrée horizontale, contenue dans la hauteur */
@media (pointer:coarse) and (min-width:701px){
 html body #collector-card.cc3[open]{max-height:calc(100dvh / var(--ui-zoom,1) - 16px)!important;overscroll-behavior:contain}
 html body #collector-card.cc3 .cc-actions button{min-height:50px!important}
}
@media (pointer:coarse) and (min-width:701px) and (max-height:500px){
 html body #collector-card.cc3{--cc-stage-w:168px}
 #collector-card.cc3 .cc-stage{min-height:0}
 #collector-card.cc3 .cc-figure{height:120px;bottom:36px}
 #collector-card.cc3 .cc-plinth{width:124px;height:30px;bottom:24px}
 html body #collector-card.cc3 .cc-head{padding-top:12px}
 html body #collector-card.cc3 h3{font-size:20px}
 #collector-card.cc3 .cc-body{gap:6px;padding-top:8px}
 #collector-card.cc3 .cc-stats{grid-template-columns:minmax(168px,1.4fr) repeat(3,minmax(0,1fr))}
 #collector-card.cc3 .cc-actions{position:sticky;bottom:0;z-index:5;padding:8px 18px 10px;background:linear-gradient(180deg,rgba(16,11,6,0),#100b06 30%)}
}
/* mobile : feuille du bas empilée et courte (vignette du percepteur à côté de l'identité) */
@keyframes cc3-sheet{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:700px){
 html body #collector-card.cc3{--cc-stage-w:100px}
 html body #collector-card.cc3[open]{position:fixed!important;inset:auto 0 0 0!important;margin:0!important;width:calc(100vw / var(--ui-zoom,1))!important;max-width:none!important;max-height:calc(88dvh / var(--ui-zoom,1))!important;border-radius:22px 22px 0 0!important;border-bottom:0;overflow-y:auto;overscroll-behavior:contain;animation:cc3-sheet .34s cubic-bezier(.2,.8,.2,1) both;
  grid-template-columns:var(--cc-stage-w) minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"stage head" "stage flags" "body body" "actions actions";padding:18px 0 0}
 html body #collector-card.cc3::before{content:"";position:absolute;top:7px;left:50%;z-index:6;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:rgba(255,236,190,.4)}
 html body #collector-card.cc3::backdrop{background:rgba(8,5,2,.6);backdrop-filter:blur(2px)}
 #collector-card.cc3 .cc-stage{min-height:0;height:104px;margin:0 0 0 14px;border:1px solid var(--cc-line);border-radius:14px}
 #collector-card.cc3 .cc-stage::after{background:linear-gradient(180deg,transparent 70%,rgba(16,11,6,.6))}
 #collector-card.cc3 .cc-figure{height:80px;bottom:20px}
 #collector-card.cc3 .cc-plinth{width:76px;height:20px;bottom:12px;box-shadow:0 0 0 1.5px rgba(227,189,106,.6),0 0 18px rgba(255,200,110,.25),0 8px 14px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,236,190,.22)}
 #collector-card.cc3 .cc-plinth::after{inset:4px 10px}
 #collector-card.cc3 .cc-flags{grid-area:flags;flex-direction:row;flex-wrap:wrap;align-self:start;margin:6px 14px 0 12px;max-width:none}
 #collector-card.cc3 .cc-status,#collector-card.cc3 .cc-off{padding:4px 9px 4px 8px;font-size:10.5px}
 html body #collector-card.cc3 .cc-head{align-self:end;gap:9px;padding:0 50px 0 12px}
 html body #collector-card.cc3 .cc-crest{zoom:.75}
 html body #collector-card.cc3 h3{font-size:20px}
 html body #collector-card.cc3 button.cc-x{top:14px!important;right:12px!important;width:38px!important;height:38px!important}
 #collector-card.cc3 .cc-body{gap:7px;padding:10px 14px 0}
 #collector-card.cc3 .cc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 #collector-card.cc3 .cc-stats>li{padding:7px 8px;gap:7px}
 #collector-card.cc3 .cc-stats>.cc-pods{grid-column:1/-1;padding:7px 10px}
 #collector-card.cc3 .cc-pods p{margin-bottom:4px}
 #collector-card.cc3 .cc-zone-t{flex-basis:100%}
 #collector-card.cc3 .cc-peers{margin-left:0}
 #collector-card.cc3 .cc-siege{gap:9px;padding:6px 10px 6px 7px}
 #collector-card.cc3 .cc-siege-t{width:76px}
 #collector-card.cc3 .cc-siege-t small{font-size:8.5px}
 #collector-card.cc3 .cc-kicker{letter-spacing:.1em}
 #collector-card.cc3 .cc-siege li small{font-size:9px;letter-spacing:.02em}
 #collector-card.cc3 .cc-actions{position:sticky;bottom:0;z-index:5;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(16,11,6,0),#100b06 24%)}
 html body #collector-card.cc3 .cc-actions button{min-height:52px!important}
 html body #collector-card.cc3 .cc-actions button.cc-guildbtn{flex-basis:52px}
}
@media (prefers-reduced-motion:reduce){html body #collector-card.cc3,html body #collector-card.cc3 *,html body #collector-card.cc3 *::after{animation:none!important;transition:none!important}}
/* badge « Guilde officielle » accordé par l'équipe (console MJ, 19/10/2026) */
.gw-official{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 7px;border-radius:9px;background:#2f6f9a;color:#fff;font:700 11px/16px var(--font-ui,system-ui,sans-serif);letter-spacing:.02em}
/* potions d'oubli Percepteur (22/10/2026) : « Oublier un niveau » sous le sort, sur toute la largeur de la case */
html body #guild-window .gw-spell button.gw-forget.gw-forget.gw-forget{grid-column:1/-1;padding:3px 8px!important;font-size:11px;font-weight:700;color:#7a3a10!important;background:#fbe7cf!important;border-color:#c98a4a!important}
html body #guild-window .gw-spell button.gw-forget.gw-forget.gw-forget:disabled{opacity:.55;cursor:not-allowed}
/* potions d'oubli Percepteur de caractéristiques (22/10/2026) : « Oublier un palier » sous la caractéristique, à droite */
html body #guild-window .gw-boost-row button.gw-forget.gw-forget.gw-forget{grid-column:1/-1;justify-self:end;padding:3px 10px!important;font-size:11px;font-weight:700;color:#7a3a10!important;background:#fbe7cf!important;border-color:#c98a4a!important}
html body #guild-window .gw-boost-row button.gw-forget.gw-forget.gw-forget:disabled{opacity:.55;cursor:not-allowed}