.composer-v9.container{max-width:1120px}.composer-v9 .page-title{margin-bottom:24px}.composer-v9 .steps{border-bottom:1px solid var(--border);justify-content:space-between;gap:0;max-width:820px;margin:0 auto 24px;display:flex}.composer-v9 .steps>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:12px 8px;font-size:12px;display:flex}.composer-v9 .steps>button>span{background:#e8ede5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.composer-v9 .steps>button.active{color:#214f42;border-bottom-color:#32694f}.composer-v9 .steps>button.active>span{color:#fff;background:#214f42}.composer-v9 .steps>button.complete>span{color:#214f42;background:#dce9d5}.composer-v9 .steps>button:disabled{opacity:.55}.composer-guidance{max-width:820px;margin:0 auto 20px}.composer-guidance>span{color:var(--muted);font-size:10px}.composer-guidance h2{margin:4px 0 6px;font-size:24px}.composer-guidance p{color:var(--muted);margin:0;font-size:12px}.composer-v9 .composer-editor{max-width:820px;margin:0 auto}.composer-v9 .item-editor{border:1px solid var(--border);box-shadow:none;border-radius:16px;padding:0 20px 16px}.composer-v9 .editor-heading{background:0 0;margin:0;padding:16px 0 12px}.composer-v9 .editor-heading h3{font-size:20px}.composer-v9 .editor-items{padding:0}.composer-v9 .editor-total{border-top:1px solid var(--border);background:0 0;margin:12px 0 0;padding:12px 0 0}.composer-v9 .editor-total strong{font-size:27px}.composer-v9 .add-item{color:#225541;background:#e4eddf;border:1px solid #c6d7c5;flex-direction:row;width:100%;min-height:48px;margin:8px 0 0}.composer-v9 .add-item small{display:none}.composer-v9 .form-actions{justify-content:space-between;max-width:820px;margin:20px auto}.composer-v9 .note-field,.composer-v9 .trade-preview,.composer-v9>.error-text{max-width:820px;margin-left:auto;margin-right:auto}.composer-v9 .note-field textarea{min-height:160px}.composer-v9 .trade-preview{border:1px solid var(--border);box-shadow:none;padding:24px}.composer-v9 .trade-preview h2{font-size:25px}.composer-v9 .trade-preview .comparison-grid>div{background:#edf2e8;border-radius:12px;padding:16px}.composer-v9 .trade-preview .comparison-grid>div+div{background:#f4efe3}.composer-v9 .trade-preview .button-row{border-top:1px solid var(--border);justify-content:flex-end;padding-top:16px}.composer-v9 .editor-suggestions{padding-top:8px}.composer-v9 .editor-suggestions>div{max-width:460px;margin-left:auto;margin-right:auto}.offers-page.container{max-width:1320px}.offers-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:28px;margin:0 0 24px;padding:16px 0;display:flex}.offers-summary>span{color:var(--muted);font-size:12px}.offers-summary b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:5px;font-size:22px;font-weight:700}.offers-summary>a{color:var(--primary);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.offers-page .offer-card{border:1px solid var(--border);box-shadow:none;padding:20px}.offers-page .offer-sides{gap:16px;margin:16px 0}.offers-page .offer-sides>div{background:#edf2e8;padding:12px 14px}.offers-page .offer-sides>div:last-child{background:#f5f0e6}.offers-page .offer-sides .trade-label{letter-spacing:.04em;font-size:10px}.offers-page .offer-sides .trade-label strong{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:17px}.offers-page .offer-note{color:#566b5e;margin:12px 0;font-size:12px}.offers-page .offer-footer{margin-top:12px;padding-top:14px}.offers-page .offer-sides .item-tiles{gap:8px}.offers-page .market-results-heading{margin-bottom:16px}.offers-page .trader strong{font-size:13px}.pet-detail-v9 .pet-detail-hero{gap:40px;margin-top:20px}.pet-detail-v9 .pet-detail-info{padding:8px 0}.pet-detail-v9 .pet-title-row{margin:8px 0}.pet-detail-v9 .pet-title-row h1{font-size:40px;line-height:1.1}.pet-detail-v9 .detail-value{margin:20px 0}.pet-detail-v9 .detail-value>strong{font-variant-numeric:tabular-nums;font-size:48px;line-height:1.2}.pet-detail-v9 .detail-value>small{margin-top:5px}.pet-detail-v9 .potion-options{margin:12px 0 20px}.pet-detail-v9 .detail-data-grid>.panel{box-shadow:none;border:1px solid var(--border)}.pet-detail-v9 .detail-data-grid .selected-value{color:#214f42;background:#e1ecd8}.pet-detail-v9 .value-cell{font-variant-numeric:tabular-nums;border-radius:6px;min-width:40px;min-height:32px}.pet-detail-v9 .value-cell:hover:not(:disabled){background:#e6eddf}.pet-detail-v9 .value-cell:disabled{opacity:.4;cursor:not-allowed}.detail-number-change{animation:.2s detail-number-in;display:inline-block}@keyframes detail-number-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.composer-v9 .steps{margin-bottom:16px}.composer-v9 .steps>button{gap:4px;padding:10px 2px;font-size:10px}.composer-v9 .steps>button>span{width:20px;height:20px}.composer-guidance h2{font-size:21px}.composer-guidance p{font-size:11px;line-height:1.6}.composer-v9 .item-editor{padding:0 14px 14px}.composer-v9 .editor-heading{padding-top:14px}.composer-v9 .form-actions{margin-top:16px}.composer-v9 .trade-preview{padding:16px}.composer-v9 .trade-preview .comparison-grid{grid-template-columns:1fr;gap:12px}.composer-v9 .editor-variants .vl-dropdown-trigger{min-height:32px;padding:6px;font-size:10px}.offers-summary{flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 0}.offers-summary>span{font-size:10px}.offers-summary b{font-size:19px}.offers-summary>a{margin-left:0;font-size:11px}.offers-page .offer-card{padding:14px}.offers-page .offer-sides{gap:8px;margin:12px 0}.offers-page .offer-sides>div{padding:10px}.offers-page .offer-sides .trade-label strong{font-size:16px}.offers-page .offer-footer .button-row{flex-wrap:wrap;gap:6px}.pet-detail-v9 .pet-detail-hero{gap:20px}.pet-detail-v9 .pet-title-row h1{font-size:32px}.pet-detail-v9 .detail-value>strong{font-size:42px}.pet-detail-v9 .detail-data-grid th,.pet-detail-v9 .detail-data-grid td{padding:7px 5px;font-size:10px}.pet-detail-v9 .detail-trades .section-heading{align-items:flex-start;gap:12px}.pet-detail-v9 .detail-trades .segmented{max-width:100%}.pet-detail-v9 .detail-trades .segmented button{padding:7px 9px;font-size:10px}}@media (prefers-reduced-motion:reduce){.detail-number-change{animation:none}}.offers-page .offers-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.offers-page .offer-card .offer-sides{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.offers-page .offer-sides .trade-label{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;display:flex}.offers-page .offer-sides .item-tiles{flex-wrap:wrap;gap:6px;display:flex}.offers-page .offer-sides .item-tile{background:#ffffff70;width:76px;min-width:0;padding:5px}.offers-page .offer-sides .item-art{width:56px;height:56px}.offers-page .offer-sides .item-tile>span:last-child{font-size:10px;line-height:1.3}.offers-page .offer-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.offers-page .offer-footer>.text-link{font-size:11px}.offers-page .offer-footer>.button-row{justify-content:flex-start;width:100%}.offers-page .offer-footer .button{min-height:34px;padding:7px 10px;font-size:11px}.offers-page .offers-summary{margin-bottom:16px;padding-top:10px;padding-bottom:10px}@media (max-width:1000px){.offers-page .offers-list{grid-template-columns:1fr}}@media (max-width:650px){.pet-detail-v9 .pet-detail-art{height:220px;min-height:220px}.pet-detail-v9 .detail-art-stage{width:190px;height:180px;bottom:32px}.pet-detail-v9 .pet-detail-hero{gap:14px;margin-top:16px}.pet-detail-v9 .pet-detail-info{padding:0}.pet-detail-v9 .pet-detail-info>.eyebrow{display:none}.pet-detail-v9 .pet-title-row h1{font-size:30px}.pet-detail-v9 .detail-value{margin:14px 0}.pet-detail-v9 .potion-options{gap:6px;margin:10px 0 14px}.pet-detail-v9 .detail-source{margin-top:12px}.pet-detail-v9 .button-row>.button{padding:9px 10px;font-size:11px}.composer-v9 .page-title,.composer-v9 .composer-guidance{margin-bottom:16px}.offers-page .offer-sides .item-tile{width:66px}.offers-page .offer-sides .item-art{width:48px;height:48px}.offers-page .offer-footer>.button-row{gap:6px}}