@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');
:root{font-family:'Fredoka','Arial Rounded MT Bold',sans-serif;color:#10472f;background:#cfffea}body{background:linear-gradient(180deg,#a3ffe0 0,#d5fff0 700px)}h1,h2,strong,.brand{font-family:'Fredoka','Arial Rounded MT Bold',sans-serif}header{background:#8ff6d0;border-bottom:5px solid #1bb47a;height:80px}.brand{font-size:27px;font-weight:700;letter-spacing:0}.brand>span:last-child{color:#6334cc}.brand-icon{background:#24b67b;border:3px solid #118951;border-radius:16px;box-shadow:0 3px 0 #10834d}.header-tag{color:#156640}.source-link{color:#10472f;font-weight:600}main{max-width:1450px;padding-top:24px}.intro{margin-bottom:22px}.intro h1{font-size:40px;letter-spacing:0;font-weight:600}.intro p{color:#256348}.intro .eyebrow{color:#138555}.trade-layout{grid-template-columns:1fr 230px 1fr;gap:20px}.offer{background:#22b67c;border:0;border-radius:34px;padding:16px;box-shadow:0 7px 0 #12965f;position:relative}.offer-heading{color:#fff;margin:0 5px 14px}.offer-heading h2{font-size:28px;letter-spacing:0}.offer .eyebrow{color:#e0fff0}.count{border:2px solid #bcfadc;color:#fff;background:#179b64;font-size:14px;font-weight:600}.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:360px}.slot,.add-slot{min-height:112px;aspect-ratio:1;overflow:hidden;background:#d0ffeb;border:0;border-radius:23px;padding:6px;box-shadow:none}.slot{justify-content:flex-end;position:relative}.slot img{width:78%;height:68%;max-height:95px;object-fit:contain;margin:auto}.slot-name{font-size:12px;font-weight:500;line-height:1.1}.slot>b{font-size:12px}.badges{position:absolute;left:6px;top:6px;display:flex;gap:2px;margin:0}.badge{display:inline-flex;align-items:center;justify-content:center;color:white;width:23px;height:23px;border-radius:50%;font:500 16px 'Fredoka',sans-serif;box-shadow:0 2px 0 #0002}.mega{background:#9849e4;border-radius:5px}.neon{background:#92cb00}.fly{background:#299fcc}.ride{background:#f12c85}.remove{right:4px;top:4px;background:#fffb;border:1px solid #65c99d;color:#178658;font:500 18px 'Fredoka',sans-serif}.add-slot{background:linear-gradient(135deg,#95e369 0,#4ad044 18%,#35bd3e 80%);color:white;font:600 78px 'Fredoka',sans-serif;line-height:1;border:3px solid #99df82;box-shadow:inset 0 4px 3px #ddffb9,inset 0 -12px 0 #15942a;text-shadow:0 2px 0 #fff3;padding-bottom:10px}.add-slot:hover{filter:brightness(1.06)}.empty-slot{background:#d0ffeb;box-shadow:none;border:0;cursor:pointer}.empty-slot:hover{background:#eafff5}.total{margin-top:16px;border-top:2px solid #ffffff60;padding:12px 6px 0;color:#edfff7;font-size:16px}.total strong{color:white;font-size:30px}.verdict{padding:0;justify-content:flex-start;padding-top:12px}.verdict-icon{background:none;color:#20b47a;font-size:37px;font-weight:700;border-radius:0;padding:0;margin:30px 0 5px;order:3}.verdict>.eyebrow{display:none}.verdict h2{background:#50ce73;padding:10px 16px;width:100%;border-radius:12px;color:#10452f;order:0;font-size:30px;font-weight:600}.verdict h2.win{background:#53d577}.verdict h2.lose{background:#ff929e}.verdict h2.fair{background:#53d577}.verdict p:not(.eyebrow){color:#215e44;order:6;font-size:15px;min-height:0;margin:14px 0}.meter{order:1;background:repeating-linear-gradient(135deg,#bdbdbd 0 15px,#ccc 15px 30px);border-radius:2px;height:19px;border:2px solid #ffffff80}.meter div{background:repeating-linear-gradient(135deg,#3ac165 0 15px,#68d881 15px 30px)}.meter-label{order:2;color:#326a50;margin-bottom:10px}.verdict>strong{order:7;color:#144e36}.verdict>.small{order:8;color:#356b52}.verdict #swap{order:4;border:0;background:none;box-shadow:none;color:#1bb57a;font-size:110px;line-height:1;padding:0;min-height:110px;width:100%;margin:0}.verdict #swap:hover{color:#10915d}.verdict:after{content:'W / F / L ?';order:5;display:block;background:#6932cc;color:#fff;border-radius:13px;padding:11px 18px;font-size:27px;font-weight:600;margin-top:10px;width:100%;box-sizing:border-box}.snapshot{padding:23px 4px}.snapshot p,.snapshot>span{color:#326a50}.quiet{background:#fff5;border:2px solid #52be8a;color:#155634;border-radius:12px;box-shadow:0 3px 0 #8acfaf;font-weight:500}.quiet:hover{background:#fff9}.catalog{background:#effff7;border:4px solid #26b97d;border-radius:27px;box-shadow:0 6px 0 #94d9b8;padding:26px}.catalog-heading h2{font-size:29px;letter-spacing:0}.catalog-heading .eyebrow{color:#319063}.side-toggle{background:#c1f2d8;border:2px solid #70ce9e;border-radius:15px}.side-toggle button{font-weight:500;font-size:16px;color:#226d48;border-radius:11px}.side-toggle .selected{background:#24b779;color:white;box-shadow:0 3px 0 #158354}.search,select{border:2px solid #8ad3af;border-radius:12px;background:white;color:#154e35}.search{height:51px}.search input{font-family:'Fredoka',sans-serif}.variant-row label{font-size:16px}.small{color:#4d8066}.pet-grid{gap:14px}.pet{background:#d6ffea;border:3px solid #73cc9e;border-radius:20px;padding:12px;box-shadow:0 4px 0 #a2dfbd;color:#144e36}.pet:hover{border-color:#22b676}.pet img{height:107px}.pet-name{font-size:15px;font-weight:500}.pet .small{color:#4b8867}.pet-bottom{font-size:17px}.plus{background:linear-gradient(#66d851,#34bf3e);border:2px solid #a0e187;color:white;font-size:24px;line-height:1;border-radius:9px;padding:2px 8px;box-shadow:0 2px 0 #1c992e}.method{color:#2e624a}.method h2{letter-spacing:0}.method .small{color:#4d8066}footer{border-color:#81c9a2;color:#208557}footer span{font-family:'Fredoka',sans-serif;color:#50896a}a{color:#6031b5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#7034d2}@media(max-width:1100px){.trade-layout{grid-template-columns:1fr 180px 1fr;gap:15px}.slots{gap:8px;min-height:300px}.slot,.add-slot{min-height:95px;border-radius:18px}.add-slot{font-size:66px}.offer{padding:12px}.verdict-icon{font-size:30px}.verdict #swap{font-size:95px}.verdict:after{font-size:23px}.offer-heading h2{font-size:24px}}@media(max-width:750px){header{height:72px;border-bottom-width:4px}.brand{font-size:22px}.trade-layout{grid-template-columns:1fr 1fr;gap:12px}.offer{padding:10px;border-radius:23px}.offer-heading{display:block;margin-bottom:12px}.offer-heading h2{font-size:23px}.count{display:none}.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0}.slot,.add-slot{min-height:0;border-radius:12px;padding:3px;aspect-ratio:1}.slot img{height:60%;max-height:54px;width:90%}.slot-name{font-size:10px;max-height:22px;overflow:hidden}.slot>b{font-size:10px}.badges{top:2px;left:2px;gap:1px}.badge{width:15px;height:15px;font-size:11px}.remove{width:17px;height:17px;right:1px;top:1px;font-size:14px;padding:0}.add-slot{font-size:43px;border-width:2px;box-shadow:inset 0 2px 2px #ddffb9,inset 0 -5px 0 #15942a;padding-bottom:4px}.empty-slot{border:0;box-shadow:none}.total{font-size:13px;padding:10px 0 0;gap:5px}.total strong{font-size:23px}.verdict{grid-column:1/-1;grid-row:2;padding:14px;background:#adf5d1;border:3px solid #27b77b;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;gap:8px 15px}.verdict h2{grid-column:1;grid-row:1;font-size:25px;margin:0}.verdict p:not(.eyebrow){grid-column:1;grid-row:2;margin:0;font-size:14px}.verdict>strong{grid-column:2;grid-row:1}.verdict>.small{grid-column:2;grid-row:2}.verdict-icon,.verdict:after{display:none}.verdict #swap{grid-row:5;grid-column:1/-1;font-size:50px;min-height:50px;margin:0}.meter{grid-column:1/-1;grid-row:3}.meter-label{grid-row:4;margin:0}.intro h1{font-size:31px}.catalog{padding:16px;border-width:3px}.catalog-heading h2{font-size:25px}.pet-grid{gap:10px}.pet{padding:8px;border-width:2px;border-radius:16px}.pet img{height:78px}.pet-name{font-size:13px}.pet-bottom{font-size:14px}.snapshot{padding:20px 0}.side-toggle button{font-size:14px}.method{padding-top:30px}}@media(max-width:400px){.offer-heading h2{font-size:20px}.total{display:block}.slot-name{display:none}.slot img{height:75%}.pet-grid{grid-template-columns:repeat(2,1fr)}}