:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0d0c;--ink-soft:#131614;--ink-raised:#1a1e1b;--bone:#f3f0e7;--bone-dim:#b6b8af;--signal:#d8ff3e;--signal-soft:#c7eb3c;--line:#f3f0e724;--line-strong:#f3f0e747;--display:"Syne", "Trebuchet MS", sans-serif;--body:"Manrope Variable", "Aptos", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--nav-layer:30;--grain-layer:20;font-family:var(--body);font-synthesis:none;color:var(--bone);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;margin:0;overflow-x:hidden}body:after{z-index:var(--grain-layer);pointer-events:none;opacity:.18;content:"";background:repeating-radial-gradient(circle at 12% 17%,#0000 0 1px,#ffffff05 1px 2px) 0 0/19px 17px,repeating-radial-gradient(circle at 74% 81%,#0000 0 2px,#ffffff04 2px 3px) 0 0/23px 21px;position:fixed;inset:0}::selection{color:var(--ink);background:var(--signal)}a{color:inherit}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance}.skip-link{z-index:100;color:var(--ink);background:var(--signal);transition:transform .5s var(--ease-out);padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.site-nav{z-index:var(--nav-layer);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#0b0d0cd1;border:1px solid #f3f0e724;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.5rem,4vw,5rem);width:min(100% - 2rem,1280px);padding:.45rem .5rem .45rem .65rem;display:grid;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 20px 70px #0305045c}.brand-lockup,.footer-brand{align-items:center;gap:.72rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--signal);border-radius:50%;place-items:center;width:2.55rem;height:2.55rem;padding:.45rem;display:grid;box-shadow:inset 0 1px 1px #ffffff6b,0 0 0 1px #d8ff3e29}.brand-mark img{filter:brightness(0);width:100%;height:100%}.brand-name{font-family:var(--display);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;font-size:.88rem;font-weight:700}.site-nav nav{justify-content:center;gap:clamp(1.3rem,3vw,3rem);display:flex}.site-nav nav a{color:var(--bone-dim);letter-spacing:.09em;text-transform:uppercase;transition:color .5s var(--ease-out);padding:.65rem 0;font-size:.73rem;font-weight:650;text-decoration:none;position:relative}.site-nav nav a:after{background:var(--signal);content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease-out);position:absolute;bottom:.3rem;left:0;right:0;transform:scaleX(0)}.site-nav nav a:hover{color:var(--bone)}.site-nav nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-action{min-height:2.7rem;color:var(--ink);background:var(--signal);letter-spacing:.06em;text-transform:uppercase;transition:transform .5s var(--ease-spring), background .5s var(--ease-out);border-radius:999px;align-items:center;gap:.7rem;padding:0 1rem;font-size:.73rem;font-weight:760;text-decoration:none;display:inline-flex}.nav-action:hover{background:var(--bone);transform:translateY(-2px)}.nav-action:active{transform:scale(.97)}.hero{isolation:isolate;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero__art,.hero__veil{width:100%;height:100%;position:absolute;inset:0}.hero__art{z-index:-3;object-fit:cover;filter:saturate(.72)contrast(1.14)brightness(.62);transform:scale(1.035)}.hero__veil{z-index:-2;background:radial-gradient(circle at 76% 45%, #d8ff3e21, transparent 28%), linear-gradient(90deg, #0b0d0cf5 0%, #0b0d0cbf 43%, #0b0d0c29 76%), linear-gradient(0deg, var(--ink) 0%, transparent 30%, #0b0d0c57 100%)}.hero__trajectory{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__trajectory path{fill:none;stroke:var(--signal);stroke-width:2px;stroke-dasharray:14 15;opacity:.62;filter:drop-shadow(0 0 10px #d8ff3e7a);animation:trajectory 12s var(--ease-out) infinite}.hero__trajectory circle{fill:var(--ink);stroke:var(--signal);stroke-width:2px;opacity:.82}.hero__content{align-self:end;width:min(100%,1600px);min-width:0;max-width:100vw;margin:0 auto;padding:clamp(9rem,15vh,12rem) clamp(1.2rem,5vw,5.8rem) clamp(7rem,12vh,9rem)}.eyebrow{color:var(--signal);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-weight:720}.hero h1{letter-spacing:-.078em;text-transform:uppercase;max-width:8.5ch;margin:clamp(1.1rem,2.5vw,2rem) 0 clamp(1.4rem,3vw,2.7rem);font-size:clamp(4.6rem,13vw,12.8rem);font-weight:720;line-height:.7;display:grid}.hero h1 strong{color:var(--signal);font-weight:inherit;transform:translate(clamp(1rem,6vw,6.4rem))}.hero__pitch{grid-template-columns:minmax(180px,.65fr) minmax(240px,1.35fr);gap:clamp(1.5rem,4vw,4rem);width:min(100%,760px);margin-left:clamp(0rem,5vw,5.4rem);display:grid}.hero__pitch>p{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:620;line-height:1.05}.hero__pitch>span{color:var(--bone-dim);text-wrap:pretty;font-size:clamp(.87rem,1.05vw,1rem);line-height:1.7}.hero__actions{align-items:center;gap:1.2rem;margin:clamp(2rem,4vw,3.5rem) 0 0 clamp(0rem,5vw,5.4rem);display:flex}.primary-action{min-height:3.75rem;color:var(--ink);background:var(--signal);letter-spacing:.07em;text-transform:uppercase;transition:transform .55s var(--ease-spring), background .55s var(--ease-out);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:1.4rem;padding:.45rem .52rem .45rem 1.3rem;font-size:.78rem;font-weight:760;text-decoration:none;display:inline-flex}.primary-action:hover{background:var(--bone);transform:translateY(-3px)}.primary-action:active{transform:scale(.98)}.action__icon{width:2.8rem;height:2.8rem;transition:transform .55s var(--ease-spring);background:#0b0d0c1a;border-radius:50%;place-items:center;display:grid}.primary-action:hover .action__icon{transform:translate(3px,-2px)scale(1.05)}.text-action{border-bottom:1px solid var(--line-strong);color:var(--bone-dim);letter-spacing:.06em;text-transform:uppercase;transition:color .5s var(--ease-out), border-color .5s var(--ease-out);padding:.85rem 0;font-size:.75rem;font-weight:680;text-decoration:none}.text-action:hover{color:var(--bone);border-color:var(--signal)}.hero__meta{color:#f3f0e7a6;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:.61rem;font-weight:700;display:flex;position:absolute;bottom:1.7rem;left:clamp(1.2rem,5vw,5.8rem);right:clamp(1.2rem,5vw,5.8rem)}.hero__meta span:first-child{align-items:center;gap:.55rem;display:flex}.hero__meta i{background:var(--signal);width:.5rem;height:.5rem;box-shadow:0 0 14px var(--signal);border-radius:50%}.signal-rail{color:var(--ink);background:var(--signal);overflow:hidden}.signal-rail>div{align-items:center;gap:1.7rem;width:max-content;padding:1rem 0;animation:30s linear infinite rail;display:flex}.signal-rail span{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(.95rem,1.5vw,1.3rem);font-weight:730}.signal-rail i{font-size:.45rem;font-style:normal}.game-section,.roadmap-section{width:min(100%,1600px);margin:0 auto;padding:clamp(6.5rem,12vw,12rem) clamp(1.2rem,5vw,5.8rem)}.section-heading{grid-template-columns:.58fr 1.42fr;align-items:end;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(3.5rem,7vw,7rem);display:grid}.section-heading h2,.armory-copy h2,.roadmap-header h2,.community-copy h2{letter-spacing:-.07em;font-size:clamp(3.7rem,8.5vw,8.8rem);font-weight:680;line-height:.88}.game-stage{grid-template-columns:minmax(0,1.42fr) minmax(220px,.58fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.game-stage__shell{border:1px solid var(--line);background:#f3f0e70b;border-radius:2rem;padding:.52rem;box-shadow:inset 0 1px #ffffff0f}.game-stage__screen{background:#020403;border-radius:1.48rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 34px 90px #02040361}.game-stage__screen>img{aspect-ratio:16/9;object-fit:cover;width:100%}.game-stage__label{color:var(--ink);background:var(--signal);letter-spacing:.1em;text-transform:uppercase;border-radius:.5rem;padding:.62rem .78rem;font-size:.61rem;font-weight:760;position:absolute;bottom:1rem;right:1rem}.game-stage__aside>p{max-width:18ch;font-family:var(--display);letter-spacing:-.04em;padding-bottom:1rem;font-size:clamp(1.8rem,3vw,3.5rem);font-weight:620;line-height:1.02}.game-stage__aside .primary-action{width:min(100%,22rem);margin-top:2rem}.combat-loop{background:var(--line);grid-template-columns:.82fr 1.08fr .9fr;gap:1px;margin-top:clamp(5rem,10vw,10rem);display:grid}.combat-step{background:var(--ink);min-height:310px;padding:clamp(1.6rem,3.5vw,3.5rem)}.combat-step:nth-child(2){color:var(--ink);background:var(--bone);transform:translateY(-2.5rem)}.combat-step>span{width:2.4rem;height:2.4rem;color:var(--signal);border:1px solid;border-radius:50%;place-items:center;font-size:.65rem;font-weight:760;display:inline-grid}.combat-step:nth-child(2)>span{color:#586b09}.combat-step h3{letter-spacing:-.06em;margin:clamp(4rem,8vw,7rem) 0 1rem;font-size:clamp(2.7rem,4vw,4.6rem);font-weight:680}.combat-step p{max-width:30rem;color:var(--bone-dim);font-size:.86rem;line-height:1.7}.combat-step:nth-child(2) p{color:#52564f}.armory-section{border-block:1px solid var(--line);background:radial-gradient(circle at 73% 38%, #d8ff3e13, transparent 31%), radial-gradient(circle at 85% 82%, #8b54ff17, transparent 28%), var(--ink-soft);grid-template-columns:minmax(330px,.68fr) minmax(600px,1.32fr);gap:clamp(2rem,5vw,6rem);min-height:980px;padding:clamp(7rem,12vw,13rem) clamp(1.2rem,5vw,5.8rem);display:grid;position:relative;overflow:hidden}.armory-copy{z-index:3;align-self:center;max-width:640px;position:relative}.armory-copy h2{margin:1.5rem 0 2rem}.armory-copy>p:not(.eyebrow){max-width:43rem;color:var(--bone-dim);font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.75}.armory-copy ul{flex-wrap:wrap;gap:.7rem;margin:2.6rem 0 0;padding:0;list-style:none;display:flex}.armory-copy li{border:1px solid var(--line);color:var(--bone-dim);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.62rem .8rem;font-size:.65rem;font-weight:700}.skin-stack{perspective:1400px;min-height:720px;position:relative}.skin-card{border:1px solid var(--line);width:min(64%,560px);transition:transform .85s var(--ease-out);background:#f3f0e70b;border-radius:2.2rem;padding:.5rem;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.skin-card--1{z-index:2;top:2%;left:1%;transform:rotate(-4deg)translateZ(30px)}.skin-card--2{z-index:1;bottom:0;right:0;transform:rotate(5deg)translateZ(0)}.skin-card:hover{z-index:4;transform:rotate(0)translateY(-12px)translateZ(60px)}.skin-card__image{background:#090b0d;border-radius:1.7rem;overflow:hidden}.skin-card__image img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;transition:transform .95s var(--ease-out), filter .95s var(--ease-out)}.skin-card:hover img{filter:saturate(1.08);transform:scale(1.035)}.skin-card__meta{padding:1.2rem 1rem 1.35rem}.skin-card__meta>p{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:.58rem;font-weight:720;display:flex}.skin-card__meta>p span{color:var(--bone-dim)}.skin-card h3{letter-spacing:-.05em;margin:.6rem 0;font-size:clamp(1.8rem,3vw,3rem);font-weight:680}.skin-card__meta>span{color:var(--bone-dim);font-size:.78rem;line-height:1.5}.roadmap-header{grid-template-columns:.48fr 1.52fr;align-items:end;gap:3rem;display:grid}.roadmap-track{grid-template-columns:1.08fr .96fr .96fr;gap:1rem;margin-top:clamp(4rem,8vw,8rem);display:grid}.roadmap-card{background:var(--ink-soft);border-radius:1.4rem;min-height:410px;padding:clamp(1.6rem,3vw,3rem);position:relative;overflow:hidden}.roadmap-card:before{aspect-ratio:1;content:"";background:#f3f0e709;border-radius:0 0 0 100%;width:42%;position:absolute;top:0;right:0}.roadmap-card--live{color:var(--ink);background:var(--signal);transform:translateY(-2rem)}.roadmap-card>div{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:.64rem;font-weight:760;display:flex}.roadmap-card--live>div{color:#364109}.roadmap-card h3{letter-spacing:-.055em;max-width:11ch;margin:clamp(6rem,10vw,10rem) 0 1rem;font-size:clamp(2rem,3.2vw,3.8rem);font-weight:670;line-height:.98}.roadmap-card>p{max-width:34rem;color:var(--bone-dim);font-size:.82rem;line-height:1.65}.roadmap-card--live>p{color:#41483a}.community-section{min-height:760px;color:var(--ink);background:var(--signal);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(3rem,7vw,8rem);padding:clamp(7rem,12vw,12rem) clamp(1.2rem,5vw,5.8rem);display:grid;position:relative;overflow:hidden}.community-section__mark{opacity:.075;width:min(54vw,760px);position:absolute;top:50%;right:-7%;transform:translateY(-50%)rotate(-7deg)}.community-copy,.community-benefits{z-index:1;position:relative}.community-copy{max-width:950px}.community-copy .eyebrow{color:#4a5a08}.community-copy h2{margin:1.5rem 0 2rem}.community-copy>p:not(.eyebrow){color:#3f473b;max-width:48rem;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.7}.primary-action--dark{color:var(--bone);background:var(--ink);margin-top:2.6rem}.primary-action--dark:hover{color:var(--ink);background:var(--bone)}.primary-action--dark .action__icon{background:#f3f0e71a}.action--disabled{cursor:default;opacity:.88}.community-benefits{border-top:1px solid #0b0d0c3d;margin:0;padding:0;list-style:none;display:grid}.community-benefits li{font-family:var(--display);letter-spacing:-.035em;border-bottom:1px solid #0b0d0c3d;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:650;display:grid}.community-benefits span{font-family:var(--body);align-self:center;font-size:.62rem;font-weight:760}.site-footer{background:var(--ink);grid-template-columns:auto 1fr auto;align-items:end;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,6vw,6rem) clamp(1.2rem,5vw,5.8rem);display:grid}.site-footer>p,.site-footer>div{color:var(--bone-dim);letter-spacing:.09em;text-transform:uppercase;font-size:.64rem;font-weight:650}.site-footer>p{max-width:34rem}.site-footer>div{gap:1.25rem;display:flex}.site-footer>div a{text-underline-offset:.35rem}.reveal{opacity:1}@supports (animation-timeline:view()){.reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry 3% cover 27%}.combat-step:nth-child(2).reveal{animation-name:reveal-up-raised}.roadmap-card--live.reveal{animation-name:reveal-up-live}}@keyframes trajectory{0%,12%{stroke-dashoffset:160px;opacity:0}30%,72%{opacity:.62}to{stroke-dashoffset:-160px;opacity:0}}@keyframes rail{to{transform:translate(-50%)}}@keyframes reveal-up{0%{opacity:.15;transform:translateY(42px)}to{opacity:1;transform:none}}@keyframes reveal-up-raised{0%{opacity:.15;transform:translateY(0)}to{opacity:1;transform:translateY(-2.5rem)}}@keyframes reveal-up-live{0%{opacity:.15;transform:translateY(0)}to{opacity:1;transform:translateY(-2rem)}}@media (width<=1080px){.site-nav{grid-template-columns:auto 1fr auto}.site-nav nav{gap:1.2rem}.armory-section{grid-template-columns:1fr;min-height:auto}.armory-copy{max-width:900px}.skin-stack{width:min(100%,920px);min-height:780px;margin:0 auto}.skin-card{width:min(61%,540px)}}@media (width<=780px){.site-nav{width:calc(100% - 1rem);top:.7rem}.brand-name{font-size:.76rem}.site-nav nav{display:none}.nav-action{justify-self:end}.hero__veil{background:radial-gradient(circle at 70% 38%,#d8ff3e1f,#0000 33%),linear-gradient(#0b0d0c66 0%,#0b0d0ca3 48%,#0b0d0cf7 100%)}.hero__content{padding-bottom:8.5rem;padding-left:1.1rem;padding-right:1.1rem}.hero h1{width:100%;max-width:100%;margin-top:1.4rem;font-size:clamp(3rem,14vw,5.8rem);line-height:.76}.hero h1 strong{transform:translate(.6rem)}.hero__pitch{grid-template-columns:1fr;gap:1rem;margin-left:0}.hero__pitch>p{max-width:13ch}.hero__actions{align-items:flex-start;margin-left:0}.hero__meta{bottom:1.2rem;left:1.1rem;right:1.1rem}.hero__meta span:nth-child(2){display:none}.section-heading,.roadmap-header,.game-stage,.community-section,.site-footer{grid-template-columns:1fr}.section-heading h2,.armory-copy h2,.roadmap-header h2,.community-copy h2{font-size:clamp(3.5rem,16vw,5.8rem)}.game-stage__aside>p{max-width:23ch}.combat-loop{background:0 0;grid-template-columns:1fr;gap:0}.combat-step{border-top:1px solid var(--line);min-height:250px}.combat-step:nth-child(2){animation-name:reveal-up;transform:none}.combat-step h3{margin-top:3rem}.armory-section{padding-left:1.1rem;padding-right:1.1rem}.skin-stack{perspective:none;gap:1rem;min-height:0;display:grid}.skin-card,.skin-card--1,.skin-card--2,.skin-card:hover{width:100%;position:relative;inset:auto;transform:none}.roadmap-track{grid-template-columns:1fr}.roadmap-card,.roadmap-card--live{min-height:330px;transform:none}.roadmap-card--live.reveal{animation-name:reveal-up}.roadmap-card h3{margin-top:5rem}.community-section{align-items:start;min-height:760px}.community-section__mark{width:100vw;top:auto;bottom:-5%;right:-25%;transform:rotate(-7deg)}.community-benefits{align-self:end}.site-footer{align-items:start}.site-footer>div{flex-wrap:wrap}}@media (width<=470px){.site-nav{padding-left:.45rem}.brand-mark{width:2.35rem;height:2.35rem}.nav-action{min-height:2.5rem;padding-inline:.75rem;font-size:.64rem}.hero__actions{display:grid}.primary-action{width:100%}.text-action{width:max-content}.game-section,.roadmap-section{padding-left:1.1rem;padding-right:1.1rem}.game-stage__shell{border-radius:1.15rem;padding:.32rem}.game-stage__screen{border-radius:.83rem}.game-stage__label{font-size:.52rem;bottom:.5rem;right:.5rem}.skin-card{border-radius:1.4rem}.skin-card__image{border-radius:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{animation:none}}@media (prefers-reduced-data:reduce){.hero{background:var(--ink) url(/media/ricochet-rivals-poster.webp) center / cover no-repeat}}