/* WoE.fr — habillage illustré, isolé des thèmes du site. */
.woe-illustrated-page .layout{grid-template-columns:minmax(0,1fr)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:0!important;max-width:1536px;margin:0 auto!important}
.woe-illustrated-page .layout>aside,.woe-illustrated-page .layout:before,.woe-illustrated-page .layout:after{display:none!important}
.woe-illustrated-page .main-panel{padding:0!important;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important}
.woe-illustrated-page .main-panel:before,.woe-illustrated-page .main-panel:after{display:none!important}
.woe-illustrated{--wri-ink:#48280f;--wri-muted:#79563b;container-type:inline-size;background:#fae9cf;color:var(--wri-ink);font:16px/1.4 Georgia,'Times New Roman',serif;isolation:isolate;position:relative;scroll-margin-top:15px}
.woe-illustrated *{box-sizing:border-box}.woe-illustrated button,.woe-illustrated input{font:inherit}.woe-illustrated button,.woe-illustrated a{-webkit-tap-highlight-color:transparent}.woe-illustrated a{color:inherit;text-decoration:none}
.wri-panel[hidden],.wri-row[hidden],.wri-no-results[hidden]{display:none!important}
.wri-podium{aspect-ratio:1536/640;position:relative;background:url('woe-rankings/decor.webp') center top/100% auto no-repeat}
.woe-illustrated .wri-title{position:absolute;left:37.1%;top:1%;width:33%;margin:0;text-align:center;font-size:3.55cqw;font-weight:bold;line-height:1.13;letter-spacing:-.045em;color:#41240f;text-shadow:0 1px #fff1d4;white-space:nowrap}
.wri-tabs{position:absolute;left:35.1%;top:15.3%;width:30.4%;height:7.8%;display:flex;gap:9%}
.wri-tab{display:flex;align-items:center;justify-content:center;width:48%;white-space:nowrap;font-size:1.67cqw;font-weight:bold;line-height:1;outline-offset:5px;border-radius:25px}
.woe-illustrated .wri-tab.is-active{color:#fff3d5;text-shadow:0 1px 2px #053d4a}.wri-tab:not(.is-active){color:#552d12;text-shadow:0 1px #fff5df}.wri-tab:hover{filter:brightness(1.2)}
/* Le dessin des boutons est fixe ; le fond actif suit l'onglet sélectionné. */
.wri-panel[data-wri-panel="guildes"] .wri-tab:first-child{color:#603309;background:#fff0d4;border:1px solid #bc8c3e}.wri-panel[data-wri-panel="guildes"] .wri-tab:last-child{color:#fff3d5;background:#17677c;border:1px solid #bc8c3e}
.wri-winner{position:absolute;top:32.6%;width:23%;height:62.2%;text-align:center;margin:0}
.wri-place-1{left:35.7%;top:23.3%;width:28.6%;height:71.7%}.wri-place-2{left:10.7%}.wri-place-3{left:69.3%}
.wri-portrait{display:block;position:absolute;inset:0 0 auto;width:88%;left:6%;height:57%;background-image:url('woe-rankings/cadres.webp');background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 4px 2px #50260e22)}
.wri-portrait-1{background-position:0 0}.wri-portrait-2{background-position:50% 0}.wri-portrait-3{background-position:100% 0}
.wri-guild-portrait{background-image:none;display:grid;place-items:center}.wri-guild-portrait .wri-medallion{position:absolute;inset:0;clip-path:ellipse(45% 46% at 50% 46%)}.wri-guild-portrait.wri-portrait-1 .wri-medallion{background-position:0 0}.wri-guild-portrait.wri-portrait-2 .wri-medallion{background-position:50% 0}.wri-guild-portrait.wri-portrait-3 .wri-medallion{background-position:100% 0}
.wri-guild-portrait .wri-podium-emblem{position:relative;width:27%;height:auto;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 2px 1px #421e1166);margin-top:-6%}
.wri-winner .wri-rank{position:absolute;left:-6%;top:0;width:30%;aspect-ratio:1;z-index:2;font-size:3.5cqw}.wri-place-1 .wri-rank{left:-3%;top:-1%;width:27%;font-size:4.1cqw}
.wri-medallion{display:block;background-image:url('woe-rankings/medaillons.webp');background-size:300% 200%;background-repeat:no-repeat}
.wri-rank{position:relative;display:grid;place-items:center;flex-shrink:0;line-height:1;font-weight:bold}
.wri-rank .wri-medallion{position:absolute;inset:0;clip-path:ellipse(46% 44% at 50% 46%)}
.wri-rank b{z-index:1;margin-top:-9%;text-shadow:0 1px #ffefbe}.wri-rank-1 .wri-medallion{background-position:0 0}.wri-rank-2 .wri-medallion{background-position:50% 0}.wri-rank-3 .wri-medallion{background-position:100% 0}.wri-rank-2 b{color:#53535d}.wri-rank-3 b{color:#683212}
.woe-illustrated .wri-winner-name{position:absolute;top:57%;left:6%;width:88%;height:14%;margin:0;display:block;font-size:1.95cqw;line-height:1.5;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#482309;text-shadow:0 1px #fff3dc}
.woe-illustrated .wri-place-1 .wri-winner-name{top:55%;font-size:2.55cqw;line-height:1.45}
.wri-scores{display:flex;align-items:center;justify-content:space-between;gap:4%;min-width:0}
.wri-winner>.wri-scores{position:absolute;top:72%;left:5%;width:90%;height:26%;align-items:flex-start;gap:2%}
.wri-stat{position:relative;display:block;min-width:0;flex:1}
.wri-score{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border:0;padding:0;background:transparent;color:#fff5da;cursor:help;outline-offset:3px;touch-action:manipulation}
.wri-score .wri-medallion{width:100%;aspect-ratio:1;clip-path:ellipse(46% 44% at 50% 48%)}
.wri-icon-kill{background-position:0 100%}.wri-icon-death{background-position:50% 100%}.wri-icon-emp{background-position:100% 100%}
.wri-scores-large .wri-number{position:absolute;top:60%;font:700 2.35cqw/1 Georgia,serif;text-shadow:0 2px 2px #291406,1px 0 #2d1609,-1px 0 #2d1609;max-width:95%;white-space:nowrap}
.wri-scores-large .wri-caption{position:absolute;top:95%;font-size:1.02cqw;font-weight:bold;color:#4d2c12;background:#fff0d1e6;padding:0 .4em;border:1px solid #b9873d77;border-radius:3px;white-space:nowrap;line-height:1.3}
.wri-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:30;width:235px;max-width:70vw;padding:11px 13px;border:2px solid #bc8d43;border-radius:7px;color:#fff1d0;background:#4c2d19;box-shadow:0 4px 12px #32170555;font:12px/1.45 Georgia,serif;text-align:left;white-space:normal}
.wri-tip b{font-size:14px}.wri-stat:focus-within .wri-tip,.wri-stat.is-open .wri-tip{display:block}
@media(hover:hover){.wri-stat:hover .wri-tip{display:block}.wri-score:hover{filter:brightness(1.13)}}
.wri-vacant{position:absolute;top:8%;left:20%;width:60%;height:46%;display:grid;place-items:center;font-size:6cqw;font-weight:bold;color:#805d3099;border:3px double #a9824c77;border-radius:50%;background:#ffefcf88}
.wri-unclaimed .wri-winner-name{color:#876039;font-size:1.5cqw;font-style:italic}
/* La liste complète s'allonge librement ; seuls les trois portraits sont fixes. */
.wri-bottom{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:3%;min-height:26cqw;padding:0 4.5% 4% 10%;background:#fae9cf;isolation:isolate}
.wri-bottom:before{content:'';position:absolute;inset:auto 0 0;height:25cqw;z-index:-1;background:url('woe-rankings/decor.webp') center bottom/100% auto no-repeat;opacity:.8;pointer-events:none;mask-image:linear-gradient(90deg,#000 60%,transparent 72%);-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 72%)}
.wri-ranking{position:relative;min-width:0;z-index:1}.wri-list-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 2% 7px}.woe-illustrated .wri-list-header h3{margin:0;font-size:clamp(17px,1.65cqw,26px);font-weight:bold;color:var(--wri-ink)}
.wri-total{margin-left:auto;color:var(--wri-muted);font-size:clamp(11px,1cqw,14px)}
.wri-search{display:block;margin:0 2% 6px}.wri-search input{width:100%;min-height:35px;border:1px solid #bb925577;background:#fff8e9c9;border-radius:5px;padding:6px 12px;color:#4e2c14;font-size:clamp(12px,1.05cqw,15px)}.wri-search input::placeholder{color:#8b6c4f}.wri-search input:focus{outline:2px solid #b48541;outline-offset:2px}
.wri-sorting{margin:0 2% 7px;font-size:clamp(10px,.87cqw,13px);color:var(--wri-muted)}
.wri-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.wri-row{position:relative;display:flex;align-items:center;gap:1.4%;min-height:clamp(62px,5.3cqw,87px);padding:3px 6% 3px 6%;background:url('woe-rankings/bandeau.webp') center center/100% 300% no-repeat}
.wri-row .wri-rank{width:9%;aspect-ratio:1;font-size:1.9cqw}.wri-rank-rest{font-size:1.5cqw;color:#745222;border:2px solid #b9976066;border-radius:50%;background:#fff0cd;aspect-ratio:1}
.wri-emblem{width:24px;height:24px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.wri-emblem-empty{display:grid;place-items:center;color:#a47632;font-size:22px}
.wri-identity{flex:1;min-width:0}.wri-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.5cqw,23px);line-height:1.2}.wri-identity small{display:block;margin-top:2px;font-size:clamp(10px,.8cqw,12px);color:var(--wri-muted)}
.wri-row .wri-scores{width:39%;flex-shrink:0;gap:3%}.wri-row .wri-stat{flex:1}.wri-row .wri-score{gap:2px;justify-content:flex-start;color:#4e2b12}.wri-row .wri-score .wri-medallion{width:45%;aspect-ratio:1;flex-shrink:0}.wri-row .wri-number{font-size:clamp(12px,1.48cqw,23px);font-weight:bold;line-height:1;font-variant-numeric:tabular-nums;min-width:0}.wri-row .wri-stat:last-child .wri-tip{left:auto;right:0;transform:none}
.wri-list-help{margin:9px 2%;color:var(--wri-muted);font-size:clamp(11px,.88cqw,13px)}.wri-empty,.wri-no-results{padding:22px;text-align:center;color:#805c38;border:1px dashed #c6a169;border-radius:8px;background:#ffefd677;font-size:15px}
.wri-conquests{display:block!important;min-width:0;align-self:start;color:var(--wri-ink);position:relative;z-index:1;margin-top:4px}
.wri-conquest-art{position:relative;aspect-ratio:390/290;background-image:url('woe-rankings/decor.webp');background-size:393.85% 353.1%;background-position:96% 87.2%;background-repeat:no-repeat}
.woe-illustrated .wri-conquest-art h3{position:absolute;top:8%;left:8%;width:84%;margin:0;text-align:center;font-size:1.6cqw;line-height:1.3;font-weight:bold;color:#4e2c13;white-space:nowrap}
.wri-conquest-label{position:absolute;bottom:9.5%;left:11%;width:78%;height:15%;margin:0;display:flex;align-items:center;justify-content:center;gap:.3em;flex-wrap:wrap;text-align:center;color:#4e2c13;font-size:1.1cqw;line-height:1.1;font-weight:bold;overflow:hidden;padding:0 3%}.wri-conquest-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wri-conquest-label span:before{content:' · '}
.wri-last-break{text-align:center;margin:0 6% 12px;color:var(--wri-muted);font-size:clamp(11px,.9cqw,13px);overflow-wrap:anywhere}
.wri-history{margin:0 6%;border:1px solid #c09a5c;border-radius:6px;background:#fff3d8dd;font-size:clamp(12px,.95cqw,14px)}.wri-history summary{cursor:pointer;padding:10px}.wri-history ol{padding:0 12px 10px;margin:0;list-style:none}.wri-history li{padding:9px 0;border-top:1px solid #b6924b44;display:grid;gap:3px;overflow-wrap:anywhere}.wri-history li span,.wri-history li small{display:block;color:var(--wri-muted)}
.wri-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wri-noscript{padding:10px;font-size:12px}
/* Sur téléphone, le podium devient trois cartes, le premier reste mis en avant. */
@media(max-width:900px){
 .wri-podium{aspect-ratio:auto;min-height:590px;padding:120px 12px 25px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background-size:auto 430px;background-position:center top}
 .woe-illustrated .wri-title{left:27%;top:12px;width:60%;font-size:clamp(22px,5.6cqw,36px);white-space:normal;text-shadow:0 1px 3px #fff7e9;background:#fff0d7aa;border-radius:5px;padding:3px}
 .wri-tabs{left:15%;width:70%;top:72px;height:35px;gap:8px}.wri-tab{font-size:15px;width:50%;border:2px solid #bd944f;background:#fff0d5;border-radius:20px;box-shadow:0 2px 4px #64411133}.woe-illustrated .wri-tab.is-active{background:#17677c;color:#fff2d1}.wri-panel[data-wri-panel="guildes"] .wri-tab:first-child{color:#603309}.wri-panel[data-wri-panel="guildes"] .wri-tab:last-child{color:#fff3d5;text-decoration:none}
 .wri-winner{position:relative;inset:auto;width:auto;height:250px;border:2px solid #b9904d;border-radius:70px 70px 12px 12px;background:linear-gradient(#fff1d233,#fff0d6 66%,#f5dcb2);box-shadow:0 5px 10px #5c3e1922}
 .wri-place-1{grid-column:1/-1;grid-row:1;height:300px;width:70%;min-width:230px;margin:auto;border-color:#cfa34d;background:linear-gradient(#fff4da44,#fff0d1 64%,#f9dea8)}
 .wri-place-2{grid-column:1;grid-row:2}.wri-place-3{grid-column:2;grid-row:2}
 .wri-portrait{width:90%;height:53%;left:5%;top:3%}.wri-place-1 .wri-portrait{width:84%;left:8%;height:54%}
 .wri-winner .wri-rank,.wri-place-1 .wri-rank{width:28%;left:-2%;top:2%;font-size:27px}.wri-place-1 .wri-rank{font-size:34px}
 .woe-illustrated .wri-winner-name,.woe-illustrated .wri-place-1 .wri-winner-name{top:58%;left:4%;width:92%;height:auto;font-size:16px;line-height:1.3}.woe-illustrated .wri-place-1 .wri-winner-name{font-size:21px;top:57%}
 .wri-winner>.wri-scores{top:72%;width:94%;left:3%;height:auto;gap:0}.wri-place-1>.wri-scores{top:70%;width:90%;left:5%}
 .wri-scores-large .wri-number{font-size:18px;top:60%}.wri-place-1 .wri-scores-large .wri-number{font-size:23px}.wri-scores-large .wri-caption{font-size:8px;border:0;background:#ffedc8;padding:0 2px}.wri-place-1 .wri-caption{font-size:10px}
 .wri-vacant{font-size:60px;top:10%;height:43%}.wri-unclaimed .wri-winner-name{font-size:15px}
 .wri-bottom{display:block;min-height:0;padding:10px 10px 30px;background:#fae9cf}.wri-bottom:before{height:250px;background-size:auto 650px;opacity:.5}
 .wri-list-header h3{font-size:20px}.wri-list-header{margin-top:5px}.wri-total{font-size:12px}.wri-search input{font-size:14px;min-height:42px}.wri-sorting{font-size:11px;line-height:1.6}
 .wri-row{min-height:66px;padding:5px 6%;gap:2%;background-size:100% 300%}.wri-row .wri-rank{width:10%;font-size:18px}.wri-row .wri-rank-rest{font-size:13px;border-width:1px}
 .wri-row .wri-emblem{width:20px;height:20px}.wri-identity strong{font-size:14px}.wri-identity small{font-size:10px}
 .wri-row .wri-scores{width:41%;gap:3%}.wri-row .wri-score .wri-medallion{width:44%}.wri-row .wri-number{font-size:13px}.wri-list-help{font-size:11px;line-height:1.6}
 .wri-conquests{max-width:350px;margin:25px auto 0}.woe-illustrated .wri-conquest-art h3{font-size:21px}.wri-conquest-label{font-size:15px}.wri-last-break{font-size:12px}.wri-history{font-size:13px}
 .wri-tip{max-width:64vw;width:225px;left:0;transform:none}.wri-stat:last-child .wri-tip{left:auto;right:0}.wri-stat:nth-child(2) .wri-tip{left:50%;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:no-preference){.wri-tab,.wri-score{transition:filter .15s ease}}

.wri-place-1 .wri-portrait{width:86%;left:7%;height:58%}.wri-portrait .wri-live-head{display:block;position:absolute;left:15%;top:7%;width:70%;height:83%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 1px #301b1133)}
.wri-row .wri-player-head{width:35px;height:35px;flex-shrink:0;image-rendering:pixelated;object-fit:contain}.wri-conquest-label{bottom:17.5%}.woe-illustrated .wri-conquest-art h3{font-size:1.45cqw;top:10%}
@media(max-width:900px){.wri-place-1 .wri-portrait{width:84%;left:8%;height:54%}.wri-row .wri-player-head{width:26px;height:26px}.wri-row .wri-emblem{width:16px;height:16px}.woe-illustrated .wri-conquest-art h3{font-size:19px}.wri-podium{background-size:100% auto}.wri-conquest-label{font-size:14px}}

@media(max-width:900px){
 .wri-winner{width:100%;max-width:320px;justify-self:center}.wri-place-1{width:70%;max-width:320px}
 .wri-portrait{width:90%;max-width:200px;left:50%;transform:translateX(-50%)}
 .wri-place-1 .wri-portrait{width:84%;max-width:220px;left:50%;transform:translateX(-50%)}
}