:root{--surface-0:#2b2d34;--surface-1:#353740;--surface-2:#40424c;--surface-3:#4b4d58;--surface-card:#353740;--border:#45484d8c;--border-subtle:#45484d47;--gold:#fcbe5c;--gold-dim:#eba94126;--gold-glow:#eba94166;--gold-hover:#fdd07a;--text-0:#eaecf2;--text-1:#d2d4dc;--text-2:#8c8e96;--text-3:#6f717a;--green:#50dc78;--red:#dc4646;--pro:#c7a0ff;--silver:#b8c4d0;--bronze:#cd7f32;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-pad-x:clamp(1rem, 4vw, 2rem);--space-pad-y:clamp(2rem, 6vh, 3.5rem);--space-section:clamp(3rem, 8vh, 5rem);--space-stack:1.5rem;--heat-0:transparent;--heat-1:#1e2f4173;--heat-2:#006f88a6;--heat-3:#00b8a1bf;--heat-4:#dab33ad9;--heat-5:#ee560ceb;--heat-6:#e50025fa;--font-display:var(--font-jbm), "JetBrains Mono", monospace;--font-body:var(--font-outfit), "Outfit", var(--font-cjk), "Noto Sans TC", system-ui, sans-serif;--font-mono:var(--font-jbm), "JetBrains Mono", monospace;--font-brand:var(--font-rajdhani), "Rajdhani", sans-serif;--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@supports (color:lab(0% 0 0)){:root{--border:lab(30.3655% -.474572 -3.71171/.55);--border-subtle:lab(30.3655% -.474572 -3.71171/.28);--gold-dim:lab(74.3749% 18.2478 61.1498/.15);--gold-glow:lab(74.3749% 18.2478 61.1498/.4);--heat-1:lab(18.6877% -2.83948 -13.717/.45);--heat-2:lab(42.4763% -22.3003 -23.4474/.65);--heat-3:lab(66.831% -45.6902 -.33046/.75);--heat-4:lab(74.8299% 6.04695 63.3063/.85);--heat-5:lab(57.762% 57.8628 66.0755/.92);--heat-6:lab(48.8037% 76.3079 51.5884/.98)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--surface-0)}body{font-family:var(--font-body);color:var(--text-1);-webkit-font-smoothing:antialiased;background:0 0;flex-direction:column;min-height:100dvh;line-height:1.5;display:flex}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-hover)}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--gold);color:var(--surface-0)}a::selection,.mono::selection{color:var(--surface-0)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}body:after{content:"";pointer-events:none;z-index:9999;opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.contain{max-width:min(1400px,85vw);padding:0 var(--space-pad-x);margin:0 auto}.contain-pad{max-width:min(1400px,85vw);padding:var(--space-pad-y) var(--space-pad-x);margin:0 auto}.nav{z-index:100;padding:.85rem var(--space-pad-x);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border-subtle);transition:padding .3s var(--ease-out-expo), background .3s ease;background:#1012148c;background:lab(5.25479% -.17564 -1.47416/.55);align-items:center;gap:clamp(1rem,3vw,2rem);display:flex;position:fixed;top:0;left:0;right:0}.nav[data-scrolled=true]{background:#101214eb;background:lab(5.25479% -.17564 -1.47416/.92);padding-top:.55rem;padding-bottom:.55rem}.nav-brand{transition:transform .25s var(--ease-out-expo);align-items:center;display:flex}.nav-brand:hover{transform:scale(1.06)}.nav-link{padding:.25rem 0;font-size:.85rem;font-weight:500;transition:color .25s;position:relative;color:var(--text-2)!important}.nav-link:hover,.nav-link[data-active=true]{color:var(--text-0)!important}.nav-link[data-active=true]:after{content:"";background:var(--gold);height:1px;position:absolute;bottom:-8px;left:0;right:0}.nav-link-pro{color:var(--pro)!important}.nav-links-desktop{align-items:center;gap:clamp(.9rem,2.5vw,1.6rem);margin-left:auto;display:flex}.nav-hamburger{cursor:pointer;width:36px;height:36px;color:var(--text-1);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-hamburger svg{width:20px;height:20px}.nav-drawer{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);z-index:200;border-left:1px solid var(--border-subtle);width:min(280px,80vw);transition:transform .3s var(--ease-out-expo);background:#0c0d0ff7;background:lab(3.68927% -.135548 -1.17013/.97);flex-direction:column;gap:.2rem;padding:4.5rem 1.6rem 2rem;display:none;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-drawer[data-open=true]{display:flex;transform:translate(0)}.nav-drawer .nav-link{border-bottom:1px solid var(--border-subtle);padding:.75rem 0;font-size:1rem;display:block}.nav-drawer .nav-lang{align-self:flex-start;margin-top:1rem}.nav-drawer-backdrop{z-index:199;background:#00000080;background:lab(0% 0 0/.5);display:none;position:fixed;inset:0}.nav-drawer-backdrop[data-open=true]{display:block}.hero{align-items:stretch;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-1;width:100%;height:100%;position:fixed;inset:0}.hero-veil{z-index:1;background:radial-gradient(80% 60% at 50% 30%,#eba9411a,#0000 65%),linear-gradient(#0000 30%,#1012148c 65%,#101214d1 100%);background:radial-gradient(80% 60% at 50% 30%,lab(74.3749% 18.2478 61.1498/.1),#0000 65%),linear-gradient(#0000 30%,lab(5.25479% -.17564 -1.47416/.55) 65%,lab(5.25479% -.17564 -1.47416/.82) 100%);position:absolute;inset:0}.hero-inner{z-index:2;grid-template-rows:1fr auto;width:100%;padding-top:clamp(5rem,12vh,7rem);padding-bottom:clamp(2.5rem,6vh,4rem);display:grid;position:relative}.hero-title-block{grid-row:2;align-self:end}.hero-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--text-0);text-shadow:0 4px 40px #000000b3;text-shadow:0 4px 40px lab(0% 0 0/.7);text-transform:uppercase;font-size:clamp(3rem,9vw,6rem);font-weight:800;line-height:.92}.hero-title-line1{opacity:0;animation:fadeUp .85s var(--ease-out-expo) .4s forwards;display:inline-block}.hero-title-line2{opacity:0;animation:fadeUp .85s var(--ease-out-expo) .55s forwards;color:#0000;-webkit-text-stroke:1.5px var(--gold);margin-top:.05em;display:block}.hero-sub{font-family:var(--font-body);color:var(--text-1);text-shadow:0 2px 16px #00000080;text-shadow:0 2px 16px lab(0% 0 0/.5);opacity:0;max-width:460px;animation:fadeUp .85s var(--ease-out-expo) .75s forwards;margin-top:clamp(.8rem,2vh,1.2rem);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6}.hero-scroll-hint{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);writing-mode:vertical-lr;z-index:1;opacity:0;font-size:10px;animation:1s 1s forwards fadeIn,2.6s ease-in-out 1.6s infinite scrollHint;position:absolute;bottom:clamp(1rem,3vh,2rem);right:clamp(1rem,4vw,2rem)}.hero-sm{align-items:flex-end;min-height:380px}.hero-sm .hero-inner{grid-template-rows:1fr auto;padding-top:clamp(6rem,14vh,8rem)}.hero-sm .hero-title-block{align-self:end}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollHint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.content-veil{background:#101214d1;background:lab(5.25479% -.17564 -1.47416/.82);flex:1;width:100%;position:relative}.feature-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}.feature-card-wrap{perspective:700px}.feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);min-height:340px;transform-style:preserve-3d;transition:transform .6s var(--ease-out-expo), box-shadow .6s var(--ease-out-expo);cursor:pointer;background:0 0;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-4deg);box-shadow:8px 12px 32px #0000008c,2px 4px 8px #0000004d;box-shadow:8px 12px 32px lab(0% 0 0/.55),2px 4px 8px lab(0% 0 0/.3)}.feature-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:.4;background:linear-gradient(135deg,#eba94199,#0000 40% 60%,#eba9414d);background:linear-gradient(135deg,lab(74.3749% 18.2478 61.1498/.6),#0000 40% 60%,lab(74.3749% 18.2478 61.1498/.3));padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover{transform:rotateX(0)rotateY(0)translateY(-10px)scale(1.015)}.feature-card:hover:before{opacity:1}.feature-card:hover{box-shadow:0 28px 56px #00000080,0 0 60px #eba94114;box-shadow:0 28px 56px lab(0% 0 0/.5),0 0 60px lab(74.3749% 18.2478 61.1498/.08)}.feature-card-bg{object-fit:contain;object-position:center;width:100%;height:calc(100% - 110px);transition:transform .6s var(--ease-out-expo), filter .6s;position:absolute;top:0;left:0;right:0}.feature-card:hover .feature-card-bg{filter:brightness(.55);transform:scale(1.04)}.feature-card-preview{z-index:0;height:calc(100% - 130px);transform-style:preserve-3d;transition:transform .5s var(--ease-out-expo), filter .5s;justify-content:center;align-items:center;padding:clamp(1rem,3vw,1.8rem);display:flex;position:absolute;top:0;left:0;right:0;transform:translateZ(28px)}.feature-card:hover .feature-card-preview{filter:brightness(.65);transform:translateZ(40px)scale(1.03)}.preview-skeleton{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;opacity:.7;font-size:.75rem}.rankings-preview{flex-direction:column;width:100%;max-width:280px;display:flex}.rankings-preview-row{border-bottom:1px solid #ffffff0f;border-bottom:1px solid lab(100% 0 0/.06);grid-template-columns:18px 24px 1fr auto;align-items:center;gap:.55rem;padding:.32rem 0;display:grid}.rankings-preview-row:last-child{border-bottom:none}.rankings-preview-rank{font-family:var(--font-mono);color:var(--gold);font-variant-numeric:tabular-nums;text-align:center;font-size:.78rem;font-weight:800}.rankings-preview-rank[data-rank="1"]{text-shadow:0 0 8px var(--gold-glow)}.rankings-preview-avatar,.rankings-preview-avatar-fallback{border:1.5px solid var(--border);object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.rankings-preview-avatar-fallback{color:var(--text-1);justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex}.rankings-preview-info{min-width:0}.rankings-preview-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.rankings-preview-bar{background:#00000059;background:lab(0% 0 0/.35);border-radius:2px;height:3px;margin-top:.22rem;overflow:hidden}.rankings-preview-bar-fill{background:linear-gradient(90deg, var(--gold), var(--gold-hover));border-radius:2px;height:100%}.rankings-preview-dmg{font-family:var(--font-mono);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.66rem;font-weight:700}.comp-preview-wrap{grid-template-columns:24px 1fr;gap:5px;width:100%;max-width:175px;display:grid}.comp-preview-avatars{flex-direction:column;justify-content:space-between;gap:5px;display:flex}.comp-preview-avatar,.comp-preview-avatar-fallback{border:1.5px solid var(--border);object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.comp-preview-avatar-fallback{color:var(--text-1);justify-content:center;align-items:center;font-size:.58rem;font-weight:700;display:flex}.comp-preview-grid{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.comp-preview-cell{border-radius:3px}.comp-preview-diag{background:#0006;background:lab(0% 0 0/.4);border-radius:3px}.feature-card-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#10121566 70%,#101215f2 100%);background:linear-gradient(#0000 40%,lab(5.24513% -.249438 -2.41115/.4) 70%,lab(5.24513% -.249438 -2.41115/.95) 100%);transition:opacity .5s;position:absolute;inset:0}.feature-card:hover .feature-card-overlay{opacity:1}.feature-card-body{z-index:1;transform-style:preserve-3d;padding:1.5rem;position:absolute;bottom:0;left:0;right:0;transform:translateZ(36px)}.feature-card-tier{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 6px #0009;text-shadow:0 1px 6px lab(0% 0 0/.6);font-size:.62rem;font-weight:700;transform:translateZ(0)}.feature-card-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--text-0);text-shadow:0 2px 12px #00000080;text-shadow:0 2px 12px lab(0% 0 0/.5);transition:transform .5s var(--ease-out-expo);margin-top:.25rem;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;transform:translateZ(0)}.feature-card:hover .feature-card-title{transform:translateY(-8px)translateZ(0)}.feature-card-desc{font-family:var(--font-body);color:var(--text-2);opacity:0;max-height:0;margin-top:.4rem;font-size:.85rem;line-height:1.5;transition:max-height .5s,opacity .35s 80ms;overflow:hidden;transform:translateZ(0)}.feature-card:hover .feature-card-desc{opacity:1;max-height:90px}.feature-card-cta{font-family:var(--font-mono);letter-spacing:.1em;opacity:0;margin-top:.6rem;font-size:.78rem;font-weight:700;transition:opacity .3s .12s,transform .4s .12s;transform:translateY(10px)translateZ(0)}.feature-card:hover .feature-card-cta{opacity:1;transform:translateY(0)translateZ(0)}.card{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-radius:var(--radius-lg);background:0 0;position:relative;box-shadow:8px 12px 32px #0000008c,2px 4px 8px #0000004d,0 28px 56px #00000073,inset 0 1px #ffffff14;box-shadow:8px 12px 32px lab(0% 0 0/.55),2px 4px 8px lab(0% 0 0/.3),0 28px 56px lab(0% 0 0/.45),inset 0 1px lab(100% 0 0/.08)}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:3;background:linear-gradient(135deg,#eba94180,#0000 40% 60%,#eba94140);background:linear-gradient(135deg,lab(74.3749% 18.2478 61.1498/.5),#0000 40% 60%,lab(74.3749% 18.2478 61.1498/.25));padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#0000 30%,#03030433 65%,#0303048c 100%);background:linear-gradient(#0000 30%,lab(.898769% -.0460669 -.468522/.2) 65%,lab(.898769% -.0460669 -.468522/.55) 100%);position:absolute;inset:0}.card>*{z-index:2;position:relative}.card-edge:before{content:none}.btn-secondary{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);transition:all .25s var(--ease-out-expo);align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.8rem;display:inline-flex}.btn-secondary:hover{border-color:var(--gold);color:var(--text-0);transform:translateY(-1px)}.btn-secondary img{opacity:.8;transition:opacity .25s}.btn-secondary:hover img{opacity:1}.btn-icon{opacity:.65;transition:opacity .3s var(--ease-out-expo), transform .35s var(--ease-out-expo), filter .35s var(--ease-out-expo);background:0 0;border:none;align-items:center;padding:.6rem .8rem;display:inline-flex}.btn-icon:hover{opacity:1;filter:drop-shadow(0 4px 16px var(--gold-glow));transform:translateY(-2px)}.btn-icon img{object-fit:contain;width:auto;max-width:180px;height:26px;display:block}.btn-icon[data-square=true] img{width:64px;height:64px}.btn-primary{background:var(--gold);color:var(--surface-0);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s var(--ease-out-expo);box-shadow:0 4px 16px var(--gold-dim);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.85rem 1.6rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--gold-hover);box-shadow:0 8px 24px var(--gold-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.nav-lang{font-family:var(--font-mono);letter-spacing:.06em;min-width:38px;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s var(--ease-out-expo);background:0 0;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.nav-lang:hover{border-color:var(--gold);color:var(--text-0)}.token-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-0);font-family:var(--font-mono);letter-spacing:.04em;background:#00000040;background:lab(0% 0 0/.25);padding:.95rem 1rem;font-size:.88rem;transition:border-color .2s,background .2s,box-shadow .2s}.token-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);background:#0006;background:lab(0% 0 0/.4);outline:none}.token-input::placeholder{color:var(--text-3);opacity:.55}.token-input:disabled{opacity:.5;cursor:not-allowed}.connect-status{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;margin-top:1rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.5}.connect-status-ok{color:#85e98a;color:lab(84.568% -44.8229 36.5958);background:#09571726;background:lab(31.8109% -33.8088 29.2465/.15);border:1px solid #45ba5066;border:1px solid lab(67.3528% -50.581 42.6409/.4)}.connect-status-err{color:var(--red);background:#200a084d;background:lab(4.97718% 10.4922 4.23867/.3);border:1px solid #c5363766;border:1px solid lab(45.9853% 56.8958 34.8481/.4)}.connect-help{border-top:1px solid var(--border-subtle);font-family:var(--font-body);color:var(--text-2);margin-top:2rem;padding-top:1.4rem;font-size:.82rem;line-height:1.55}.connect-help strong{color:var(--text-1);font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:.4rem;font-size:.78rem;display:block}.connect-help p{color:var(--text-3);margin:0}.pill-row{flex-wrap:wrap;gap:.4rem;display:flex}.pill{border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);letter-spacing:.04em;transition:all .25s var(--ease-out-expo);background:0 0;border-radius:999px;padding:.45rem 1rem;font-size:.78rem;font-weight:600}.pill:hover{border-color:var(--gold);color:var(--text-1)}.pill[aria-pressed=true],.pill-active{background:var(--gold);border-color:var(--gold);color:var(--surface-0);font-weight:700}.data-row{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:0 0;align-items:center;padding:.85rem 1rem;transition:background .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.data-row:before{content:"";background:var(--gold);transform-origin:top;width:2px;transition:transform .4s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.data-row:hover{border-color:var(--border);background:#ffffff0a;background:lab(100% 0 0/.04)}.data-row:hover:before{transform:scaleY(1)}.data-row-top{background:0 0;border-color:#eba9414d;border-color:lab(74.3749% 18.2478 61.1498/.3)}.data-row-top:hover{background:#eba9410d;background:lab(74.3749% 18.2478 61.1498/.05);border-color:#eba94173;border-color:lab(74.3749% 18.2478 61.1498/.45)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-badge{width:28px;height:28px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.rank-1{color:var(--gold);background:#eba9412e;background:lab(74.3749% 18.2478 61.1498/.18);box-shadow:0 0 12px #eba94159;box-shadow:0 0 12px lab(74.3749% 18.2478 61.1498/.35)}.rank-2{color:var(--silver);background:#9b9fa51f;background:lab(65.1673% -.507057 -3.72884/.12)}.rank-3{color:var(--bronze);background:#9c622f24;background:lab(47.4161% 20.5093 38.5168/.14)}.range-bar{background:#00000040;background:lab(0% 0 0/.25);border-radius:3px;height:6px;margin-top:.4rem;position:relative;overflow:visible}.range-bar-track{background:linear-gradient(90deg, #536480, var(--gold));opacity:0;transform-origin:0;transition:transform .9s var(--ease-out-expo), opacity .3s;border-radius:3px;position:absolute;top:0;bottom:0;transform:scaleX(0)}@supports (color:lab(0% 0 0)){.range-bar-track{background:linear-gradient(90deg, lab(41.7613% -1.18394 -18.0904), var(--gold))}}.range-bar.in-view .range-bar-track{opacity:1;transform:scaleX(1)}.range-bar-median{background:var(--gold-hover);width:2px;box-shadow:0 0 6px var(--gold-glow);opacity:0;border-radius:1px;transition:opacity .4s .6s;position:absolute;top:-3px;bottom:-3px}.range-bar.in-view .range-bar-median{opacity:1}.heat-cell{aspect-ratio:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;font-size:clamp(.62rem,1vw,.74rem);font-weight:700;transition:outline .15s;display:flex}.heat-cell:hover{outline:2px solid var(--gold);outline-offset:-1px;z-index:2}.heat-cell-diag{background:var(--surface-0);border-radius:3px}.marginal-bar{background:#00000040;background:lab(0% 0 0/.25);border-radius:3px;height:6px;overflow:hidden}.marginal-bar-fill{background:var(--gold);border-radius:3px;height:100%}.section-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--text-0);text-shadow:0 2px 20px #00000080;text-shadow:0 2px 20px lab(0% 0 0/.5);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-subtitle{font-family:var(--font-mono);color:var(--text-2);letter-spacing:.04em;margin-top:.6rem;font-size:.82rem;line-height:1.6}.how-timeline{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr;gap:0;display:grid}.how-step{border-bottom:1px solid var(--border-subtle);grid-template-columns:80px 1fr;align-items:center;gap:1.5rem;padding:1.2rem .5rem;display:grid}.how-step:last-child{border-bottom:none}.how-step-num{font-family:var(--font-mono);color:var(--gold);letter-spacing:-.04em;font-size:1.6rem;font-weight:800}.how-step-text{color:var(--text-1);font-size:.95rem;line-height:1.5}.state-empty,.state-error{text-align:center;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.05em;padding:4rem 2rem;font-size:.85rem}.state-empty:before{content:"/* ";opacity:.4}.state-empty:after{content:" */";opacity:.4}.state-error{border-radius:var(--radius-md);color:var(--red);background:#200a084d;background:lab(4.97718% 10.4922 4.23867/.3);border:1px solid #c5363766;border:1px solid lab(45.9853% 56.8958 34.8481/.4)}.state-error:before{content:"[ERR] ";opacity:.8;font-weight:700}.footer{text-align:center;padding:1.4rem var(--space-pad-x) 1.6rem;color:var(--text-2);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--border);background:#101214eb;background:lab(5.25479% -.17564 -1.47416/.92);font-size:.78rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4rem;margin-bottom:.9rem;display:flex}.footer p{color:var(--text-3);margin:0;font-size:.74rem;line-height:1.5}.footer a{color:var(--gold)}.footer a:hover{color:var(--gold-hover)}.skeleton{background:linear-gradient(90deg, var(--surface-1) 0%, var(--surface-2) 50%, var(--surface-1) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.nav-links-desktop{display:none}.nav-hamburger{display:flex}.nav-link{font-size:.78rem}.hero-title{font-size:clamp(2.4rem,11vw,3.4rem)}.hero-sm{min-height:280px}.hero-sm .hero-inner{padding-top:5rem}.feature-grid{gap:1rem}.data-row-col-min,.data-row-col-max,.data-row-header-min,.data-row-header-max{display:none}.data-row-header,.data-row{grid-template-columns:36px 32px 1fr 70px 40px!important}}@media (hover:none){.feature-card{transform:none}.feature-card:hover{transform:translateY(-6px)scale(1.01)}.feature-card-wrap:active .feature-card{transform:translateY(-2px)scale(.985)}}.page-fade{flex-direction:column;flex:1;display:flex;overflow-x:hidden}button,.pill,.btn-secondary,.btn-icon,.nav-link,.nav-brand,.feature-card-wrap,.how-step,.data-row{-webkit-tap-highlight-color:transparent}button:active,.pill:active,.btn-secondary:active,.nav-link:active{transition-duration:80ms;transform:scale(.95)}.btn-icon:active{filter:drop-shadow(0 1px 4px var(--gold-glow)) brightness(.9);transition-duration:80ms;transform:translateY(0)scale(.92)}.nav-brand:active{transition-duration:80ms;transform:scale(.94)}.feature-card-wrap:active .feature-card{transition-duration:.1s;transform:rotateX(0)rotateY(0)translateY(-4px)scale(.985)}.how-step:active,.data-row:active{transition:transform 80ms;transform:scale(.995)}@supports (animation-timeline:view()){.scroll-reveal{animation:linear both scrollReveal;animation-timeline:view();animation-range:entry cover 30%}@keyframes scrollReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-title-line1,.hero-title-line2,.hero-sub{opacity:1!important}.range-bar-track{opacity:1!important;transform:scaleX(1)!important}.range-bar-median{opacity:1!important}}