.directory-shell{width:min(100% - 40px,1130px);min-height:calc(100vh - 205px);margin:0 auto;padding:clamp(34px,5vw,70px) 0 82px;color:var(--ink)}
.directory-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:27px;color:var(--gold-hi);font:800 .73rem var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.directory-breadcrumb a{color:inherit;text-decoration:none}.directory-breadcrumb a:hover{text-decoration:underline}.directory-breadcrumb [aria-current]{color:var(--ink)}
.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.directory-heading .eyebrow{color:var(--gold-hi);font:800 .78rem var(--font-display);letter-spacing:.12em}
.directory-heading h1{margin:8px 0 10px;font:800 clamp(2.7rem,5vw,4.5rem)/.94 var(--font-display)}.directory-heading p{max-width:64ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.5}
.directory-sibling{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;flex:none;padding:10px 16px;border:1px solid var(--gold);color:var(--gold-hi);font:800 .8rem var(--font-display);text-decoration:none}.directory-sibling:hover{background:rgba(217,173,104,.14)}
.directory-panel{border:1px solid var(--line);background-image:linear-gradient(rgba(20,11,13,.83),rgba(20,11,13,.89)),var(--brocade);background-size:auto,750px 750px;box-shadow:0 16px 40px #0004}
.directory-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line);background:#4b2421}.directory-panel__head :is(h1,h2){margin:0;font:800 1.4rem var(--font-display)}.directory-panel__head span{color:#e7c890;font:.83rem var(--font-display)}
.directory-list{min-height:150px}.directory-list--matches{display:grid;align-content:start;gap:12px;padding:16px}.directory-state{margin:0;padding:35px 23px;color:var(--muted)}
.directory-team,.directory-match{display:grid;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid rgba(225,181,114,.22)}.directory-team:last-child,.directory-match:last-child{border-bottom:0}
.directory-team{grid-template-columns:56px 44px minmax(0,1fr) minmax(290px,auto)}.directory-rank{color:var(--gold-hi);font:800 1.2rem var(--font-display);font-variant-numeric:tabular-nums}.directory-team h3{margin:0 0 9px;color:var(--ink);font:800 1.42rem var(--font-display)}.directory-roster{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0;padding:0;list-style:none}.directory-roster li{display:inline-flex;align-items:center;gap:5px;min-width:0}.directory-roster__avatar{display:block;flex:none;width:24px;height:24px;border:1px solid var(--gold);border-radius:50%;background:#392526;object-fit:cover}.directory-roster a,.directory-roster span{color:var(--muted);font-size:.85rem;text-decoration:none}.directory-roster a:hover{color:var(--gold-hi);text-decoration:underline}
.directory-team__flag{display:block;width:44px;height:54px;filter:drop-shadow(0 5px 5px #0008)}
.directory-rank{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.directory-rank svg{display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.directory-team{position:relative}.directory-team:hover,.directory-team:focus-within{background:rgba(217,173,104,.1)}.directory-team__link{color:inherit;text-decoration:none}.directory-team__link:hover{color:var(--gold-hi)}.directory-team__link::after{content:"";position:absolute;inset:0}.directory-roster a{position:relative;z-index:1}.directory-team__link:focus-visible{outline-offset:4px}
.directory-team__stats{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;min-width:290px}.directory-team__stats div{display:grid;gap:5px;min-height:58px;padding:9px 10px;border:1px solid rgba(217,173,104,.34);background:rgba(16,10,12,.7)}.directory-team__stats small{color:var(--gold-hi);font:800 .6rem var(--font-display);letter-spacing:.06em;text-transform:uppercase}.directory-team__stats strong{font:800 1.1rem var(--font-display);font-variant-numeric:tabular-nums}.directory-team__stats .is-positive{color:#f9d18b}
.directory-team__stats small{display:inline-flex;align-items:center;gap:5px}.directory-team__stats small svg{display:block;width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.directory-match{grid-template-columns:minmax(142px,.65fr) minmax(0,2fr) 58px}.directory-match__date{display:grid;gap:5px}.directory-match__date time{color:var(--gold-hi);font:800 .93rem var(--font-display)}.directory-match__date small{color:var(--muted);font-size:.78rem}.directory-match__battle{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,auto) minmax(0,1fr);align-items:center;gap:12px}.directory-match__battle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 1.04rem var(--font-display)}.directory-match__battle strong:last-child{text-align:right}.directory-match__battle .is-winner{color:#ffe1a2;text-shadow:0 0 10px #d9953a}.directory-match__score{color:var(--ink);font:800 1.2rem var(--font-display);white-space:nowrap;font-variant-numeric:tabular-nums}.directory-match__open{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);color:var(--gold-hi);font:800 1.3rem var(--font-display);text-decoration:none}.directory-match__open:hover{background:rgba(217,173,104,.16)}
.directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;padding:12px 22px;border-top:1px solid var(--line)}.directory-pagination__pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.directory-pagination a,.directory-pagination span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:7px 10px;border:1px solid rgba(217,173,104,.55);color:var(--gold-hi);font:800 .87rem var(--font-display);text-decoration:none}.directory-pagination a:hover,.directory-pagination [aria-current=page]{border-color:var(--gold-hi);background:rgba(217,173,104,.18)}.directory-pagination .is-disabled{opacity:.42}
.directory-shell :is(a,button):focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
@media(max-width:850px){.directory-team{grid-template-columns:42px 38px minmax(0,1fr)}.directory-team__stats{grid-column:3;min-width:0}.directory-match{grid-template-columns:1fr 44px}.directory-match__date{grid-column:1/-1}.directory-match__battle{grid-column:1}.directory-match__open{grid-column:2}}
@media(max-width:560px){.directory-shell{width:min(100% - 24px,1130px);padding-top:30px}.directory-heading{display:block}.directory-sibling{margin-top:20px}.directory-team,.directory-match{padding:17px 14px}.directory-team{gap:8px;grid-template-columns:34px 32px minmax(0,1fr)}.directory-team__flag{width:32px;height:42px}.directory-team h3{font-size:1.15rem}.directory-roster{gap:6px 9px}.directory-roster__avatar{width:20px;height:20px}.directory-roster a,.directory-roster span{font-size:.78rem}.directory-team__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.directory-team__stats div{padding:8px 5px}.directory-team__stats strong{font-size:.87rem}.directory-match__battle{gap:5px}.directory-match__battle strong{font-size:.83rem}.directory-match__score{font-size:.95rem}.directory-panel__head{padding:16px 14px}.directory-panel__head :is(h1,h2){font-size:1.1rem}.directory-pagination{flex-wrap:wrap;justify-content:center;padding:12px}.directory-pagination__pages{order:-1;width:100%}}
@media(max-width:560px){.directory-list--matches{gap:8px;padding:8px}}
@media(max-width:560px){.directory-rank{gap:2px;font-size:.9rem}.directory-rank svg{width:12px;height:12px}}