footer{padding:16px;color:var(--font-white);text-align:center}footer #privacy-policy{height:5px;text-decoration:underline;color:var(--primary-color)}footer *{font-size:12px}main{overflow:hidden auto!important}.section{display:flex;flex-direction:column;align-items:center}.section .title{font-size:24px;margin-bottom:32px}.section .title .icon{color:var(--primary-color)}.section:nth-child(2n){background-color:#0e0e16}.section:nth-child(1){transition:margin var(--delay);position:relative}.section:nth-child(1):after{position:absolute;content:"";height:100%;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(10,100,89,.5) 0,transparent 75%);z-index:-1}.section:nth-child(1):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(4,125,110,.15) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.section:nth-child(1) .introduction{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1200px;padding-bottom:100px;position:relative;z-index:1}.section:nth-child(1) .introduction .titles{position:relative;text-align:center;margin-bottom:32px}.section:nth-child(1) .introduction .titles .page-title{margin-top:150px}.section:nth-child(1) .introduction .titles h1{font-size:24px;text-transform:uppercase}.section:nth-child(1) .introduction .titles h1 span{font-size:24px;color:var(--primary-color)}.section:nth-child(1) .introduction .titles hr{height:1px;width:70%;max-width:1200px;min-width:310px;margin:8px auto;background:var(--primary-color)}.section:nth-child(1) .introduction .titles h2{font-size:14px;color:#e2e4f899}.section:nth-child(1) .introduction .clash-gg-wrapper{position:relative;display:flex;align-items:center;justify-self:center;justify-content:center;flex-wrap:wrap;padding:8px 12px;border-radius:6px;margin-top:18px;overflow:hidden}.section:nth-child(1) .introduction .clash-gg-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);animation:shimmer 6s infinite;z-index:0}.section:nth-child(1) .introduction .clash-gg-wrapper .slogon{position:relative;z-index:1;font-weight:700;text-transform:uppercase;font-size:17px}.section:nth-child(1) .introduction .clash-gg-wrapper .slogon span{font-size:inherit}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn{position:relative;z-index:1}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play{display:flex;align-items:center;width:max-content;border-radius:4px;padding:8px 20px 8px 12px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play:hover{transform:translateY(-1px)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play:active{transform:translateY(0)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site{display:flex;align-items:center;gap:8px;width:max-content;border-radius:4px;padding:6px 12px;cursor:pointer;transition:all .2s ease}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site:hover{transform:translateY(-1px)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site:active{transform:translateY(0)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site .icon{height:20px;width:auto}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site svg{width:80px;height:10px}.section:nth-child(1) .introduction .clash-gg-wrapper{background:linear-gradient(135deg,#ffa5101a,#ffa5100d);border:1px solid rgba(255,165,16,.3)}.section:nth-child(1) .introduction .clash-gg-wrapper .slogon span{color:#ffa510}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play{background-color:#ffa510;border:1px solid #ffa510;color:#fff}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play:hover{background-color:#e69515;box-shadow:0 3px 6px #ffa51066}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site{border:1px solid #ffa510;background-color:transparent}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site:hover{background-color:#ffa51026}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site .icon{width:16px;height:16px}.section:nth-child(1) .introduction .tradeit-banner{display:block;width:100%;max-width:1000px;margin-top:18px;border-radius:6px;overflow:hidden;transition:all .2s ease}.section:nth-child(1) .introduction .tradeit-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.section:nth-child(1) .introduction .tradeit-banner img{display:block;width:100%;height:auto}.section:nth-child(1) .introduction .fetch-menu-wrapper{flex:1;display:flex;align-items:center;width:100%;min-width:324px;max-width:800px}.section:nth-child(1) .introduction .fetch-menu-wrapper .button{display:grid;align-items:center;padding:8px 16px;background:linear-gradient(to right,#047d6e,#0a9d8c,#066a5e);background-size:200% auto;border-radius:4px;transition:var(--delay);min-width:125px;cursor:pointer}.section:nth-child(1) .introduction .fetch-menu-wrapper .button:hover{background-position:right center;text-decoration:none}.section:nth-child(1) .introduction .fetch-menu-wrapper .button span{color:#e2e4f8;text-align:center}.section:nth-child(1) .introduction .fetch-history{margin-bottom:24px}.section:nth-child(1) .introduction .vertical-ad-wrapper{height:75px;width:100%;max-width:400px;margin:0 auto}.section:nth-child(1) .stats{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1000px}.section:nth-child(1) .stats .stat{display:flex;flex-direction:column;align-items:center;width:50%}.section:nth-child(1) .stats .stat .stat-icon-wrapper .icon{color:var(--primary-color);font-size:52px;margin-bottom:16px}.section:nth-child(1) .stats .stat .stat-title{font-size:18px}.section:nth-child(1) .stats .stat .stat-title span{font-size:18px;color:var(--primary-color)}.section:nth-child(1) .stats .stat .stat-text{text-align:center;color:#e2e4f899}.section:nth-child(1) .fade-block{width:100%;height:150px;background:linear-gradient(180deg,transparent 0%,rgba(14,14,22,.3) 30%,rgba(14,14,22,.7) 70%,#0e0e16 100%);pointer-events:none}.section:nth-child(2){padding:40px 16px;position:relative;background-color:#0e0e16}.section:nth-child(2) .leaderboard-section{width:100%;display:flex;justify-content:center}.section:nth-child(3){padding:80px 16px 40px;position:relative;background-color:#0e0e16}.section:nth-child(3):before,.section:nth-child(3):after{content:"";position:absolute;left:0;width:100%;height:150px;pointer-events:none}.section:nth-child(3) .developer-api{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px}.section:nth-child(3) .developer-api .api-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:48px}.section:nth-child(3) .developer-api .api-content .api-description{text-align:center;font-size:16px;line-height:1.6;color:#e2e4f8cc;max-width:800px;padding:0 16px}.section:nth-child(3) .developer-api .api-content .api-features{display:grid;grid-template-columns:1fr;gap:24px;width:100%;padding:0 16px}.section:nth-child(3) .developer-api .api-content .api-features .feature{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background-color:#ffffff08;border:1px solid rgba(4,125,110,.2);border-radius:8px;transition:all .3s ease}.section:nth-child(3) .developer-api .api-content .api-features .feature:hover{background-color:#ffffff0d;border-color:#047d6e66;transform:translateY(-2px)}.section:nth-child(3) .developer-api .api-content .api-features .feature .icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#047d6e33,#047d6e1a);border-radius:12px}.section:nth-child(3) .developer-api .api-content .api-features .feature .icon-wrapper .icon{font-size:32px;color:var(--primary-color)}.section:nth-child(3) .developer-api .api-content .api-features .feature .feature-text{text-align:center}.section:nth-child(3) .developer-api .api-content .api-features .feature .feature-text h3{font-size:18px;margin-bottom:8px;color:#e2e4f8}.section:nth-child(3) .developer-api .api-content .api-features .feature .feature-text p{font-size:14px;color:#e2e4f899;line-height:1.5}.section:nth-child(3) .developer-api .api-content .api-cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.section:nth-child(3) .developer-api .api-content .api-cta .api-button{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:linear-gradient(to right,#047d6e,#0a9d8c,#066a5e);background-size:200% auto;color:#fff;font-weight:600;font-size:16px;border-radius:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #047d6e4d}.section:nth-child(3) .developer-api .api-content .api-cta .api-button:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 6px 16px #047d6e66}.section:nth-child(3) .developer-api .api-content .api-cta .api-button .icon{font-size:14px}.section:nth-child(3) .developer-api .api-content .api-cta .api-note{font-size:13px;color:#e2e4f899;text-align:center}.section:nth-child(4){height:max-content;padding:0;margin-top:-1px}.section:nth-child(4) .fade-block{width:100%;height:200px;background:linear-gradient(180deg,#0e0e16 0%,rgba(14,14,22,.7) 30%,rgba(14,14,22,.3) 70%,transparent 100%);pointer-events:none;z-index:10}.section:nth-child(4) #slide-show{width:100%;min-height:600px;max-width:1200px;padding:16px}.section:nth-child(4) #slide-show .slides-wraper{width:100%;height:600px}.section:nth-child(4) #slide-show .slides-wraper .input-dummy{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--layer-4);border-radius:4px}.section:nth-child(4) #slide-show .slides-wraper .input-dummy .prefix,.section:nth-child(4) #slide-show .slides-wraper .input-dummy .suffix{height:18px}.section:nth-child(4) #slide-show .slides-wraper .input-dummy .prefix .icon,.section:nth-child(4) #slide-show .slides-wraper .input-dummy .suffix .icon{font-size:18px}.section:nth-child(4) #slide-show .slides-wraper .input-dummy .value{flex:1}.section:nth-child(4) #slide-show .slides-wraper .select-dummy{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--layer-4);border-radius:4px}.section:nth-child(4) #slide-show .slides-wraper .select-dummy .prefix,.section:nth-child(4) #slide-show .slides-wraper .select-dummy .suffix{height:18px}.section:nth-child(4) #slide-show .slides-wraper .select-dummy .prefix .image,.section:nth-child(4) #slide-show .slides-wraper .select-dummy .suffix .image{width:16px;height:16px}.section:nth-child(4) #slide-show .slides-wraper .select-dummy .value{flex:1}.section:nth-child(4) #slide-show .slides-wraper .dummy-button{padding:8px 16px;background:linear-gradient(to right,#047d6e,#0a9d8c,#066a5e);background-size:200% auto;border-radius:4px;transition:var(--delay);text-align:center;cursor:pointer}.section:nth-child(4) #slide-show .slides-wraper .dummy-button:hover{background-position:right center;text-decoration:none}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .range-input{position:relative;width:100%;height:4px;background-color:var(--primary-color);margin-bottom:16px}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .range-input:before,.section:nth-child(4) #slide-show .slides-wraper .range-dummy .range-input:after{position:absolute;content:"";width:14px;height:14px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);border-radius:50%}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .range-input:before{left:0}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .range-input:after{right:0}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .input-dummys{display:flex;gap:8px}.section:nth-child(4) #slide-show .slides-wraper .range-dummy .input-dummys .input-dummy{flex:1;padding:4px 8px}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy{position:relative;display:flex;align-items:center;cursor:pointer}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy .value{flex:1}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy .switch{position:relative;width:30px;height:21px;border-radius:50px;background-color:var(--layer-4);transition:var(--delay)}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy .switch:after{position:absolute;content:"";width:15px;height:15px;border-radius:50%;top:3px;left:3px;background-color:var(--white);transition:var(--delay)}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy .switch.selected{background-color:var(--primary-color)}.section:nth-child(4) #slide-show .slides-wraper .toggle-dummy .switch.selected:after{transform:translate(10px);background-color:var(--white)}.section:nth-child(4) #slide-show .slides-wraper .dummy-view-style-selector{display:flex;gap:8px}.section:nth-child(4) #slide-show .slides-wraper .dummy-view-style-selector .option{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:8px 16px;background-color:var(--layer-4);box-shadow:var(--shadow);border-radius:4px;cursor:pointer}.section:nth-child(4) #slide-show .slides-wraper .dummy-view-style-selector .option p{font-weight:700}.section:nth-child(4) #slide-show .slides-wraper .dummy-view-style-selector .option.selected{background-color:var(--secondary-color);box-shadow:#2b2d2e 0 0 inset,var(--primary-color) 0 0 0 2px inset,#00000080 0 0}.section:nth-child(4) #slide-show .slides-wraper .dummy-view-style-selector .option.selected .icon{color:var(--primary-color)}.section:nth-child(4) #slide-show .slides-wraper .dummy-checkbox-list{display:flex;align-items:center}.section:nth-child(4) #slide-show .slides-wraper .dummy-checkbox-list .value{flex:1}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content{display:flex;flex-direction:column;align-items:center;gap:32px;height:100%}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info{flex:1;max-width:270px}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info h2{font-size:24px;margin-bottom:10px}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info p{margin-bottom:12px;line-height:1.5}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info p:last-child{margin-bottom:0}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info a{color:var(--primary-color);font-weight:700}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .visual{flex:1;position:relative;align-self:flex-start;height:100%;width:100%;padding:16px;background:linear-gradient(175deg,var(--layer-1) 0%,transparent 90%);border-radius:4px;overflow:hidden}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .visual .image-wrapper{position:relative;height:100%;width:600;overflow:hidden}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .visual .image-wrapper img{width:1400px;height:800px;object-fit:contain;object-position:top left}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .visual .overlay-1{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(270deg,var(--layer-3) 0%,transparent 60%);transition:var(--delay)}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .visual .overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg,var(--layer-3) 2%,transparent 60%);transition:var(--delay)}.section:nth-child(5){padding:0}@media (min-width: 361px){.section:nth-child(1) .introduction .titles h2{margin:0 15%}.section:nth-child(1) .introduction .fetch-menu-wrapper{width:70%}}@media (min-width: 768px){.section:nth-child(1) .introduction .titles{margin-bottom:64px}.section:nth-child(1) .introduction .titles h1{font-size:48px}.section:nth-child(1) .introduction .titles h1 span{font-size:48px}.section:nth-child(1) .introduction .horizontal-ad{margin-top:64px}.section:nth-child(1) .stats{flex-direction:row}.section:nth-child(3) .developer-api .api-content .api-features{grid-template-columns:repeat(2,1fr)}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content{justify-content:center;align-items:unset;flex-direction:row}.section:nth-child(4) #slide-show .slides-wraper .slides .slide .slide-content .info{flex:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}