.ladder{max-width:1200px}.ladder .ladder-hero{border:0;border-radius:0;background:none;padding:0 0 22px}.ladder h1{color:var(--text);margin:0 0 22px;font-size:clamp(40px,5vw,66px)}.ladder-intro{font-size:18px;max-width:62ch}.ladder-hall{position:relative;isolation:isolate;padding:32px clamp(20px,4vw,42px);margin:26px 0 38px;background:#101a29;overflow:hidden}.ladder-hall:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1320ed,#0b1320b8),url('/assets/illustrations/beastoria-royaume.webp') center/cover}.hall-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}.hall-heading h2{font:normal 28px Georgia,serif;margin:0}.hall-heading p{font-size:12px;color:#d6dce4;margin:0}.hall-leaders{list-style:none;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;padding:0;margin:28px 0 10px}.hall-leader{display:flex;gap:14px;align-items:flex-start;padding:24px 0;border-top:1px solid #e5bb7460;min-width:0}.hall-rank{font:normal 24px Georgia,serif;color:var(--gold)}.hall-leader h3{font:normal clamp(26px,3vw,36px)/1.2 Georgia,serif;margin:0 0 10px;overflow-wrap:anywhere}.hall-leader p{font-size:13px;line-height:1.7;color:#d6dce4;margin:0 0 20px}.hall-leader strong{font-size:20px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}.hall-leader strong small{display:block;font:12px Segoe UI,system-ui,sans-serif;margin-top:7px;color:#d6dce4}.hall-place-1 h3{font-size:clamp(36px,4vw,52px);color:var(--gold)}.hall-crown{width:40px;height:28px;color:var(--gold);display:block;margin-bottom:16px}.ladder-find{margin:32px 0 20px}.ladder-find label{display:block;margin-bottom:12px;font-weight:600}.ladder-find>div{display:flex;gap:12px;max-width:540px}.ladder-find input{width:100%;min-width:0}.ladder-find button{background:transparent;border:1px solid var(--line);color:var(--gold);font-size:13px}.ladder-find p{font-size:12px;line-height:1.7;color:var(--muted)}.ladder .ladder-table-wrap{border:0;border-radius:0;background:transparent}.ladder td,.ladder th{font-variant-numeric:tabular-nums}.ladder td.character{overflow-wrap:anywhere}.hall-invitation{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:32px 0;margin-top:34px;border-block:1px solid var(--line)}.hall-invitation h2{font:normal 30px Georgia,serif;margin:0 0 12px}.hall-invitation p{color:var(--muted);line-height:1.7;margin:0;max-width:58ch}.hall-invitation .btn{flex-shrink:0}
@media(max-width:700px){.hall-leaders{grid-template-columns:1fr 1fr;gap:16px}.hall-place-1{grid-column:1/-1}.hall-heading{gap:12px}.hall-leader h3{font-size:26px}.hall-place-1 h3{font-size:44px}.hall-invitation{align-items:stretch;flex-direction:column}.ladder table{min-width:0}.ladder th,.ladder td{padding:16px 8px;font-size:13px}.ladder td.rank{width:40px}.ladder th:nth-child(3),.ladder td:nth-child(3){display:none}.ladder td.character:after{content:attr(data-class);display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}.ladder td.xp{white-space:nowrap}.ladder-controls form{width:100%}.hall-heading h2{font-size:26px}}