@font-face{font-family:Clarika;src:url('../game/fonts/Clarika-Regular.otf')}@font-face{font-family:Clarika;src:url('../game/fonts/Clarika-Bold.otf');font-weight:700}@font-face{font-family:Clarika;src:url('../game/fonts/Clarika-Black.otf');font-weight:900}
:root{font-family:Clarika,Arial,sans-serif;color:#062947;background:#f4f8fb;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #f4c446;outline-offset:6px}.skip{position:absolute;left:15px;top:-60px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}header{height:100px;display:flex;align-items:center;gap:40px;max-width:1440px;padding:0 6%;margin:auto}.brand{display:flex;align-items:center;gap:15px;font-size:22px;font-weight:900;letter-spacing:.5px}.brand img{width:44px;height:62px;object-fit:contain}.brand b{color:#218bc6}nav{margin-left:auto;display:flex;gap:35px;font-weight:700;font-size:13px;letter-spacing:1px}nav a:hover{color:#1287c2}.beta{border:1px solid #c0d3df;border-radius:3px;padding:6px 10px;font-size:11px;letter-spacing:1px;font-weight:700}
.hero{position:relative;max-width:1440px;min-height:670px;margin:auto;background:#78d1f2;overflow:hidden;padding:65px 6% 95px;isolation:isolate}.hero-copy{position:relative;z-index:2;pointer-events:none;width:49%}.hero-copy a{pointer-events:auto}.eyebrow{font-weight:700;letter-spacing:1.6px;font-size:12px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:#062947;border-radius:50%}h1{font-size:clamp(66px,7.5vw,110px);letter-spacing:-4px;line-height:.9;font-weight:900;margin:30px 0 22px}h1 em{font-style:normal;color:#fff;text-shadow:0 3px 0 #399bc9}.intro{font-size:21px;line-height:1.4;margin-bottom:27px}.play{display:inline-flex;align-items:center;gap:55px;background:#062947;color:white;padding:20px 27px;font-size:17px;font-weight:900;border-radius:5px;box-shadow:0 5px 0 #3697bd;transition:transform .15s}.play:hover{transform:translateY(-3px)}.play span{font-size:24px}.platforms{font-size:10px;font-weight:700;letter-spacing:1px;margin-top:18px}.platforms span{padding:0 9px}.hero-art{position:absolute;right:0;top:0;width:56%;height:92%;overflow:hidden;background:radial-gradient(ellipse at 55% 48%,#d5f5ff55,transparent 65%)}.arc{position:absolute;width:690px;height:690px;border:1px solid #ffffff60;border-radius:50%;top:-65px;left:3%}.arc-two{width:540px;height:540px;top:10px;left:13%;border:50px solid #ffffff18}.speed-line{position:absolute;width:700px;height:65px;background:#ffffff32;transform:rotate(-48deg);left:50%;top:170px}.line-two{height:6px;left:22%;top:300px}.mascot{position:absolute;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 14px 6px #12608035)}.fiero{background-image:url('../game/sprites/fiero-run-gray-v2.png');width:370px;height:495px;left:2%;top:55px;transform:rotate(-4deg)}.fierita{background-image:url('../game/sprites/fierita-run-gray-v1.png');width:270px;height:360px;right:1%;top:225px;transform:rotate(5deg)}.art-caption{position:absolute;bottom:20px;left:12%;font-size:10px;font-weight:700;letter-spacing:2px}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #15608440;height:64px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px}.hero-bottom a{font-size:27px}
.collection,.future{max-width:1280px;margin:0 auto;padding:64px 5%}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-top h2{font-size:26px;margin:0;font-weight:900;letter-spacing:-.5px}.section-top>span{font-size:10px;letter-spacing:1px;font-weight:700;color:#668396}.game-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.game-card{display:block;background:white;border-radius:7px;overflow:hidden;border:1px solid #dfebf1;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-cover{height:245px;position:relative;background:#58bddb;overflow:hidden}.game-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.tag{position:absolute;left:20px;top:18px;padding:7px 10px;background:#fff;color:#10394e;font-size:10px;font-weight:700;border-radius:3px;letter-spacing:.5px}.round-play{position:absolute;right:22px;bottom:20px;background:#062947;color:white;width:49px;height:49px;display:grid;place-items:center;border-radius:50%}.game-description{display:flex;align-items:center;justify-content:space-between;padding:22px 25px}.game-description h3{font-size:23px;margin:0 0 5px}.game-description p{font-size:13px;color:#58768a;margin:0}.game-description>span{font-size:26px}.next-card{border:1px dashed #b5cbd9;border-radius:7px;position:relative;overflow:hidden;padding:35px;background:#eaf1f6;display:flex;align-items:flex-end}.next-number{position:absolute;right:12px;top:-35px;font-weight:900;font-size:180px;color:#dce8f0;line-height:1.2}.next-card>div{position:relative}.next-card h3{font-size:31px;line-height:1.1;margin:18px 0}.next-card p{font-size:15px;line-height:1.5;color:#58768a;margin-bottom:0}.future{background:#062947;color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;max-width:1440px;padding:60px 10%}.future .eyebrow{color:#83d4f3}.future h2{font-size:43px;font-weight:900;line-height:1.05;letter-spacing:-1px;margin-top:20px}.future-details article{display:flex;gap:20px;margin:0 0 28px}.future-details article>span{font-size:11px;color:#80cdeb;padding-top:7px}.future h3{font-size:21px;margin:0 0 8px}.future p:not(.eyebrow){font-size:14px;line-height:1.5;color:#b4cedf;margin:0}.future .demo-note{border-top:1px solid #35536a;padding-top:20px;font-size:12px!important}footer{max-width:1440px;margin:auto;padding:32px 6%;display:flex;align-items:center;gap:30px}footer .brand{font-size:17px}footer .brand img{width:30px;height:42px}footer p{margin-left:auto;font-size:12px;color:#58768a}footer p span{padding:0 8px}footer>a:last-child{font-size:12px}
@media(max-width:850px){header{height:82px;padding:0 5%;gap:20px}nav{gap:18px;font-size:11px}.brand{font-size:18px}.brand img{width:34px;height:49px}.hero{min-height:650px;padding-top:55px}.hero-art{width:58%}.fiero{width:300px;height:400px;left:-20px;top:105px}.fierita{width:220px;height:293px;right:-20px;top:300px}.hero-copy{width:54%}h1{font-size:77px}.intro{font-size:18px}.art-caption{display:none}.game-cover{height:210px}.future{padding:45px 6%;gap:30px}.future h2{font-size:35px}}
@media(max-width:580px){header{height:76px}nav a:last-child{display:none}nav{margin-left:auto}.beta{display:none}.hero{padding:30px 6% 65px;min-height:855px}.hero-copy{width:100%}h1{font-size:clamp(46px,15vw,60px);letter-spacing:-2px;margin:22px 0 16px}.intro{font-size:18px;margin-bottom:21px}.play{padding:16px 24px;font-size:16px;gap:50px}.platforms{font-size:9px}.hero-art{top:420px;height:365px;width:100%}.fiero{width:242px;height:323px;top:6px;left:3%}.fierita{width:176px;height:235px;top:115px;right:1%}.arc{width:470px;height:470px;top:-35px;left:0}.arc-two{width:350px;height:350px;left:15%;top:20px;border-width:25px}.hero-bottom{font-size:10px}.hero-bottom>span:nth-child(2){display:none}.section-top{align-items:flex-start}.section-top h2{font-size:23px;max-width:220px}.section-top>span{display:none}.collection{padding:40px 6%}.game-grid{grid-template-columns:1fr;gap:20px}.game-cover{height:210px}.next-card{min-height:245px;padding:25px}.next-card h3{font-size:28px}.future{grid-template-columns:1fr;padding:40px 6%;gap:10px}.future h2{font-size:38px}.future-details article{margin-top:16px}footer{flex-wrap:wrap;padding:25px 6%;gap:15px}footer p{width:100%;order:2;margin:0;font-size:11px}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}