@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800;900&display=swap";:root{--violet: #6652e8;--violet-dark: #4330ba;--violet-ink: #302173;--sky: #41c8ff;--blue: #2795ed;--pink: #ff5e9b;--coral: #ff795d;--yellow: #ffd93d;--lime: #a9ea4f;--green: #36c783;--ink: #292359;--muted: #716c92;--white: #fff;--cloud: #f7fbff;--bg: #eff7ff;--line: #d9ddf2;--shadow: 0 8px 0 rgba(59, 45, 143, .12), 0 20px 40px rgba(62, 58, 140, .1);--content: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Nunito,ui-rounded,system-ui,sans-serif;font-weight:700;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 16%,rgba(102,82,232,.08) 0 9%,transparent 9.2%),radial-gradient(circle at 92% 29%,rgba(65,200,255,.1) 0 11%,transparent 11.2%),linear-gradient(180deg,#eff7ff,#f8fbff 68%,#f3efff)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img,svg{display:block;max-width:100%}h1,h2,h3{margin:0;font-family:Fredoka,sans-serif;line-height:1.04;letter-spacing:-.03em}h1{font-size:clamp(2.75rem,6vw,5.5rem)}h2{font-size:clamp(2rem,3.3vw,3.25rem)}h3{font-size:1.25rem}p{margin-top:0;color:var(--muted)}.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;padding:.7rem 1rem;border-radius:.8rem;color:#fff;background:var(--violet-dark)}.skip-link:focus{top:1rem}.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}.section{padding:4.5rem 0}.section-sm{padding:2.5rem 0}.stack{display:grid;gap:1rem}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.muted{color:var(--muted)}.text-small{font-size:.82rem}.surface{border:2px solid rgba(95,81,177,.14);border-radius:1.25rem;background:#fff;box-shadow:0 6px #4533a314,0 12px 24px #423b8b0f}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.42rem .72rem;border:2px solid rgba(79,57,192,.14);border-radius:999px;color:var(--violet-ink);background:#ffffffd1;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--pink);box-shadow:0 0 0 .2rem #ff5e9b2b}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .5rem;border-radius:.55rem;color:#fff;background:var(--violet);font-size:.65rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.badge.pink{background:var(--pink)}.badge.green{color:#17452f;background:var(--lime)}.badge.yellow{color:#654500;background:var(--yellow)}.badge.soft{color:var(--violet-ink);background:#ece9ff}.game-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.85rem;padding:.72rem 1rem;border:2px solid var(--violet-dark);border-radius:.9rem;color:#fff;background:linear-gradient(180deg,#8171ff,var(--violet));box-shadow:0 5px 0 var(--violet-dark);cursor:pointer;font-size:.85rem;font-weight:900;transition:transform .15s ease,box-shadow .15s ease}.game-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--violet-dark)}.game-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--violet-dark)}.game-button.yellow{border-color:#c79012;color:#5e4100;background:linear-gradient(180deg,#ffe871,var(--yellow));box-shadow:0 5px #c79012}.game-button.white{border-color:#d3d4e8;color:var(--violet-ink);background:#fff;box-shadow:0 5px #d3d4e8}.game-button.green{border-color:#289e65;color:#17452f;background:linear-gradient(180deg,#bcf36d,#91df3e);box-shadow:0 5px #54a72c}.game-button.small{min-height:2.3rem;padding:.48rem .72rem;font-size:.75rem}.game-button.block{width:100%}.announcement{padding:.45rem 1rem;color:#fff;background:linear-gradient(90deg,var(--pink),var(--coral));text-align:center;font-size:.76rem;font-weight:900}.announcement strong{display:inline-block;margin-right:.45rem;padding:.08rem .5rem;border-radius:999px;color:#8b2e4e;background:var(--yellow)}.site-header{position:sticky;z-index:100;top:0;border-bottom:2px solid #e1e5f3;background:#fffffff0;box-shadow:0 5px 14px #352d7a14;backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:4.6rem}.logo{display:flex;align-items:center;gap:.65rem;min-width:max-content;color:var(--violet-ink);font-family:Fredoka,sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:-.04em}.logo small{display:block;margin-top:-.22rem;color:var(--muted);font-family:Nunito,sans-serif;font-size:.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.logo-mark{position:relative;display:grid;place-items:center;width:2.7rem;height:2.7rem;border:3px solid #fff;border-radius:.95rem;color:#fff;background:linear-gradient(145deg,var(--violet),#9e78ff);box-shadow:0 4px #4935bf;transform:rotate(-5deg)}.logo-mark:before{content:"★";font-size:1.35rem;text-shadow:0 2px 0 rgba(0,0,0,.15)}.site-nav{display:flex;align-items:center;gap:1.2rem;margin-left:auto;color:#5f5984;font-size:.82rem;font-weight:900}.site-nav a{position:relative;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--violet)}.header-search{width:11.5rem;padding:.62rem .75rem;border:2px solid #e0e2f1;border-radius:.8rem;outline:0;background:#f6f7fc;color:var(--ink);font-size:.75rem;font-weight:800}.header-search:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6652e821}.menu-button{display:none;margin-left:auto;border:0;background:transparent;cursor:pointer;font-size:1.5rem}.mobile-nav{display:none}.page-hero{position:relative;overflow:hidden;padding:4.2rem 0 3.7rem;color:#fff;background:linear-gradient(125deg,var(--violet-dark),var(--violet) 60%,#8d75ff)}.page-hero:after{content:"";position:absolute;width:19rem;height:19rem;right:-4rem;top:-8rem;border:3rem solid rgba(255,255,255,.1);border-radius:50%}.page-hero .container{position:relative;z-index:2}.page-hero h1{max-width:55rem;color:#fff;text-shadow:0 5px 0 rgba(39,25,107,.24)}.page-hero p{max-width:44rem;margin:1rem 0 0;color:#e9e5ff;font-size:1.02rem;font-weight:800}.media-hero{--hero-art: url(/images/ride-a-pet-official-03.png);min-height:24rem;display:flex;align-items:center;background-image:linear-gradient(90deg,#22145bf0 0 33%,#2e1c70b8 55%,#20164d2e),var(--hero-art);background-position:center,center 42%;background-size:cover}.media-hero:after{display:none}.media-hero .container{width:min(calc(100% - 2rem),var(--content))}.media-hero h1,.media-hero p{max-width:43rem}.pets-hero{--hero-art: url(/images/ride-a-pet-official-04.png)}.eggs-hero,.codes-hero{--hero-art: url(/images/ride-a-pet-official-02.png)}.tools-hero{--hero-art: url(/images/ride-a-pet-official-03.png)}.breadcrumbs{margin-bottom:1rem;color:#f2efff;font-size:.78rem;font-weight:900}.breadcrumbs a:hover{text-decoration:underline}.notice{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:2px solid #ffca67;border-radius:1rem;color:#684913;background:#fff6d4;box-shadow:0 4px #bc89151a;font-size:.83rem}.notice strong{color:#5d3d00}.notice.info{border-color:#c8bbff;color:var(--violet-ink);background:#f0ebff}.notice.success{border-color:#bde790;color:#2e5d2a;background:#effbdc}.notice-icon{display:grid;flex:0 0 2rem;place-items:center;height:2rem;border-radius:.65rem;color:#fff;background:var(--coral);font-weight:900}.home-hero{position:relative;min-height:42rem;overflow:hidden;background-image:linear-gradient(90deg,#1f1556e6 0 31%,#271f6e9e 49%,#0c283214 75%),linear-gradient(0deg,rgba(19,37,50,.28),transparent 45%),url(/images/ride-a-pet-official-03.png);background-position:center,center,center 46%;background-size:cover}.home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(20,31,59,.4))}.hero-inner{position:relative;min-height:42rem}.hero-copy{position:relative;z-index:5;max-width:40rem;padding-top:6.2rem}.hero-copy h1{color:#fff;text-shadow:0 6px 0 rgba(53,55,139,.24),0 10px 20px rgba(21,91,140,.18)}.hero-copy h1 em{color:var(--yellow);font-style:normal}.hero-copy p{max-width:38rem;color:#f2efff;font-size:1rem;font-weight:900;text-shadow:0 2px 12px rgba(20,20,65,.65)}.hero-world{position:absolute;z-index:2;right:-8rem;bottom:2.5rem;width:51%;height:18rem;border:.45rem solid rgba(255,255,255,.62);border-radius:50% 45% 20% 65%;background:linear-gradient(165deg,#bbed57 0 25%,#62c844 25% 38%,#9d6d43 38% 100%);box-shadow:inset -2rem -1.5rem #4f2d2c24,0 1.3rem 2.5rem #2e4f372e;transform:rotate(-5deg)}.hero-path{position:absolute;z-index:3;right:-2%;bottom:5.8rem;width:42%;height:6rem;border:1.5rem solid #ffe8a6;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-12deg)}.hero-pet{position:absolute;z-index:6;right:13%;bottom:7rem;transform:scale(1.65)}.hero-rider{position:absolute;z-index:7;right:20%;bottom:17.2rem;width:3.2rem;height:4.4rem;border:.3rem solid #fff;border-radius:1.2rem 1.2rem .85rem .85rem;background:var(--violet);box-shadow:0 .45rem #31257933}.hero-rider:before{content:"";position:absolute;width:2.6rem;height:2.6rem;left:0;top:-2.2rem;border:.3rem solid #fff;border-radius:50%;background:#ffd0ad;box-shadow:inset 0 .9rem #4a3379}.hero-egg{position:absolute;z-index:7;right:3%;bottom:15.5rem;transform:scale(.7) rotate(12deg)}.hero-egg.second{right:42%;bottom:3.5rem;transform:scale(.5) rotate(-18deg)}.official-snapshot{background:linear-gradient(180deg,#42b85d,#eef7ff 16%)}.official-snapshot-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:1.5rem}.official-art{overflow:hidden;margin:0;background:#fff}.official-art img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.official-art figcaption{padding:.7rem .9rem;color:var(--muted);font-size:.75rem;font-weight:900}.official-snapshot-copy{padding:.5rem 0}.official-snapshot-copy h2{margin:.85rem 0 .6rem}.official-snapshot-copy p{max-width:34rem}.official-facts{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.2rem}.official-facts span{padding:.55rem .7rem;border:2px solid rgba(95,81,177,.12);border-radius:.75rem;color:var(--muted);background:#ffffffbf;font-size:.76rem}.official-facts strong{display:block;color:var(--violet-ink);font-family:Fredoka,sans-serif;font-size:1rem}.source-footnote{margin-top:1rem;color:var(--muted);font-size:.78rem}.source-footnote a{color:var(--violet-dark);text-decoration:underline;text-underline-offset:.15em}.verified-sticker{position:absolute;z-index:8;right:1rem;top:1.5rem;padding:.55rem .8rem;border:3px solid #fff;border-radius:.8rem;color:#245337;background:var(--lime);box-shadow:0 5px #5ba42a;font-size:.72rem;font-weight:900;transform:rotate(2deg)}.field-proof{display:block;margin-top:.22rem;color:#23804f;font-size:.62rem;font-weight:1000;letter-spacing:.03em;text-transform:uppercase}.evidence-hero{background-image:linear-gradient(90deg,#1f124af0,#3726849e),url(/images/evidence/mutation-index-2026-09-29.jpg);background-position:center}.evidence-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);overflow:hidden}.evidence-card.compact{grid-template-columns:minmax(0,.82fr) minmax(18rem,1.18fr)}.evidence-media{position:relative;min-height:18rem;margin:0;overflow:hidden;background:#17132c}.evidence-media img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.evidence-media figcaption{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem .55rem;border-radius:.55rem;color:#fff;background:#181139d1;font-size:.66rem;font-weight:900;backdrop-filter:blur(8px)}.evidence-copy{display:flex;flex-direction:column;justify-content:center;padding:1.35rem}.evidence-copy h2{margin:.8rem 0 .55rem}.evidence-copy p{font-size:.82rem}.evidence-limits{padding:.75rem;border:2px solid #f0d99c;border-radius:.8rem;background:#fff8dc}.evidence-source{align-self:flex-start;margin-top:.25rem;color:var(--violet-dark);font-size:.73rem;font-weight:1000;text-decoration:underline;text-underline-offset:.16em}.evidence-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem}.evidence-summary div{padding:.65rem 1rem;border-right:2px solid #ecebf7}.evidence-summary div:last-child{border-right:0}.evidence-summary strong,.evidence-summary span{display:block}.evidence-summary strong{color:var(--violet-dark);font-family:Fredoka,sans-serif;font-size:1.4rem}.evidence-summary span{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.hero-image-credit{position:absolute;z-index:8;right:1rem;bottom:1rem;padding:.35rem .55rem;border-radius:.55rem;color:#ffffffe0;background:#191443a8;backdrop-filter:blur(8px);font-size:.65rem}.home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:-3.2rem;position:relative;z-index:10}.quest-card{position:relative;min-height:11rem;overflow:hidden;padding:1.15rem;color:#fff;border:3px solid rgba(255,255,255,.8);border-radius:1.35rem;box-shadow:0 8px #39299626,0 15px 28px #382f8b1f}.quest-card:before{content:"";position:absolute;inset:0;opacity:.22;background-position:center;background-size:cover;transition:transform .25s ease,opacity .25s ease}.quest-card:hover:before{opacity:.34;transform:scale(1.04)}.quest-card:nth-child(1):before{background-image:url(/images/ride-a-pet-official-04.png)}.quest-card:nth-child(2):before{background-image:url(/images/ride-a-pet-official-02.png)}.quest-card:nth-child(3):before{background-image:url(/images/ride-a-pet-official-03.png)}.quest-card:nth-child(4):before{background-image:url(/images/ride-a-pet-gameplay.png)}.quest-card>*{position:relative;z-index:2}.quest-card:nth-child(1){background:linear-gradient(145deg,#7160ed,#988aff)}.quest-card:nth-child(2){background:linear-gradient(145deg,#ff5e9b,#ff8a79)}.quest-card:nth-child(3){background:linear-gradient(145deg,#25b6ec,#4edbdd)}.quest-card:nth-child(4){background:linear-gradient(145deg,#37c783,#8cdd50)}.quest-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:1.3rem;border:2px solid rgba(255,255,255,.75);border-radius:.85rem;background:#fff3;font-size:1.25rem}.quest-card h3{color:#fff}.quest-card p{margin:.35rem 0 0;color:#ffffffd4;font-size:.78rem;font-weight:800}.quest-card:after{content:"→";position:absolute;right:1rem;top:1rem;font-size:1.5rem;font-weight:900}.update-strip{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-top:1.5rem;padding:1rem;border:2px solid #f1b9aa;border-radius:1.2rem;background:linear-gradient(90deg,#fff2e4,#fff7f0);box-shadow:0 5px #df72501a}.update-strip-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:3px solid #fff;border-radius:1rem;color:#fff;background:linear-gradient(145deg,var(--coral),#e94555);box-shadow:0 4px #b83845;font-size:1.5rem}.update-strip h3,.update-strip p{margin-bottom:0}.update-strip p{font-size:.78rem}.featured-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.feature-panel{position:relative;overflow:hidden;padding:1.5rem}.feature-panel:after{content:"";position:absolute;width:15rem;inset:0 0 0 auto;opacity:.15;background-position:center;background-size:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.feature-panel>*{position:relative;z-index:2}.pet-feature-art:after{background-image:url(/images/ride-a-pet-official-04.png)}.egg-feature-art:after{background-image:url(/images/ride-a-pet-official-02.png)}.feature-panel.purple{color:#fff;background:linear-gradient(135deg,var(--violet-dark),var(--violet))}.feature-panel.purple h2{color:#fff}.feature-panel.purple p{color:#ded9ff}.toolbar{display:grid;grid-template-columns:1fr auto auto auto;gap:.65rem;margin:1.25rem 0}.field{min-width:0;padding:.72rem .8rem;border:2px solid #daddf0;border-radius:.8rem;outline:0;color:#5e5882;background:#fff;font-size:.78rem;font-weight:900}.field:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6652e81f}.pet-grid,.egg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pet-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.pet-card:hover{transform:translateY(-4px) rotate(-.2deg);box-shadow:0 10px #4533a317,0 18px 30px #423b8b21}.pet-stage,.egg-stage{position:relative;display:grid;place-items:center;height:11rem;overflow:hidden;background-color:#9be2ff;background-position:center;background-size:cover}.pet-card:nth-child(4n+1) .pet-stage,.egg-card:nth-child(4n+1) .egg-stage{background-image:linear-gradient(#50d3ff61,#4d4abf38),url(/images/ride-a-pet-official-03.png)}.pet-card:nth-child(4n+2) .pet-stage,.egg-card:nth-child(4n+2) .egg-stage{background-image:linear-gradient(#50d3ff61,#4d4abf38),url(/images/ride-a-pet-official-02.png)}.pet-card:nth-child(4n+3) .pet-stage,.egg-card:nth-child(4n+3) .egg-stage{background-image:linear-gradient(#50d3ff61,#4d4abf38),url(/images/ride-a-pet-gameplay.png)}.pet-card:nth-child(4n+4) .pet-stage,.egg-card:nth-child(4n+4) .egg-stage{background-image:linear-gradient(#50d3ff61,#4d4abf38),url(/images/ride-a-pet-official-04.png)}.pet-stage>*,.egg-stage>*{position:relative;z-index:2}.pet-stage:after,.egg-stage:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-3.6rem;height:7.2rem;border-radius:50%;background:#ffffffa6}.pet-card-body{padding:1rem}.pet-card h3{margin-top:.5rem}.card-link:hover{color:var(--violet);text-decoration:underline;text-underline-offset:.12em}.verified-card-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.52;mix-blend-mode:multiply}.pet-stage .pet-avatar,.egg-stage .egg-shape{z-index:3}.artwork-label{display:inline-flex;margin:.2rem 0 .4rem;padding:.18rem .35rem;border-radius:.4rem;color:#2c5c39;background:var(--lime);font-size:.6rem;font-weight:900;text-transform:uppercase}.pet-card p{min-height:2.7rem;margin:.25rem 0 .8rem;font-size:.78rem;font-weight:800}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.mini-stats div{padding:.55rem;border-radius:.7rem;color:#4f4876;background:#f1f3fb}.mini-stats span{display:block;font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.mini-stats strong{font-size:.8rem}.pet-avatar{position:relative;z-index:2;width:6.6rem;height:5.5rem;border:.35rem solid #fff;border-radius:52% 52% 42% 42%;background:linear-gradient(145deg,var(--pet-a, #ff8c66),var(--pet-b, #ff5e9b));box-shadow:inset -.8rem -.5rem #67297524,0 .5rem #48339e21}.pet-avatar:before,.pet-avatar:after{content:"";position:absolute;top:-1.8rem;width:2.6rem;height:3.2rem;border:.35rem solid #fff;border-radius:1.8rem .5rem 1.2rem .6rem;background:inherit}.pet-avatar:before{left:0;transform:rotate(-18deg)}.pet-avatar:after{right:0;transform:scaleX(-1) rotate(-18deg)}.pet-eyes{position:absolute;z-index:3;top:2.25rem;left:1.55rem;display:flex;gap:1.75rem}.pet-eyes i{width:.65rem;height:.85rem;border:.16rem solid #fff;border-radius:50%;background:var(--ink)}.pet-mouth{position:absolute;z-index:3;width:1.25rem;height:.6rem;left:2.35rem;top:3.65rem;border-bottom:.26rem solid #873957;border-radius:50%}.pet-avatar.large{transform:scale(2.15)}.egg-card{position:relative;overflow:hidden}.egg-shape{position:relative;z-index:2;width:4.4rem;height:5.7rem;border:.35rem solid #fff;border-radius:51% 51% 44% 44%/60% 60% 40% 40%;background:linear-gradient(145deg,var(--egg-a, #ffbf3f),var(--egg-b, #ff705e));box-shadow:inset -.65rem -.45rem #692c5b1f,0 .5rem #41319924;transform:rotate(-4deg)}.egg-shape:after{content:"";position:absolute;width:.8rem;height:.8rem;left:.8rem;top:1.8rem;border-radius:50%;background:var(--yellow);box-shadow:1.8rem -.6rem #fff,1.2rem 2rem 0 var(--violet)}.check-button{position:absolute;z-index:5;right:.7rem;top:.7rem;display:grid;place-items:center;width:2rem;height:2rem;border:2px solid #bdc1dc;border-radius:.7rem;color:var(--violet);background:#fff;box-shadow:0 3px #4533a31f;cursor:pointer;font-weight:900}.check-button.is-done{border-color:#299457;color:#17452f;background:var(--lime);box-shadow:0 3px #5da22b}.progress{height:.75rem;overflow:hidden;border:2px solid #dcdcf0;border-radius:999px;background:#f2f3fa}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--yellow))}.detail-hero{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:2.5rem;align-items:center;min-height:31rem;overflow:hidden;padding:3rem max(1rem,calc((100vw - var(--content)) / 2));color:#fff;background:linear-gradient(145deg,#764ff0,#8a70ff 48%,#4bc8ff)}.detail-hero:after{content:"";position:absolute;width:45%;height:10rem;right:-4rem;bottom:-4rem;border-radius:50%;background:var(--lime);transform:rotate(-8deg);box-shadow:0 -1rem #fff3}.detail-art{position:relative;z-index:2;display:grid;place-items:center;min-height:23rem;border:3px solid rgba(255,255,255,.72);border-radius:2rem;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.25) 0 33%,transparent 34%),#ffffff1f;box-shadow:inset 0 0 4rem #ffffff1f}.detail-real-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:inherit;object-fit:cover;opacity:.78}.detail-art>.pet-avatar,.detail-art>.egg-shape{position:relative;z-index:3}.egg-detail-art{isolation:isolate;background-image:linear-gradient(#442ea45c,#281e6e85),url(/images/ride-a-pet-official-02.png);background-position:center;background-size:cover}.egg-detail-hero:after{background:var(--coral)}.pet-detail-art{isolation:isolate;background-image:linear-gradient(#462ea35c,#281e6e80),url(/images/ride-a-pet-official-03.png);background-position:center;background-size:cover}.pet-detail-art:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%)}.detail-copy{position:relative;z-index:3}.detail-copy h1{color:#fff;text-shadow:0 5px 0 rgba(50,32,137,.3)}.detail-copy>p{max-width:42rem;color:#eeeaff;font-size:1rem;font-weight:800}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.3rem 0 1.7rem}.detail-stat{padding:.8rem;border:2px solid rgba(255,255,255,.3);border-radius:.85rem;background:#ffffff26;backdrop-filter:blur(5px)}.detail-stat span{display:block;color:#dfdcff;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.detail-stat strong{color:#fff;font-size:.95rem}.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.info-card{position:relative;overflow:hidden;padding:1.4rem}.info-card:after{content:"";position:absolute;width:9rem;height:100%;right:0;top:0;opacity:.09;pointer-events:none;background:url(/images/ride-a-pet-icon.png) center / cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.info-card>*{position:relative;z-index:2}.collection-panel{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#fffffff5,#ffffffdb),url(/images/ride-a-pet-official-02.png);background-position:center;background-size:cover}.tool-layout{display:grid;grid-template-columns:18rem 1fr;gap:1rem}.tool-controls{padding:1.25rem;background:linear-gradient(180deg,#fff,#f4f2ff)}.tool-controls label{display:block;margin:.9rem 0 .3rem;color:#716b96;font-size:.68rem;font-weight:900;text-transform:uppercase}.tool-controls .field{width:100%}.tool-board{overflow:hidden}.tool-board-head{padding:1rem 1.2rem;color:#fff;background-image:linear-gradient(90deg,#4330bafa,#6652e8bd),url(/images/ride-a-pet-official-03.png);background-position:center;background-size:cover}.tool-board-head p{margin:.2rem 0 0;color:#ffffffbf;font-size:.75rem}.table-wrap{overflow-x:auto}.compare-table{width:100%;min-width:40rem;border-collapse:collapse;font-size:.78rem}.compare-table th,.compare-table td{padding:.85rem;border-bottom:1px solid #e5e6f2;text-align:left}.compare-table th{color:#716b95;background:#f6f6fc;font-size:.66rem;text-transform:uppercase}.compare-table td.best{color:#245537;background:#effbdc;font-weight:900}.compare-pet{display:flex;align-items:center;gap:.45rem;font-weight:900}.compare-dot{width:2rem;height:1.7rem;border:3px solid #fff;border-radius:50%;box-shadow:0 2px #cbcce1}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2rem}.guide-title{position:relative;overflow:hidden;padding:2.25rem;border:3px solid #fff;border-radius:1.6rem;color:#fff;background-image:linear-gradient(90deg,#272385f0,#402f9fa3,#23256329),url(/images/ride-a-pet-gameplay.png);background-position:center;background-size:cover;box-shadow:0 8px #4130a92b}.guide-title:after{content:"";position:absolute;width:15rem;height:15rem;right:-3rem;bottom:-7rem;border:2.5rem solid rgba(255,255,255,.12);border-radius:50%}.guide-title>*{position:relative;z-index:2}.guide-title h1{max-width:52rem;color:#fff;font-size:clamp(2.8rem,5vw,5rem);text-shadow:0 5px 0 rgba(39,25,107,.22)}.guide-title p{max-width:43rem;margin:1rem 0 0;color:#e8f7ff;font-weight:800}.guide-body{max-width:50rem;padding:2rem .5rem}.guide-body p,.guide-body li{line-height:1.8}.guide-body h2{margin:2.3rem 0 1rem;font-size:2rem}.content-art{overflow:hidden;margin:1.2rem 0 1.7rem;border:3px solid #fff;border-radius:1.25rem;background:#fff;box-shadow:var(--shadow)}.content-art img{width:100%;aspect-ratio:16 / 7;object-fit:cover}.content-art figcaption{padding:.65rem .9rem;color:var(--muted);font-size:.76rem;font-weight:900}.split-art img{object-position:center 38%}.guides-hub-hero,.rebirth-hero{--hero-art: url(/images/ride-a-pet-gameplay.png)}.egg-route-hero{--hero-art: url(/images/ride-a-pet-official-02.png)}.mutation-hero{--hero-art: url(/images/ride-a-pet-official-03.png)}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-link-card{position:relative;min-height:20rem;overflow:hidden;padding:1.5rem;border:3px solid #fff;border-radius:1.4rem;color:#fff;background-position:center;background-size:cover;box-shadow:var(--shadow);transition:transform .18s ease}.guide-link-card:hover{transform:translateY(-4px)}.guide-link-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#261b6840,#23195ef2)}.guide-link-card>*{position:relative;z-index:2}.guide-link-card h2{margin:7.5rem 0 .5rem;color:#fff}.guide-link-card p{color:#e9e6ff}.guide-link-card strong{color:var(--yellow)}.egg-route-card{background-image:url(/images/ride-a-pet-official-02.png)}.mutation-card{background-image:url(/images/ride-a-pet-official-03.png)}.rebirth-card,.beginner-card{background-image:url(/images/ride-a-pet-gameplay.png)}.guide-article{max-width:70rem}.guide-article>h2{margin:1.7rem 0 .3rem}.route-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;overflow:hidden;padding:1.5rem;background-image:linear-gradient(90deg,#fffffffa 43%,#ffffffc7),url(/images/ride-a-pet-official-03.png);background-position:center;background-size:cover}.route-overview h2{margin:.8rem 0 .5rem}.route-map{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0;padding:0;list-style:none}.route-map li{position:relative;padding:.75rem .35rem;border:2px solid rgba(255,255,255,.85);border-radius:.85rem;color:#fff;background:#4330badb;text-align:center;box-shadow:0 4px #30218547}.route-map li:not(:last-child):after{content:"→";position:absolute;z-index:3;right:-.48rem;top:1.3rem;color:var(--yellow);font-weight:900}.route-map b,.route-map span{display:block}.route-map b{font-family:Fredoka,sans-serif;font-size:1.35rem}.route-map span{font-size:.66rem}.guide-step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.compact-step{padding:1rem}.compact-step>b{color:var(--pink);font-family:Fredoka,sans-serif;font-size:1.5rem}.compact-step h3{margin:.45rem 0;font-size:1rem}.compact-step p{margin:0;font-size:.75rem}.video-guide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);overflow:hidden}.video-frame{position:relative;min-height:22rem;background:#17122e}.video-frame img,.video-frame iframe{width:100%;height:100%;min-height:22rem;border:0;object-fit:cover}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(31,20,77,.55),transparent 60%)}.video-frame:has(iframe):after{display:none}.video-play{position:absolute;z-index:3;left:50%;top:50%;display:flex;gap:.55rem;align-items:center;padding:.8rem 1.05rem;border:3px solid #fff;border-radius:999px;color:#fff;background:#ff395ef0;box-shadow:0 6px #9d1f42;cursor:pointer;font-weight:900;transform:translate(-50%,-50%)}.video-play:hover{transform:translate(-50%,calc(-50% - 2px))}.video-duration{position:absolute;z-index:3;right:.7rem;bottom:.7rem;padding:.2rem .42rem;border-radius:.4rem;color:#fff;background:#130e2fd6;font-size:.7rem}.video-copy{padding:1.5rem}.video-copy h2{margin:1rem 0 .7rem;font-size:clamp(1.7rem,3vw,2.7rem)}.video-policy{padding:.75rem;border-radius:.75rem;background:#f2f0ff;font-size:.75rem}.video-copy>a{color:var(--violet-dark);font-weight:900;text-decoration:underline;text-underline-offset:.15em}.decision-flow,.rebirth-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.decision-flow article,.rebirth-timeline article{padding:1rem}.decision-flow article>span,.rebirth-timeline article>span{display:inline-grid;place-items:center;min-width:2rem;min-height:2rem;margin-bottom:.7rem;padding:.2rem;border-radius:.6rem;color:#fff;background:var(--violet);font-size:.72rem;font-weight:900}.decision-flow p,.rebirth-timeline p{margin:.35rem 0 0;font-size:.76rem}.verification-table-card{overflow:hidden}.verification-table-card>div:first-child{padding:1.2rem;color:#fff;background-image:linear-gradient(90deg,#4330baf5,#6652e8ad),url(/images/ride-a-pet-official-03.png);background-position:center;background-size:cover}.verification-table-card h2{margin-top:.7rem;color:#fff}.rebirth-checklist{overflow:hidden;padding-bottom:.5rem}.rebirth-checklist-head{padding:1.2rem;color:#fff;background-image:linear-gradient(90deg,#4330baf5,#6652e885),url(/images/ride-a-pet-gameplay.png);background-position:center;background-size:cover}.rebirth-checklist-head h2{margin-top:.7rem;color:#fff}.rebirth-checklist label{display:flex;gap:.7rem;align-items:flex-start;margin:0 1rem;padding:.85rem 0;border-bottom:1px solid #e6e7f3}.rebirth-checklist input{width:1.15rem;height:1.15rem;accent-color:var(--green)}.guide-step{display:grid;grid-template-columns:3rem 1fr;gap:.9rem;margin:.8rem 0;padding:1rem;border:2px solid #e0e2f0;border-radius:1rem;background:#fff;box-shadow:0 4px #4533a312}.guide-step b{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid #c89215;border-radius:.75rem;color:#644500;background:var(--yellow);box-shadow:0 3px #d09c23}.guide-step p{margin-bottom:0}.toc{position:sticky;top:7rem;align-self:start;padding:1.2rem}.toc a{display:block;margin-top:.55rem;padding:.65rem;border-radius:.65rem;color:#675f8b;background:#f2f2fa;font-size:.78rem;font-weight:900}.update-hero{position:relative;min-height:30rem;overflow:hidden;padding:5rem 0;color:#fff;background-image:linear-gradient(90deg,#2d1b69f2 0 38%,#65224ca6 59%,#48131e2e),url(/images/ride-a-pet-official-02.png);background-position:center;background-size:cover}.update-hero:before{display:none}.update-hero:after{display:none}.update-copy{position:relative;z-index:3;max-width:45rem}.update-copy h1{color:#fff;text-shadow:0 5px 0 rgba(38,20,80,.34)}.update-copy h1 em{color:var(--yellow);font-style:normal}.update-copy p{color:#f6dfff;font-size:1rem;font-weight:800}.change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.change-card{position:relative;overflow:hidden;padding:9rem 1.2rem 1.2rem}.change-card:before{content:"";position:absolute;inset:0 0 auto;height:7.8rem;background-position:center;background-size:cover}.change-card:nth-child(1):before{background-image:url(/images/ride-a-pet-official-02.png)}.change-card:nth-child(2):before{background-image:url(/images/ride-a-pet-gameplay.png)}.change-card:nth-child(3):before{background-image:url(/images/ride-a-pet-official-04.png)}.change-icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:1.2rem;border:3px solid #fff;border-radius:.85rem;color:#fff;background:linear-gradient(145deg,var(--pink),var(--coral));box-shadow:0 4px #bc3d59;font-size:1.2rem}.change-card p{margin-bottom:0;font-size:.82rem}.legal{max-width:50rem}.legal:before{content:"";display:block;width:100%;min-height:15rem;margin-bottom:1.6rem;border:3px solid #fff;border-radius:1.5rem;background-image:linear-gradient(0deg,rgba(43,31,113,.2),transparent),url(/images/ride-a-pet-official-03.png);background-position:center 40%;background-size:cover;box-shadow:var(--shadow)}.legal h1{margin-bottom:1rem;font-size:clamp(2.7rem,5vw,4.7rem)}.legal h2{margin:2.2rem 0 .8rem;font-size:1.7rem}.site-footer{margin-top:4rem;color:#dcd9ff;background:#29205f}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem;padding:3.2rem 0}.site-footer p{color:#aaa4d3}.site-footer h3{margin-bottom:.75rem;color:#fff;font-size:1rem}.footer-links{display:grid;gap:.5rem;font-size:.8rem}.footer-links a:hover{color:var(--yellow)}.footer-bottom{padding:1rem 0;border-top:1px solid rgba(255,255,255,.12);color:#aaa4d3;font-size:.72rem}@media(prefers-reduced-motion:no-preference){.float{animation:float 3.8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.7rem) rotate(1deg)}}}@media(max-width:980px){.site-nav,.header-search,.header-inner>.game-button{display:none}.menu-button{display:block}.mobile-nav.is-open{display:grid;gap:.2rem;padding:.5rem 1rem 1rem;border-top:1px solid var(--line);background:#fff}.mobile-nav a{padding:.7rem;border-radius:.7rem;font-weight:900}.mobile-nav a:hover{background:#f1efff}.pet-grid,.egg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr;padding-inline:1.2rem}.detail-art{min-height:19rem}.tool-layout,.guide-layout{grid-template-columns:1fr}.toc{display:none}.footer-grid{grid-template-columns:1fr 1fr}.hero-copy{max-width:36rem}.hero-world{width:65%;right:-18%}.hero-pet{right:12%}.home-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(calc(100% - 1.25rem),var(--content))}.section{padding:3.2rem 0}.announcement{font-size:.66rem}.header-inner{min-height:4.15rem}.logo{font-size:1.2rem}.logo-mark{width:2.35rem;height:2.35rem}.page-hero{padding:3rem 0}.media-hero{min-height:25rem;background-image:linear-gradient(90deg,#22145bf0,#2e1c70a8),var(--hero-art);background-position:center,62% center}.pet-grid,.egg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.pet-stage,.egg-stage{height:8.6rem}.pet-avatar{transform:scale(.82)}.pet-avatar.large{transform:scale(1.65)}.pet-card-body{padding:.75rem}.pet-card p{min-height:0}.toolbar{grid-template-columns:1fr 1fr}.toolbar .field:first-child{grid-column:1 / -1}.detail-hero{gap:1.5rem;padding-block:1.4rem 3rem}.detail-stats{grid-template-columns:repeat(2,1fr)}.info-grid,.change-grid{grid-template-columns:1fr}.update-hero:before{right:-35%;opacity:.8}.update-hero:after{right:13%}.footer-grid{grid-template-columns:1fr}.home-hero,.hero-inner{min-height:44rem}.home-hero{background-image:linear-gradient(180deg,#1f1556c2 0 44%,#1c185038 72%,#0e18368f),url(/images/ride-a-pet-official-03.png);background-position:center,54% center}.hero-copy{padding-top:3.5rem}.hero-copy h1,.hero-copy p{max-width:32rem}.hero-world{width:94%;right:-23%;bottom:2rem}.hero-path{width:65%}.hero-pet{right:24%;bottom:7rem;transform:scale(1.35)}.hero-rider{right:35%;bottom:15.2rem}.hero-egg{right:4%;bottom:16rem}.hero-egg.second{right:63%}.home-actions{margin-top:-2rem}.update-strip{grid-template-columns:auto 1fr}.update-strip .game-button{grid-column:1 / -1}.featured-grid,.official-snapshot-grid,.guide-card-grid,.route-overview,.video-guide,.evidence-card,.evidence-card.compact{grid-template-columns:1fr}.evidence-media{min-height:0}.guide-step-list,.decision-flow,.rebirth-timeline{grid-template-columns:repeat(2,1fr)}.video-frame,.video-frame img,.video-frame iframe{min-height:18rem}.content-art img{aspect-ratio:16 / 10}.legal:before{min-height:11rem}}@media(max-width:430px){h1{font-size:2.8rem}.pet-grid,.egg-grid{grid-template-columns:1fr 1fr}.pet-stage,.egg-stage{height:7.8rem}.pet-avatar{transform:scale(.7)}.mini-stats{grid-template-columns:1fr}.between{align-items:flex-start;flex-direction:column}.detail-stats{grid-template-columns:1fr 1fr}.guide-title{padding:1.4rem}.guide-step{grid-template-columns:2.5rem 1fr;padding:.8rem}.home-hero,.hero-inner{min-height:46rem}.home-hero{background-position:center,56% center}.hero-copy p{font-size:.9rem}.hero-world{width:115%;right:-39%;height:15rem}.hero-pet{right:21%;bottom:7rem;transform:scale(1.15)}.hero-rider{right:35%;bottom:14rem;transform:scale(.9)}.home-actions,.guide-card-grid,.guide-step-list,.decision-flow,.rebirth-timeline,.evidence-summary{grid-template-columns:1fr}.evidence-summary div{border-right:0;border-bottom:2px solid #ecebf7}.evidence-summary div:last-child{border-bottom:0}.guide-link-card{min-height:17rem}.guide-link-card h2{margin-top:5.5rem}.route-map{grid-template-columns:repeat(2,1fr)}.video-frame,.video-frame img,.video-frame iframe{min-height:14rem}.hero-image-credit{right:.65rem;bottom:.65rem}}
