.h27-page{--h27-bg:#070a13;--h27-panel:#0c0f1a;--h27-line:hsla(0,0%,100%,.08);--h27-cyan:#22d3ee;--h27-indigo:#818cf8;--h27-fuchsia:#e879f9;--h27-gold:#fbbf24;background:var(--h27-bg);overflow-x:clip}.h27-display{font-family:var(--font-display)}.h27-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.h27-grad-text{background:linear-gradient(92deg,var(--h27-cyan) 0,var(--h27-indigo) 52%,var(--h27-fuchsia) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@keyframes h27-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.h27-rise{animation:h27-rise .7s cubic-bezier(.22,1,.36,1) both}@keyframes h27-rise-soft{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.h27-reveal{animation:h27-rise-soft 1ms cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 5% entry 38%}}.h27-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.h27-aurora:after,.h27-aurora:before{content:"";position:absolute;width:min(62vw,760px);aspect-ratio:1/1;border-radius:50%;filter:blur(80px);opacity:.16}.h27-aurora:before{background:radial-gradient(circle,var(--h27-cyan) 0,transparent 62%);top:-22%;left:-12%;animation:h27-float-a 24s ease-in-out infinite alternate}.h27-aurora:after{background:radial-gradient(circle,#8b5cf6 0,transparent 62%);top:-14%;right:-16%;animation:h27-float-b 30s ease-in-out infinite alternate}@keyframes h27-float-a{to{transform:translate(10vw,12vh) scale(1.12)}}@keyframes h27-float-b{to{transform:translate(-9vw,9vh) scale(1.08)}}.h27-court{position:absolute;left:50%;bottom:-12%;width:190vw;height:62%;transform:translateX(-50%) perspective(560px) rotateX(62deg);background-image:linear-gradient(hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.055) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 62% 90% at 50% 100%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 62% 90% at 50% 100%,#000 30%,transparent 78%);pointer-events:none}.h27-watermark{font-family:var(--font-display);font-weight:700;line-height:.78;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.07);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.h27-chip-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--h27-cyan)}.h27-chip-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--h27-cyan);animation:h27-ping 2.2s cubic-bezier(0,0,.2,1) infinite}@keyframes h27-ping{0%{transform:scale(.5);opacity:.9}80%,to{transform:scale(1.8);opacity:0}}.h27-btn-primary{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#06b6d4,#6366f1 55%,#a855f7);box-shadow:0 8px 30px rgba(99,102,241,.35);transition:transform .25s ease,box-shadow .25s ease}.h27-btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,hsla(0,0%,100%,.35) 50%,transparent 58%);transform:translateX(-130%);transition:transform .6s ease}.h27-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(99,102,241,.5)}.h27-btn-primary:hover:after{transform:translateX(130%)}.h27-btn-primary:active{transform:translateY(0) scale(.98)}.h27-btn-ghost{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease,border-color .25s ease}.h27-btn-ghost:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.28);transform:translateY(-2px)}.h27-btn-ghost:active{transform:translateY(0) scale(.98)}.h27-pos-tile{--pc:#fff;--pc-soft:hsla(0,0%,100%,.3);position:relative;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}@media (hover:hover){.h27-pos-tile:hover{transform:translateY(-3px);border-color:var(--pc);box-shadow:0 12px 32px -10px var(--pc-soft);background:hsla(0,0%,100%,.07)}}.h27-pos-tile:active{transform:scale(.96);border-color:var(--pc)}.h27-hairline{height:1px;flex:1;background:linear-gradient(90deg,var(--hl,hsla(0,0%,100%,.25)),transparent)}.h27-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(76vw,330px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:6px 16px 22px;margin:0;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.h27-rail::-webkit-scrollbar{display:none}.h27-rail>li{scroll-snap-align:start}@media (min-width:768px){.h27-rail{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;gap:20px}}@media (min-width:1024px){.h27-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.h27-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}.h27-card{--pc:#8b5cf6;--pc-glow:rgba(139,92,246,.35);display:block;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0)),var(--h27-panel);border:1px solid var(--h27-line);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}@media (hover:hover){.h27-card:hover{transform:translateY(-5px);border-color:hsla(0,0%,100%,.2);box-shadow:0 22px 48px -14px var(--pc-glow)}}.h27-card:active{transform:scale(.985)}.h27-zoom{transition:transform .7s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.h27-card:hover .h27-zoom{transform:scale(1.06)}}.h27-card-arrow{transition:transform .3s ease,background .3s ease,color .3s ease}@media (hover:hover){.h27-card:hover .h27-card-arrow{transform:translateX(3px);background:hsla(0,0%,100%,.12);color:#fff}}.h27-card-in{animation:h27-rise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 60ms)}.h27-rank{font-family:var(--font-display);font-weight:700}.h27-rank-1{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#1c1204;box-shadow:0 4px 16px rgba(245,158,11,.45)}.h27-rank-2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#111318;box-shadow:0 4px 16px rgba(156,163,175,.35)}.h27-rank-3{background:linear-gradient(135deg,#f6ad7b,#b45309);color:#1f0e02;box-shadow:0 4px 16px rgba(180,83,9,.4)}.h27-rank-n{background:hsla(0,0%,100%,.1);color:#e5e7eb;backdrop-filter:blur(6px)}.h27-beam{position:relative;border-radius:26px;padding:1.5px;overflow:hidden;isolation:isolate}.h27-beam:before{left:50%;top:50%;width:max(250%,1100px);aspect-ratio:1/1;background:conic-gradient(from 0deg,transparent 0deg,transparent 230deg,rgba(251,191,36,.85) 295deg,#fff7e0 320deg,rgba(251,191,36,.85) 345deg,transparent 1turn);transform:translate(-50%,-50%) rotate(0deg);animation:h27-rotate 7s linear infinite}.h27-beam:after,.h27-beam:before{content:"";position:absolute;z-index:-1}.h27-beam:after{inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px rgba(245,158,11,.22)}@keyframes h27-rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes h27-slide-in-r{0%{opacity:0;transform:translateX(46px) scale(.985)}to{opacity:1;transform:none}}@keyframes h27-slide-in-l{0%{opacity:0;transform:translateX(-46px) scale(.985)}to{opacity:1;transform:none}}.h27-slide-r{animation:h27-slide-in-r .5s cubic-bezier(.22,1,.36,1) both}.h27-slide-l{animation:h27-slide-in-l .5s cubic-bezier(.22,1,.36,1) both}.h27-bar{height:4px;border-radius:999px;background:hsla(0,0%,100%,.09);overflow:hidden}.h27-bar-fill{height:100%;border-radius:inherit;transform-origin:left;transform:scaleX(var(--p,0))}.h27-anim-bars .h27-bar-fill{animation:h27-bar-grow .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms + .18s)}@keyframes h27-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(var(--p,0))}}.h27-dot{position:relative;height:6px;border-radius:999px;background:hsla(0,0%,100%,.16);overflow:hidden;transition:width .3s ease}.h27-dot-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24);transform-origin:left;animation:h27-dot-progress var(--dur,8s) linear both}@keyframes h27-dot-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.h27-cv{content-visibility:auto;contain-intrinsic-size:auto 680px}@media (prefers-reduced-motion:reduce){.h27-page *,.h27-page :after,.h27-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}