@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#173c40;background:#f3f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f6b83e;outline-offset:3px}header{height:86px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #dce6e7;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff}.brand{display:flex;align-items:center;color:#173c40;text-decoration:none;font:bold 23px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand>span:last-child{color:#119c83}.brand-icon{background:#173c40;color:#fff;border-radius:12px;padding:8px 12px;margin-right:12px;font-size:25px}.header-tag,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px}.header-tag{color:#6a8385}.source-link{margin-left:auto;font-size:14px;color:#45656a}main{max-width:1320px;margin:auto;padding:36px 24px}h1,h2,strong{font-family:'Space Grotesk',sans-serif}h1{font-size:42px;letter-spacing:-1.6px;margin:7px 0}h2{font-size:24px;letter-spacing:-.7px;margin:7px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.intro p{margin:8px 0;color:#627c80}.intro .eyebrow{color:#11917b}.quiet{border:1px solid #cbdadc;background:transparent;border-radius:10px;padding:11px 16px;color:#274c51;font-size:14px;font-weight:600}.quiet:hover{background:#e5eef0}.trade-layout{display:grid;grid-template-columns:1fr 250px 1fr;gap:22px;align-items:stretch}.offer{background:white;border:1px solid #d4e3e5;border-radius:20px;padding:24px;box-shadow:0 8px 25px #173c4006;min-width:0}.offer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.yours .eyebrow{color:#00866e}.theirs .eyebrow{color:#6474cb}.count{border:1px solid #dde7e9;border-radius:20px;padding:6px 10px;font-size:12px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;min-height:284px;align-content:start}.slot{position:relative;background:#f5f8f9;border:1px solid #e0e9eb;border-radius:12px;min-height:87px;padding:8px;display:flex;flex-direction:column;align-items:center;font-size:12px;text-align:center;min-width:0}.slot img{width:60px;height:57px;object-fit:contain}.slot-name{overflow-wrap:anywhere}.badges{font-size:11px;color:#4c6470;margin:3px 0}.remove{position:absolute;right:3px;top:3px;width:24px;height:24px;border:0;border-radius:50%;background:white;color:#6b7a7f}.add-slot{border:1.5px dashed #bcd2d5;color:#669196;background:#f7fbfb;border-radius:12px;min-height:87px;font-size:28px}.total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6edef;margin-top:22px;padding-top:20px;font-size:14px;color:#698086}.total strong{font-size:29px;color:#173c40}.verdict{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:20px 8px}.verdict-icon{font-size:32px;background:#e0eeea;padding:13px 19px;border-radius:50%;margin-bottom:12px}.verdict p:not(.eyebrow){font-size:14px;color:#667f83;line-height:1.6;min-height:44px}.verdict h2{font-size:27px}.verdict .eyebrow{font-size:11px}.meter{height:9px;background:#8192e4;width:100%;border-radius:8px;overflow:hidden;margin-top:9px}.meter div{width:50%;height:100%;background:#12a188;transition:width .25s}.meter-label{width:100%;display:flex;justify-content:space-between;font-size:12px;color:#72878b;margin:8px 0 20px}.verdict>strong{font-size:27px}.small{font-size:13px;color:#668085}.verdict .quiet{margin-top:23px}.snapshot{display:flex;gap:24px;align-items:center;padding:18px 4px 30px}.snapshot>span{font-size:11px;letter-spacing:1px;font-weight:700;white-space:nowrap}.snapshot p{font-size:13px;color:#71878b;line-height:1.5}a{color:#148771}.catalog{background:white;border-radius:20px;border:1px solid #d4e3e5;padding:28px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.catalog-heading .eyebrow{color:#718689}.side-toggle{display:flex;background:#edf3f4;border-radius:11px;padding:4px}.side-toggle button{border:0;background:transparent;border-radius:8px;padding:11px 16px;font-size:14px;color:#617d83}.side-toggle .selected{color:white;background:#173c40;box-shadow:0 2px 4px #173c4020}.search-row{display:grid;grid-template-columns:1fr 170px 170px;gap:12px}.search{display:flex;align-items:center;gap:13px;border:1px solid #ccdcdf;border-radius:10px;padding:0 15px}.search span{font-size:30px}.search input{width:100%;border:0;outline:0;min-width:0;padding:13px 0;background:transparent}select{border:1px solid #ccdcdf;border-radius:9px;background:#fff;padding:11px;color:#274c51;font-size:14px}.variant-row{display:flex;align-items:center;gap:22px;margin:18px 0}.variant-row label{font-size:14px;display:flex;gap:10px;align-items:center}.variant-row .small{margin-left:auto}.pet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.pet{border:1px solid #dfE8eb;border-radius:13px;background:#fff;text-align:left;padding:12px;position:relative;color:#173c40;transition:transform .15s,border-color .15s;min-width:0}.pet:hover{transform:translateY(-3px);border-color:#19a38b}.pet img{display:block;width:100%;height:95px;object-fit:contain;margin:5px 0 12px}.pet-name{font-weight:700;font-size:14px;display:block;line-height:1.4;min-height:39px}.pet .small{display:block;font-size:12px;text-transform:capitalize;margin:5px 0 11px}.pet-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.plus{background:#e0f3eb;color:#108772;border-radius:7px;padding:3px 9px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:14px}.method{display:grid;grid-template-columns:260px 1fr;gap:12px 40px;padding:35px 6px;line-height:1.65}.method p{margin:0}.method .small{grid-column:2}.method .eyebrow{font-size:11px}footer{max-width:1272px;margin:auto;border-top:1px solid #d8e4e7;padding:24px 0;font:bold 14px 'Space Grotesk',sans-serif;display:flex;justify-content:space-between}footer span{font:13px 'DM Sans',sans-serif;color:#74898d}#message:empty{display:none}#message{font-size:14px;color:#ad3b3b}.win{color:#008e70}.lose{color:#be4951}.fair{color:#6474cb}@media(max-width:1050px){.trade-layout{grid-template-columns:1fr 190px 1fr;gap:14px}.offer{padding:16px}.pet-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){header{height:72px;padding:0 18px;gap:15px}.header-tag{display:none}.source-link{font-size:12px}.brand{font-size:20px}.brand-icon{padding:5px 9px}main{padding:24px 16px}.intro{align-items:flex-start;gap:12px}h1{font-size:34px}.intro p{font-size:14px}.trade-layout{grid-template-columns:1fr 1fr;gap:12px}.verdict{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;padding:20px;background:#e7f0ee;border-radius:16px}.verdict-icon,.verdict>.eyebrow{display:none}.verdict h2{font-size:24px}.verdict p:not(.eyebrow){margin:0;grid-row:2;min-height:0}.verdict>strong{grid-column:2;grid-row:1}.verdict>.small{grid-column:2;grid-row:2}.meter{grid-column:1/-1}.meter-label{grid-column:1/-1;margin-bottom:0}.verdict .quiet{grid-column:1/-1;margin-top:7px}.offer h2{font-size:20px}.slots{grid-template-columns:repeat(2,1fr);min-height:290px}.offer{padding:12px}.offer-heading{gap:5px}.count{font-size:11px;padding:4px 6px}.total strong{font-size:25px}.snapshot{display:block;padding:20px 0}.catalog{padding:18px}.catalog-heading{display:block}.side-toggle{margin-top:18px;width:max-content}.search-row{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.variant-row{gap:10px;flex-wrap:wrap}.variant-row .small{width:100%;margin:0}.variant-row label{gap:5px}.pet-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pet{padding:9px}.pet img{height:75px}.pet-name{font-size:12px}.method{display:block;padding:25px 0}.method p{margin-top:15px}footer{margin:0 16px}.pagination{gap:10px}}@media(max-width:400px){.pet-grid{grid-template-columns:repeat(2,1fr)}.slot img{width:48px}.count{display:none}.total{font-size:12px}.source-link{max-width:90px}.offer h2{font-size:18px}}