/* MUNEWERA: forged medals, event sigils and the opening chronometer. */
.homepage32 .heroes46{background:radial-gradient(ellipse at 0 0,#23475d66,transparent 60%),linear-gradient(145deg,#0a2130,#05131f);border-image:none;border-color:#728897;box-shadow:inset 0 0 0 4px #07141d,inset 0 0 0 5px #66869b24,0 10px 28px #0006}
.homepage32 .heroes46 .rail39-head{position:relative;border-bottom-color:#9b895c66;padding-bottom:18px}
.homepage32 .heroes46 .rail39-head:after{content:'';position:absolute;bottom:-1px;left:0;width:55%;height:1px;background:linear-gradient(90deg,#d7ba7c,transparent)}
.homepage32 .heroes46 .rail39-icon{width:44px;height:50px;flex-basis:44px;clip-path:polygon(50% 0,100% 12%,100% 76%,50% 100%,0 76%,0 12%);background:radial-gradient(ellipse at 50% 15%,#527386,#102a3c 55%,#071824);border:0;color:#eed397;box-shadow:inset 0 0 0 1px #c7ae76,inset 0 0 0 4px #0a2232,0 4px 10px #0007}
.homepage32 .heroes46 .rail39-head .panel-title{font:600 22px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.8px;color:#e8d4aa}
.homepage32 .heroes46 .ranking-list li{position:relative;grid-template-columns:31px minmax(0,1fr) auto;gap:11px;padding:13px 0;min-height:67px;border-color:#42607577}
.homepage32 .heroes46 .ranking-list li:first-child{background:linear-gradient(100deg,#8e713425,transparent 85%);border-bottom-color:#ba9a5e66}
.homepage32 .heroes46 .ranking-list b{font-size:13px;color:#e2eff6;letter-spacing:.1px}
.homepage32 .heroes46 .ranking-list small{font-size:10px;color:#a6bece;line-height:1.7}
.homepage32 .heroes46 .rank-place{position:relative;display:grid;place-items:center;min-height:43px;font-size:23px;color:#c6dfeb;background:linear-gradient(135deg,#31516a,#122c40);border:1px solid #7193a67a;box-shadow:inset 0 0 0 3px #071c2a88,inset 0 1px #e9e0bc2e;clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);text-shadow:0 2px 2px #0006}
.homepage32 .heroes46 .ranking-list li:first-child .rank-place{padding:0;color:#ffdfa0;background:linear-gradient(135deg,#9e7940,#4c402c 65%,#816239);border-color:#dbc18b;box-shadow:inset 0 0 0 3px #251e1a55,0 0 15px #bc8c3824}
.homepage32 .heroes46 .ranking-list li:nth-child(2) .rank-place{background:linear-gradient(135deg,#6b8da1,#243c4f);border-color:#b6cedc;color:#dcecf3}
.homepage32 .heroes46 .ranking-list li:nth-child(3) .rank-place{background:linear-gradient(135deg,#88664d,#392b26);border-color:#b58c68;color:#eac39a}
.homepage32 .heroes46 .rank-value{font:600 11px/1.5 Inter,sans-serif;color:#e0c68f}
.homepage32 .heroes46 .ranking-footnote{margin:16px 0;color:#9bb8c9}
.homepage32 .heroes46 .players-content>.button{width:100%;min-height:44px;justify-content:space-between;background:linear-gradient(125deg,#234c64,#0d293e);border-color:#91a7ad}
.homepage32 .events46 .rail39-head{border-bottom-color:#927e5577}
.homepage32 .events46 .rail39-icon{clip-path:polygon(50% 0,100% 15%,100% 85%,50% 100%,0 85%,0 15%);height:48px;width:40px;flex-basis:40px;background:radial-gradient(ellipse at 50% 20%,#396b7e,#0a2333);box-shadow:inset 0 0 0 3px #0b2130;border-color:#c3ad76}
.homepage32 .events46 .event-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:3px 11px;align-items:center;position:relative;min-height:82px;padding:14px 0;border-color:#36576b88}
.homepage32 .events46 .event-glyph{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:36px;height:44px;color:#dcc48c;background:linear-gradient(145deg,#21465b,#0a2232);border:1px solid #6e8d9f6b;clip-path:polygon(50% 0,100% 13%,100% 87%,50% 100%,0 87%,0 13%);filter:drop-shadow(0 3px 3px #0006)}
.homepage32 .events46 .event-glyph svg{width:25px;height:28px;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
.homepage32 .events46 .event-list b{grid-column:2;grid-row:1;font:600 11px/1.5 Inter,sans-serif;color:#e0eaf1;min-width:0}
.homepage32 .events46 .event-next{grid-column:3;grid-row:1;font:600 25px/1 'Barlow Condensed',sans-serif;color:#e9d09a;font-variant-numeric:tabular-nums;letter-spacing:.35px;white-space:nowrap;text-shadow:0 2px #0008}
.homepage32 .events46 .event-list small{grid-column:2/4;grid-row:2;text-align:right;font:10px/1.6 Inter,sans-serif;color:#a8c2d1;min-width:0}
.homepage32 .events46 .event-list [data-phase=entry]{background:linear-gradient(90deg,#3b8b7150,transparent);border-bottom-color:#75b89e88}
.homepage32 .events46 .event-list [data-phase=entry] .event-glyph{color:#b9efce;border-color:#93c5ac}
.homepage32 .events46 .event-list [data-phase=scheduled-combat] .event-glyph{color:#f0d293;border-color:#be9d60}
.homepage32 .events46 .event-list .event-unavailable{display:block;min-height:0;padding:18px 0}
.homepage32 .events46 .event-panel-actions{margin-top:18px}.homepage32 .events46 .event-panel-actions>.button{flex:1;min-height:44px;justify-content:space-between}
.homepage32 .opening46{display:grid;grid-template-columns:68px minmax(170px,1fr) auto 95px;align-items:center;gap:18px;max-width:1110px;width:94%;padding:17px 23px;min-height:112px;margin-bottom:28px;border:1px solid #9b885f;background:radial-gradient(ellipse at 30% 0,#24587655,transparent 65%),linear-gradient(100deg,#071b2bf5,#061421eb),image-set(url('/assets/perf101-realm-master-1920-768.avif') type('image/avif'),url('/assets/perf101-realm-master-1920-768.webp') type('image/webp')) center 35%/cover;box-shadow:inset 0 0 0 4px #04111b,inset 0 0 0 5px #5b7b8e40,0 12px 32px #0006;overflow:visible;clip-path:none}
.homepage32 .opening46 .opening-seal{width:68px;height:76px;display:grid;place-items:center;padding:0;background:radial-gradient(circle,#1d6a8755,transparent 67%);position:relative}
.homepage32 .opening46 .opening-seal:before{content:'';position:absolute;inset:8px 4px;border:1px solid #ba9f687a;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #081c2a,0 0 16px #65c7e91a}
.homepage32 .opening46 .opening-seal img{width:58px;height:76px;position:relative;object-fit:contain;filter:drop-shadow(0 0 8px #54b9e370);animation:opening46-relic 7s ease-in-out infinite}
.homepage32 .opening46 .opening-title{display:block;width:auto;min-width:0;padding:0;border:0}
.homepage32 .opening46 .launch-eyebrow{display:block;font:600 8px/1.5 Inter,sans-serif;letter-spacing:1.25px;color:#d6bd86;margin-bottom:5px}
.homepage32 .opening46 h2{font:600 36px/1 'Barlow Condensed',sans-serif;color:#f0dfb7;letter-spacing:.7px;text-shadow:0 2px #020812}
.homepage32 .opening46 time{display:block;margin-top:7px;font:500 11px/1.5 Inter,sans-serif;color:#b2cbdc}
.homepage32 .opening46 time span{padding-inline:5px;color:#d6bb81}
.homepage32 .opening46 .clock{display:flex;align-items:center;gap:7px;border:0;padding:0;width:auto;margin:0}
.homepage32 .opening46 .clock>span{position:relative;display:block;width:60px;min-width:60px;padding:8px 5px 7px;border:1px solid #64869b99!important;background:linear-gradient(180deg,#2b536968,#0b2334 48%,#071a29 49%,#132f42);box-shadow:inset 0 1px #dbf4ff35,inset 0 -2px #010a1366,0 3px 9px #0005;text-align:center}
.homepage32 .opening46 .clock>span:before{content:'';display:block;position:absolute;inset:3px;border:1px solid #8bb7cc1c;pointer-events:none}
.homepage32 .opening46 .clock b{display:block;font:600 36px/1.05 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#c7edfb;text-shadow:0 2px #16384d,0 0 14px #5ca5c41a;font-variant-numeric:tabular-nums}
.homepage32 .opening46 .clock small{display:block;font:600 9px/1.5 Inter,sans-serif;letter-spacing:.7px;color:#a8c6d8;margin-top:3px}
.homepage32 .opening46 .calendar-link{min-width:0;width:95px;min-height:60px;padding:8px;border:1px solid #af925d88;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:500 10px/1.5 Inter,sans-serif;color:#e7d0a0;background:linear-gradient(135deg,#61503340,#0b2233);box-shadow:inset 0 1px #d9c39620}
.homepage32 .opening46 .calendar-link>span{font-size:18px;line-height:1}.homepage32 .opening46 .calendar-link:hover{border-color:#e9ce8c;background:#263e49}
@keyframes opening46-relic{50%{transform:translateY(-2px);filter:drop-shadow(0 0 13px #68d1ef88)}}
@media(min-width:901px) and (max-width:1100px){.homepage32 .heroes46 .rail39-head .panel-title{font-size:20px}.homepage32 .events46 .event-list li{grid-template-columns:29px minmax(0,1fr) auto;column-gap:7px}.homepage32 .events46 .event-glyph{width:29px;height:39px}.homepage32 .events46 .event-next{font-size:22px}.homepage32 .events46 .event-list b{font-size:10px}}
@media(max-width:900px){.homepage32 .opening46{grid-template-columns:58px minmax(145px,1fr) auto 80px;gap:12px;padding:15px 20px}.homepage32 .opening46 .opening-seal{width:58px}.homepage32 .opening46 .clock>span{width:50px;min-width:50px}.homepage32 .opening46 .clock b{font-size:31px}.homepage32 .opening46 h2{font-size:32px}.homepage32 .opening46 .calendar-link{width:80px}}
@media(max-width:700px){.homepage32 .opening46{grid-template-columns:52px minmax(0,1fr) 62px;gap:14px 12px;padding:16px 18px}.homepage32 .opening46 .opening-seal{width:52px;height:68px}.homepage32 .opening46 .opening-seal img{width:49px;height:66px}.homepage32 .opening46 .opening-seal:before{inset:9px 3px}.homepage32 .opening46 .calendar-link{grid-column:3;grid-row:1;width:62px;min-height:56px;text-align:center;font-size:9px}.homepage32 .opening46 .clock{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;gap:10px}.homepage32 .opening46 .clock>span{width:58px;min-width:0}.homepage32 .opening46 .clock b{font-size:34px}.homepage32 .opening46 .launch-eyebrow{font-size:8px;letter-spacing:.6px}.homepage32 .heroes46 .rail39-head .panel-title{font-size:25px}.homepage32 .events46 .event-list b{font-size:12px}.homepage32 .events46 .event-next{font-size:28px}}
@media(max-width:360px){.homepage32 .opening46{padding:14px;grid-template-columns:43px minmax(0,1fr) 54px;gap:12px 8px}.homepage32 .opening46 h2{font-size:26px}.homepage32 .opening46 .opening-seal{width:43px}.homepage32 .opening46 .calendar-link{width:54px}.homepage32 .opening46 time{font-size:10px}.homepage32 .opening46 .clock{gap:7px}.homepage32 .opening46 .clock>span{width:52px}.homepage32 .opening46 .clock b{font-size:30px}}
@media(prefers-reduced-motion:reduce){.homepage32 .opening46 .opening-seal img{animation:none}}

.homepage32 .opening46:before,.homepage32 .opening46:after{content:none}

/* Hall of Heroes: class-led collectible banners, fed by actual standings. */
.homepage32 .heroes46{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(140deg,#132e40,#061320 70%);border-color:#9e8e68;box-shadow:inset 0 0 0 4px #07141d,inset 0 0 0 5px #8aa9bb30,0 18px 38px #0007}
.homepage32 .heroes46:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#07172499,#071724f5 60%),image-set(url('/assets/perf101-classic-castle-1024.avif') type('image/avif'),url('/assets/perf101-classic-castle-1024.webp') type('image/webp')) center top/cover;opacity:.55;pointer-events:none}
.homepage32 .heroes46 .rail39-head{margin-bottom:8px;padding-bottom:16px}
.homepage32 .heroes46 .rank-columns{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;font-size:7px;margin-bottom:7px}
.homepage32 .heroes46 .ranking-list{counter-reset:heroes;margin:0;overflow:visible}
.homepage32 .heroes46 .ranking-list li{isolation:isolate;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:10px;min-height:112px;margin-bottom:8px;padding:13px 78px 13px 9px;border:1px solid #60819a55;background:linear-gradient(120deg,#1c3a4caa,#071925 82%);box-shadow:inset 0 1px #d3e7f012,0 5px 12px #0003;perspective:650px}
.homepage32 .heroes46 .ranking-list li:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 65%,#259fe82b,transparent 65%);pointer-events:none}
.homepage32 .heroes46 .ranking-list li:first-child{min-height:162px;padding-right:94px;border-color:#ad8c4f99;background:linear-gradient(125deg,#6e55232c,#0b2436 50%,#071724);box-shadow:inset 0 1px #ead3a24a,0 6px 16px #0004}
.homepage32 .heroes46 .ranking-list li:first-child:after{content:'';pointer-events:none;position:absolute;top:-1px;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,#ead7a5,transparent)}
.homepage32 .heroes46 .ranking-list li>div{display:flex;min-width:0;flex-direction:column;gap:3px;position:relative;z-index:2}
.homepage32 .heroes46 .ranking-list b{font:600 15px/1.2 Inter,sans-serif;overflow-wrap:anywhere;text-shadow:0 2px 8px #000}
.homepage32 .heroes46 .ranking-list li:first-child b{color:#f1dcae;font-size:19px}
.homepage32 .heroes46 .hero48-class{font:600 8px/1.4 Inter,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#87c6e9}
.homepage32 .heroes46 .ranking-list small{font-size:9px;color:#b6c8d5;line-height:1.6;max-width:125px}
.homepage32 .heroes46 .rank-place{font-size:18px;min-height:36px;align-self:center}
.homepage32 .heroes46 .rank-value{grid-column:2;justify-self:start;align-self:start;padding:3px 6px;border:1px solid #b8995c55;background:#061522bb;font-size:9px;color:#eed7a6;white-space:nowrap}
.homepage32 .heroes46 .hero48-portrait{position:absolute;right:0;top:0;bottom:0;width:83px;display:grid;place-items:center;min-width:0;padding:0;border:0;background:radial-gradient(ellipse at 50% 80%,#40b5f727,transparent 65%);cursor:pointer;transform-style:preserve-3d;z-index:1;transition:background .25s}
.homepage32 .heroes46 li:first-child .hero48-portrait{width:106px}
.homepage32 .heroes46 .hero48-portrait:after{content:'';position:absolute;bottom:12px;width:65%;height:12px;border:1px solid #74b6d677;border-radius:50%;box-shadow:0 0 10px #259ee54d,inset 0 0 9px #249cdc38;transform:rotateX(52deg)}
.homepage32 .heroes46 .hero48-portrait img{display:block;width:100%;height:100%;max-height:110px;object-fit:contain;filter:drop-shadow(0 5px 5px #0009);transform:translateY(-2px) rotateY(-9deg);transition:transform .35s,filter .35s;position:relative;z-index:1}
.homepage32 .heroes46 li:first-child .hero48-portrait img{max-height:160px}
.homepage32 .heroes46 .hero48-portrait:hover img,.homepage32 .heroes46 .hero48-portrait:focus-visible img{transform:translateY(-7px) rotateY(10deg) scale(1.04);filter:drop-shadow(0 5px 10px #51b9ee66)}
.homepage32 .heroes46 .hero48-portrait:focus-visible{outline:2px solid #f4d799;outline-offset:-3px}
.homepage32 .heroes46 .ranking-footnote{font-size:9px;margin:13px 0 17px;line-height:1.5}
.homepage32 .heroes46 .players-content>.button{border-color:#ad925f;background:linear-gradient(110deg,#344b57,#173346 60%,#304653);box-shadow:inset 0 1px #cbdadd26,0 3px 9px #0005;color:#f2ddaf}
.gateway-recovery48{padding:15px;border:1px solid #b49c69;background:#10283a;color:#d5e5ef;margin:12px 0}
.gateway-recovery48 h3{font-size:16px;color:#ecd4a1;margin:0 0 8px}.gateway-recovery48 p{font-size:11px;line-height:1.7}.gateway-recovery48 code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:12px;user-select:all;margin:12px 0}.gateway-recovery48 .button{width:100%;white-space:normal}
@media(prefers-reduced-motion:reduce){.homepage32 .heroes46 .hero48-portrait img{transition:none;transform:none!important}}
.homepage32.motion-paused .heroes46 .hero48-portrait img{transition:none;transform:none!important}
.homepage32 .heroes46 [data-hero-class="2"]:before{background:radial-gradient(ellipse at 85% 65%,#67c69d26,transparent 65%)}
.homepage32 .heroes46 [data-hero-class="2"] .hero48-class{color:#a1d6bd}
.homepage32 .heroes46 [data-hero-class="2"] .hero48-portrait:after{border-color:#81cfaf77;box-shadow:0 0 10px #53b59a4d,inset 0 0 9px #53b59a38}
.homepage32 .heroes46 li:first-child .hero48-portrait:after{animation:hero48-aura 4s ease-in-out infinite}
@keyframes hero48-aura{50%{opacity:.5;box-shadow:0 0 20px #4fa9ee77,inset 0 0 12px #4fa9ee66}}
@media(prefers-reduced-motion:reduce){.homepage32 .heroes46 .hero48-portrait:after{animation:none!important}}
.homepage32.motion-paused .heroes46 .hero48-portrait:after{animation:none!important}

/* A featured champion above a compact roster, inside one forged frame. */
.homepage32 .heroes46.heroes49{background:#050e17;border:1px solid #b29a6b;box-shadow:inset 0 0 0 4px #040b12,inset 0 0 0 5px #5d778555,0 16px 35px #0009}
.homepage32 .heroes46.heroes49:before{background:linear-gradient(180deg,#0d2535aa,#050e17 65%),image-set(url('/assets/perf101-classic-castle-1024.avif') type('image/avif'),url('/assets/perf101-classic-castle-1024.webp') type('image/webp')) center top/cover;opacity:.65}
.homepage32 .heroes46.heroes49 .players-content{padding:24px 20px 20px}
.homepage32 .heroes46.heroes49 .rail39-head{gap:13px;padding-bottom:18px;margin-bottom:16px;border-color:#b7995e66}
.homepage32 .heroes46.heroes49 .rail39-head:after{width:100%;background:linear-gradient(90deg,transparent,#d8bc7d,transparent)}
.homepage32 .heroes46.heroes49 .rail39-head .panel-title{font-size:27px;letter-spacing:1.1px;color:#f0dfb8}
.homepage32 .heroes46.heroes49 .rail39-kicker{font-size:7px;letter-spacing:1.7px;color:#8cabbf}
.homepage32 .heroes46.heroes49 .rail39-icon{width:42px;height:48px;flex-basis:42px;background:radial-gradient(at 50% 15%,#82714344,#142531 60%,#050e17);color:#eed49d}
.homepage32 .heroes46.heroes49 .rank-columns{display:none}
.homepage32 .heroes46.heroes49 .ranking-list li{display:grid;grid-template-columns:23px 48px minmax(0,1fr) 45px;gap:8px;position:relative;min-height:94px;margin:0;padding:11px 3px;border:0;border-bottom:1px solid #69819644;background:transparent;box-shadow:none;overflow:visible}
.homepage32 .heroes46.heroes49 .ranking-list li:before{background:linear-gradient(90deg,transparent,#3d789615,transparent)}
.homepage32 .heroes46.heroes49 .ranking-list li>div{grid-column:3;grid-row:1;align-self:center;gap:4px}
.homepage32 .heroes46.heroes49 .ranking-list .rank-place{grid-column:1;grid-row:1;min-height:30px;background:none!important;border:0!important;box-shadow:none!important;clip-path:none;color:#c6b18b;font:500 17px/1 'Barlow Condensed',sans-serif}
.homepage32 .heroes46.heroes49 .ranking-list li b{font-size:13px;color:#e3ecf1;line-height:1.25}
.homepage32 .heroes46.heroes49 .hero48-class{font-size:7px;letter-spacing:.6px;color:#9bb9cc;order:2}
.homepage32 .heroes46.heroes49 .ranking-list small{font-size:8px;line-height:1.5;order:3;max-width:none;color:#a6b9c6}
.homepage32 .heroes46.heroes49 .rank-value{grid-column:4;grid-row:1;justify-self:end;align-self:center;background:none;border:0;padding:0;font-size:9px;color:#cbb78d}
.homepage32 .heroes46.heroes49 .hero48-portrait{position:relative;inset:auto;grid-column:2;grid-row:1;width:48px;height:72px;min-height:0;background:radial-gradient(ellipse at 50% 65%,#369bc333,transparent 70%);align-self:center;overflow:visible}
.homepage32 .heroes46.heroes49 .hero48-portrait img{width:74px;max-width:none;height:84px;max-height:none;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-12deg);filter:drop-shadow(0 4px 6px #000b)}
.homepage32 .heroes46.heroes49 .hero48-portrait:hover img,.homepage32 .heroes46.heroes49 .hero48-portrait:focus-visible img{transform:translate(-50%,-55%) rotateY(12deg) scale(1.06)}
.homepage32 .heroes46.heroes49 .hero48-portrait:after{bottom:0;width:44px;height:7px;opacity:.55}
.homepage32 .heroes46.heroes49 .ranking-list li:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;min-height:268px;margin:0 0 7px;padding:65px 46% 23px 19px;border:1px solid #c4a771aa;background:radial-gradient(ellipse at 78% 48%,#2e688666,transparent 62%),linear-gradient(135deg,#152f42,#07141e 70%);box-shadow:inset 0 0 0 3px #071019,inset 0 0 0 4px #9f88522b,0 8px 16px #0006;overflow:hidden}
.homepage32 .heroes46.heroes49 .ranking-list li:first-child:before{inset:5px;background:linear-gradient(150deg,#f3df9b0f,transparent 35%),repeating-conic-gradient(from 0deg at 75% 40%,#74bce407 0deg 1deg,transparent 1deg 20deg);border:1px solid #91aeb21a;opacity:1}
.homepage32 .heroes46.heroes49 .ranking-list li:first-child:after{top:0;left:0;right:auto;width:43px;height:43px;background:linear-gradient(135deg,#e4c788,#927147 47%,#e4c788 49%,transparent 50%);opacity:.8}
.homepage32 .heroes46.heroes49 li:first-child .rank-place{position:absolute;top:10px;left:13px;z-index:3;color:#102133!important;font:700 14px/1 Inter,sans-serif;min-height:0;transform:rotate(-45deg)}
.homepage32 .heroes46.heroes49 .hero49-title{position:absolute;left:49px;top:18px;font:600 8px/1.3 Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#e3ca93;z-index:3}
.homepage32 .heroes46.heroes49 li:first-child>div{position:relative;gap:7px;width:100%;z-index:3}
.homepage32 .heroes46.heroes49 li:first-child b{font:600 clamp(23px,2.2vw,31px)/1.05 'Barlow Condensed',sans-serif!important;color:#f6e7bf!important;overflow-wrap:anywhere}
.homepage32 .heroes46.heroes49 li:first-child .hero48-class{order:-1;font-size:8px;letter-spacing:1px;color:#9bd2f1}
.homepage32 .heroes46.heroes49 li:first-child small{font-size:9px;line-height:1.7;color:#b4c9d8}
.homepage32 .heroes46.heroes49 li:first-child .rank-value{position:relative;align-self:flex-start;z-index:3;border-top:1px solid #a9925e88;padding-top:9px;color:#ebce96;font-size:10px}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait{position:absolute;right:0;top:32px;bottom:8px;left:auto;width:57%;height:auto;z-index:2;background:radial-gradient(ellipse at 50% 67%,#49b6e22b,transparent 62%)}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait img{position:absolute;top:50%;left:50%;width:220px;height:250px;max-width:none;max-height:none;transform:translate(-50%,-50%) rotateY(-10deg);filter:drop-shadow(0 8px 7px #0009) drop-shadow(0 0 15px #66b5ed33)}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait:hover img,.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait:focus-visible img{transform:translate(-50%,-53%) rotateY(12deg) scale(1.04)}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait:before{content:'';position:absolute;inset:20% 7%;border:1px solid #89bedc55;border-radius:50%;box-shadow:inset 0 0 0 5px #07172299,0 0 0 7px #3a7a9e22;transform:rotateX(18deg) rotateY(-18deg);opacity:.6}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait:after{bottom:9px;width:90px;height:13px;opacity:.8}
.homepage32 .heroes46.heroes49 .ranking-footnote{margin:14px 0;font-size:8px;color:#98b2c4;line-height:1.5}
.homepage32 .heroes46.heroes49 .players-content>.button{position:relative;min-height:43px;border:1px solid #bca16c;color:#f4ddb0;background:linear-gradient(135deg,#84673a33,#1a3548 40%,#0d2334);box-shadow:inset 0 0 0 3px #081723,inset 0 0 0 4px #8a754b44;letter-spacing:.7px;font-size:10px}
@media(max-width:360px){.homepage32 .heroes46.heroes49 .players-content{padding:19px 14px 16px}.homepage32 .heroes46.heroes49 .rail39-head .panel-title{font-size:26px}.homepage32 .heroes46.heroes49 .rail39-kicker{font-size:6px;letter-spacing:1px}.homepage32 .heroes46.heroes49 .ranking-list li{grid-template-columns:19px 39px minmax(0,1fr) 37px;gap:6px}.homepage32 .heroes46.heroes49 .hero48-portrait{width:39px}.homepage32 .heroes46.heroes49 .rank-value{font-size:8px}.homepage32 .heroes46.heroes49 .ranking-list li:first-child{padding-left:15px;min-height:260px}.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait img{width:190px;height:228px}.homepage32 .heroes46.heroes49 .ranking-list li b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.homepage32 .heroes46.heroes49 .hero48-portrait img{transform:translate(-50%,-50%)!important}}
.homepage32.motion-paused .heroes46.heroes49 .hero48-portrait img{transform:translate(-50%,-50%)!important}
.homepage32 .heroes46.heroes49 .ranking-list .rank-place{min-width:0}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait{overflow:hidden}
.homepage32 .heroes46.heroes49 li:first-child .rank-place{top:10px;left:8px;color:#f3dba6!important;text-shadow:0 1px 3px #000;transform:none;font-size:11px}
.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait{height:228px;bottom:auto}
@media(max-width:360px){.homepage32 .heroes46.heroes49 li:first-child .hero48-portrait{height:220px}}

/* Readable standings, a smaller champion and one actual interactive model. */
.homepage32 .heroes46.heroes49.heroes50 .players-content{padding:20px 18px 18px}
.homepage32 .heroes46.heroes49.heroes50 .rail39-head{position:relative;gap:12px;padding-bottom:15px;margin-bottom:13px}
.homepage32 .heroes46.heroes49.heroes50 .rail39-head .panel-title{font-size:30px;letter-spacing:.7px;line-height:1.04;color:#f6e4b9;text-shadow:0 2px 8px #0009}
.homepage32 .heroes46.heroes49.heroes50 .rail39-kicker{font-size:9px;letter-spacing:1px;color:#b0c9d9;line-height:1.5;margin-bottom:4px}
.homepage32 .heroes46.heroes49.heroes50 .rail39-icon{width:54px;height:62px;flex-basis:54px;clip-path:none;border:0;background:radial-gradient(ellipse,#398cc74d,transparent 67%);box-shadow:none}
.homepage32 .heroes46.heroes49.heroes50 .rail39-icon svg{width:54px;height:62px;stroke:#ddc185;stroke-width:1.25;filter:drop-shadow(0 2px 3px #000b)}
.homepage32 .heroes46.heroes49.heroes50 .hero50-gem{fill:#66c8f0;stroke:#b9eaff;filter:drop-shadow(0 0 4px #249af5)}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:first-child{min-height:190px;padding:48px 46% 15px 15px;gap:9px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .hero49-title{font-size:10px;top:15px;left:40px;letter-spacing:1px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .rank-place{font-size:12px;top:10px;left:8px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child b{font:600 28px/1.08 'Barlow Condensed',sans-serif!important}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list small{font-size:11px;line-height:1.6;color:#c1d1dc}
.homepage32 .heroes46.heroes49.heroes50 .hero48-class{font-size:10px;letter-spacing:.4px;color:#acd4e9;line-height:1.4}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .hero48-class{font-size:10px;letter-spacing:.4px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child>div{gap:5px}
.homepage32 .heroes46.heroes49.heroes50 .rank-value{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;line-height:1.2}
.homepage32 .heroes46.heroes49.heroes50 .rank-value strong{font:600 23px/1 'Barlow Condensed',sans-serif;color:#f7df9f}
.homepage32 .heroes46.heroes49.heroes50 .rank-value>span{font:500 10px/1.4 Inter,sans-serif;color:#c2cfda}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .rank-value{flex-direction:row;gap:7px;align-items:baseline;border:0;padding:0;align-self:flex-start}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .rank-value strong{font-size:28px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .rank-value>span{font-size:11px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child){min-height:92px;grid-template-columns:20px 42px minmax(0,1fr) 43px;gap:8px;padding:10px 0}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child) b{font-size:15px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child) .rank-place{font-size:19px}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .hero48-portrait{top:24px;height:160px;width:49%;right:0}
.homepage32 .heroes46.heroes49.heroes50 li:first-child .hero48-portrait img{width:160px;height:166px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-footnote{margin:13px 0 12px;font-size:10px;line-height:1.6;color:#b1c6d5}
.homepage32 .heroes46.heroes49.heroes50 .players-content>.button{font-size:11px;min-height:43px;letter-spacing:.5px}
.homepage32 .heroes46.heroes49.heroes50 .hero50-model{position:absolute;right:0;top:23px;width:48%;height:164px;z-index:4;--poster-color:transparent;touch-action:pan-y;background:radial-gradient(ellipse at 50% 70%,#3b98c427,transparent 70%)}
.homepage32 .heroes46.heroes49.heroes50 li:not([data-hero-model="ready"]) .hero50-model{opacity:0;pointer-events:none}
.homepage32 .heroes46.heroes49.heroes50 li[data-hero-model="ready"] .hero48-portrait{opacity:0;pointer-events:none;visibility:hidden}
.homepage32 .heroes46.heroes49.heroes50 .hero50-model:focus-visible{outline:2px solid #e6ce9d;outline-offset:-3px}
.homepage32 .heroes46.heroes49.heroes50 .rail39-icon .hero50-gem{animation:hero50-gem 5s ease-in-out infinite}
@keyframes hero50-gem{50%{fill:#c8f5ff;filter:drop-shadow(0 0 7px #47b8f4)}}
@media(min-width:601px) and (max-width:900px){.homepage32 .heroes46.heroes49.heroes50 .players-content{padding:18px 12px}.homepage32 .heroes46.heroes49.heroes50 .rail39-head .panel-title{font-size:26px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child){grid-template-columns:18px 32px minmax(0,1fr) 35px;gap:5px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child) b{font-size:14px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list small{font-size:10px}.homepage32 .heroes46.heroes49.heroes50 .hero48-class{font-size:9px}}
@media(max-width:360px){.homepage32 .heroes46.heroes49.heroes50 .players-content{padding:17px 13px}.homepage32 .heroes46.heroes49.heroes50 .rail39-head .panel-title{font-size:28px}.homepage32 .heroes46.heroes49.heroes50 .rail39-kicker{font-size:8px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child){grid-template-columns:18px 35px minmax(0,1fr) 37px;gap:6px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li:not(:first-child) b{font-size:14px}.homepage32 .heroes46.heroes49.heroes50 .ranking-list small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.homepage32 .heroes46.heroes49.heroes50 .rail39-icon .hero50-gem{animation:none}}
.homepage32.motion-paused .heroes46.heroes49.heroes50 .rail39-icon .hero50-gem{animation:none}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list small{font-size:12px}
.homepage32 .heroes46.heroes49.heroes50 .hero48-class,.homepage32 .heroes46.heroes49.heroes50 li:first-child .hero48-class{font-size:11px}
.homepage32 .heroes46.heroes49.heroes50 .rank-value>span{font-size:11px}
@media(max-width:900px){.homepage32 .heroes46.heroes49.heroes50 .ranking-list small{font-size:11px}}
.homepage32 .heroes46.heroes49.heroes50 .players-content{padding:0}
.homepage32 .heroes46.heroes49.heroes50 .players-content>.button{margin:0;font-size:12px}
.homepage32 .heroes46.heroes49.heroes50{padding:18px}

/* The leader: a gilded identity plate, separated stats and an engraved portal. */
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader{background:radial-gradient(ellipse at 79% 45%,#236d9366,transparent 56%),linear-gradient(110deg,#263340,#102a3d 48%,#06121c);border-color:#d0b579;box-shadow:inset 0 0 0 3px #020c15,inset 0 0 0 4px #b69b5e44,0 8px 18px #0007;min-height:190px;padding-top:44px;padding-bottom:13px;gap:7px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader:before{inset:5px;border:1px solid #92b7c529;background:linear-gradient(110deg,#dbb26816,transparent 47%),linear-gradient(0deg,#081421b0,transparent 40%);opacity:1}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader:after{inset:3px;width:auto;height:auto;opacity:.9;background:linear-gradient(#f3db9e,#f3db9e) left top/13px 2px no-repeat,linear-gradient(#f3db9e,#f3db9e) left top/2px 13px no-repeat,linear-gradient(#f3db9e,#f3db9e) right top/13px 2px no-repeat,linear-gradient(#f3db9e,#f3db9e) right top/2px 13px no-repeat,linear-gradient(#c3a36b,#c3a36b) right bottom/13px 2px no-repeat,linear-gradient(#c3a36b,#c3a36b) right bottom/2px 13px no-repeat,linear-gradient(#c3a36b,#c3a36b) left bottom/13px 2px no-repeat,linear-gradient(#c3a36b,#c3a36b) left bottom/2px 13px no-repeat}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .rank-place{top:12px;left:12px;width:25px;min-height:27px;font-size:13px;background:linear-gradient(145deg,#bb9958,#614624)!important;border:1px solid #e9cd91!important;box-shadow:inset 0 0 0 2px #372b20!important;clip-path:polygon(50% 0,100% 15%,100% 80%,50% 100%,0 80%,0 15%);text-shadow:0 1px 2px #000;color:#fff0c6!important}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero49-title{left:46px;top:19px;font-size:10px;letter-spacing:1.2px;color:#efcf86}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader b{font-size:31px!important;letter-spacing:.3px;color:#fff0c7!important;text-shadow:0 2px 7px #0009}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero48-class{color:#9cdbf6;font-size:11px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader>div{gap:4px}
.homepage32 .heroes46.heroes49.heroes50 .hero51-stats{display:flex;gap:12px;align-items:center;margin-top:3px}
.homepage32 .heroes46.heroes49.heroes50 .hero51-stats>span{display:flex;flex-direction:column;gap:1px}
.homepage32 .heroes46.heroes49.heroes50 .hero51-stats>span+span{padding-left:12px;border-left:1px solid #7f9ca155}
.homepage32 .heroes46.heroes49.heroes50 .hero51-stats strong{font:600 18px/1.05 'Barlow Condensed',sans-serif;color:#e7f3fa}
.homepage32 .heroes46.heroes49.heroes50 .hero51-stats span span{font:500 10px/1.3 Inter,sans-serif;color:#b5cad9}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .rank-value{gap:7px;background:linear-gradient(90deg,#b68b3730,transparent);padding:4px 8px 4px 0;border-top:1px solid #be9c5755}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .rank-value strong{font-size:25px;color:#f8d38b}
.homepage32 .heroes46.heroes49.heroes50 .hero51-seal{position:absolute;right:1%;top:22px;width:47%;height:162px;z-index:0;display:grid;place-items:center;pointer-events:none}
.hero51-seal svg{width:100%;max-height:100%;stroke:#75bfdc;stroke-width:.9;filter:drop-shadow(0 0 6px #248ec66b);opacity:.44;animation:hero51-orbit 90s linear infinite}
.hero51-seal{overflow:hidden}
@keyframes hero51-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero51-seal svg{animation:none}}
.homepage32.motion-paused .hero51-seal svg{animation:none}
@media(max-width:360px){.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader b{font-size:29px!important}.homepage32 .heroes46.heroes49.heroes50 .hero51-stats{gap:10px}.homepage32 .heroes46.heroes49.heroes50 .hero51-stats>span+span{padding-left:10px}}
@media(max-width:1100px){.homepage32 .heroes46.heroes49.heroes50 .hero51-stats{flex-direction:column;align-items:flex-start;gap:3px}.homepage32 .heroes46.heroes49.heroes50 .hero51-stats>span{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px;max-width:100%}.homepage32 .heroes46.heroes49.heroes50 .hero51-stats>span+span{padding-left:0;border:0}.homepage32 .heroes46.heroes49.heroes50 .hero51-stats strong{font-size:17px}}
@media(min-width:601px) and (max-width:1100px){.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader{padding-right:40%}.homepage32 .heroes46.heroes49.heroes50 .hero51-leader .hero50-model{width:42%}.homepage32 .heroes46.heroes49.heroes50 .hero51-seal{width:41%}}

/* Character identity above one shared three-stat plinth. */
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader{justify-content:flex-start;padding-top:52px;padding-bottom:66px;min-height:198px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader>div{gap:7px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader b{font:600 clamp(22px,2vw,29px)/1.12 Realm,Georgia,serif!important;letter-spacing:.15px;color:#fff0d0!important;text-shadow:0 2px 3px #000c,0 0 16px #c7a46322}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero48-class{font:600 10px/1.4 Inter,sans-serif;letter-spacing:1px;color:#a7c9da}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero48-class:before{content:'◆';font-size:6px;vertical-align:2px;margin-right:6px;color:#d3ba7b}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .rank-place{top:12px;left:13px;width:29px;min-height:33px;height:33px;font:600 17px/1 'Barlow Condensed',sans-serif;clip-path:polygon(50% 0,100% 13%,100% 82%,50% 100%,0 82%,0 13%);background:linear-gradient(135deg,#d6ba7c,#6c502c 65%,#b89655)!important;border-color:#e5c98d!important;color:#fff5d5!important;box-shadow:inset 0 0 0 3px #312e2588,0 2px 5px #0009!important}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero49-title{top:22px;left:51px;font:600 9px/1.3 Inter,sans-serif;letter-spacing:1.4px;color:#e7d1a6}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats{position:absolute;left:12px;right:12px;bottom:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;margin:0;padding:0;border:1px solid #8d80575e;background:linear-gradient(180deg,#173044ee,#081b29f5);box-shadow:inset 0 1px #d7d0a524,0 3px 9px #0005;z-index:5;font-style:normal}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;max-width:none;min-height:49px;padding:7px 3px 6px;border:0}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats>span+span{border-left:1px solid #8f9b9e44;padding-left:3px}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats span span{font:500 9px/1 Inter,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#b7cddd;order:2}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats strong{font:600 24px/1 'Barlow Condensed',sans-serif;color:#f0f6fa;order:1;text-shadow:0 2px 3px #0006}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats>span:last-child{background:linear-gradient(135deg,#ad88482b,#4e412319);box-shadow:inset 0 1px #d8bb6a30}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats>span:last-child strong{color:#f7d59b}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats>span:last-child span{color:#e6cfa4}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero50-model{top:18px;height:125px;width:48%}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero48-portrait{top:19px;height:122px;width:48%}
.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero48-portrait img{width:135px;height:132px}
.homepage32 .heroes46.heroes49.heroes50 .hero51-seal{top:12px;height:132px}
@media(min-width:601px) and (max-width:1100px){.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader{padding-right:36%}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader b{font-size:21px!important}.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero50-model{width:40%}}
@media(min-width:1101px),(max-width:600px){.homepage32 .heroes46.heroes49.heroes50 .ranking-list li.hero51-leader .hero52-stats span span{font-size:10px}}

/* Grand opening: one engraved timepiece and a forged calendar action. */
.homepage32 .opening46.opening53{grid-template-columns:68px minmax(150px,1fr) 310px 169px;gap:19px;padding:18px 23px}
.homepage32 .opening46.opening53 .clock{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:310px;padding:19px 14px 12px;border:0;border-top:1px solid #a48b575e;border-bottom:1px solid #a48b575e;background:radial-gradient(ellipse at 50% 0,#326a8547,transparent 70%),linear-gradient(180deg,#020e18b0,#0c253334);box-shadow:inset 0 1px #e3d6ad12,inset 0 -1px #0008}
.homepage32 .opening46.opening53 .clock:before{content:'THE GATES OPEN IN';position:absolute;top:-5px;left:50%;transform:translateX(-50%);padding:0 9px;background:#091b28;color:#d6bd86;font:600 8px/1.3 Inter,sans-serif;letter-spacing:1.4px;white-space:nowrap}
.homepage32 .opening46.opening53 .clock:after{content:'◆';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);padding:0 7px;background:#0a1c29;color:#d5ba7a;font-size:8px;line-height:12px}
.homepage32 .opening46.opening53 .clock>span{position:relative;width:auto;min-width:0;padding:0;border:0!important;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.homepage32 .opening46.opening53 .clock>span:before{content:none}
.homepage32 .opening46.opening53 .clock>span+span:after{content:':';position:absolute;left:-10px;top:8px;color:#a08b62;font:400 25px/1 'Barlow Condensed',sans-serif;opacity:.65}
.homepage32 .opening46.opening53 .clock b{font:500 43px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#e6f4fb;text-shadow:0 2px 5px #0009,0 0 18px #70b6d22b;font-variant-numeric:tabular-nums}
.homepage32 .opening46.opening53 .clock small{margin:0;font:600 8px/1.5 Inter,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#b1cbdc}
.homepage32 .opening46.opening53 .clock>span:last-child b{color:#efd39b;text-shadow:0 2px 5px #0009,0 0 14px #d2a95826}
.homepage32 .opening46.opening53 .calendar-link{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) 13px;align-items:center;gap:11px;width:169px;min-height:67px;padding:13px 12px;border:1px solid #c0a16a;background:linear-gradient(115deg,#70552c,#3c3426 55%,#665031);box-shadow:inset 0 0 0 3px #211d16,inset 0 0 0 4px #d5b77944,inset 0 1px #ffe3a563,0 5px 13px #0006;color:#f4dfb2;transition:background .2s,box-shadow .2s,transform .2s}
.homepage32 .opening46.opening53 .calendar-link:before{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #dec18a30;clip-path:polygon(0 0,12% 0,12% 5%,88% 5%,88% 0,100% 0,100% 100%,88% 100%,88% 95%,12% 95%,12% 100%,0 100%)}
.homepage32 .opening46.opening53 .calendar53-icon{width:26px;height:29px;stroke:currentColor;stroke-width:1.2;filter:drop-shadow(0 1px 2px #0007)}
.homepage32 .opening46.opening53 .calendar-link .calendar53-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;line-height:1.2;min-width:0}
.homepage32 .opening46.opening53 .calendar53-copy strong{font:600 12px/1.2 Inter,sans-serif;white-space:nowrap;letter-spacing:0}
.homepage32 .opening46.opening53 .calendar53-copy small{font:500 8px/1.2 Inter,sans-serif;color:#d9c398;letter-spacing:.2px;white-space:nowrap}
.homepage32 .opening46.opening53 .calendar53-arrow{width:13px;height:17px;stroke:#e6c990;stroke-width:1.2}
.homepage32 .opening46.opening53 .calendar-link:hover{background:linear-gradient(115deg,#8d6a33,#51412a 55%,#806237);box-shadow:inset 0 0 0 3px #292015,inset 0 0 0 4px #e9cd8c77,0 0 17px #c19b4b2b,0 5px 13px #0006;transform:translateY(-1px)}
.homepage32 .opening46.opening53 .calendar-link:focus-visible{outline:2px solid #b7edff;outline-offset:4px}
@media(min-width:901px) and (max-width:1050px){.homepage32 .opening46.opening53{grid-template-columns:52px minmax(135px,1fr) 276px 159px;gap:13px;padding:17px 19px}.homepage32 .opening46.opening53 .opening-seal{width:52px}.homepage32 .opening46.opening53 .clock{width:276px;gap:12px;padding-inline:10px}.homepage32 .opening46.opening53 .calendar-link{width:159px;gap:8px}.homepage32 .opening46.opening53 .clock>span+span:after{left:-8px}}
@media(max-width:900px){.homepage32 .opening46.opening53{grid-template-columns:58px minmax(0,1fr) 169px;gap:17px 15px;padding:19px 20px}.homepage32 .opening46.opening53 .clock{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,360px);gap:18px}.homepage32 .opening46.opening53 .calendar-link{grid-column:3;grid-row:1}.homepage32 .opening46.opening53 .clock b{font-size:43px}}
@media(max-width:600px){.homepage32 .opening46.opening53{grid-template-columns:42px minmax(0,1fr) 83px;gap:15px 10px;padding:16px}.homepage32 .opening46.opening53 .opening-seal{width:42px;height:61px}.homepage32 .opening46.opening53 .opening-seal img{width:42px;height:61px}.homepage32 .opening46.opening53 .opening-seal:before{inset:10px 3px}.homepage32 .opening46.opening53 h2{font-size:28px}.homepage32 .opening46.opening53 time{font-size:10px;white-space:nowrap}.homepage32 .opening46.opening53 time span{padding-inline:2px}.homepage32 .opening46.opening53 .launch-eyebrow{font-size:7px;letter-spacing:.3px}.homepage32 .opening46.opening53 .calendar-link{width:83px;min-height:65px;display:flex;flex-direction:column;gap:6px;padding:9px 5px}.homepage32 .opening46.opening53 .calendar53-icon{width:21px;height:24px}.homepage32 .opening46.opening53 .calendar-link .calendar53-copy{align-items:center}.homepage32 .opening46.opening53 .calendar53-copy strong{font-size:9px}.homepage32 .opening46.opening53 .calendar53-copy small,.homepage32 .opening46.opening53 .calendar53-arrow{display:none}.homepage32 .opening46.opening53 .clock{gap:14px;padding:16px 7px 10px;max-width:310px}.homepage32 .opening46.opening53 .clock b{font-size:39px}.homepage32 .opening46.opening53 .clock small{font-size:7px;letter-spacing:.5px}.homepage32 .opening46.opening53 .clock>span+span:after{left:-9px;top:7px}}
@media(prefers-reduced-motion:reduce){.homepage32 .opening46.opening53 .calendar-link{transition:none;transform:none}}
.homepage32.motion-paused .opening46.opening53 .calendar-link{transition:none;transform:none}
.homepage32 .opening46.opening53 .clock small{font-size:9px}
@media(max-width:600px){.homepage32 .opening46.opening53 .clock small{font-size:8px}}
@media(max-width:360px){.homepage32 .opening46.opening53{grid-template-columns:31px minmax(0,1fr) 76px;gap:14px 7px;padding:14px}.homepage32 .opening46.opening53 .opening-seal{width:31px;height:52px}.homepage32 .opening46.opening53 .opening-seal img{width:31px;height:52px}.homepage32 .opening46.opening53 h2{font-size:26px}.homepage32 .opening46.opening53 .calendar-link{width:76px}.homepage32 .opening46.opening53 .launch-eyebrow{letter-spacing:.2px}}
@media(min-width:601px) and (max-width:900px){.homepage32 .heroes46 .ranking-list li{padding-right:68px;gap:7px}.homepage32 .heroes46 .ranking-list li:first-child{padding-right:77px}.homepage32 .heroes46 .hero48-portrait{width:68px}.homepage32 .heroes46 li:first-child .hero48-portrait{width:80px}.homepage32 .heroes46 .ranking-list li:first-child b{font-size:16px}.homepage32 .heroes46 .ranking-list b{font-size:13px}}