@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#162c45;--muted:#748195;--blue:#0589e8;--pale:#f4f8fc;--line:#e7edf4;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #48b7ff}h1,h2,h3,p{margin:0}h1,h2,h3{color:inherit}p{font-weight:400}.container{width:min(1180px,100% - 80px);margin:0 auto}.section{padding:90px 0}.eyebrow{letter-spacing:2.2px;color:var(--blue);margin-bottom:13px;font-size:10px;font-weight:800}h2{font-family:var(--serif);letter-spacing:-1.1px;font-size:44px;font-weight:600;line-height:1.1}.btn{letter-spacing:0;text-transform:none;border-radius:7px;justify-content:center;align-items:center;gap:16px;margin:0;padding:16px 24px;font-size:13px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:#078cec;border-color:#078cec;box-shadow:0 6px 20px #048de52a}.btn-primary:hover,.btn-primary:focus{background:#067bce;border-color:#067bce}.card{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #183e7010}.text-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.site-header{backdrop-filter:blur(15px);z-index:20;background:#ffffffed;border-bottom:1px solid #fff5;height:88px;position:sticky;top:0}.header-inner{align-items:center;gap:35px;width:min(1320px,100% - 64px);height:100%;margin:auto;display:flex}.brand{font-family:var(--serif);color:#153b66;flex-shrink:0;align-items:center;gap:9px;font-size:36px;font-weight:700;line-height:.9;display:flex}.brand-two{color:var(--blue)}.brand small{font-family:var(--sans);letter-spacing:1.8px;margin-top:8px;font-size:8px;font-weight:800;display:block}.brand-symbol{color:#087bc7;place-items:center;width:42px;height:45px;display:grid}.brand-symbol svg{width:44px;height:44px}.main-nav{align-items:center;gap:29px;margin-left:auto;display:flex}.main-nav a{padding:34px 0;font-size:12px;font-weight:700;position:relative}.main-nav a:first-child,.main-nav a:hover{color:var(--blue)}.main-nav a:first-child:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:20px;left:0;right:0}.header-cta{padding:12px 18px;font-size:12px}.menu-toggle{color:var(--ink);background:0 0;border:0;display:none}.hero{background:#173e65;height:660px;position:relative;overflow:hidden}.hero-art{background:url(/images/hero-warrior.png) 50% 43%/cover no-repeat;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#08233ddc 0%,#0a2b4890 33%,#0c2a4430 60%,#071e3320),linear-gradient(#0000 65%,#0a2b4970);position:absolute;inset:0}.hero-inner{align-items:center;height:100%;display:flex;position:relative}.hero-copy{color:#fff;padding-bottom:20px;animation:.8s both hero-enter}.hero-eyebrow{letter-spacing:3px;color:#c4e5f8;align-items:center;gap:10px;margin-bottom:26px;font-size:10px;font-weight:700;display:flex}.hero-eyebrow>span{background:#8cd9ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #65bdff}.hero h1{font-family:var(--serif);letter-spacing:-2.3px;color:#fff;text-shadow:0 2px 20px #09284020;margin-bottom:27px;font-size:88px;font-weight:500;line-height:.98}.hero h1 em{color:#a9e0ff;font-style:normal;font-weight:500}.hero-copy>p{color:#e0eaf5;font-size:15px;line-height:1.9}.hero-actions{gap:12px;margin-top:33px;display:flex}.hero-actions .btn{padding:17px 25px}.btn-hero-secondary{color:#fff;backdrop-filter:blur(8px);background:#ffffff0c;border:1px solid #e7f6ff66}.btn-hero-secondary:hover{color:#fff;background:#ffffff20}.hero-note{color:#c0d5e7;align-items:center;gap:9px;margin-top:22px;font-size:10px;display:flex}.scroll-hint{color:#d4e7f3;letter-spacing:2px;align-items:center;gap:15px;font-size:8px;display:flex;position:absolute;bottom:52px;left:0}.scroll-hint svg{border:1px solid #ffffff40;border-radius:50%;width:26px;height:26px;padding:5px}.hero-caption{color:#fff;text-align:right;position:absolute;bottom:55px;right:0}.hero-caption>span{letter-spacing:2px;color:#b8d7e9;font-size:8px}.hero-caption p{font-family:var(--serif);margin-top:5px;font-size:22px;font-style:italic}.overview-wrap{z-index:2;margin-top:-30px;position:relative}.overview{background:#fff;grid-template-columns:repeat(4,1fr);padding:25px 0;display:grid;box-shadow:0 12px 38px #102c5710}.overview>div{border-right:1px solid var(--line);align-items:center;gap:15px;padding:0 26px;display:flex}.overview>div:last-child{border:0}.overview svg{color:var(--blue);stroke-width:1.5px;flex-shrink:0;width:27px;height:27px}.overview strong{color:#284260;font-size:13px;font-weight:800;display:block}.overview small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.section-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.section-intro>p{color:var(--muted);margin-bottom:3px;font-size:12px;line-height:1.9}.world{padding-top:83px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:64px;display:grid}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.feature-icon{width:42px;height:42px;color:var(--blue);background:#edf7ff;border-radius:10px;place-items:center;margin-bottom:17px;display:grid}.feature-icon svg{stroke-width:1.5px;width:21px}.feature-grid h3{font-family:var(--sans);letter-spacing:-.4px;margin-bottom:9px;font-size:14px;font-weight:800}.feature-grid p{color:var(--muted);max-width:300px;font-size:12px;line-height:1.9}.class-panel{background:var(--pale);border:1px solid #e2ebf4;border-radius:12px;grid-template-columns:1.2fr 1fr;min-height:340px;display:grid;overflow:hidden}.class-content{padding:38px 42px}.class-content h2{font-size:34px}.class-tabs{border-bottom:1px solid #dbe6f0;gap:8px;margin:23px 0;display:flex}.class-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 13px;font-size:11px;font-weight:700}.class-content h3{font-family:var(--sans);margin-bottom:10px;font-size:15px;font-weight:800}.class-content p{color:var(--muted);max-width:360px;min-height:46px;font-size:12px;line-height:1.9}.class-tags{gap:18px;margin-top:17px;display:flex}.class-tags span{color:#51728b;align-items:center;gap:5px;font-size:9px;display:flex}.class-tags svg{color:var(--blue)}.class-art{background:url(/images/hero-warrior.png) 80% 35%/auto 160% no-repeat;min-height:340px;transition:filter .3s;position:relative}.class-1{filter:hue-rotate(16deg)}.class-2{filter:hue-rotate(40deg)}.class-3{filter:hue-rotate(-20deg)}.class-art-overlay{background:linear-gradient(90deg,#f4f8fc30,#0000 25%),linear-gradient(#0000 25%,#0a254fe6);position:absolute;inset:0}.class-emblem{color:#fff;background:#123e6530;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:22px;right:23px}.class-art-caption{color:#fff;position:absolute;bottom:27px;left:32px}.class-art-caption span{letter-spacing:3px;color:#c0e6ff;font-size:9px}.class-art-caption p{font-family:var(--serif);max-width:320px;margin-top:9px;font-size:23px}.ranking-section{background:var(--pale);border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.section-aside{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.demo-label,.event-demo{letter-spacing:.5px;color:var(--muted);font-size:9px}.demo-label{border:1px solid #dbe5ef;border-radius:4px;padding:4px 8px}.ranking-card{background:#fff;overflow:hidden}.ranking-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:22px 27px;display:flex}.ranking-top>div:first-child{align-items:center;gap:12px;font-size:13px;display:flex}.rank-tabs{background:#f4f7fb;border-radius:6px;gap:3px;padding:4px;display:flex}.rank-tabs button{color:#75849a;background:0 0;border:0;border-radius:4px;padding:7px 15px;font-size:10px;font-weight:700}.rank-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 2px 6px #29446b12}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:0}th{letter-spacing:1.2px;color:#94a1b4;text-align:left;white-space:nowrap;padding:16px 25px;font-size:8px;font-weight:700}td{color:#6a7b91;border-bottom:1px solid #f0f3f8;padding:13px 25px;font-size:11px}th:last-child,td:last-child{text-align:right}.rank-number{color:#94a1b4;justify-content:center;align-items:center;gap:4px;width:34px;font-weight:700;display:inline-flex}.rank-0{color:#cc9a2c}.rank-1{color:#8fa4b9}.rank-2{color:#b48269}.player{color:#28415e;align-items:center;gap:12px;display:flex}.player strong{font-weight:700}.avatar{width:31px;height:31px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.avatar.red{color:#a16474;background:#f8e9eb}.avatar.gold{color:#af8851;background:#fcf0db}.avatar.blue{color:#5b80af;background:#e8f0fb}.kingdom{align-items:center;gap:7px;display:inline-flex}.kingdom>span{border-radius:50%;width:5px;height:5px}.kingdom.red>span{background:#e17984}.kingdom.gold>span{background:#dfb44c}.kingdom.blue>span{background:#6d9be0}.score{color:#315577;font-variant-numeric:tabular-nums;font-weight:800}.ranking-footer{color:#9ba8b7;align-items:center;gap:7px;padding:13px 25px;font-size:9px;display:flex}.events-section .section-intro{margin-bottom:18px}.event-demo{margin-bottom:18px;display:block}.event-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.event-card{box-shadow:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.event-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #1b497215}.event-visual{text-align:left;color:#fff;background-image:linear-gradient(#143b7430,#0a2f59bd),url(/images/hero-warrior.png);background-position:50%,15% 65%;background-size:cover,175%;border:0;width:100%;height:180px;display:block;position:relative;overflow:hidden}.event-visual.boss{filter:saturate(.75);background-position:50%,90% 30%}.event-visual.community{filter:hue-rotate(-10deg);background-position:50%,0 35%}.event-category{letter-spacing:1px;backdrop-filter:blur(10px);background:#ffffff20;border:1px solid #ffffff30;border-radius:4px;padding:5px 8px;font-size:8px;font-weight:700;position:absolute;top:18px;left:20px}.event-symbol{opacity:.6;filter:drop-shadow(0 0 15px #50b9ff);transition:transform .3s;position:absolute;top:48px;left:calc(50% - 35px)}.event-visual:hover .event-symbol{transform:scale(1.1)}.event-image-caption{font-family:var(--serif);letter-spacing:2px;font-size:17px;position:absolute;bottom:21px;left:20px;right:20px}.event-content{padding:24px}.event-time{color:#8090a4;align-items:center;gap:7px;margin-bottom:13px;font-size:9px;display:flex}.event-content h3{font-family:var(--serif);letter-spacing:-.4px;margin-bottom:11px;font-size:26px;font-weight:700}.event-content p{color:var(--muted);min-height:42px;margin-bottom:22px;font-size:11px;line-height:1.9}.event-content .text-link{font-size:10px}.join-section{background:#eaf5fd;border-top:1px solid #e1eff9;border-bottom:1px solid #e1eff9;padding:50px 0;position:relative;overflow:hidden}.join-inner{align-items:center;gap:30px;display:flex}.join-mark{color:#73b9e8;background:#ffffff70;border:1px solid #fff;border-radius:50%;place-items:center;width:90px;height:90px;padding:14px;display:grid}.join-inner h2{font-size:38px}.join-inner .eyebrow{margin-bottom:9px;font-size:9px}.join-inner p{color:#7891a8;margin-top:10px;font-size:12px}.join-inner>.btn{flex-shrink:0;margin-left:auto}.support-inner{grid-template-columns:1fr 1.4fr;gap:80px;display:grid}.support-inner>div>p{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.9}.support-note{color:#96a4b4;align-items:center;gap:7px;margin-top:22px;font-size:9px;display:flex}.faq-item{border-bottom:1px solid var(--line)}.faq-item>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:12px;font-weight:700;display:flex}.faq-item svg{color:#92a5ba;flex-shrink:0;transition:transform .2s}.faq-item .rotated{transform:rotate(180deg)}.faq-item p{color:var(--muted);padding:0 26px 22px 0;font-size:12px;line-height:1.9}.site-footer{border-top:1px solid var(--line);background:#f8fafc;padding:37px 0 22px}.footer-top{align-items:center;gap:30px;padding-bottom:27px;display:flex}.footer-top .brand{font-size:30px}.footer-top .brand-symbol svg{width:36px;height:36px}.footer-top .brand small{font-size:7px}.footer-top p{color:#91a0b1;font-family:var(--serif);margin-left:10px;font-size:19px}.footer-top>a:not(.brand){color:#627992;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.footer-top .text-link{color:#627992;font-size:11px}.footer-bottom{border-top:1px solid var(--line);color:#9ba8b7;justify-content:space-between;gap:20px;padding-top:20px;font-size:9px;display:flex}.action-dialog{width:min(470px,100% - 32px);max-height:90vh;color:var(--ink);background:#fff;border:1px solid #dce8f3;border-radius:16px;padding:0;box-shadow:0 30px 120px #001e5050}.action-dialog::backdrop{backdrop-filter:blur(7px);background:#092238a6}.dialog-content{padding:35px;position:relative}.dialog-close{color:#708197;background:#f3f7fc;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:16px;right:16px}.dialog-icon{color:var(--blue);background:#edf7ff;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid}.dialog-content h2{margin-bottom:17px;font-size:34px}.dialog-content>p{color:var(--muted);font-size:12px;line-height:1.9}.dialog-content .dialog-notice{color:#7890a8;background:#f4f8fc;border-radius:6px;margin:18px 0;padding:12px;font-size:11px}.dialog-content label{margin:16px 0 8px;font-size:11px;font-weight:700;display:block}.dialog-content .form-control{height:43px;box-shadow:none;color:var(--ink);border-color:#dfe8f2;border-radius:6px;font-size:12px}.form-hint{color:var(--muted);margin-top:9px;font-size:10px}.form-submit{width:100%;margin-top:24px}.download-state{color:var(--blue);background:#f4f8fc;border-radius:8px;align-items:center;gap:15px;margin:22px 0 5px;padding:20px;display:flex}.download-state strong{color:var(--ink);font-size:12px;display:block}.download-state small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.download-state>svg:last-child{margin-left:auto}.status-dot{background:#d9a644;border-radius:50%;flex-shrink:0;width:8px;height:8px}.form-feedback{text-align:center;color:var(--blue);background:#f1f8ff;border-radius:9px;padding:25px}.form-feedback strong{color:var(--ink);margin:10px 0;display:block}.form-feedback p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.8}@keyframes hero-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (width>=1600px){.hero{height:740px}.hero h1{font-size:98px}.hero-art{background-position:50% 39%}}@media (width<=1100px){.main-nav{gap:19px}.header-inner{gap:24px}.overview>div{gap:10px;padding:0 20px}.overview strong{font-size:11px}.overview small{font-size:9px}.section-intro>p{max-width:300px}.class-content{padding:32px}.class-content h2{font-size:30px}.event-content{padding:20px}.event-content h3{font-size:23px}}@media (width<=850px){.container{width:calc(100% - 48px)}.header-inner{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:31px}.main-nav{border-bottom:1px solid var(--line);background:#fff;padding:15px 24px;display:none;position:absolute;top:76px;left:0;right:0;box-shadow:0 8px 20px #14294515}.main-nav.open{flex-direction:column;align-items:stretch;gap:0;display:flex}.main-nav a{padding:14px 0}.main-nav a:first-child:after{display:none}.header-cta{margin-left:auto}.menu-toggle{place-items:center;padding:5px;display:grid}.hero{height:620px}.hero h1{font-size:76px}.hero-art{background-position:62%}.hero-shade{background:linear-gradient(90deg,#08233deb,#0a2b4890 65%,#0c2a4430),linear-gradient(#0000 65%,#0a2b4970)}.hero-caption{display:none}.overview{grid-template-columns:repeat(2,1fr);padding:8px 0}.overview>div{padding:20px 25px}.overview>div:nth-child(2){border:0}.overview>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.overview strong{font-size:12px}.section{padding:65px 0}.section-intro{align-items:flex-start}.section-intro>p{max-width:250px;font-size:11px}.desktop-break{display:none}h2{font-size:38px}.feature-grid{gap:25px}.feature-grid h3{font-size:13px}.class-panel{grid-template-columns:1.25fr 1fr}.class-content{padding:26px}.class-content h2{font-size:28px}.class-tabs{gap:2px}.class-tabs button{padding:10px;font-size:10px}.class-tags{flex-wrap:wrap;gap:8px}.class-art-caption{left:20px;right:15px}.class-art-caption p{font-size:20px}.ranking-top{flex-direction:column;align-items:flex-start}.event-grid{gap:16px}.event-content{padding:16px}.event-content h3{font-size:23px}.event-content p{min-height:64px}.join-mark{display:none}.join-inner h2{font-size:32px}.support-inner{grid-template-columns:1fr 1.3fr;gap:40px}.footer-top p{display:none}.footer-top{gap:20px}}@media (width<=600px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.header-inner{gap:12px;width:calc(100% - 28px)}.site-header{height:70px}.main-nav{top:70px}.brand{gap:5px;font-size:29px}.brand-symbol{width:32px}.brand-symbol svg{width:33px}.brand small{letter-spacing:1.4px;font-size:6px}.header-cta{gap:8px;padding:10px 12px;font-size:10px}.header-cta svg{width:13px}.hero{height:620px}.hero-art{background-position:65%}.hero-shade{background:linear-gradient(90deg,#072239e8,#08263b98 60%,#0929434a),linear-gradient(#0000 40%,#092238b0)}.hero-inner{align-items:center}.hero-copy{padding-bottom:40px}.hero-eyebrow{letter-spacing:2px;margin-bottom:25px;font-size:8px}.hero h1{letter-spacing:-1.5px;margin-bottom:24px;font-size:64px}.hero-copy>p{font-size:12px;line-height:2}.hero-actions{gap:9px;margin-top:26px}.hero-actions .btn{gap:10px;padding:15px 16px;font-size:11px}.hero-actions .btn svg{width:16px}.hero-note{gap:6px;font-size:8px}.scroll-hint{font-size:7px;bottom:54px}.overview-wrap{margin-top:-25px}.overview{border-radius:9px}.overview>div{gap:11px;padding:17px 15px}.overview svg{width:23px;height:23px}.overview strong{font-size:10px}.overview small{margin-top:4px;font-size:8px}.section{padding:52px 0}.eyebrow{letter-spacing:1.6px;margin-bottom:12px;font-size:8px}h2{font-size:35px}.section-intro{margin-bottom:30px;display:block}.section-intro>p{max-width:100%;margin-top:18px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:22px;margin-bottom:36px}.feature-grid article{grid-template-columns:42px 1fr;column-gap:16px;padding-top:20px;display:grid}.feature-icon{grid-row:span 2;margin-bottom:0}.feature-grid h3{margin:0 0 6px;font-size:13px}.feature-grid p{max-width:100%;font-size:11px}.class-panel{grid-template-columns:1fr}.class-content{padding:27px 24px}.class-content h2{font-size:31px}.class-tabs{gap:10px;margin:20px 0}.class-tabs button{padding:10px 9px;font-size:11px}.class-content p{min-height:46px}.class-tags{gap:16px}.class-art{background-position:80% 32%;background-size:auto 180%;min-height:230px}.class-art-caption p{font-size:23px}.section-aside{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-top:20px}.ranking-top{gap:17px;padding:20px 15px}.ranking-top>div:first-child{font-size:12px}.rank-tabs{justify-content:space-between;width:100%}.rank-tabs button{padding:7px 11px;font-size:9px}th,td{padding:13px 15px}table{min-width:620px}.ranking-footer{padding:12px 15px;font-size:8px}.event-grid{grid-template-columns:1fr;gap:22px}.event-visual{background-size:cover,140%;height:190px}.event-content{padding:23px}.event-content h3{font-size:29px}.event-content p{min-height:0;font-size:12px}.event-content .text-link{font-size:11px}.join-section{padding:38px 0}.join-inner{display:block}.join-inner h2{font-size:32px}.join-inner p{font-size:11px;line-height:1.8}.join-inner>.btn{margin-top:24px;padding:14px 20px}.support-inner{grid-template-columns:1fr;gap:27px}.support-inner>div>p,.support-note{margin-top:15px}.faq-item>button{padding:19px 0;font-size:11px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top .brand{margin-right:auto}.footer-top>a:not(.brand){margin-left:0}.footer-top .text-link{font-size:10px}.footer-bottom{flex-direction:column;gap:9px;font-size:8px}.dialog-content{padding:30px 24px}.dialog-content h2{font-size:31px}}:root{--ink:#eaf5ff;--muted:#bdcfe0;--blue:#65ccff;--pale:transparent;--line:#c5e8ff25}body{color:var(--ink);background:#0a223a;line-height:1.5}body:before{content:"";z-index:-2;background:url(/images/hero-warrior.png) 50%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;background:linear-gradient(#061b343d,#061b3475 55%,#061b348f);position:fixed;inset:0}button{font-family:var(--sans)}.btn{border:1px solid #0000}.btn-primary{background:linear-gradient(135deg,#08a6f5,#086fe1);border-color:#58c5ff80;box-shadow:0 5px 30px #007aff40}.btn-primary:hover{background:#139be9;border-color:#8ddbff}.card{border-color:var(--line);backdrop-filter:blur(12px);background:#102d4560;box-shadow:0 8px 32px #00132b24}.site-header{backdrop-filter:blur(15px);background:#0b253b40;border-bottom:1px solid #b8e6ff20}.brand{line-height:0;display:block}.brand img{object-fit:contain;filter:drop-shadow(0 2px 9px #087eff30);width:150px;height:78px;display:block}.main-nav a{color:#e2f3ff}.main-nav a:first-child{color:#80d6ff}.main-nav a:first-child:after{background:#80d6ff}.menu-toggle{color:#fff}.hero{background:0 0;height:auto;min-height:calc(100svh - 88px);overflow:visible}.hero-inner{text-align:center;justify-content:center;min-height:calc(100svh - 88px);padding-top:35px;padding-bottom:105px}.hero-copy{width:100%;padding-bottom:0}.hero-eyebrow{color:#c8ecff;letter-spacing:3px;justify-content:center;margin-bottom:3px}.hero h1.hero-logo{width:min(550px,75vw);margin:0 auto 4px;line-height:0}.hero-logo img{filter:drop-shadow(0 7px 20px #041b4160);width:100%;height:auto;display:block}.hero h2.hero-title{color:#fff;text-shadow:0 2px 18px #06172b;letter-spacing:.3px;margin-bottom:18px;font-size:40px;font-weight:600}.hero-copy>p{color:#e6f5ff;text-shadow:0 1px 12px #032747;line-height:1.9}.hero-actions{justify-content:center;margin-top:28px}.hero-note{color:#d0e4f4;justify-content:center}.hero-caption{display:none}.scroll-hint{white-space:nowrap;bottom:40px;left:50%;transform:translate(-50%)}.btn-hero-secondary{background:#12334f35;border-color:#bde8ff70}.btn-hero-secondary:hover{background:#a4ddff20}.overview-wrap{margin-top:-14px}.overview{backdrop-filter:blur(13px);background:#173b5460;box-shadow:0 15px 40px #04172c25}.overview strong{color:#eff8ff}.overview small{color:#c3d6e8}.section{background:0 0;border-color:#bddfff15}.section-intro h2,.support-inner h2{text-shadow:0 2px 18px #04192c}.eyebrow{color:#9bdcff}.feature-grid article{backdrop-filter:blur(9px);background:#0d2e4445;border:1px solid #c4e8ff25;border-radius:10px;padding:25px}.feature-grid{gap:22px}.feature-icon{color:#82d5ff;background:#77cfff15;border:1px solid #aae2ff20}.feature-grid p{color:#c6d9e9}.feature-grid h3{color:#f1f8ff}.class-panel{backdrop-filter:blur(12px);background:#12385065;border-color:#bcdefa30}.class-tabs{border-color:#b1dbfa25}.class-tabs button{color:#c0d6e8}.class-tabs button.active{color:#8bdeff;border-color:#8bdeff}.class-tags span{color:#c0e5fa}.class-art-overlay{background:linear-gradient(90deg,#102f4920,#0000 25%),linear-gradient(#0000 25%,#0a254fd9)}.ranking-section{background:0 0}.ranking-card{background:#102f486b}.ranking-top svg{color:#8bdaff}.rank-tabs{background:#051c363d}.rank-tabs button{color:#bdd4e7}.rank-tabs button.active{color:#a6e4ff;box-shadow:none;background:#82d5ff25}.ranking-top{border-color:#bddfff25}thead{background:#b5dfff08}th{color:#b0c9df}td{color:#c6d8e9;border-color:#c3e5ff13}tbody tr:hover{background:#a8dcff10}.player{color:#f0f7ff}.score{color:#a5deff}.ranking-footer{color:#b8cee0}.demo-label{color:#c7deef;border-color:#c1e2fa40}.event-demo{color:#c7deef}.event-card{background:#10324975}.event-content p{color:#c7d9e8}.event-time{color:#c0d9ee}.event-time svg{color:#9cd9ff}.event-content h3{color:#f2f9ff}.text-link{color:#8fdcff}.text-link:hover{color:#c2edff}.join-section{backdrop-filter:blur(8px);background:#16425a35;border-color:#b4ddf52a}.join-mark{color:#a1e1ff;background:#78cfff15;border-color:#c3eaff30}.join-inner p{color:#c5deed}.support-note{color:#bcd7e9}.faq-list{border:1px solid var(--line);backdrop-filter:blur(10px);background:#102f4859;border-radius:12px;padding:0 25px}.faq-item:first-child{border-top:0}.faq-item:last-child{border-bottom:0}.faq-item>button{color:#e9f6ff}.faq-item svg{color:#a2d8f9}.site-footer{backdrop-filter:blur(10px);background:#071c3445;border-color:#c0e4ff25}.footer-top .brand img{width:130px;height:70px}.footer-top p,.footer-top>a:not(.brand),.footer-top .text-link{color:#c0d8ea}.footer-bottom{color:#a8c3d9;border-color:#c0e4ff25}.action-dialog{color:#edf7ff;backdrop-filter:blur(25px);background:#102c42e8;border:1px solid #a0d9ff40}.dialog-content>p{color:#c3d7e8}.dialog-close{color:#d8edfc;background:#ffffff12}.dialog-icon{color:#89dcff;background:#89d6ff12}.dialog-content .dialog-notice{color:#b8d2e6;background:#ffffff08}.form-control{color:#fff;outline-offset:2px;background:#091f3659;border:1px solid #c3e4fb40;border-radius:6px;width:100%;padding:10px 12px;display:block}.dialog-content .form-control{color:#edf7ff;border-color:#c3e4fb40}.form-control::placeholder{color:#9ab7cd}.download-state,.form-feedback{color:#8fdcff;background:#8bd8ff0c}.download-state strong,.form-feedback strong{color:#edf7ff}.dialog-content label{color:#d3e7f6}@media (width>=1600px){.hero{height:auto}.hero h1.hero-logo{width:610px}}@media (width<=850px){.hero{height:auto;min-height:calc(100svh - 76px)}.hero-inner{min-height:calc(100svh - 76px)}.main-nav{backdrop-filter:blur(20px);background:#102c46ed;border-color:#a1d5f83a}.feature-grid article{padding:20px}.hero h1.hero-logo{width:min(510px,80vw)}.hero h2.hero-title{font-size:36px}.brand img{width:128px;height:68px}}@media (width<=600px){.brand img{width:108px;height:60px}.hero{height:auto;min-height:calc(100svh - 70px)}.hero-inner{min-height:calc(100svh - 70px);padding-top:20px;padding-bottom:95px}.hero-copy{padding-bottom:0}.hero-eyebrow{letter-spacing:1.7px;margin-bottom:8px;font-size:8px}.hero h1.hero-logo{width:100%;max-width:370px;margin-bottom:10px}.hero h2.hero-title{margin-bottom:18px;font-size:31px}.hero-copy>p{font-size:12px}.hero-actions{gap:10px}.hero-note{flex-wrap:wrap;font-size:8px}.scroll-hint{bottom:35px}.hero-actions .btn{padding:15px 18px;font-size:11px}.feature-grid article{padding:20px}.overview-wrap{margin-top:-15px}.overview>div:nth-child(-n+2){border-color:var(--line)}.overview>div{padding:18px 13px}.faq-list{padding:0 17px}.footer-top .brand img{width:108px;height:60px}}.main-nav a,.header-cta{font-family:"Barlow Condensed",var(--sans);letter-spacing:1.1px;font-size:16px;font-weight:600}.main-nav{gap:30px}.header-cta{letter-spacing:1.2px;padding:13px 23px;font-size:15px}.main-nav a{white-space:nowrap}.main-nav a:first-child:after{height:2px;box-shadow:0 0 10px #74d6ff40}@media (width<=1100px){.main-nav{gap:20px}.main-nav a{letter-spacing:.8px;font-size:15px}.header-inner{gap:24px}.header-cta{padding:12px 18px}}@media (width<=850px){.main-nav{gap:0}.main-nav a{letter-spacing:1.2px;padding:16px 0;font-size:18px}.header-cta{font-size:14px}}@media (width<=600px){.header-cta{letter-spacing:.8px;padding:10px 14px;font-size:13px}body:before{background-position:85%}}:root{--motion-out:cubic-bezier(.22,1,.36,1);--scene-x:0px;--scene-y:0px;--scroll-progress:0}body:before{transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.035);transform-origin:50%;will-change:transform}.scene-atmosphere{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scroll-progress{display:none}.scene-mist{filter:blur(25px);background:radial-gradient(#a9e7ff24,#0000 66%);width:85%;height:30%;animation:22s ease-in-out infinite alternate mist-drift;position:absolute;bottom:-8%;left:-15%}.scene-sparks{position:absolute;inset:0;overflow:hidden}.scene-sparks span{left:var(--spark-left);width:var(--spark-size);height:var(--spark-size);opacity:0;animation:spark-rise var(--spark-duration) linear var(--spark-delay) infinite;background:#b8edff;border-radius:50%;position:absolute;bottom:-12px;box-shadow:0 0 10px 2px #8fdaff60}.site-header{transition:background .22s,box-shadow .22s}.site-header.is-scrolled{background:#0b253bad;box-shadow:0 6px 28px #061b3325}.site-header:before{content:"";transform-origin:0;height:2px;transform:scaleX(var(--scroll-progress));background:linear-gradient(90deg,#0797ed,#93e1ff);position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #74d6ff70}.main-nav a{transition:color .18s,text-shadow .18s}.main-nav a:hover{text-shadow:0 0 18px #88deff70}.main-nav a:not(:first-child):after{content:"";transform-origin:0;height:2px;transition:transform .22s var(--motion-out);background:#8bdcff;position:absolute;bottom:20px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover:after{transform:scaleX(1)}.hero-copy{animation:none}.hero-eyebrow{animation:scene-enter .65s var(--motion-out) both}.hero h1.hero-logo{isolation:isolate;animation:scene-enter .85s var(--motion-out) .1s both;position:relative}.hero-logo img{animation:7s ease-in-out 1s infinite logo-float}.hero-logo:before{content:"";filter:blur(24px);z-index:-1;background:radial-gradient(#69cfff30,#0000 67%);animation:8s ease-in-out infinite logo-aura;position:absolute;inset:12% 6%}.hero-title{animation:scene-enter .75s var(--motion-out) .22s both}.hero-copy>p{animation:scene-enter .75s var(--motion-out) .3s both}.hero-actions{animation:scene-enter .75s var(--motion-out) .38s both}.hero-note{animation:scene-enter .75s var(--motion-out) .45s both}.scroll-hint svg{animation:2.8s ease-in-out infinite scroll-nudge}.motion-reveal{opacity:0;transition:opacity .65s var(--motion-out) var(--reveal-delay,0s),translate .65s var(--motion-out) var(--reveal-delay,0s),box-shadow .22s ease,border-color .22s ease,transform .22s var(--motion-out);translate:0 26px}.motion-reveal.motion-visible{opacity:1;translate:0}.feature-grid article{transition:transform .22s var(--motion-out),border-color .22s ease,box-shadow .22s ease}.feature-icon{transition:transform .22s var(--motion-out),background .22s ease}.feature-grid article:hover{border-color:#a5dfff60;transform:translateY(-5px);box-shadow:0 14px 30px #03192b25}.feature-grid article:hover .feature-icon{background:#81d5ff25;transform:rotate(-7deg)scale(1.06)}.event-card:hover{border-color:#a4dcff55;box-shadow:0 16px 35px #021a3540}.event-symbol{transition:transform .3s var(--motion-out),opacity .22s ease}.event-card:hover .event-symbol{opacity:.85;transform:scale(1.12)rotate(-4deg)}.class-emblem{transition:transform .3s var(--motion-out),background .22s ease}.class-panel:hover .class-emblem{background:#64caff20;transform:rotate(-8deg)}.class-content [role=tabpanel]{animation:scene-enter .25s var(--motion-out) both}.class-tabs button,.rank-tabs button{transition:background .16s,color .16s,border-color .16s}.class-tabs button:hover,.rank-tabs button:hover{color:#d0f0ff;background:#a4dcff0c}.btn{isolation:isolate;transition:background .18s ease,transform .18s var(--motion-out),box-shadow .18s ease;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff28,#0000);width:40%;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-24deg)}.btn:hover:after{animation:button-shimmer .7s var(--motion-out) both}.hero-actions .btn-primary:after{animation:8s ease-in-out 2s infinite button-shimmer}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.97)}.btn svg,.text-link svg{transition:transform .18s var(--motion-out)}.btn:hover svg,.text-link:hover svg{transform:translate(3px)}.btn:hover{box-shadow:0 8px 28px #0796ff40}.text-link:active{transform:translateY(1px)}.brand img{transition:filter .22s ease,transform .22s var(--motion-out)}.brand:hover img{filter:drop-shadow(0 0 14px #57bdff65);transform:scale(1.025)}.action-dialog[open]{animation:dialog-enter .24s var(--motion-out) both}.action-dialog[open]::backdrop{animation:.2s both backdrop-enter}.faq-item>div:not([hidden]){animation:scene-enter .22s var(--motion-out) both}.motion-paused .scene-atmosphere *,.motion-paused .hero-logo img,.motion-paused .hero-logo:before,.motion-paused .scroll-hint svg,.motion-paused .hero-actions .btn-primary:after{animation-play-state:paused}@keyframes scene-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logo-aura{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.9;transform:scale(1.08)}}@keyframes spark-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.55}80%{opacity:.45}to{opacity:0;transform:translate3d(var(--spark-drift),-105vh,0)}}@keyframes mist-drift{0%{opacity:.35;transform:translate(-5%)scale(1)}to{opacity:.7;transform:translate(15%)scale(1.12)}}@keyframes scroll-nudge{0%,70%,to{translate:0}35%{translate:0 5px}}@keyframes button-shimmer{0%,75%{left:-60%}95%,to{left:130%}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@media (hover:none){.feature-grid article:hover,.event-card:hover,.btn:hover{transform:none}.scene-sparks span:nth-child(n+9){display:none}.scene-mist{filter:blur(15px)}}@media (width<=850px){.main-nav a:not(:first-child):after{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-reveal{opacity:1;translate:none}.scene-atmosphere{display:none}body:before{will-change:auto;transform:none}}