.hy{--hy-side:var(--side-w,var(--side));--hy-top:calc(var(--main-pt) + var(--head-space));--hz:550px;isolation:isolate;gap:16px;display:grid;position:relative}.hy-bg{z-index:-1;pointer-events:none;top:calc(-1 * var(--hy-top));height:calc(100vh - var(--bar));left:calc(-1 * var(--main-pl) - (100vw - var(--hy-side) - var(--main-pl) - var(--main-pr) - 100%) / 2);right:calc(-1 * var(--main-pr) - (100vw - var(--hy-side) - var(--main-pl) - var(--main-pr) - 100%) / 2);background:var(--bg);position:absolute;overflow:hidden}.hy-bg:after{content:"";background:linear-gradient(0deg,var(--bg),transparent);height:30%;position:absolute;bottom:0;left:0;right:0}.hy-shade{background:radial-gradient(90% 70% at 50% 40%,#0000,#0f10128c);position:absolute;inset:0}.hm-floor{perspective:640px;position:absolute;inset:0;overflow:hidden}.hm-floor .wall{height:var(--hz);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.hm-floor .sky{height:var(--hz);background:radial-gradient(55% 70% at 50% 100%,color-mix(in srgb,var(--hmc) 22%,transparent),transparent 72%);transition:background .4s;position:absolute;inset:0 0 auto}.hm-floor .sky:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hmc) 75%,var(--text)) 30%,color-mix(in srgb,var(--hmc) 75%,var(--text)) 70%,transparent);height:1px;box-shadow:0 0 22px 3px color-mix(in srgb,var(--hmc) 35%,transparent);position:absolute;bottom:0;left:8%;right:8%}.hm-floor .grid{left:-60%;right:-60%;top:var(--hz);transform-origin:50% 0;background:linear-gradient(color-mix(in srgb,var(--hmc) 30%,#f3f3f012) 1px,transparent 1px) 0 0/100% 56px, linear-gradient(90deg,color-mix(in srgb,var(--hmc) 30%,#f3f3f012) 1px,transparent 1px) 0 0/56px 100%;height:130%;animation:4s linear infinite hm-run;position:absolute;transform:rotateX(74deg);-webkit-mask-image:linear-gradient(#0000,#000 22% 60%,#0000);mask-image:linear-gradient(#0000,#000 22% 60%,#0000)}@keyframes hm-run{to{background-position:0 56px,0 0}}.hw-fan{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;padding-top:44px;display:grid;position:relative}.hw-fan .card{cursor:pointer;height:280px;color:var(--text);font:inherit;transform-origin:50% 100%;background:#1c1f28e6;border:1px solid #ffffff29;align-items:end;margin:0;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .35s,filter .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.hw-fan .card .bg{object-fit:cover;opacity:.85;transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1)}.hw-fan .card:after{content:"";background:linear-gradient(#0000 38%,#0f101259 60%,#0f1012e0 88%);position:absolute;inset:0}.hw-fan .card .in{z-index:1;text-align:left;gap:6px;padding:16px;display:grid;position:relative}.hw-fan .card small{font:700 11px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--mc)}.hw-fan .card b{font:900 24px/1 var(--disp);text-transform:uppercase}.hw-fan .card.off .bg{opacity:.4;filter:grayscale()}.hw-fan .card.off small{color:var(--faint)}.hw-fan .card:hover,.hw-fan .card:focus-visible{border-color:var(--mc);z-index:3;filter:none;box-shadow:0 22px 50px #0000008c,0 0 0 1px var(--mc),0 0 40px -10px var(--mc);outline:none;transform:translateY(-14px)}.hw-fan .card:hover .bg{opacity:1;transform:scale(1.06)}.hw-fan .card.on{border-color:var(--mc);box-shadow:0 26px 60px #0009,0 0 0 2px var(--mc);transform:translateY(-24px)}.hw-fan:has(.card:hover) .card:not(:hover){filter:saturate(.7)brightness(.85)}.hw-fanpick{text-align:center;align-content:start;justify-items:center;min-height:190px;display:grid}.hy-pick{justify-items:center;gap:18px;min-width:0;display:grid}.hy-pick h2{white-space:nowrap;font:900 calc(clamp(48px,5vw,84px) * var(--k))/.86 var(--disp);text-transform:uppercase;text-shadow:0 6px 40px #0009;margin:0}.hw-swap{animation:.35s cubic-bezier(.2,.8,.2,1) both hw-swap}@keyframes hw-swap{0%{opacity:0;filter:blur(6px);letter-spacing:.06em;transform:translateY(10px)}}.hy-pick .row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;display:flex}.hy-pick .play{transition:background .25s}.hy-pick .play[aria-disabled=true]{opacity:.5;cursor:not-allowed}.hy-pick .sbtn{background:#0f101299;height:auto}.hn-two{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:stretch;gap:16px;display:grid}.hn-box{border:1px solid #ffffff29;border-top:2px solid var(--gold);background:linear-gradient(#f7b62b14,#0000 45%),#1e212ae6;align-content:start;gap:10px;padding:16px 18px;display:grid;box-shadow:0 18px 40px -20px #0009}.hx-ph{justify-content:space-between;align-items:center;gap:12px;display:flex}.hx-ph .lbl{color:var(--text)}.hn-mag{flex-direction:column;height:385px;display:flex}.hn-mag .lead{border-bottom:1px solid #ffffff14;flex:1;grid-template-columns:auto minmax(0,1fr);gap:18px;min-height:0;padding:6px 0 14px;animation:.35s cubic-bezier(.2,.8,.2,1) both hw-swap;display:grid}.hn-mag .day{border-right:1px solid #ffffff1f;align-content:start;justify-items:center;padding-right:18px;display:grid}.hn-mag .day b{font:900 64px/.9 var(--disp);color:var(--gold)}.hn-mag .day small{font:700 13px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hn-mag .c{flex-direction:column;gap:8px;min-height:0;display:flex}.hn-mag .m{align-items:center;gap:8px;display:flex}.hn-mag .m em{font:700 11px var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-style:normal}.hn-mag .t{font:900 24px/1.1 var(--disp);color:var(--text);transition:color .15s}.hn-mag .t:hover{color:var(--gold)}.hn-mag .txt{color:#f3f3f0e6;flex:1;min-height:0;margin:0;font-size:14px;line-height:1.6;position:relative;overflow:hidden}.hn-mag .txt a{color:var(--text);font-weight:700}.hn-mag .txt a:hover{color:var(--gold-hi)}.hn-mag .txt b{color:var(--rec)}.hn-mag .act{justify-content:space-between;gap:10px;display:flex}.hn-mag .act a{font:700 11.5px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.hn-mag .act a+a{color:var(--muted)}.hn-mag .act a:hover{color:var(--text)}.hn-mag ol{margin:0;padding:0;list-style:none;display:grid}.hn-mag li button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0f;grid-template-columns:40px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:11px 0;display:grid}.hn-mag li:last-child button{border-bottom:0}.hn-mag li em{font:800 16px var(--disp);color:#fff6;font-style:normal;transition:color .2s}.hn-mag li b{text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.35 var(--body);color:var(--text);overflow:hidden}.hn-mag li small{color:var(--faint);white-space:nowrap;font-size:11.5px}.hn-mag li button:hover em{color:var(--gold)}.hn-ban{grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid}.hn-ban .dc{color:#fff;background:radial-gradient(120% 90% at 100% 0,#7b86ff,#5865f2 45%,#3a3fb8);border:1px solid #5865f280;align-content:end;justify-items:start;gap:8px;min-height:0;padding:22px;display:grid;position:relative;overflow:hidden}.hn-ban .wm{opacity:.28;transition:transform .5s;position:absolute;top:-30px;right:-30px}.hn-ban .wm svg{width:200px;height:200px}.hn-ban .dc:hover .wm{transform:rotate(-10deg)scale(1.08)}.hn-ban small{font:700 11px/1 var(--disp);letter-spacing:.2em;text-transform:uppercase;color:#c9d0ff}.hn-ban .dc>b{font:900 34px/1 var(--disp);text-transform:uppercase}.hn-ban .dc-t{color:#fffc;font-size:13.5px}.hn-ban .sbtn{font:800 12px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#5865f2;border:1px solid #5865f2;margin-top:6px;padding:10px 18px}.hn-ban .dc:hover .sbtn{color:#3a3fb8;background:#fff}.hn-ban .rc{color:var(--text);background:#1e212ae6;border:1px solid #ffffff29;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s;display:grid}.hn-ban .rc:hover{border-color:#ffffff4d}.hn-ban .rc span{gap:4px;display:grid}.hn-ban .rc b{font:800 14px/1 var(--disp);text-transform:uppercase}.hn-ban .rc small{font:400 12.5px var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.hn-ban .rc svg{width:18px;height:18px;color:var(--muted)}.about>summary{cursor:pointer;font:700 11px var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;list-style:none;display:flex}.about>summary::-webkit-details-marker{display:none}.about>summary:after{content:"+";color:var(--faint);font-size:14px}.about[open]>summary:after{content:"-"}.about>summary:hover{color:var(--text)}.about-b{border-top:1px solid var(--line);gap:28px;padding:8px 24px 24px;display:grid}.about-txt{gap:12px;max-width:760px;padding-top:16px;display:grid}.about-txt p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}@media (max-width:1100px){.hn-two{grid-template-columns:minmax(0,1fr)}.hn-mag{height:auto;min-height:360px}}@media (max-width:960px){.hy{--hz:520px}}@media (max-width:900px){.hw-fan{grid-template-columns:1fr 1fr;grid-auto-flow:row}.hw-fan .card{height:200px}.hw-fan .card:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:700px){.hw-fanpick{min-height:0}.hy-pick h2{white-space:normal;font-size:clamp(40px,12vw,64px)}.hy-pick .row{grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.hy-pick .row>*{justify-content:center}.hy-pick .play{font-size:calc(17px * var(--k));padding-inline:16px}.hy-pick .sbtn{padding-inline:16px}.hn-mag .lead{grid-template-columns:minmax(0,1fr)}.hn-mag .day{display:none}}
