/* V126 — index information windows. All rules are scoped to the landing page. */
.detail-dialog{--detail-space:28px;width:min(820px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 24px);border:1px solid #a78c55a6;border-radius:16px;background:#0d2226;box-shadow:0 32px 110px #000c,0 0 0 5px #c3a2600b;color:#d5dfdb}
.detail-dialog[open]{display:flex;flex-direction:column;height:fit-content;max-width:calc(100vw - 24px)}
.detail-dialog::backdrop{background:#020b0dd9;backdrop-filter:blur(8px)}
.detail-header{flex:none;gap:20px;padding:21px var(--detail-space);background:linear-gradient(105deg,#1e3433,#102429);border-bottom:1px solid #b59a5833}
.detail-heading .detail-kicker{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#bca779;margin-bottom:7px}
.detail-dialog h2{margin:0;color:#efdbac;font:400 29px/1.15 var(--display);text-wrap:balance}
.detail-header>button{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border-color:#ab996342;background:#061b2280;font:28px/1 Arial,sans-serif;transition:background .15s,border-color .15s}
.detail-dialog :is(a,button):focus-visible{outline:2px solid #efd29a;outline-offset:3px}
.detail-content{flex:0 1 auto;min-height:0;padding:var(--detail-space);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#708278 #10262a;scroll-padding-block:20px;font:15px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:break-word}
.detail-content>*{margin:0 0 22px}.detail-content>:last-child{margin-bottom:0}
.detail-content p{font-size:15px;line-height:1.65}.detail-content .detail-lead{color:#d5dfdb;font-size:16px;line-height:1.7}
.detail-content h3{font:400 24px/1.25 var(--display);color:#ead4a2;text-wrap:balance}
.detail-content .detail-kicker{color:#c9b480;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.14em}
.detail-cover{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:250px;margin:calc(-1 * var(--detail-space)) calc(-1 * var(--detail-space)) 25px;padding:32px var(--detail-space);background:#172d2c;overflow:hidden;border-bottom:1px solid #bd9e5433}
.detail-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.detail-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d2226 0%,#0b2024d9 12%,#0b20242b 95%),linear-gradient(90deg,#0616197a,transparent)}
.detail-cover-copy{position:relative;max-width:580px}.detail-cover-copy .detail-kicker{margin-bottom:10px;color:#e9d2a0;text-shadow:0 1px 6px #000}
.detail-cover-copy h3{font-size:32px;line-height:1.12;color:#fff0ca;margin:0;text-shadow:0 2px 12px #0009;text-wrap:balance}
.detail-cover-badge{display:inline-flex;max-width:100%;padding:7px 11px;margin-top:14px;border:1px solid #c5a05a66;border-radius:4px;background:#0b2023b8;color:#e7d4aa;font:12px/1.4 Arial,sans-serif}
.detail-cover-aztecs{min-height:230px;align-items:center;gap:24px}.detail-cover-aztecs .detail-cover-copy{flex:1;min-width:0}
.detail-emblem{position:relative;flex:0 0 142px;width:142px;height:142px;border:1px solid #e0bd77;border-radius:50%;padding:8px;background:#b29863;box-shadow:0 0 0 5px #d4b47420,0 12px 40px #0007;transform:rotate(-4deg)}
.detail-emblem img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #6b502a;mix-blend-mode:multiply}
.detail-reward{display:flex;align-items:flex-start;gap:17px;padding:22px;border:1px solid #c2a46955;border-radius:10px;background:linear-gradient(115deg,#48412a63,#1a32304d)}
.detail-reward-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;background:#bba16415;border:1px solid #c2a46933;border-radius:10px;color:#e4c384}.detail-reward-icon svg{width:28px;height:28px}
.detail-reward>div{min-width:0}.detail-reward h3{margin:0 0 8px;font-size:25px}.detail-reward p{margin:0;color:#cfd8cb}
.detail-content .detail-note{padding:14px 17px;border:0;border-left:2px solid #799080;border-radius:0 6px 6px 0;background:#061a1d88;font-size:13px;line-height:1.65;color:#afc0b9}
.detail-note strong{display:block;font-weight:600;color:#d4dfd3;margin-bottom:5px}
.detail-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:3px}
.detail-links>button{flex:1 1 160px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:12px 16px;background:#183034;border:1px solid #8f9c7938;border-radius:7px;text-align:left;color:#d9c695;font:14px/1.4 Arial,sans-serif;transition:background .15s}
.detail-links>button:hover{background:#25423f;border-color:#ae97596b}.detail-links>button>span{font-size:19px}
.detail-tribe-profile{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);margin:calc(-1 * var(--detail-space));min-height:370px}
.detail-content>.detail-tribe-profile:last-child{margin-bottom:calc(-1 * var(--detail-space))}
.detail-portrait{position:relative;isolation:isolate;min-height:340px;overflow:hidden;background:#16302f}
.detail-portrait>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 22%;z-index:-2}
.detail-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d2226e6,transparent 45%),linear-gradient(270deg,#0d2226,transparent 22%);z-index:-1}
.detail-portrait-name{position:absolute;bottom:24px;left:26px;right:20px;font:400 27px/1.2 var(--display);letter-spacing:.06em;color:#f1d5a2;text-shadow:0 2px 12px #000}
.detail-profile-copy{align-self:center;padding:32px 30px 32px 22px}.detail-profile-copy>.detail-kicker{margin-bottom:16px}.detail-profile-copy h3{font-size:29px;line-height:1.2;margin-bottom:17px}.detail-profile-copy p{margin:0;color:#b6c9c2}
.detail-content .detail-cta{justify-content:space-between;gap:12px;min-height:48px;margin-top:25px;padding:13px 17px;border-radius:6px;background:linear-gradient(#71332a,#4a211c);border-color:#aa784c;font:600 14px/1.4 Arial,sans-serif;text-align:left;box-shadow:inset 0 1px #d2a25a33,0 4px 12px #0003}
.detail-section-intro h3{font-size:28px;margin:0 0 12px}.detail-section-intro p{margin:0;color:#b6c9c2}
.detail-timeline{display:grid;gap:0}.detail-timeline .detail-rule{position:relative;border:0;border-radius:0;background:none;padding:0 0 24px;gap:19px}.detail-timeline .detail-rule:last-child{padding-bottom:0}
.detail-timeline .detail-rule:not(:last-child)::before{content:"";position:absolute;top:39px;bottom:0;left:18px;width:1px;background:#b298554a}
.detail-rule-number{flex-basis:38px;height:38px;background:#273c32;border:1px solid #b89e5c66;border-radius:50%;font:15px/1 Arial,sans-serif;color:#ddc38d}
.detail-rule h3{font-size:22px}.detail-rule p{font-size:14px;line-height:1.65;color:#b6c9c2}
.detail-goal{border:1px solid #b29b5e55;border-radius:9px;background:linear-gradient(110deg,#3b412e99,#21393755);padding:22px}.detail-goal h3{font-size:25px;line-height:1.3}
.detail-score-grid,.detail-server-grid{gap:10px}.detail-score-grid>div,.detail-server-grid>div{border-radius:8px;border-color:#9eaa8533;padding:16px 10px;background:#142e2e}
.detail-score-grid b,.detail-server-grid b{font-size:30px}.detail-score-grid span,.detail-server-grid span{font-size:12px;line-height:1.5}
.detail-rule{border-radius:8px;padding:18px;background:#122d2d;border-color:#8d9f7f2b}
.points-table{border-radius:8px;border-color:#b2995b44}.points-table :is(th,td){padding:10px}.points-table caption{font-size:20px}
.detail-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-season-card{position:relative;isolation:isolate;min-height:205px;display:flex;align-items:flex-end;overflow:hidden;text-align:left;padding:21px 18px;border:1px solid #bca4694a;border-radius:9px;background:#18332f}
.detail-season-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .25s}
.detail-season-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071c20f2,#071c204d 90%);z-index:-1}
.detail-season-card:hover>img{transform:scale(1.04)}.detail-season-card>span{display:grid;gap:6px}.detail-season-card strong{color:#f1d5a2;font:24px/1.2 var(--display)}.detail-season-card>span>span{color:#d3ded6;font:13px/1.5 Arial,sans-serif}.detail-season-card>b{position:absolute;right:12px;top:9px;font-size:20px;font-weight:400;color:#f1d5a2}
.landing-world-row{border-radius:9px;background:#142e2e;border-color:#9eaa8540;padding:18px}.landing-world-row>div{flex-wrap:wrap}.landing-world-row>div>span{text-align:left}.landing-world-row .portal-button{white-space:normal;min-height:44px;border-radius:5px}
@media(max-width:600px){
 .detail-dialog{--detail-space:20px;width:calc(100vw - 24px);border-radius:13px}
 .detail-header{padding:16px var(--detail-space);gap:14px}.detail-heading .detail-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:6px}.detail-dialog h2{font-size:25px}.detail-header>button{flex-basis:44px;width:44px;height:44px}
 .detail-content>*{margin-bottom:20px}.detail-content>:last-child{margin-bottom:0}.detail-content p,.detail-content .detail-lead{font-size:14px;line-height:1.65}
 .detail-cover{min-height:200px;padding-top:25px;padding-bottom:25px;margin-bottom:22px}.detail-cover-copy h3{font-size:27px}.detail-cover-copy .detail-kicker{font-size:9px;letter-spacing:.08em}.detail-cover-badge{font-size:11px;padding:6px 8px;margin-top:11px}
 .detail-cover-aztecs{min-height:172px;gap:15px}.detail-cover-aztecs h3{font-size:27px;max-width:210px}.detail-emblem{flex-basis:89px;width:89px;height:89px;padding:5px;box-shadow:0 0 0 4px #d4b47420,0 8px 25px #0007}
 .detail-reward{padding:17px;gap:12px}.detail-reward-icon{flex-basis:33px;width:33px;height:33px;border-radius:8px}.detail-reward-icon svg{width:23px;height:23px}.detail-reward h3{font-size:23px;margin-bottom:8px}.detail-reward p{font-size:13px}
 .detail-content .detail-note{font-size:12px;padding:12px 14px}.detail-links{gap:8px}.detail-links>button{flex-basis:125px;font-size:13px;padding:11px 12px;gap:8px}
 .detail-tribe-profile{display:block;min-height:0}.detail-portrait{height:230px;min-height:0}.detail-portrait>img{object-position:center 22%}.detail-portrait::after{background:linear-gradient(0deg,#0d2226,transparent 60%)}.detail-portrait-name{font-size:25px;left:22px;bottom:18px}
 .detail-profile-copy{padding:2px 22px 24px}.detail-profile-copy>.detail-kicker{margin-bottom:11px}.detail-profile-copy h3{font-size:26px;margin-bottom:13px}.detail-content .detail-cta{margin-top:21px}
 .detail-section-intro h3{font-size:25px}.detail-timeline .detail-rule{gap:14px;padding-bottom:23px}.detail-rule h3{font-size:21px}.detail-rule p{font-size:13px}
 .detail-score-grid,.detail-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-goal{padding:19px}.detail-goal h3{font-size:23px}
 .detail-season-grid{gap:10px}.detail-season-card{min-height:185px;padding:16px 12px}.detail-season-card strong{font-size:21px}.detail-season-card>span>span{font-size:12px}
}
@media(max-width:359px){
 .detail-dialog{--detail-space:16px}.detail-dialog h2{font-size:23px}.detail-cover-aztecs{gap:12px;min-height:170px}.detail-cover-aztecs h3{font-size:25px}.detail-emblem{flex-basis:70px;width:70px;height:70px}.detail-cover-badge{font-size:10px}
 .detail-reward{gap:10px;padding:15px}.detail-reward-icon{display:none}.detail-season-grid{grid-template-columns:1fr}.detail-season-card{min-height:160px}
}
@media(max-height:480px){
 .detail-header{padding:10px var(--detail-space)}.detail-heading .detail-kicker{display:none}.detail-dialog h2{font-size:23px}.detail-cover{min-height:180px}.detail-cover-aztecs{min-height:160px}
}
@media(prefers-reduced-motion:reduce){.detail-dialog *{transition:none!important}}
