@charset "UTF-8";
:root{--paper:#fff1d5;--paper-dark:#eed1a6;--ink:#301d32;--muted:#675044;--gold:#ffc600;--orange:#ff8a00;--lime:#acfa08;--line:#a77b54;--heading:'Baloo 2','Arial Rounded MT Bold',Arial,sans-serif;--body:'Nunito',Arial,sans-serif;--rc:#cba879;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:135px}body{margin:0;background:var(--paper);color:var(--ink);font:700 16px/1.6 var(--body);overflow-x:clip;background-image:radial-gradient(#ad75320b 1px,transparent 1px);background-size:5px 5px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05}h1,h2{font-family:var(--heading);font-weight:800;text-transform:uppercase}p{color:var(--muted)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #6131ad;outline-offset:5px}::selection{background:#b3f843;color:#221530}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 25px;background:var(--lime);color:var(--ink)}.skip:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--lime));z-index:60}
.site-header{position:sticky;top:12px;margin:12px auto 0;z-index:40;max-width:1540px;width:calc(100% - 48px);height:94px;padding:8px 22px;display:flex;align-items:center;gap:25px;background:linear-gradient(#fff8e7,#f6dfb9);border:3px solid #493045;border-radius:23px;box-shadow:inset 0 3px 0 #fff,0 5px 0 #ad7b51,0 8px 18px #301b3022}.brand{display:block;flex:none;width:192px;align-self:center;transform:rotate(-3deg);transition:transform .25s}.brand:hover{transform:rotate(1deg) scale(1.03)}.logo-crop{display:block;position:relative;width:100%;aspect-ratio:1.91;overflow:hidden}.logo-crop img{position:absolute;width:100%;max-width:none;height:auto;top:-46.5%;left:0}.desktop-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:0;min-width:0}.desktop-nav>a{padding:0 25px;border-inline-start:2px solid #a0d923;font:800 18px/1.2 var(--heading);text-align:center;transition:color .2s,transform .2s}.desktop-nav>a:hover{color:#5a8414;transform:translateY(-2px)}.header-actions{display:flex;align-items:center;gap:18px;flex:none}.lang-wrap{display:flex;align-items:center;gap:4px;padding:5px 10px;border:2px solid #80522d;border-radius:12px;box-shadow:inset 0 2px #fff9,0 2px #be9267;background:#f3dbb8}.lang-wrap>span{font-size:22px;line-height:1}.lang-wrap select{border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:900;max-width:84px;cursor:pointer}.lang-wrap select option{background:var(--paper)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:67px;padding:10px 30px;border:3px solid #4b2a25;border-radius:17px;background:linear-gradient(#ffef61 2%,#ffce0a 47%,#ffb900 48%,#ff9b00);box-shadow:inset 0 3px #fff9,inset 0 -5px #d66f04,0 5px 0 #7a401f,0 7px 0 #2d1a29;font:800 23px/1.2 var(--heading);text-transform:uppercase;color:#38202d;transition:transform .2s,filter .2s,box-shadow .2s;isolation:isolate}.button::after{content:'';position:absolute;top:6px;left:13px;width:35%;height:3px;background:#fff9;border-radius:5px;pointer-events:none}.button:hover{transform:translateY(-4px) rotate(-1deg);filter:brightness(1.07)}.button:active{transform:translateY(4px);box-shadow:inset 0 3px #fff9,inset 0 -3px #d66f04,0 1px 0 #7a401f}.button.secondary{background:linear-gradient(#e3ff6b,#b1fc12 48%,#9ae908 49%,#77cf00);box-shadow:inset 0 3px #fff9,inset 0 -5px #5f9f07,0 5px 0 #416425,0 7px 0 #251b29;border-color:#34401f}.button>span:last-child:not([data-t]){font-family:Arial;font-size:23px;line-height:1}.header-play{min-height:55px;padding:8px 20px;font-size:19px;gap:10px;border-radius:14px}.header-play>span:last-child:not([data-t]){display:none}.menu-toggle{display:none;font-size:26px;padding:2px 8px}.mobile-nav{position:fixed;top:110px;inset-inline:24px;z-index:39;border:3px solid #493045;border-radius:18px;padding:22px;background:#fff1d5;box-shadow:0 9px 0 #ad7b5155}.mobile-nav>a{display:block;padding:10px;font:800 20px var(--heading)}.mobile-nav .button{margin-top:15px}
.hero{position:relative;margin-top:-106px;height:clamp(670px,49vw,800px);isolation:isolate;overflow:hidden}.hero-environment{position:absolute;inset:0;z-index:-1;background:url('city-stage.webp') center bottom/cover no-repeat;transform:scale(1.015);animation:scene-arrive 1s ease-out both}.hero-inner{position:relative;max-width:1600px;height:100%;margin:auto}.hero-text{position:relative;width:52%;max-width:775px;padding:183px 0 45px 4.5vw;z-index:5}.eyebrow{font-weight:900;font-size:12px;letter-spacing:.025em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.hero-kicker{background:linear-gradient(#3c3044,#211d2a);border:3px solid #c2f927;outline:2px solid #342637;border-radius:12px;padding:4px 15px 4px 6px;box-shadow:inset 0 1px 0 #fff5,0 3px 0 #85692e;color:#ffea77;font-family:var(--heading);font-size:15px;line-height:1.3}.telegram-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(#59d2fb,#068bc8);border:1px solid white;color:white;font:20px Arial;transform:rotate(-22deg)}.hero h1{font-size:clamp(40px,4.6vw,73px);letter-spacing:-.035em;line-height:1.06;margin:24px 0 16px;color:#fff8d8;-webkit-text-stroke:5px #3e2030;paint-order:stroke fill;text-shadow:0 5px 0 #7b491b,0 9px 0 #3b2130;filter:drop-shadow(1px 1px 0 #4a2632)}.hero h1>span,.hero h1>em{display:block}.hero h1 em{font-style:normal;color:#b8ff1d;text-shadow:0 5px 0 #51800b,0 9px 0 #342132}.hero-description{font-size:17px;line-height:1.55;max-width:500px;color:#4f302b;margin:25px 0 0;font-weight:900}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.hero-scroll{display:inline-flex;align-items:center;gap:15px;margin-top:28px;font-weight:900;color:#61472b;font-size:11px;text-transform:uppercase}.hero-scroll span:last-child{font-size:22px;color:#577b17}.hero-art{position:absolute;inset:0;pointer-events:none}.hero-cat{--cat-size:clamp(190px,20.5vw,328px);position:absolute;bottom:30.2%;width:var(--cat-size);height:var(--cat-size);pointer-events:auto;filter:drop-shadow(0 10px 6px #482c2844);transition:filter .25s,translate .25s;z-index:3}.hero-cat-left{left:51%;transform:rotate(-4deg);bottom:29.7%}.hero-cat-center{left:64%;bottom:29.7%;--cat-size:clamp(200px,22.5vw,360px);z-index:4}.hero-cat-right{left:79%;bottom:29%;transform:rotate(4deg)}.hero-cat:hover{translate:0 -10px;filter:drop-shadow(0 0 14px #ffdd78)}.cat-sprite{display:block;width:100%;height:100%;background-size:calc(var(--cat-size)*20) var(--cat-size);background-repeat:no-repeat;animation:cat-idle 1.4s steps(20) infinite}.sprite-10{background-image:url('sprites/C10-idle.webp')}.sprite-15{background-image:url('sprites/C15-idle.webp');animation-delay:-.5s}.sprite-16{background-image:url('sprites/C16-idle.webp');animation-delay:-.8s}.hero-cat-name{position:absolute;bottom:-9px;left:50%;transform:translate(-50%,8px);opacity:0;padding:3px 12px;border:2px solid #75502b;border-radius:8px;font:800 13px var(--heading);color:#301d32;background:#ffda4d;transition:opacity .2s,transform .2s}.hero-cat:hover .hero-cat-name,.hero-cat:focus-visible .hero-cat-name{opacity:1;transform:translate(-50%,0)}.hero-coin,.hero-gem{position:absolute;width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 4px 0 #4c302b33);animation:float-item 4s ease-in-out infinite}.coin-one{top:24%;left:51%;transform:rotate(-18deg)}.coin-two{top:57%;right:3%;width:40px;height:40px;animation-delay:-2s}.hero-gem{top:25%;right:9%;width:45px;height:45px;animation-delay:-1s}.spark{font-style:normal;position:absolute;color:#fff6a6;text-shadow:0 0 15px #ffbc1a;animation:twinkle 2.5s ease-in-out infinite;font-size:25px}.spark-1{top:39%;right:38%}.spark-2{top:31%;right:17%;animation-delay:-1s}.spark-3{top:55%;right:7%;animation-delay:-1.6s}.stats-strip{position:relative;z-index:7;display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;width:87%;margin:-62px auto 0;padding:19px 20px;border:4px solid #ffcb19;border-radius:18px;background:linear-gradient(#4c3359,#2f233c);box-shadow:inset 0 2px 0 #ffec85,inset 0 -3px 0 #1a1724,0 0 0 3px #4a2931,0 6px 0 #95672b,0 9px 0 #301d32;gap:0;color:#fff3bd}.stats-strip:before,.stats-strip:after{content:'';width:10px;height:10px;position:absolute;top:calc(50% - 5px);border-radius:50%;background:linear-gradient(#ffed8c,#ffae00);box-shadow:0 2px #15121e}.stats-strip:before{left:12px}.stats-strip:after{right:12px}.stat{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 15px}.stat+ .stat{border-inline-start:3px solid #acfa08}.stat img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 0 #0003)}.stat b{font:800 31px/1 var(--heading)}.stat>span{font:800 19px/1.1 var(--heading);text-transform:uppercase;max-width:170px}
.section{max-width:1440px;margin:auto;padding:82px 5vw}.section-heading{text-align:center;position:relative;margin-bottom:40px}.section-heading h2{font-size:clamp(34px,3.9vw,56px);color:#3e2337;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px #fff8}.section-kicker{font:900 11px var(--body);text-transform:uppercase;color:#8b5e28;letter-spacing:.16em;margin-bottom:10px}.heading-flourish{display:inline-block;font-size:17px;color:#8ac800;position:relative;line-height:1;margin-top:15px}.heading-flourish:before,.heading-flourish:after{content:'';position:absolute;top:7px;width:85px;height:3px;background:linear-gradient(90deg,transparent,#94c22a)}.heading-flourish:before{right:26px}.heading-flourish:after{left:26px;transform:scaleX(-1)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.feature-card{display:block;min-width:0;background:linear-gradient(#fff8e6,#f5dfba);border:3px solid #7f5538;border-radius:20px;box-shadow:inset 0 3px #fff,0 5px 0 #bd9467,0 7px 0 #6b4538;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.feature-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:inset 0 3px #fff,0 6px 0 #bd9467,0 8px 0 #6b4538,0 18px 25px #80532625}.feature-art{position:relative;height:185px;border-bottom:3px solid #7f5538;background:#a4b97d}.feature-art>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-card:hover .feature-art>img{transform:scale(1.03)}.feature-icon{position:absolute;bottom:-22px;left:22px;background:linear-gradient(#fff5d7,#e3bd82);border:2px solid #8d623a;border-radius:13px;padding:6px;box-shadow:0 3px #825434;transform:rotate(-5deg)}.feature-icon img{width:38px;height:38px;object-fit:contain}.feature-copy{padding:34px 23px 20px}.feature-copy h3{font:800 25px/1.1 var(--heading);color:#422936;margin-bottom:11px}.feature-copy p{font-size:13px;line-height:1.7;min-height:66px;color:#69523f}.feature-more{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8b58c;padding-top:15px;margin-top:15px;font:800 12px var(--heading);text-transform:uppercase;color:#65442b}.feature-more b{display:inline-grid;place-items:center;border:2px solid #577b20;border-radius:7px;background:linear-gradient(#d9ff79,#98d821);width:31px;height:26px;line-height:1;color:#324225;font-size:18px}
.squad-section{max-width:none;position:relative;background:radial-gradient(ellipse at 50% 40%,#fff7e4 20%,#efd1aa 80%);border-block:3px solid #d5ad7e}.squad-section:before{content:'';position:absolute;inset:8px 0;border-block:1px solid #fff9;pointer-events:none}.squad-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:38px;align-items:start;max-width:1250px;margin:auto}.squad-detail{position:relative;min-height:470px;background:radial-gradient(circle at 50% 28%,#fff9d3,transparent 60%),linear-gradient(#f4e3bf,#dfbd8c);border:4px solid #9c7750;border-radius:25px;box-shadow:inset 0 4px #fffcde,inset 0 0 0 9px #ddbe92,0 6px 0 #79533d,0 9px 0 #3d2c32;padding:25px;text-align:center;overflow:hidden}.squad-detail:before{content:'✦';position:absolute;top:0;left:0;font:340px/1 Arial;color:#e8c06655;pointer-events:none}.squad-detail>.portrait{position:relative;width:245px;height:220px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 8px 3px #7c4c3133);animation:panel-in .4s ease-out}.detail-copy{position:relative}.rarity-tag{display:inline-flex;align-items:center;gap:7px;font:900 10px var(--body);text-transform:uppercase;color:#71471e;letter-spacing:.08em}.rarity-tag:before{content:'◆';color:var(--rc);-webkit-text-stroke:1px #755037}.squad-detail h3{font:800 35px/1.1 var(--heading);text-transform:uppercase;color:#38202e;margin:4px 0 10px}.skill-name{font:800 17px var(--heading);color:#5f3c2a}.skill-meta{font-size:10px;color:#6f5740;margin-bottom:8px}.skill-effects{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.skill-effects i{font-style:normal;font-size:10px;background:#fff2cb;border:1px solid #c29e6e;border-radius:5px;padding:4px 7px;color:#56392d}.zero-stars{font-size:9px;margin-top:10px}.common-description{font-size:12px;line-height:1.6}.text-link{display:inline-flex;gap:18px;align-items:center;margin-top:17px;color:#5c4927;font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:4px}.text-link:hover{color:#5f8e14}.rarity-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.rarity-filters button{font:800 12px/1 var(--heading);text-transform:uppercase;padding:10px 13px;border:2px solid #a78053;border-radius:9px;background:linear-gradient(#fff6dc,#e9cda4);box-shadow:inset 0 2px #fff9,0 2px #9c7750;transition:transform .2s}.rarity-filters button:hover{transform:translateY(-2px)}.rarity-filters button[aria-pressed=true]{background:linear-gradient(#e4ff85,#a6e12f);border-color:#5e7d28;box-shadow:inset 0 2px #fff9,0 2px #4a6020}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.roster-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at center,#fff0c5,#b39670);border:3px solid #9b7c59;border-radius:17px;padding:9px 8px 7px;box-shadow:inset 0 2px #fff8,inset 0 0 0 5px #d8bc91,0 4px 0 #6b513e;transition:transform .25s,box-shadow .25s}.roster-card:before{content:'◆';position:absolute;top:7px;left:9px;color:var(--rc);font-size:11px;-webkit-text-stroke:1px #6d4e33}.roster-card img{width:94px;height:75px;object-fit:contain;margin:4px 0 7px;filter:drop-shadow(0 4px 1px #5b3a3325);transition:transform .25s}.roster-card span{width:100%;display:block;text-align:center;white-space:nowrap;font:800 12px/1.1 var(--heading);padding:5px 2px;border:1px solid #a27235;border-radius:5px;background:linear-gradient(#ffea85,#f8be3c);color:#492b23;box-shadow:0 2px #896036}.roster-card:hover{transform:translateY(-5px) rotate(-2deg)}.roster-card:hover img{transform:rotate(5deg) scale(1.07)}.roster-card[aria-pressed=true]{border-color:#70a51d;box-shadow:inset 0 2px #ffffd9,inset 0 0 0 5px #def379,0 4px 0 #41631e,0 0 0 2px #bfff32}.r-common{--rc:#c4b79c}.r-rare{--rc:#6bd6f7}.r-epic{--rc:#c18af8}.r-legendary{--rc:#ffcf35}.r-mythic{--rc:#f78370}
.start-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1050px;margin:auto;gap:75px;align-items:center}.gameplay-showcase{position:relative;display:flex;justify-content:center;background:radial-gradient(ellipse,#dfeda8,transparent 68%)}.game-frame{width:286px;border:4px solid #49313c;border-radius:22px;background:#302439;overflow:hidden;transform:rotate(-4deg);box-shadow:inset 0 3px #ffeaa8,8px 12px 0 #bf965c,11px 16px 0 #614331,20px 25px 40px #6b452626;transition:transform .4s}.game-frame:hover{transform:rotate(0)}.game-frame-bar{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff2c9;padding:8px;font:800 10px var(--body);text-transform:uppercase;background:linear-gradient(#4b3755,#2b2334)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #abfa0822}.gameplay{width:100%;height:auto}.showcase-cat{position:absolute;bottom:-12px;left:0;width:180px;height:auto;filter:drop-shadow(0 9px 3px #7c4c3133);animation:float-item 5s ease-in-out infinite}.steps-grid{display:flex;flex-direction:column;gap:26px}.step{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 20px;align-items:center;gap:20px;background:linear-gradient(#fff8e6,#f0d5ac);border:2px solid #ae8656;box-shadow:inset 0 2px white,0 4px #be9866;border-radius:17px;padding:22px 20px;transition:transform .25s}.step:hover{transform:translateX(6px)}.step-number{width:55px;height:55px;display:grid;place-items:center;border:2px solid #67472b;box-shadow:inset 0 2px #fff8,0 3px #9c6528;background:linear-gradient(#ffed6b,#ffc51d);border-radius:50%;font:800 35px/1 var(--heading)}.step h3{font:800 22px/1.2 var(--heading);color:#4a2e36}.step-arrow{font-size:24px;color:#769b21}.steps-cta{padding:10px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.steps-cta .button{min-width:230px}.steps-cta .text-link{margin-inline-start:20px}.final-cta{position:relative;isolation:isolate;text-align:center;overflow:hidden;border-block:4px solid #9f772c;background:#fff0cb}.cta-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffefcf99,#fff3d8ee 28%,#fff3d8ee 72%,#ffefcf99),url('city-stage.webp') center bottom/cover}.cta-content{position:relative;z-index:3;max-width:800px;padding:60px 25px 65px;margin:auto}.cta-content>.logo-crop{width:190px;margin:auto}.cta-content h2{font-size:clamp(35px,4.2vw,61px);line-height:1.1;margin:20px 0 25px;letter-spacing:-.02em;color:#3d2638}.disclaimer{font-size:11px;max-width:500px;margin:25px auto 0;line-height:1.6;color:#66503d}.cta-cat{position:absolute;bottom:40px;width:clamp(170px,20vw,320px);filter:drop-shadow(0 9px 0 #774b2522);z-index:2}.cta-cat-left{left:2%;transform:rotate(-10deg)}.cta-cat-right{right:2%;transform:rotate(8deg)}.footer{max-width:1440px;margin:auto;padding:30px 5vw 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-brand{display:block;width:150px}.footer nav{display:flex;gap:25px;font-size:12px;font-weight:900;flex-wrap:wrap}.footer nav a:hover{color:#557d1f;text-decoration:underline}.footer-bottom{width:100%;border-top:1px solid #d8b78b;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#826342}.footer-bottom button{font-size:10px}
.guide-main{max-width:1440px;margin:auto;padding:60px 5vw 80px}.guide-hero{padding-bottom:45px;border-bottom:2px solid #d9b68b}.back-link{margin-top:0;margin-bottom:28px}.guide-hero .eyebrow{display:flex;color:#8b662d;font-size:10px}.guide-hero h1{font-size:clamp(48px,6vw,86px);color:#3a263b;margin:20px 0 12px;line-height:1.1}.guide-hero>p{font-size:18px;max-width:730px;color:#6b513f}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;padding-top:40px}.guide-sidebar{position:sticky;top:138px;max-height:calc(100vh - 160px);overflow:auto;align-self:start;min-width:0;padding:0 5px;scrollbar-width:thin}.guide-sidebar>label{font-size:12px;font-weight:900}.search-wrap{display:flex;align-items:center;background:#fffaf0;border:2px solid #b69567;border-radius:10px;margin:9px 0 24px;box-shadow:inset 0 2px #dfcfa7}.search-wrap input{min-width:0;width:100%;background:none;color:#442d37;border:0;padding:11px 9px;font-size:12px}.search-wrap button{width:32px;font-size:22px}.guide-sidebar h2{font:800 17px var(--heading);color:#5a3c29;margin:15px 0 12px}#guide-toc a{display:flex;gap:9px;align-items:baseline;font-size:12px;line-height:1.5;color:#796043;padding:9px;border-inline-start:3px solid transparent;border-radius:0 7px 7px 0}#guide-toc a>span{font-size:10px;opacity:.6}#guide-toc a.active{background:#e2f0b6;border-color:#86bd18;color:#3e561d}#guide-toc a:hover{background:#f2ddbb;color:#4c3525}.guide-content{min-width:0}.notice,.legal-main .box{padding:22px;background:linear-gradient(#f1f6d5,#e4edbd);border:2px solid #a5b463;border-radius:13px;box-shadow:inset 0 2px #fff9,0 3px #b8c47e;color:#586436;font-size:13px;line-height:1.8}.guide-content section{padding:45px 0;border-bottom:2px solid #e0c49e;scroll-margin-top:140px}.guide-content h2{display:flex;align-items:center;gap:13px;font:800 30px/1.15 var(--heading);text-transform:none;letter-spacing:0;margin-bottom:24px;color:#402b3a}.guide-content h2 i{font:800 16px var(--heading);background:linear-gradient(#ffec7b,#ffc034);border:2px solid #ad7b3e;box-shadow:0 2px #8a5f32;border-radius:9px;min-width:36px;height:36px;display:grid;place-items:center;font-style:normal;flex:none}.guide-content p{font-size:15px;line-height:1.9;margin-bottom:18px;color:#69533e}.guide-content ul{padding-inline-start:23px;color:#69533e;font-size:14px}.guide-content li{padding:4px 0}.guide-content .shot{margin:20px 0;border:3px solid #b79564;border-radius:14px;overflow:hidden;max-width:650px;box-shadow:0 4px #d3b281}.guide-content .shot img{width:100%;max-height:300px;object-fit:cover}.guide-content .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.guide-content .cat{display:flex;align-items:center;flex-direction:column;padding:12px 5px;background:linear-gradient(#fff2d5,#e7cda3);border:2px solid #b18e5f;border-bottom:4px solid var(--rc);border-radius:12px;box-shadow:inset 0 2px #fff9;font-size:12px}.guide-content .cat img{width:75px;height:66px;object-fit:contain;margin-bottom:6px}.guide-content .cat>span{font-size:9px;color:#7c6244}.scroll{overflow-x:auto;border:2px solid #c5a375;border-radius:11px;margin:23px 0;scrollbar-width:thin}.tbl{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5;color:#65503d}.tbl th{padding:13px 11px;text-align:start;background:#eddbb8;color:#5e402b;font-size:11px;white-space:nowrap}.tbl td{padding:12px 11px;border-top:1px solid #d5b990;white-space:nowrap}.tbl tr:nth-child(even){background:#f3e3c5}.tbl td span{display:block;font-size:10px}.tbl td img{width:30px;height:30px;object-fit:contain;display:inline-block;vertical-align:middle;margin-inline-end:8px}#vip .tbl{table-layout:fixed;border:2px solid #c5a375}#vip .tbl th:first-child{width:100px}#vip .tbl td{white-space:normal;overflow-wrap:anywhere}.sk{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sk-card{background:linear-gradient(#fff9eb,#f2dfbe);border:2px solid #b99a6c;border-top:4px solid var(--rc);border-radius:12px;padding:17px;box-shadow:0 3px #d3b58a}.sk-ico:empty{display:none}.sk-name{font:800 20px var(--heading);color:#573e2d}.sk-cat{display:flex;align-items:center;flex-wrap:wrap;font-size:12px;margin:10px 0}.sk-cat img{width:35px;height:35px;object-fit:contain;margin-inline-end:8px}.sk-cat span{font-size:10px;margin-inline-start:4px;color:#8a7153}.sk-fx{display:flex;flex-wrap:wrap;gap:5px}.sk-fx i{font-style:normal;font-size:11px;background:#e7d3ae;border:1px solid #d4b689;border-radius:5px;padding:4px 7px;color:#6a4b34}.coins{display:flex;gap:25px}.coin{display:flex;align-items:center;gap:8px}.coin img{width:28px;height:28px;object-fit:contain}.ranks{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ranks span{font-size:10px;text-transform:capitalize;border:1px solid #ba9465;border-radius:6px;padding:4px 10px;background:#f7e3ba;color:#765433}#no-results{padding:30px 0}.legal-main{max-width:900px;margin:auto;padding:50px 30px 85px}.legal-main article{margin-top:35px}.legal-main h1{font-size:56px;margin-bottom:20px}.legal-main .meta{font-size:12px;color:#8a7055;margin-bottom:25px}.legal-main a{color:#658520;text-decoration:underline}.legal-main h2{font:800 27px var(--heading);text-transform:none;margin:35px 0 17px}.legal-main ul{color:#6d563d;padding-inline-start:23px}.legal-main li{padding:7px 0;font-size:14px}.legal-main p{font-size:14px;line-height:1.85}
@keyframes cat-idle{from{background-position:0 0}to{background-position:calc(var(--cat-size)*-20) 0}}@keyframes float-item{0%,100%{translate:0 0;rotate:-6deg}50%{translate:0 -14px;rotate:8deg}}@keyframes twinkle{0%,100%{opacity:.3;scale:.7}50%{opacity:1;scale:1.1}}@keyframes scene-arrive{from{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1.015)}}@keyframes panel-in{from{opacity:.4;transform:translateY(9px) rotate(-3deg)}to{opacity:1;transform:none}}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .6s,transform .65s cubic-bezier(.2,.8,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}.feature-card:nth-child(3n+2){transition-delay:.06s}.feature-card:nth-child(3n){transition-delay:.12s}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off{scroll-behavior:auto!important}.motion-off .cat-sprite{background-position:0 0}
[dir=rtl] .hero-art{direction:ltr}[dir=rtl] .hero-text{margin-inline-start:auto;text-align:right;padding:180px 4.5vw 45px 0}[dir=rtl] .hero-environment{transform:scaleX(-1)}[dir=rtl] .hero-art{transform:scaleX(-1)}[dir=rtl] .cat-sprite,[dir=rtl] .hero-cat-name{transform:scaleX(-1)}[dir=rtl] .hero h1{font-family:Arial,sans-serif;font-weight:900;line-height:1.3;font-size:clamp(40px,4vw,62px);-webkit-text-stroke:3px #3e2030}[dir=rtl] .hero-actions{justify-content:flex-start}[lang=hi] h1,[lang=hi] h2,[lang=zh] h1,[lang=zh] h2{font-family:Arial,sans-serif;font-weight:900;line-height:1.25}[lang=hi] .hero h1{font-size:clamp(35px,3.8vw,58px)}
@media(min-width:1600px){.hero-text{padding-left:75px}.hero{height:780px}.hero-cat{bottom:29%}.hero-cat-center{bottom:29%}.hero-cat-right{bottom:28%}}
@media(max-width:1200px){.site-header{gap:14px;padding-inline:16px;width:calc(100% - 30px)}.brand{width:165px}.desktop-nav>a{padding-inline:17px;font-size:16px}.header-actions{gap:12px}.header-play{font-size:16px;padding-inline:15px}.hero{height:680px}.hero-text{padding-top:180px;width:53%}.hero h1{font-size:4.7vw}.hero-description{font-size:15px;max-width:420px}.button{font-size:19px;min-height:60px;padding-inline:23px;gap:15px}.hero-cat-left{left:50%}.hero-cat-center{left:64%}.hero-cat-right{left:79%}.stats-strip{width:90%}.stat{gap:9px}.stat>span{font-size:16px}.stat img{width:42px;height:42px}.squad-layout{grid-template-columns:300px minmax(0,1fr);gap:25px}.roster-grid{gap:10px}.roster-card span{font-size:10px}.feature-art{height:160px}.feature-copy{padding-inline:18px}.feature-copy h3{font-size:22px}.feature-copy p{font-size:12px;min-height:80px}.start-layout{gap:45px}.step h3{font-size:20px}}
@media(max-width:960px){.desktop-nav{display:none}.header-actions{margin-inline-start:auto}.menu-toggle{display:block}.site-header{height:86px}.brand{width:170px}.hero{margin-top:-98px;height:650px}.hero-text{padding-top:160px;width:55%}.hero h1{font-size:5vw}.hero-description{font-size:14px;max-width:390px}.hero-kicker{font-size:12px}.hero-actions{gap:12px}.hero-actions .button{font-size:17px;min-height:53px;padding-inline:18px}.hero-cat{--cat-size:23vw;bottom:27%}.hero-cat-left{left:47%;bottom:27%}.hero-cat-center{--cat-size:26vw;left:62%;bottom:27%}.hero-cat-right{left:79%;bottom:26%}.hero-coin{width:37px;height:37px}.coin-one{left:58%;top:27%}.hero-gem{top:32%;right:8%}.stats-strip{padding:15px}.stat{gap:7px;padding-inline:9px}.stat b{font-size:25px}.stat>span{font-size:14px}.stat img{width:35px;height:35px}.feature-grid{gap:17px}.feature-copy{padding:30px 15px 16px}.feature-copy h3{font-size:20px}.feature-art{height:145px}.squad-layout{grid-template-columns:260px minmax(0,1fr);gap:23px}.squad-detail{padding:22px 15px;min-height:450px}.squad-detail>.portrait{width:210px;height:200px}.squad-detail h3{font-size:30px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rarity-filters{gap:5px}.rarity-filters button{font-size:10px;padding:9px 10px}.start-layout{gap:30px}.game-frame{width:250px}.showcase-cat{width:140px;left:-15px}.step{grid-template-columns:43px minmax(0,1fr) 15px;padding:18px 14px;gap:15px}.step-number{width:43px;height:43px;font-size:28px}.step h3{font-size:18px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.guide-content h2{font-size:25px}.sk{grid-template-columns:1fr}.guide-content .cats{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-cat{opacity:.8;width:170px}.cta-content{max-width:650px}}
@media(max-width:680px){html{scroll-padding-top:100px}.site-header{top:8px;margin-top:8px;width:calc(100% - 22px);height:76px;border-radius:18px;padding:5px 12px;gap:10px}.brand{width:145px}.header-actions{gap:8px}.header-play{display:none}.lang-wrap{padding:4px 6px;border-radius:8px}.lang-wrap>span{font-size:18px}.lang-wrap select{font-size:10px;max-width:75px}.menu-toggle{font-size:24px;padding:2px 5px}.mobile-nav{top:95px;inset-inline:12px}.hero{height:auto;min-height:810px;margin-top:-84px;padding-top:120px;overflow:hidden}.hero-environment{background-position:70% bottom;background-size:auto 555px;background-repeat:no-repeat;background-color:#fff1d5}.hero-environment:after{content:'';position:absolute;inset:0;background:linear-gradient(#fff1d5 0,#fff1d5 32%,#fff1d5ee 38%,transparent 64%);pointer-events:none}.hero-inner{position:static;height:auto}.hero-text{position:relative;width:100%;max-width:none;text-align:center;padding:0 22px 350px}.hero-kicker{font-size:11px;gap:6px;border-width:2px;border-radius:9px;padding-right:9px}.telegram-icon{width:23px;height:23px;font-size:16px}.hero h1{font-size:clamp(33px,8.8vw,58px);line-height:1.12;-webkit-text-stroke:3px #3e2030;text-shadow:0 3px #7b491b,0 6px #3b2130;margin:22px 0 0;letter-spacing:-.04em}.hero h1 em{text-shadow:0 3px #51800b,0 6px #342132}.hero-description{font-size:13px;line-height:1.6;max-width:400px;margin:19px auto 0}.hero-actions{justify-content:center;gap:11px;margin-top:23px}.hero-actions .button{font-size:16px;min-height:52px;padding:10px 16px;border-radius:13px;gap:10px}.hero-actions .button>span:last-child:not([data-t]){font-size:17px}.hero-scroll{display:none}.hero-art{height:345px;top:auto;bottom:8px;left:0;right:0}.hero-cat{--cat-size:min(44vw,240px);bottom:26%;}.hero-cat-left{left:0;bottom:25%}.hero-cat-center{--cat-size:min(49vw,265px);left:24%;bottom:25%}.hero-cat-right{left:58%;bottom:25%}.hero-coin,.hero-gem{width:32px;height:32px}.coin-one{top:12%;left:8%}.coin-two{top:42%;right:5%}.hero-gem{top:8%;right:13%}.spark-1{top:31%;right:67%}.spark-2{top:12%;right:38%}.spark-3{top:42%;right:20%}.stats-strip{width:calc(100% - 32px);margin-top:-35px;padding:12px 6px;border-width:3px;border-radius:13px;box-shadow:inset 0 2px #ffec85,0 0 0 2px #4a2931,0 5px #95672b,0 7px #301d32}.stat{display:grid;grid-template-columns:26px 25px;justify-content:center;gap:2px 7px;padding:0 5px}.stat img{width:27px;height:27px}.stat b{font-size:26px}.stat>span{grid-column:1/-1;text-align:center;font-size:10px;max-width:90px;min-height:22px;display:flex;align-items:center;justify-content:center}.stat+.stat{border-width:2px}.stats-strip:before,.stats-strip:after{display:none}.section{padding:55px 22px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:33px;line-height:1.12}.section-kicker{font-size:9px}.heading-flourish{margin-top:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.feature-card{border-width:2px;border-radius:14px}.feature-art{height:110px;border-bottom-width:2px}.feature-icon{padding:4px;bottom:-15px;left:12px;border-radius:9px}.feature-icon img{width:26px;height:26px}.feature-copy{padding:24px 11px 13px}.feature-copy h3{font-size:18px;line-height:1.12;min-height:40px}.feature-copy p{font-size:11px;line-height:1.6;min-height:90px}.feature-more{font-size:9px;gap:5px;margin-top:10px;padding-top:11px}.feature-more b{font-size:16px;width:24px;height:22px;flex:none}.squad-layout{grid-template-columns:minmax(0,1fr);gap:27px}.squad-detail{min-height:270px;display:grid;grid-template-columns:115px minmax(0,1fr);gap:15px;align-items:center;text-align:start;padding:20px 18px;border-radius:21px}.squad-detail>.portrait{width:130px;height:170px;max-width:115%;margin:0 0 0 -9px;object-fit:contain}.squad-detail h3{font-size:28px;overflow-wrap:anywhere}.squad-detail .skill-name{font-size:15px}.skill-effects{justify-content:flex-start}.skill-effects i{font-size:9px;padding:3px 5px}.squad-detail .text-link{font-size:10px}.squad-detail .common-description{font-size:11px}.rarity-tag{font-size:8px}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.roster-card{padding:7px 5px 6px;border-width:2px;border-radius:12px;box-shadow:inset 0 2px #fff8,inset 0 0 0 3px #d8bc91,0 3px #6b513e}.roster-card img{width:62px;height:52px;margin:2px 0 5px}.roster-card span{font-size:8px;padding:5px 0}.roster-card:before{font-size:8px;top:4px;left:5px}.rarity-filters{justify-content:center;margin-bottom:17px;gap:6px}.rarity-filters button{font-size:9px;padding:8px 9px}.start-layout{grid-template-columns:1fr;gap:45px}.gameplay-showcase{max-width:350px;width:100%;margin:auto}.game-frame{width:235px;border-radius:18px}.showcase-cat{width:130px;left:-5px}.steps-grid{gap:17px}.step{grid-template-columns:46px minmax(0,1fr) 18px;gap:16px;padding:18px}.step h3{font-size:20px}.steps-cta{align-items:center;padding-top:12px}.steps-cta .text-link{margin-left:0}.final-cta{border-width:3px}.cta-content{padding:40px 24px 55px}.cta-content h2{font-size:37px;margin:15px 0 25px}.cta-content>.logo-crop{width:160px}.cta-content .button{font-size:20px}.cta-cat{width:130px;bottom:-35px;opacity:.3}.cta-cat-left{left:-35px}.cta-cat-right{right:-35px}.disclaimer{font-size:10px}.footer{padding:25px 22px 20px;gap:18px;justify-content:center}.footer-brand{width:130px}.footer nav{justify-content:center;gap:18px;font-size:11px}.footer-bottom{font-size:9px}.footer-bottom button{font-size:9px}.guide-main{padding:40px 22px 65px}.guide-hero{padding-bottom:30px}.guide-hero h1{font-size:49px;margin:18px 0}.guide-hero>p{font-size:15px}.guide-hero .eyebrow{font-size:9px;flex-wrap:wrap;gap:5px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:28px}.guide-sidebar{position:relative;top:0;max-height:none;padding:0;overflow:visible}.guide-sidebar h2{font-size:17px}#guide-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px;overflow:auto;border:2px solid #c6a478;border-radius:12px;padding:8px;background:#fff6e4}#guide-toc a{font-size:10px;gap:6px;padding:7px}.search-wrap{margin-bottom:18px}.notice{padding:17px;font-size:12px}.guide-content section{padding:33px 0;scroll-margin-top:106px}.guide-content h2{font-size:24px;gap:10px}.guide-content h2 i{font-size:13px;min-width:31px;height:31px}.guide-content p,.guide-content ul{font-size:13px}.guide-content .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.guide-content .cat{font-size:10px}.guide-content .cat img{width:60px;height:55px}.guide-content .shot img{max-height:220px}.tbl{font-size:11px}.tbl th{font-size:10px;padding:11px 9px}.tbl td{padding:11px 9px}.sk-name{font-size:18px}.legal-main{padding:35px 22px 65px}.legal-main h1{font-size:43px}.legal-main h2{font-size:24px}.legal-main li{font-size:13px}[dir=rtl] .hero-text{padding:0 22px 350px;text-align:center;margin:0;width:100%}[dir=rtl] .hero h1{font-size:36px;-webkit-text-stroke:2px #3e2030}[dir=rtl] .hero-actions{justify-content:center}[dir=rtl] .hero-environment{transform:scaleX(-1)}[lang=hi] .hero h1{font-size:34px}}
@media(max-width:360px){.site-header{padding-inline:9px}.brand{width:123px}.lang-wrap select{max-width:60px}.header-actions{gap:5px}.hero-text{padding-inline:16px}.hero h1{font-size:31px}.hero-actions .button{padding-inline:13px;font-size:14px}.section{padding-inline:16px}.roster-grid{gap:7px}.roster-card span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-environment{transform:none}.cat-sprite{background-position:0 0}}
@media print{body{background:white;color:#111}.site-header,.footer,.guide-sidebar,.reading-progress,.skip,.back-link{display:none}.guide-main{padding:0}.guide-layout{display:block}.guide-content section{break-inside:avoid}.guide-content section[hidden]{display:block!important}.guide-content p,.guide-content li{color:#222}.guide-content .shot{max-width:300px}.notice{background:#eee;color:#111}.tbl td,.tbl th{color:black;background:white}}

.hero-art{translate:var(--scene-x,0px) var(--scene-y,0px);transition:translate .4s ease-out}.hero-offscreen .cat-sprite,.tab-hidden .cat-sprite{animation-play-state:paused}

@media(min-width:681px){.hero-scroll{margin-top:20px;padding:3px 11px;border:1px solid #b69364;border-radius:8px;background:#fff3d8e8;color:#4f3528}}

@media(min-width:681px){[dir=rtl] .hero-text{margin-left:auto;margin-right:0}:is([lang=pt],[lang=id],[lang=fil],[lang=uz]) .hero h1{font-size:clamp(30px,3.6vw,57px)}}

[dir=rtl] .hero-environment{animation:none}

/* Gold reward plaque, matching the supplied reference. */
.stats-strip{color:#4b250e;border-color:#ffe687;background:linear-gradient(110deg,#ffe17c33,transparent 30%,#fff29b33 65%,transparent),linear-gradient(#ffde68 0%,#ffcb38 48%,#f4ae20 100%);box-shadow:inset 0 3px #fff2a4,inset 0 -5px #d98a13,inset 0 0 0 2px #ffc847,0 0 0 3px #885021,0 6px #ac631c,0 9px #563322;text-shadow:0 1px #ffe99b;border-radius:15px}
.stat+.stat{border-inline-start-color:#bd7b24;box-shadow:inset 2px 0 #ffe88c}
[dir=rtl] .stat+.stat{box-shadow:inset -2px 0 #ffe88c}
.stats-strip:before,.stats-strip:after{width:12px;height:12px;top:calc(50% - 6px);background:linear-gradient(#ffe88f,#eea21a);box-shadow:0 2px #ab641d,0 0 0 2px #c68a28,inset 0 1px #fff3b3}
/* Keep the scenery and the feet in one coordinate system at every width. */
.hero-environment{transform:none;animation:none}
.hero-art{translate:none}
.hero-cat{--feet:.92424;top:calc(var(--wall-y) - var(--cat-size)*var(--feet));bottom:auto;transform:none}
.hero-cat-center{--feet:.87571;bottom:auto}
.hero-cat-right{--feet:.88983;bottom:auto}
.hero-cat:hover{translate:none}
.hero-coin,.hero-gem{transform:translate(var(--scene-x,0px),var(--scene-y,0px))}
@media(max-width:680px){.stats-strip{border-radius:12px;box-shadow:inset 0 2px #fff2a4,inset 0 -3px #d98a13,0 0 0 2px #885021,0 5px #ac631c,0 7px #563322}}

.hero-cat{filter:drop-shadow(0 3px 2px #482c2833)}