/* Public discovery layouts. Operational and account screens keep their own UI. */
.explore-page{--explore-soft:#b7b5bf;--explore-border:#35343b;min-width:0}
.explore-page p{font-size:16px;line-height:1.7}
.explore-page .page-heading{margin-bottom:32px}
.explore-page .page-heading>div{max-width:820px}
.explore-page .page-heading h1{font-size:clamp(42px,5.2vw,72px);line-height:1.04;letter-spacing:.2px}
.explore-page .page-heading p{max-width:650px;margin-top:15px}
.explore-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;line-height:1.6;text-transform:uppercase;color:#e2b69b}
.explore-muted{color:var(--explore-soft);font-size:14px}
.explore-page .button{font-size:14px;min-height:46px;padding:12px 18px;line-height:1.4}
.explore-page a:focus-visible,.explore-page summary:focus-visible,.explore-page button:focus-visible{outline:2px solid #ffad7f;outline-offset:4px}
.explore-library-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 0 20px;color:var(--explore-soft);font-size:14px}
.explore-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.explore-game-card{min-width:0;overflow:hidden;border:1px solid var(--explore-border);border-radius:16px;background:#1b1b20;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.explore-game-card:hover{transform:translateY(-4px);border-color:#a16e51;box-shadow:0 12px 32px #0003}
.explore-game-art{position:relative;aspect-ratio:16/10;isolation:isolate;overflow:hidden;background:#151519}
.explore-game-art>.game-poster{position:absolute;inset:0;width:100%;height:100%}
.explore-game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0b10b3,transparent 60%);pointer-events:none}
.explore-game-art>.explore-availability{position:absolute;z-index:1;bottom:16px;left:18px;right:auto;max-width:calc(100% - 36px);background:#17171bea;border-color:#63616c}
.explore-game-art .art-contained img{padding:24px}
.explore-game-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
.explore-game-body h2{font:400 clamp(31px,3vw,42px)/1.1 Arena,Impact,sans-serif;letter-spacing:.5px;margin:8px 0 10px;overflow-wrap:anywhere}
.explore-game-body p{font-size:14px;margin:0 0 22px;color:var(--explore-soft)}
.explore-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--explore-border);padding-top:18px;margin-top:auto;font-size:14px;font-weight:600}
.explore-card-link>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #59545a;border-radius:50%;color:#ffc19d}
.explore-availability{display:inline-flex;align-items:center;gap:7px;border:1px solid #4b4851;border-radius:30px;padding:7px 11px;font-size:12px;line-height:1.4;color:#d3d0d8}
.explore-availability i{display:block;width:6px;height:6px;border-radius:50%;background:#a8a1ae;flex:none}
.explore-availability.is-open{color:#d8f5df;border-color:#51705c;background:#1f3327eb}
.explore-availability.is-open i{background:#9ce4af}
.explore-credits{margin-top:40px;border-top:1px solid var(--explore-border);color:var(--explore-soft)}
.explore-credits summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:14px;min-height:52px;list-style:none}
.explore-credits summary::-webkit-details-marker{display:none}
.explore-credits>div{max-width:850px;padding:0 0 20px}
.explore-credits p{font-size:14px;margin:10px 0}
.explore-credits a{color:#e1d9d2;text-decoration:underline;text-underline-offset:3px}
.explore-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 18px;color:#c3b7b0;font-size:14px}
.explore-hub-hero{position:relative;isolation:isolate;min-height:340px;overflow:hidden;border:1px solid var(--explore-border);border-radius:20px;background:#1a1a20;display:flex;align-items:center}
.explore-hub-hero>.game-poster{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.explore-hub-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111116f5 6%,#111116dc 38%,#11111650 76%,#11111640)}
.explore-hub-hero .art-contained img{object-position:85% center;padding:24px}
.explore-hub-copy{padding:40px;max-width:650px;display:flex;align-items:flex-start;flex-direction:column}
.explore-hub-copy h1{font:400 clamp(48px,6vw,84px)/1 Arena,Impact,sans-serif;margin:10px 0 14px}
.explore-hub-copy p{color:#ddd7dc;margin:0 0 20px;max-width:450px}
.explore-hub-copy>.button{margin-top:22px}
.explore-hub-events{scroll-margin-top:100px;margin-top:40px}
.explore-section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:32px 0 22px}
.explore-section-heading h2{font-size:26px;line-height:1.25;margin:5px 0 0;letter-spacing:-.5px}
.explore-section-heading p{font-size:14px;color:var(--explore-soft);margin:9px 0 0}
.explore-host-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:26px;border-top:1px solid var(--explore-border)}
.explore-host-note strong{font-size:17px}
.explore-host-note p{font-size:14px;margin:7px 0 0;color:var(--explore-soft)}
.explore-host-note>.button{flex:none}
.explore-filters{padding:24px;border:1px solid var(--explore-border);border-radius:16px;background:#1b1b20}
.explore-filter-main{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(130px,1fr) minmax(140px,1fr) auto;align-items:end;gap:16px}
.explore-filters label,.explore-rank-filter label{margin:0;color:#d7d4dc;font-size:14px;min-width:0;line-height:1.5}
.explore-filters input,.explore-filters select,.explore-rank-filter select{width:100%;min-width:0;min-height:46px;font-size:16px;margin:8px 0 0;padding:11px 12px;background:#111115;border-color:#4b4852;border-radius:8px;line-height:1.4}
.explore-filters input:focus-visible,.explore-filters select:focus-visible,.explore-rank-filter select:focus-visible{outline:2px solid #ffad7f;outline-offset:2px}
.explore-filter-main>.button{margin:0;white-space:nowrap}
.explore-filter-details{border-top:1px solid #343239;margin-top:22px}
.explore-filter-details summary{display:flex;align-items:center;gap:14px;min-height:48px;padding:18px 0 0;font-size:14px;list-style:none}
.explore-filter-details summary::-webkit-details-marker{display:none}
.explore-filter-hint{font-size:13px;color:#a8a3af}
.explore-disclosure{display:grid;place-items:center;margin-left:auto;font-size:22px;color:#d8b9a4;line-height:1;transition:transform .2s}
.explore-filter-details[open] .explore-disclosure{transform:rotate(45deg)}
.explore-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.explore-filter-grid .check{flex-direction:row;align-items:center;align-self:end;min-height:46px;gap:10px;padding:0 2px}
.explore-filter-grid .check input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--orange)}
.explore-active-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0;font-size:13px;color:var(--explore-soft)}
.explore-filter-chip{max-width:100%;padding:7px 11px;border:1px solid #4c3f36;border-radius:30px;background:#282019;color:#e6c7b2;overflow-wrap:anywhere}
.explore-clear{color:#efb591;background:transparent;border:0;border-bottom:1px solid #a07961;font:inherit;cursor:pointer;min-height:44px;padding:6px 4px;margin-left:6px}
.explore-result-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;margin:28px 0 20px;color:var(--explore-soft)}
.explore-result-meta strong{color:#eee9e7;font-weight:600}
.explore-page>.cards{gap:24px}
.explore-page .event-card{border-radius:14px;overflow:hidden}
.explore-page .event-cover{height:200px}
.explore-page .card-body{padding:24px}
.explore-page .card-body h3{font-size:22px;line-height:1.35;min-height:0}
.explore-page .card-facts,.explore-page .card-schedule{font-size:14px;line-height:1.6}
.explore-page .card-body>small{font-size:13px;display:block;margin-top:14px}
.explore-page .card-actions .button{font-size:14px}
.explore-page .save-button{width:46px;min-width:46px;min-height:46px;font-size:23px}
.explore-rank-filter{display:grid;grid-template-columns:minmax(160px,280px) minmax(140px,190px) auto;align-items:end;justify-content:start;gap:18px;padding:24px;border:1px solid var(--explore-border);border-radius:16px;background:#1b1b20}
.explore-story{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:36px;border:1px solid var(--explore-border);border-radius:20px;padding:46px;margin-top:30px;background:radial-gradient(ellipse at 0 50%,#392b214d,transparent 55%),#19191e}
.explore-story-art{color:#d49465;max-width:190px}
.explore-story-art svg{display:block;width:100%;height:auto}
.explore-story h2{font-size:clamp(25px,3vw,36px);line-height:1.18;margin:10px 0 16px;letter-spacing:-.6px}
.explore-story p{max-width:650px;color:var(--explore-soft);margin:0 0 20px}
.explore-inline-steps{display:flex;flex-wrap:wrap;gap:10px 25px;list-style:none;padding:0;counter-reset:ranking-steps;margin:24px 0 28px}
.explore-inline-steps li{display:flex;align-items:center;gap:8px;counter-increment:ranking-steps;color:#d6c6bd;font-size:14px}
.explore-inline-steps li:before{content:counter(ranking-steps,decimal-leading-zero);color:#b98967;font-size:12px;font-weight:700}
.explore-leaderboard .table-wrap{margin:0;border-radius:14px}
.explore-page table{font-size:16px}
.explore-page th{font-size:12px;letter-spacing:1px}
.explore-page th,.explore-page td{padding:20px 24px}
.explore-page td strong{font-size:16px}
.explore-page tbody tr:hover{background:#ffffff03}
.explore-rank{display:inline-grid;place-items:center;min-width:38px;height:38px;border-radius:9px;color:#d0c9d3;font-weight:700;font-variant-numeric:tabular-nums}
.explore-rank.is-leading{background:#3c2b1d;border:1px solid #8c6445;color:#ffcf9d}
.explore-wins{font-variant-numeric:tabular-nums;font-weight:700}
.explore-page .explore-table-note{font-size:14px;color:var(--explore-soft);margin-top:18px}
.explore-season-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:40px;border:1px solid var(--explore-border);border-radius:20px;background:radial-gradient(ellipse at 0 0,#4c30203d,transparent 60%),#1b1b20}
.explore-season-intro h2{font:400 clamp(36px,3.8vw,56px)/1.07 Arena,Impact,sans-serif;letter-spacing:.3px;margin:15px 0 20px}
.explore-season-intro-copy>p{color:var(--explore-soft);margin:0 0 18px}
.explore-season-intro-copy>.button{margin-top:8px}
.explore-season-path{list-style:none;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0}
.explore-season-path li{display:flex;gap:18px;padding:26px 0;border-bottom:1px solid var(--explore-border)}
.explore-season-path li:last-child{border:0}
.explore-season-path li>span{font:400 35px/1 Arena,Impact,sans-serif;color:#c29a7d;min-width:36px;padding-top:2px}
.explore-season-path strong{font-size:18px;font-weight:600}
.explore-season-path p{font-size:14px;color:var(--explore-soft);margin:8px 0 0}
.explore-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.explore-season-card{border:1px solid var(--explore-border);border-radius:16px;overflow:hidden;background:#1b1b20;min-width:0}
.explore-season-art{position:relative;height:180px;overflow:hidden}
.explore-season-art>.game-poster{position:absolute;inset:0}
.explore-season-body{padding:26px}
.explore-season-body h2{font-size:25px;line-height:1.25;margin:12px 0;overflow-wrap:anywhere}
.explore-season-body p{font-size:14px;color:var(--explore-soft)}
.explore-season-body progress,.explore-season-summary progress{display:block;width:100%;height:5px;margin:22px 0;background:#3d3540;border:0;accent-color:#ed9c64;border-radius:5px;overflow:hidden}
.explore-season-body progress::-webkit-progress-bar,.explore-season-summary progress::-webkit-progress-bar{background:#3d3540}
.explore-season-body progress::-webkit-progress-value,.explore-season-summary progress::-webkit-progress-value{background:#ed9c64}
.explore-season-summary{max-width:580px;margin:0 0 30px}
.explore-season-summary strong{font-size:30px}
.explore-season-summary strong>span{font-size:16px;color:var(--explore-soft);font-weight:400}
.explore-season-standings{padding:28px;border:1px solid var(--explore-border);border-radius:16px;background:#19191e}
.explore-season-standings .explore-section-heading{margin-top:0}
.explore-season-pending{max-width:680px;color:var(--explore-soft)}
.explore-scoring{border-top:1px solid var(--explore-border);margin-top:24px;padding-top:6px}
.explore-scoring summary{font-size:14px;padding:14px 0;min-height:44px}
.explore-scoring p{font-size:14px;color:var(--explore-soft);max-width:800px;margin:0 0 12px}
@media(min-width:1600px){.explore-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.explore-filter-main{grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) minmax(140px,1fr)}.explore-filter-main>.button{grid-column:1/-1;justify-self:start}.explore-game-grid{gap:18px}.explore-game-body{padding:20px}.explore-story{gap:26px;padding:32px;grid-template-columns:130px minmax(0,1fr)}.explore-season-intro{gap:30px;padding:32px}}
@media(max-width:800px){.explore-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-filter-main{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-filter-main>label:first-child{grid-column:1/-1}.explore-filter-main>.button{grid-column:auto;align-self:end}.explore-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-hub-copy{padding:30px}.explore-story{grid-template-columns:1fr;gap:16px}.explore-story-art{max-width:115px}.explore-season-intro{grid-template-columns:1fr;gap:14px}.explore-season-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.explore-season-path li{display:block;border-bottom:0;border-top:1px solid var(--explore-border);padding:24px 0 0}.explore-season-path li>span{display:block;margin-bottom:13px}.explore-section-heading{align-items:flex-start}.explore-page .event-cover{height:180px}}
@media(max-width:540px){.explore-page .page-heading{margin-bottom:25px}.explore-page .page-heading h1{font-size:44px}.explore-page .page-heading p{font-size:16px}.explore-library-meta{display:block}.explore-library-meta>span{display:block;font-size:13px}.explore-library-meta>span+span{margin-top:7px}.explore-game-grid{grid-template-columns:1fr;gap:22px}.explore-game-art{aspect-ratio:16/9}.explore-game-body{padding:23px}.explore-game-body h2{font-size:38px}.explore-hub-hero{min-height:330px;border-radius:14px}.explore-hub-copy{padding:26px 22px}.explore-hub-copy h1{font-size:58px}.explore-hub-hero:after{background:linear-gradient(90deg,#111116ef,#1111169c 70%,#11111677)}.explore-hub-copy p{font-size:15px}.explore-section-heading{display:block;margin:28px 0 20px}.explore-section-heading>.button,.explore-section-heading>.explore-muted{margin-top:16px;display:inline-flex}.explore-section-heading h2{font-size:24px}.explore-host-note{align-items:flex-start;flex-direction:column;gap:18px}.explore-filters{padding:20px 17px;border-radius:12px}.explore-filter-main{gap:15px 12px}.explore-filter-main>.button{grid-column:1/-1;width:100%}.explore-filter-hint{display:none}.explore-filter-details summary{padding-top:16px}.explore-filter-grid{grid-template-columns:1fr;gap:18px}.explore-filter-grid .check{padding:4px 0}.explore-result-meta{display:block;line-height:1.6;margin:22px 0}.explore-result-meta>span{display:block;font-size:13px;margin-top:5px}.explore-rank-filter{grid-template-columns:1fr 1fr;gap:16px 12px;padding:20px 17px}.explore-rank-filter>.button{grid-column:1/-1;width:100%}.explore-story{padding:26px 22px;border-radius:14px}.explore-story h2{font-size:29px}.explore-inline-steps{flex-direction:column;gap:14px}.explore-story .button{width:100%}.explore-page .card-body{padding:20px}.explore-page .card-body h3{font-size:21px}.explore-page .card-actions .button{font-size:13px;padding:11px 12px}.explore-page th,.explore-page td{padding:16px 14px}.explore-page th{font-size:11px}.explore-page table,.explore-page td strong{font-size:14px}.explore-season-intro{padding:26px 22px;border-radius:14px}.explore-season-intro h2{font-size:44px}.explore-season-path{display:block}.explore-season-path li{display:flex;gap:18px;padding:24px 0}.explore-season-path li>span{margin:0}.explore-season-grid{grid-template-columns:1fr}.explore-season-body{padding:22px}.explore-season-standings{padding:22px 16px}.explore-season-summary strong>span{font-size:14px}.explore-scoring p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.explore-game-card,.explore-disclosure{transition:none}.explore-game-card:hover{transform:none}}

/* Search, preparation and transparent ranking guidance. */
.explore-library-search{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(170px,1fr) auto;gap:18px;align-items:end;border:1px solid var(--explore-border);background:#19191e;border-radius:14px;padding:22px;margin-bottom:22px}
.explore-library-search label{font-size:13px;display:grid;gap:9px;margin:0;min-width:0}.explore-library-search input,.explore-library-search select{width:100%;min-width:0;min-height:46px;font:inherit;font-size:15px}
.explore-game-card[hidden],.explore-library-empty[hidden],.explore-library-search [hidden]{display:none!important}
.explore-library-empty{border:1px dashed #514957;border-radius:14px;padding:32px}.explore-library-empty h2{font-size:24px;margin:0 0 10px}.explore-library-empty p{color:var(--explore-soft)}
.explore-game-guide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 35px;padding:30px;border:1px solid var(--explore-border);border-radius:16px;background:#1b1b20;margin-top:24px}
.explore-game-guide h2{font-size:25px;margin:8px 0 12px}.explore-game-guide p{color:var(--explore-soft);font-size:14px;margin:0}.explore-game-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.explore-game-guide dt{font-size:12px;color:#b9b2bd;margin-bottom:8px}.explore-game-guide dd{font-size:15px;line-height:1.55;margin:0;color:#eee9e7}.explore-game-guide-note{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--explore-border)}
.explore-ranking-method{margin-top:26px;border:1px solid var(--explore-border);border-radius:12px;background:#19191e}.explore-ranking-method summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:15px;font-weight:600}.explore-ranking-method summary::-webkit-details-marker{display:none}.explore-ranking-method summary span{font-size:22px;color:#dfac89}.explore-ranking-method[open] summary span{transform:rotate(45deg)}.explore-ranking-method>div{padding:0 22px 20px;max-width:850px}.explore-ranking-method p,.explore-ranking-method li{font-size:14px;color:var(--explore-soft);line-height:1.7}.explore-ranking-method ul{padding-left:20px}
@media(max-width:800px){.explore-library-search{grid-template-columns:1.4fr 1fr}.explore-library-search>.button{grid-column:1/-1;justify-self:start}.explore-game-guide{grid-template-columns:1fr}}
@media(max-width:540px){.explore-library-search{grid-template-columns:1fr;padding:20px;gap:16px}.explore-library-search>.button{width:100%}.explore-game-guide{padding:22px;gap:22px}.explore-game-guide dl{grid-template-columns:1fr;gap:20px}.explore-ranking-method summary{padding:17px}.explore-ranking-method>div{padding:0 17px 17px}}
