/* EDITABLE ART DIRECTION — colors, type, spacing and art scale live here. */
@font-face{font-family:Lilita;src:url("assets/clay-v4-20260905/LilitaOne-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Baloo;src:url("assets/clay-v4-20260905/baloo2.woff2") format("woff2");font-weight:400 800;font-display:swap}
:root{--ink:#090b1d;--purple:#251c43;--cream:#fff4d7;--accent:#ffd454;--lavender:#b19ad8;--muted:#cdc4d9;--heading-scale:1;--art-scale:1;--section-space:1;--display:Lilita,Impact,sans-serif;--body:Baloo,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--cream);background:radial-gradient(ellipse at 85% 16%,#22193455,transparent 28%),radial-gradient(ellipse at 10% 63%,#36204055,transparent 28%),var(--ink);font:500 18px/1.5 var(--body);overflow-x:clip}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.065;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h220v220H0z'/%3E%3C/svg%3E")}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{width:24px;height:24px;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:calc(95px * var(--section-space))}.scene{position:relative;isolation:isolate}.gold{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.045em;color:var(--lavender);font:400 19px/1.3 var(--display);margin:0 0 22px}.lead{font-size:22px;line-height:1.45;margin:25px 0;color:var(--cream);max-width:520px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{font:400 calc(72px * var(--heading-scale))/1.03 var(--display);text-transform:uppercase;letter-spacing:-.022em;margin:0;text-shadow:0 2px 0 #a1876430,0 6px 20px #0003}h1>span,h2>span{display:block}h1 .gold,h2 .gold{margin-top:.08em}h2{font-size:calc(65px * var(--heading-scale))}h3{font:400 25px/1.2 var(--display);text-transform:uppercase;margin:0}p{margin:0 0 15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#ffe378,var(--accent) 52%,#eab01d);color:#21180a;border:1px solid #ffe77d;border-radius:15px;padding:18px 25px;box-shadow:inset 0 2px 2px #fff7,inset 0 -5px 2px #92611b45,0 6px 14px #0003;font-size:22px;font-weight:800;line-height:1.25;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.08)}.button.small{font-size:19px;border-radius:12px;padding:14px 24px}.text-button{border:0;padding:12px 0;background:none;display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:20px;color:var(--lavender);text-align:left}.text-button:hover{color:var(--cream)}.text-button svg{width:24px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:22px;position:relative;z-index:10;height:132px}.brand{display:block;width:178px;flex-shrink:0}.brand img{width:100%;height:auto}.site-header .brand{align-self:flex-start}.site-header nav{display:flex;align-items:center;gap:36px;font-size:20px;font-weight:750}.site-header nav>a:not(.button):hover{color:var(--accent)}.menu-toggle{display:none}.hero{padding-top:15px;padding-bottom:110px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:center;min-height:665px}.hero-copy{position:relative;z-index:3;padding:15px 0 42px}.hero h1{font-size:calc(clamp(58px,5.1vw,77px) * var(--heading-scale))}.hero h1 span{max-width:640px}.hero h1 .gold{max-width:650px}.hero .lead{max-width:530px}.hero-actions{display:flex;align-items:center;gap:25px;margin:31px 0 22px;flex-wrap:wrap}.hero-actions .text-button{font-size:19px}.store-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;justify-content:center;gap:10px;background:#060607;color:#fff;border:1px solid #9c9790;border-radius:9px;padding:8px 15px;min-width:166px;height:58px;box-shadow:0 4px 10px #0004;transition:transform .2s,border-color .2s;line-height:1}.store-badge:hover{transform:translateY(-2px);border-color:var(--cream)}.store-badge svg{width:27px;height:32px}.store-badge small{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:400;margin-bottom:4px;letter-spacing:.015em}.store-badge strong{font-family:Arial,sans-serif;font-size:21px;font-weight:500;white-space:nowrap}.platform-note{font-size:15px;color:var(--lavender);margin:12px 0 0}.hero-art{position:relative;height:660px;display:flex;justify-content:center;align-items:flex-start;margin-right:5px}.game-phone{position:relative;width:300px;padding:11px;border:2px solid #625072;background:linear-gradient(130deg,#756187,#30273f 34%,#463455);border-radius:38px;box-shadow:inset 0 3px 4px #9c82af60,inset 0 -5px 6px #100b20,15px 24px 40px #0008;transform:rotate(3deg);z-index:2}.game-phone>img{border:4px solid #080a11;border-radius:27px;width:100%;height:auto}.phone-play{position:absolute;top:45%;left:41%;height:59px;width:59px;border-radius:50%;display:grid;place-items:center;background:#3c2859dd;border:1px solid #cfabe488;color:var(--cream);box-shadow:0 7px 25px #0005;opacity:0;transition:.2s}.game-phone:hover .phone-play,.phone-play:focus-visible{opacity:1}.hero-pilot{width:285px;height:auto;position:absolute;right:-66px;bottom:12px;z-index:4;filter:drop-shadow(0 15px 12px #0008);transform:rotate(-5deg) scale(var(--art-scale));transform-origin:bottom center}.orbit-planet{position:absolute;right:-25px;top:32px;width:90px;height:90px;background:radial-gradient(circle at 35% 25%,#edaa58,#b16024 65%,#532614);border-radius:50%;transform:rotate(-23deg);box-shadow:inset -10px -12px 12px #361b2160;z-index:1}.orbit-planet:before{content:"";position:absolute;left:-26%;top:27%;width:150%;height:40%;border:12px solid #cb952b;border-top-color:#b47823;border-radius:50%;transform:rotateX(35deg);box-shadow:0 4px 2px #482010}.hero-orbit-caption{position:absolute;bottom:-18px;left:70px;color:#a48dbd;font-family:var(--display);font-size:13px;letter-spacing:.08em;z-index:4}.hero-orbit-caption i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:6px}.terrain{pointer-events:none;position:absolute;z-index:-1;max-width:none;object-fit:cover;filter:brightness(.68)}.hero-terrain{width:100%;height:300px;bottom:-25px;object-position:50% 40%;mask-image:linear-gradient(to bottom,#000 65%,transparent)}.chapter-strip{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:30px;margin-top:-39px;padding:24px 30px;border:1px solid #51405e;border-radius:21px;background:linear-gradient(160deg,#493654,#271d36);box-shadow:inset 0 3px 2px #b896c01c,0 12px 35px #0005;font:400 24px/1.2 var(--display);text-transform:uppercase;max-width:1080px}.chapter-strip svg{color:var(--accent);width:32px}.gameplay{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:115px}.video-stage{position:relative;max-width:460px;width:100%;margin:auto;padding:18px 40px 32px}.video-backdrop{position:absolute;inset:13% -4% 2%;background:radial-gradient(ellipse,#62427966,transparent 69%);transform:rotate(-12deg)}.trailer-poster{display:block;position:relative;border:2px solid #644977;border-radius:28px;background:#1d162a;padding:10px;box-shadow:inset 0 2px 3px #9876a744,10px 25px 35px #0007;transform:rotate(-3deg);width:100%;overflow:hidden}.trailer-poster video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px}.poster-play{position:absolute;top:42%;left:calc(50% - 38px);display:grid;place-items:center;background:linear-gradient(135deg,#9a6abd,#58317b);width:76px;height:76px;border:2px solid #c79adf;border-radius:50%;box-shadow:0 8px 18px #0007;transition:transform .2s}.poster-play svg{width:32px;height:32px}.trailer-poster:hover .poster-play{transform:scale(1.1)}.video-caption{position:absolute;bottom:10px;left:10px;right:10px;padding:28px 16px 13px;background:linear-gradient(transparent,#080918f5);border-radius:0 0 18px 18px;text-align:left;font-size:15px}.video-caption span{float:right;color:var(--accent)}.floating-ticket{position:absolute;right:-6px;bottom:65px;transform:rotate(9deg);background:#f8e7bf;border-radius:10px;padding:11px 16px;color:#302332;box-shadow:0 7px 16px #0005;font:400 14px/1.2 var(--display);text-transform:uppercase}.floating-ticket span{display:block;font-size:30px}.motion-toggle{display:block;margin:15px auto 0;font-size:14px;color:var(--lavender);background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}.proof-list{list-style:none;padding:10px 0;margin:17px 0 15px;font-size:21px}.proof-list li{display:flex;align-items:center;gap:14px;margin:13px 0}.proof-list li:before{content:"";width:12px;height:5px;background:var(--accent);border-radius:4px;box-shadow:0 2px 1px #c3872640}.section-copy{position:relative;z-index:2}.section-heading{text-align:center;margin-bottom:52px}.section-heading h2{font-size:calc(clamp(40px,4.8vw,66px) * var(--heading-scale))}.how{padding-bottom:115px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;position:relative;z-index:2}.step-number{display:grid;place-items:center;font:400 37px/1 var(--display);background:linear-gradient(140deg,#75538d,#3a264b);border:1px solid #7d5c94;border-radius:17px;width:70px;height:70px;box-shadow:inset 0 3px 2px #b596c255,inset 0 -4px 3px #25133275,0 6px 12px #0004;margin-bottom:20px}.step h3{color:var(--accent);font-size:23px;margin:0 0 10px}.step p{font-size:20px;line-height:1.4}.step-art{height:245px;position:relative;margin-top:35px}.mini-board{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:255px;height:224px;padding:8px;background:#403c2d;border-radius:12px;transform:perspective(600px) rotateX(28deg) rotateZ(-6deg);box-shadow:0 15px 0 #584430,0 20px 18px #0006}.mini-board i{display:block;background:linear-gradient(140deg,#e3cfac,#b3a080);border-radius:3px;box-shadow:inset 0 1px 2px #fff8;position:relative}.mini-board .wall{background:linear-gradient(130deg,#939087,#524f4a);box-shadow:0 5px 0 #3f3d37,inset 0 2px 1px #d1cfc077;transform:translateY(-7px);z-index:2}.mini-board .route:after{content:"";position:absolute;top:44%;left:35%;width:35%;height:15%;border-radius:10px;background:#b75f48}.maze-stage>img{position:absolute;width:85px;top:-8px;left:-18px;filter:drop-shadow(0 10px 6px #0007)}.tower-stage{display:flex;align-items:flex-start;justify-content:center;padding-top:10px;gap:0}.tower-stage>img{width:38%;max-width:140px;filter:drop-shadow(0 10px 6px #0008)}.tower-stage>img:nth-child(2){transform:translateY(-15px);z-index:2;margin-inline:-24px}.mini-card-row{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;transform:perspective(450px) rotateX(24deg)}.mini-card-row span{font:400 12px/1 var(--display);display:flex;align-items:flex-end;padding:14px 8px 12px;height:86px;width:75px;background:linear-gradient(135deg,#727f39,#333d21);border:3px solid #859549;border-radius:10px;box-shadow:0 4px 0 #222317}.mini-card-row span:nth-child(2){background:linear-gradient(135deg,#965878,#613152);border-color:#ad6c97}.mini-card-row span:nth-child(3){background:linear-gradient(135deg,#527cad,#2d415d);border-color:#718bae}.pilot-stage>img{width:210px;position:relative;margin:auto;z-index:2;filter:drop-shadow(0 15px 9px #0007)}.fork-path{position:absolute;width:220px;height:100px;border:18px solid #c89433;border-top:0;border-radius:0 0 50% 50%;bottom:-5px;left:calc(50% - 110px);transform:perspective(400px) rotateX(58deg);box-shadow:inset 0 -4px #f4c65f,0 4px #85551c}.how-terrain{bottom:-26px;width:100%;height:330px;object-position:center 45%;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.collection{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;min-height:650px}.category-tabs{display:flex;gap:12px;margin:32px 0 18px;flex-wrap:wrap}.category-tabs button{background:transparent;border:1px solid #8666a4;border-radius:11px;padding:11px 20px;min-width:100px;font-size:20px;color:var(--lavender)}.category-tabs [aria-selected=true]{background:linear-gradient(135deg,#ffe170,var(--accent));color:#2b1b0b;border-color:#ffe795;box-shadow:inset 0 -3px 2px #bc7b2155;font-weight:800}.arsenal-description{max-width:420px;color:var(--lavender);font-size:17px;min-height:54px}.collection-art{position:relative;height:500px;isolation:isolate}.card-fan{height:345px;position:relative;margin:0 auto;width:min(100%,500px);z-index:3}.collectible-card{position:absolute;top:45px;width:190px;height:274px;border:7px solid #4d6037;border-radius:24px;box-shadow:inset 0 2px 4px #d8ec6f50,7px 12px 16px #0006;background:linear-gradient(135deg,#6a8038,#34451f);transform:rotate(-17deg);left:0;padding:19px 12px}.collectible-card:nth-child(2){left:29%;top:15px;transform:rotate(-3deg);background:linear-gradient(135deg,#526f99,#243c61);border-color:#627fa8}.collectible-card:nth-child(3){left:57%;top:40px;transform:rotate(13deg);background:linear-gradient(135deg,#d6c499,#b3a176);border-color:#e0cea5;color:#423421}.collectible-card h3{font-size:24px}.collectible-card img{width:150px;height:164px;object-fit:contain;margin:9px auto 0;filter:drop-shadow(0 10px 6px #0005)}.collectible-card .card-type{font:400 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;opacity:.75}.clay-plinth{position:absolute;left:-3%;right:-7%;height:190px;bottom:70px;border-radius:50%;background:radial-gradient(ellipse at 45% 10%,#665071,#392840 62%);transform:rotate(-5deg);box-shadow:0 28px 0 #261b2c,0 40px 20px #0005;z-index:0}.clay-plinth:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #b796be25}.loose-towers{position:absolute;bottom:-5px;display:flex;justify-content:space-around;width:95%;left:2%;z-index:5}.loose-towers img{width:29%;filter:drop-shadow(0 11px 7px #0007)}.hatlings{padding-top:60px;padding-bottom:85px;background:radial-gradient(ellipse at 15% 60%,#372d4140,transparent 65%)}.hatlings-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}.hatling-stage{position:relative;height:590px;display:flex;align-items:center;justify-content:center}.hatling-stage>img{width:110%;max-width:none;height:auto;position:relative;z-index:2;transform:scale(var(--art-scale));transform-origin:center bottom;filter:brightness(.91) drop-shadow(12px 25px 12px #0006)}.hatling-stage>img.alternate{width:75%;image-rendering:auto;filter:drop-shadow(12px 25px 12px #0006);animation:pop-in .35s ease-out}.tile-platform{position:absolute;bottom:0;left:-6%;right:-6%;height:225px;border-radius:25px;background:repeating-linear-gradient(90deg,transparent 0 64px,#6e5a434f 64px 68px),repeating-linear-gradient(0deg,transparent 0 64px,#6e5a434f 64px 68px),linear-gradient(130deg,#c5ae87,#837456);transform:perspective(500px) rotateX(55deg) rotateZ(-9deg);box-shadow:0 20px 0 #594333,0 30px 30px #0006}.enemy-detail{margin:32px 0 23px}.enemy-detail h3{color:var(--lavender);font-size:27px;margin-bottom:10px}.enemy-detail p{font-size:22px;min-height:33px}.enemy-picker{display:flex;gap:12px;margin-bottom:25px}.enemy-picker button{position:relative;display:flex;flex-direction:column;align-items:center;width:126px;padding:9px 5px 12px;border:1px solid #5d486d;border-radius:18px;background:linear-gradient(160deg,#281d3944,#110e2444);color:var(--muted);font-size:14px;transition:.2s}.enemy-picker button img{width:92px;height:94px;object-fit:contain;transition:transform .25s}.enemy-picker button:hover img{transform:translateY(-5px)}.enemy-picker .selected{border-color:var(--accent);color:var(--cream);box-shadow:inset 0 0 0 1px var(--accent)}.enemy-picker .selected:after{content:"";position:absolute;bottom:-9px;left:12px;right:12px;height:5px;background:var(--accent);border-radius:4px}.download{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding-top:30px;padding-bottom:55px}.download h2{font-size:calc(101px * var(--heading-scale))}.download h2 .gold{font-size:1.65em;line-height:.9}.download .lead{margin:28px 0}.download .store-badges{margin-top:30px}.download-island{width:113%;max-width:none;transform:scale(var(--art-scale));filter:brightness(.87) drop-shadow(0 22px 18px #0005)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #574260;border-bottom:1px solid #574260;padding:32px 10px}.faq details+details{border-left:1px solid #574260;padding-left:40px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;color:var(--lavender);font:400 26px/1.2 var(--display)}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent);font:500 26px/1 var(--body);transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{margin:12px 0 0;font-size:18px}.site-footer{display:flex;align-items:center;gap:45px;justify-content:space-between;padding-block:35px}.site-footer .brand{width:125px}.footer-links{display:flex;gap:25px;font-size:17px}.footer-links a:hover{color:var(--accent)}.site-footer p{margin:0;color:var(--muted);font-size:16px}.site-footer p span{color:var(--lavender);margin:0 10px}dialog{padding:0;border:1px solid #816494;border-radius:22px;background:#151023;color:var(--cream);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#030411dc;backdrop-filter:blur(8px)}.trailer-dialog{max-height:94dvh;max-width:min(94vw,510px);overflow:visible}.trailer-dialog video{max-height:90dvh;max-width:100%;width:auto;display:block;border-radius:20px}.dialog-close{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:40px;height:40px;background:#1b142ddd;border:1px solid #b394cf;border-radius:50%;color:#fff;font:400 30px/1 Arial}.store-dialog{padding:45px 35px 30px;max-width:min(90vw,480px);text-align:center}.store-dialog h2{font-size:40px;margin-bottom:20px}.store-dialog p:not(.eyebrow){font-size:19px}.store-dialog .button{margin-top:10px;font-size:18px;padding:12px 30px}.skip-link{position:fixed;top:-80px;left:10px;z-index:100;background:var(--accent);color:var(--ink);padding:10px}.skip-link:focus{top:10px}@keyframes pop-in{from{opacity:.25;translate:0 10px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.hero-grid{grid-template-columns:1.15fr .85fr}.hero-art{height:700px}.game-phone{width:325px}.hero{padding-top:28px}.hero-pilot{right:-18px;bottom:15px}.hero h1{font-size:calc(77px * var(--heading-scale))}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}h2{font-size:calc(54px * var(--heading-scale))}.hero h1{font-size:calc(60px * var(--heading-scale))}.hero-grid{grid-template-columns:1fr .85fr;gap:8px}.hero-art{height:620px}.game-phone{width:275px}.hero-pilot{right:-30px;width:240px}.hero .lead{font-size:20px}.hero-actions{gap:12px}.hero-actions .button{font-size:19px;padding:17px 20px}.hero-actions .text-button{font-size:16px}.store-badge{min-width:145px;padding:8px 11px;gap:8px}.store-badge strong{font-size:18px}.store-badge svg{width:23px}.gameplay{gap:45px}.video-stage{padding-inline:22px}.steps{gap:24px}.mini-board{width:220px;height:210px}.step h3{font-size:20px}.step p{font-size:18px}.collection{gap:30px}.collectible-card{width:165px;height:245px}.collectible-card img{width:130px;height:140px}.collectible-card h3{font-size:21px}.card-fan{width:400px;max-width:100%}.collection-art{height:440px}.clay-plinth{bottom:50px;height:155px}.hatlings-grid{gap:30px}.hatling-stage{height:520px}.enemy-picker button{width:105px}.enemy-picker button img{width:80px;height:85px}.download h2{font-size:calc(84px * var(--heading-scale))}.site-header nav{gap:24px}.site-footer{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:calc(60px * var(--section-space))}.site-header{height:100px;padding-block:15px}.site-header .brand{width:123px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;background:linear-gradient(135deg,#543964,#34223f);border:1px solid #796087;border-radius:12px;box-shadow:inset 0 2px 2px #b48aca44}.menu-toggle span{height:4px;background:var(--cream);width:23px;border-radius:4px}.site-header nav{display:none;position:absolute;right:0;top:84px;background:#23192ff5;border:1px solid #695074;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0007;min-width:220px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.hero{padding-top:18px;padding-bottom:70px}.hero-grid{display:flex;flex-direction:column;gap:28px;min-height:auto}.hero-copy{text-align:center;padding:0;width:100%}.eyebrow{font-size:14px;margin-bottom:16px}.hero h1{font-size:calc(clamp(43px,10.5vw,72px) * var(--heading-scale));letter-spacing:-.025em}.hero h1>span{max-width:100%}.hero h1 .gold{max-width:650px;margin:.07em auto 0}.hero .lead{font-size:18px;line-height:1.38;max-width:370px;margin:20px auto}.hero .lead br{display:none}.hero-actions{justify-content:center;margin:17px 0 15px}.hero-actions>.button{display:none}.hero-actions .text-button{font-size:16px;padding:0}.hero .store-badges{justify-content:center;gap:10px}.store-badge{min-width:149px;height:52px;padding:7px 11px;border-radius:7px}.store-badge strong{font-size:18px}.store-badge small{font-size:9px}.platform-note{font-size:13px;margin-top:10px}.hero-art{height:auto;width:100%;max-width:420px;margin:4px auto 0;padding-bottom:20px;min-height:610px}.game-phone{width:280px;transform:rotate(1.5deg);border-radius:32px;padding:9px}.game-phone>img{border-radius:22px}.hero-pilot{width:175px;right:-12px;bottom:0}.hero-orbit-caption{font-size:10px;left:20px;bottom:-11px}.orbit-planet{width:55px;height:55px;right:0;top:40px}.orbit-planet:before{border-width:7px}.hero-terrain{height:200px;bottom:-15px;width:150%;left:-25%}.chapter-strip{padding:17px 15px;gap:12px;font-size:14px;max-width:calc(100% - 28px);margin-top:-25px;border-radius:14px}.chapter-strip svg{width:19px;height:19px}.chapter-strip span{max-width:100px}.gameplay{display:flex;flex-direction:column-reverse;gap:35px;padding-top:65px}.gameplay>.section-copy{text-align:center}.section-copy h2{font-size:calc(clamp(39px,9.5vw,62px) * var(--heading-scale))}.lead{font-size:19px;margin:20px auto}.proof-list{font-size:17px;margin:18px auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 17px;padding:0}.proof-list li{gap:7px;margin:0}.proof-list li:before{width:7px;height:4px}.gameplay .text-button{font-size:17px;justify-content:center}.video-stage{max-width:360px;padding:5px 28px 0}.floating-ticket{right:-3px;bottom:68px;font-size:11px;padding:9px 11px}.floating-ticket span{font-size:25px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:calc(42px * var(--heading-scale));max-width:380px;margin:auto}.steps{display:flex;flex-direction:column;gap:35px;max-width:430px;margin:auto}.step{display:grid;grid-template-columns:66px 1fr;column-gap:17px;align-items:start;position:relative}.step-number{width:56px;height:56px;font-size:29px;border-radius:14px;grid-row:1/3;margin:0}.step h3{font-size:24px;margin:2px 0 8px}.step p{font-size:18px;grid-column:2;margin:0}.step p br{display:none}.step-art{grid-column:1/3;max-width:320px;width:100%;margin:20px auto 0;height:245px}.maze-stage{padding-left:35px}.mini-board{width:255px;height:224px}.maze-stage>img{left:19px;top:0}.tower-stage{padding-top:15px}.pilot-stage>img{width:205px}.how{padding-bottom:75px}.how-terrain{height:220px;width:150%;left:-25%;bottom:0}.collection{display:flex;flex-direction:column;gap:30px;min-height:0}.collection .section-copy{text-align:center}.category-tabs{justify-content:center;margin:22px 0 15px;gap:9px}.category-tabs button{font-size:17px;min-width:88px;padding:10px 14px}.arsenal-description{font-size:16px;min-height:48px;margin:0 auto}.collection-art{width:100%;max-width:480px;height:425px;margin-top:5px}.card-fan{width:330px;max-width:96%;height:300px}.collectible-card{width:145px;height:214px;padding:13px 7px;border-width:5px;border-radius:19px}.collectible-card img{width:117px;height:129px;margin-top:6px}.collectible-card h3{font-size:19px}.collectible-card .card-type{font-size:8px}.collectible-card:nth-child(2){left:27%}.collectible-card:nth-child(3){left:54%}.clay-plinth{left:0;right:0;bottom:80px;height:155px}.loose-towers{bottom:6px;width:95%}.hatlings-grid{display:flex;flex-direction:column-reverse;gap:15px}.hatlings .section-copy{text-align:center;width:100%}.hatlings .eyebrow{font-size:13px}.enemy-detail{margin:23px 0 20px}.enemy-detail h3{font-size:24px}.enemy-detail p{font-size:20px;min-height:30px}.enemy-picker{justify-content:center;gap:10px;margin-bottom:19px}.enemy-picker button{width:100px;font-size:12px;border-radius:14px}.enemy-picker button img{width:77px;height:80px}.hatlings .text-button{justify-content:center;font-size:17px}.hatling-stage{height:400px;max-width:430px;width:100%}.hatling-stage>img{width:103%;max-height:420px;object-fit:contain}.tile-platform{left:2%;right:2%;height:170px;bottom:-3px;background-size:auto}.download{display:flex;flex-direction:column;gap:10px;text-align:center;padding-top:20px}.download .section-copy{width:100%}.download h2{font-size:calc(76px * var(--heading-scale))}.download h2 .gold{font-size:1.55em}.download .store-badges{justify-content:center;margin-top:22px}.download-island{width:110%;max-width:580px;margin-top:12px}.faq{grid-template-columns:1fr;gap:0;padding:0}.faq details{padding:25px 0}.faq details+details{padding-left:0;border-left:0;border-top:1px solid #493650}.faq summary{font-size:23px}.faq p{font-size:17px}.site-footer{flex-wrap:wrap;justify-content:center;gap:22px;padding-bottom:85px}.site-footer .brand{width:116px}.site-footer p{width:100%;text-align:center;font-size:14px}.footer-links{font-size:15px;gap:15px}.review-toggle{right:12px;bottom:12px;font-size:11px;padding:9px 12px}.review-panel{right:12px;bottom:55px}.phone-play{opacity:1;width:48px;height:48px;left:calc(50% - 24px)}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:calc(41px * var(--heading-scale))}.store-badge{min-width:141px;padding:7px 9px}.hero .store-badges{gap:8px}.store-badge strong{font-size:17px}.hero-pilot{right:-3px;width:154px}.hero-art{min-height:575px}.game-phone{width:262px}.collectible-card{width:136px}.card-fan{width:310px}.collectible-card img{width:108px}.enemy-picker button{width:94px}.chapter-strip{font-size:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Contain decorative layers without constraining the editable content grid. */
main{overflow:clip}.download-island{width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;align-self:center}.clay-plinth{left:0;right:0}
@media(min-width:1200px){.hero h1 .gold{font-size:.86em;white-space:nowrap}.hero-pilot{right:-20px}.hero-copy{min-width:0}.hero-grid{grid-template-columns:1.12fr .88fr}}
@media(max-width:760px){.hero h1 .gold{white-space:normal}.download-island{width:100%;max-width:580px}}

/* Public launch signup. Review controls remain in the separate local preview. */
.notify{margin-top:30px;max-width:465px;padding-top:22px;border-top:1px solid #604777}.notify-label{display:block;color:var(--lavender);font-size:17px;margin-bottom:12px}.notify-row{display:flex;gap:9px}.notify input[type=email]{min-width:0;width:100%;background:#110d20;color:var(--cream);border:1px solid #856499;border-radius:10px;padding:12px 14px;font:500 17px var(--body)}.notify input::placeholder{color:#ad9abc}.notify .button{font-size:17px;padding:12px 19px;white-space:nowrap;border-radius:10px}.hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}.notify{scroll-margin-top:30px}@media(max-width:760px){.notify{margin:26px auto 0;text-align:left}.notify-label{text-align:center}.notify-row{gap:8px}.notify .button{padding:12px 14px;font-size:16px}}

/* The supporting display follows the selected collection. Keep every cutout undistorted. */
.loose-towers img{height:auto;aspect-ratio:1;object-fit:contain}
.loose-towers[data-category="relics"] img,.loose-towers[data-category="upgrades"] img{width:25%;max-height:150px}
.collectible-card h3{position:relative;z-index:1}
.game-phone .phone-play{top:auto;bottom:20px;left:18px;width:46px;height:46px;opacity:1;background:#3c2859e6}

/* Real clay UI assets from the current game; text and artwork remain editable. */
.journey{position:relative;z-index:4;margin-top:-28px;text-align:center}
.journey-caption{position:relative;margin:0 auto 20px;font:400 17px/1.4 var(--display);color:var(--cream);letter-spacing:.055em;text-transform:uppercase;text-shadow:0 2px 3px #000;}
.chapter-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:0 auto;max-width:1080px;border:0;border-radius:0;background:none;box-shadow:none;font-size:23px;}
.journey-step{display:flex;align-items:center;justify-content:center;gap:15px;min-height:120px;border:22px solid transparent;border-image:url('assets/clay-v7-20260905/clay-button-purple.webp') 44 fill stretch;padding:2px 5px;filter:drop-shadow(0 9px 6px #0005);text-align:left;text-shadow:0 2px 1px #271630;}
.journey-step:nth-child(1){transform:rotate(-1.3deg)}.journey-step:nth-child(3){transform:rotate(1.3deg)}
.journey-step>span{max-width:none}.journey-number{font-size:17px;color:var(--accent)}
.step-number{border:0;background:transparent url('assets/clay-v7-20260905/clay-button-purple.webp') center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 5px 3px #0005)}
.real-tower-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0;height:auto;min-height:280px;align-items:end;isolation:isolate}
.tower-feature{display:flex;flex-direction:column;align-items:center;min-width:0;gap:14px}
.featured-tower{width:100%;height:112px;object-fit:contain;filter:drop-shadow(0 8px 5px #0007)}
.real-game-card{width:100%;max-width:103px;aspect-ratio:296/461;position:relative;background:url('assets/clay-v7-20260905/game-card-tower.webp') center/100% 100% no-repeat;filter:drop-shadow(0 7px 4px #0007);font-family:var(--body);font-weight:900;color:#fdfaf0;text-shadow:0 1px 1px #16230c}
.tower-feature:first-child .real-game-card{transform:rotate(-7deg)}.tower-feature:last-child .real-game-card{transform:rotate(7deg)}
.game-card-cost{position:absolute;left:7%;top:6%;display:flex;align-items:center;gap:3px;padding:2px 6px;background:#080a149e;border-radius:30px;color:#cfe0ff;font-size:13px;line-height:1.2}
.game-card-cost img{width:16px;height:16px;object-fit:contain}
.game-card-name{position:absolute;left:9%;right:6%;top:29%;font-size:12px;line-height:1.1;text-transform:uppercase;letter-spacing:-.025em}
.game-card-art{position:absolute;bottom:6%;left:8%;width:84%;height:49%;object-fit:contain}
@media(max-width:1000px) and (min-width:761px){.game-card-name{font-size:10px}.game-card-cost{font-size:11px}.real-tower-showcase{gap:2px}.journey-step{gap:8px}.chapter-strip{font-size:19px}}
@media(max-width:760px){.hero{padding-bottom:42px}.hero-art{padding-bottom:25px}.journey{margin-top:8px;width:calc(100% - 24px)}.journey-caption{font-size:13px;margin-bottom:16px}.chapter-strip{max-width:none;gap:5px;font-size:15px;line-height:1.1}.journey-step{min-height:117px;flex-direction:column;gap:5px;text-align:center;border-width:14px;padding:7px 0}.journey-number{font-size:13px}.real-tower-showcase{max-width:350px;width:100%;min-height:285px;height:auto;margin-top:22px;gap:9px}.featured-tower{height:116px}.game-card-name{font-size:12px}.game-card-cost{font-size:13px}}
@media(max-width:380px){.chapter-strip{font-size:14px;gap:3px}.journey-step{border-width:12px}.real-tower-showcase{gap:6px}.game-card-name{font-size:11px}}

/* Six-enemy clay ensemble: art stays visible as the roster is explored. */
.enemy-ensemble{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"heading heading" "art roster";gap:32px 42px}
.ensemble-heading{grid-area:heading;text-align:center}.ensemble-heading h2>span{display:inline}.ensemble-heading h2 .gold{margin-left:.16em}
.ensemble-stage{grid-area:art;height:auto;min-height:0;width:100%;max-width:none;align-self:center}
.ensemble-stage>img{width:112%;max-width:112%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 20px #0004)}
.ensemble-roster{grid-area:roster;min-width:0}.roster-intro{font-size:20px;color:var(--lavender);margin-bottom:18px}
.ensemble-roster .enemy-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}
.ensemble-roster .enemy-picker button{width:100%;font-size:14px;padding:7px 4px 10px;background:radial-gradient(ellipse at 30% 0%,#68477966,#231833aa);box-shadow:inset 0 2px 3px #b99cc322,0 5px 8px #0003}
.ensemble-roster .enemy-picker button img{width:90px;max-width:100%;height:85px;object-fit:contain}
.ensemble-roster .enemy-picker .selected{box-shadow:inset 0 0 0 1px var(--accent),0 5px 12px #0004;background:#59432c66}
.ensemble-roster .enemy-detail{min-height:102px;margin:20px 0 5px}.ensemble-roster .enemy-detail p{font-size:20px}
@media(max-width:1000px){.enemy-ensemble{gap:26px}.ensemble-roster .enemy-picker{gap:8px}.ensemble-roster .enemy-picker button{font-size:12px}.ensemble-roster .enemy-picker button img{height:72px}}
@media(max-width:760px){.enemy-ensemble{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "art" "roster";gap:20px}.ensemble-heading h2>span{display:block}.ensemble-heading h2 .gold{margin-left:0}.ensemble-heading h2{font-size:clamp(39px,10vw,62px)}.ensemble-stage{width:100%;max-width:520px;margin:0 auto}.ensemble-stage>img{width:108%;max-width:108%;height:auto;max-height:none}.ensemble-roster{width:100%;max-width:460px;margin:0 auto;text-align:center}.roster-intro{font-size:17px;margin-bottom:15px}.ensemble-roster .enemy-picker{gap:10px}.ensemble-roster .enemy-picker button{font-size:13px}.ensemble-roster .enemy-picker button img{width:85px;height:80px}.ensemble-roster .enemy-detail{min-height:92px;margin-top:22px}.ensemble-roster .enemy-detail h3{font-size:25px}.ensemble-roster .enemy-detail p{font-size:19px}.ensemble-roster .next-enemy{margin:auto}}