/* TradeRealm 1.5 — community, multi-trade and Pulse refresh */ /* Trading Center */ .trades-hero-v150 h1{color:#fff}.listing-grid-v150{gap:14px}.listing-card-v150{overflow:visible}.listing-user-v150{align-items:flex-start}.listing-user-copy-v150{display:grid;gap:5px;min-width:0}.trade-user-score-v150{display:grid;gap:5px}.trade-user-score-v150 .trade-rating{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.trade-paw-line-v150{display:flex;align-items:center;gap:5px;font-size:13px;line-height:1;color:#aeb9dc}.trade-paw-line-v150 img{width:13px;height:13px;object-fit:contain}.trade-paw-line-v150 b{color:#fff;font-size:13px}.trade-paw-line-v150 span{font-size:9px;color:#8796bd}.listing-status-stack-v150{margin-left:auto;display:grid;justify-items:end;gap:7px}.listing-status-stack-v150 time{font-size:8px;color:#7887ad;white-space:nowrap}.trade-card-row-v150{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.trade-card-row-v150 .trade-collectible-v140{flex:0 0 min(112px,30%)}.listing-footer-v150{display:flex;align-items:center;justify-content:space-between;gap:10px}.listing-footer-v150>span{font-size:8px;color:#7f8eb4} /* Create trade / multi-item builder */ .trade-builder-v150{width:min(1260px,calc(100% - 24px));margin:20px auto 38px}.trade-builder-head-v150{text-align:center;margin-bottom:18px}.trade-builder-head-v150>span{display:block;font-size:9px;letter-spacing:.16em;font-weight:950;color:#8b99c0}.trade-builder-head-v150 h1{margin:5px 0 4px;color:#fff;font-size:clamp(32px,4vw,50px);line-height:1}.trade-builder-head-v150 h1 em{font-style:normal;background:linear-gradient(90deg,#9b68ff,#ef65c5,#5cd4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.trade-builder-head-v150 p{margin:8px 0 0;color:#8391b7;font-size:10px}.trade-builder-form-v150{display:grid;gap:13px}.trade-builder-sides-v150{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.trade-builder-side-v150{min-width:0;border:1px solid rgba(120,116,225,.3);border-radius:24px;padding:15px;background:linear-gradient(145deg,rgba(21,29,74,.98),rgba(8,16,46,.96));box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}.trade-builder-side-v150.give{border-color:rgba(68,168,255,.32)}.trade-builder-side-v150.want{border-color:rgba(236,87,202,.32)}.trade-builder-side-v150>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.trade-builder-side-v150>header small{display:block;color:#8593b9;font-size:7px;font-weight:950;letter-spacing:.14em}.trade-builder-side-v150>header h2{margin:2px 0 0;color:#fff;font-size:18px}.trade-builder-side-v150>header>span{font-size:8px;color:#9ca9ce;padding:5px 8px;border:1px solid rgba(135,122,234,.22);border-radius:999px;background:rgba(75,55,155,.16)}.trade-builder-selected-v150{min-height:166px;border:1px solid rgba(115,126,205,.18);border-radius:17px;background:rgba(7,13,37,.64);padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:start}.trade-builder-empty-v150{grid-column:1/-1;min-height:92px;display:grid;place-items:center;color:#68779e;font-size:9px;text-align:center}.trade-builder-item-v150{position:relative;min-width:0;border:1px solid rgba(115,128,210,.2);border-radius:13px;background:linear-gradient(145deg,rgba(20,30,72,.98),rgba(13,21,56,.96));padding:7px;text-align:center}.trade-builder-remove-v150{position:absolute;right:4px;top:4px;z-index:2;width:21px;height:21px;border-radius:50%;border:1px solid rgba(255,106,148,.32);background:rgba(78,24,56,.8);color:#ff9fbd;cursor:pointer;line-height:1}.trade-builder-item-art-v150{height:72px;display:grid;place-items:center}.trade-builder-item-art-v150 img{width:100%;height:100%;object-fit:contain}.trade-builder-item-art-v150>span{font-size:30px}.trade-builder-item-v150>b{display:block;color:#fff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-builder-item-v150>small{display:block;color:#8290b5;font-size:6px;margin-top:2px}.trade-builder-item-foot-v150{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:5px}.trade-builder-item-foot-v150 em{font-style:normal;color:#b8c4e4;font-size:7px}.trade-builder-picker-v150{margin-top:9px}.trade-builder-search-v150{display:flex;align-items:center;gap:7px;height:42px;border:1px solid rgba(116,128,201,.28);border-radius:12px;padding:0 10px;background:#09102a}.trade-builder-search-v150>span{color:#7788b8;font-size:18px}.trade-builder-search-v150 input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;outline:0;font-size:10px!important}.trade-builder-results-v150{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:210px;overflow:auto;margin-top:6px}.trade-builder-results-v150:empty{display:none}.trade-builder-result-v150{min-width:0;border:1px solid rgba(105,119,198,.2);border-radius:10px;background:#10183d;color:#fff;padding:5px;cursor:pointer;text-align:center}.trade-builder-result-v150:hover{border-color:#8c69f6;background:#191b51}.trade-builder-result-v150 img,.trade-builder-result-v150>span{display:grid;place-items:center;width:100%;aspect-ratio:1/1;object-fit:contain;font-size:24px}.trade-builder-result-v150 b{display:block;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-builder-result-v150 small{display:block;font-size:5px;color:#7e8db3}.trade-builder-no-results-v150{grid-column:1/-1;text-align:center;padding:12px;color:#7281a8;font-size:8px}.trade-builder-choice-v150{display:grid;grid-template-columns:58px minmax(0,1fr) auto 68px auto;gap:8px;align-items:center;margin-top:7px;padding:8px;border:1px solid rgba(128,110,235,.22);border-radius:13px;background:rgba(15,21,55,.88)}.trade-builder-choice-art-v150{width:58px;height:58px;display:grid;place-items:center;border-radius:11px;background:rgba(109,73,232,.1)}.trade-builder-choice-art-v150 img{width:100%;height:100%;object-fit:contain}.trade-builder-choice-art-v150>span{font-size:27px}.trade-builder-choice-copy-v150{min-width:0}.trade-builder-choice-copy-v150 b{display:block;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-builder-choice-copy-v150 small{font-size:6px;color:#8190b5}.trade-builder-flags-v150{display:flex;gap:4px}.trade-builder-flags-v150 button{width:29px;height:29px;border-radius:50%;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:8px;font-weight:950;cursor:pointer;opacity:.42}.trade-builder-flags-v150 button[data-flag="n"]{background:#25b968}.trade-builder-flags-v150 button[data-flag="f"]{background:#238ed6}.trade-builder-flags-v150 button[data-flag="r"]{background:#d8468f}.trade-builder-flags-v150 button[data-flag="m"]{background:#8b4cd8;border-radius:8px}.trade-builder-flags-v150 button.active{opacity:1;transform:translateY(-1px);box-shadow:0 5px 13px rgba(0,0,0,.25)}.trade-builder-qty-v150{display:grid;gap:3px;color:#8492b6;font-size:6px}.trade-builder-qty-v150 input{width:100%;height:30px;border:1px solid rgba(118,130,201,.25);border-radius:8px;background:#091029;color:#fff;text-align:center}.trade-builder-add-v150{height:34px;border:0;border-radius:9px;background:linear-gradient(105deg,#7e31ec,#5e5fe5);color:#fff;font-size:8px;font-weight:950;cursor:pointer;padding:0 10px}.trade-builder-swap-v150{position:absolute;left:50%;top:84px;transform:translate(-50%,-50%);z-index:5;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(145deg,#6f38e7,#3f61d9);border:4px solid #0c1232;box-shadow:0 10px 25px rgba(0,0,0,.28)}.trade-builder-details-v150{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:13px}.trade-builder-details-v150 label{display:grid;gap:5px}.trade-builder-details-v150 label>span{font-size:7px;color:#8e9abe;font-weight:850}.trade-builder-details-v150 input,.trade-builder-details-v150 textarea{width:100%;border:1px solid rgba(110,124,199,.25);border-radius:11px;background:#09102a;color:#fff;padding:10px;outline:0}.trade-builder-details-v150 textarea{min-height:42px;max-height:100px;resize:vertical}.trade-builder-publish-v150{min-width:150px}.trade-builder-publish-v150:disabled{opacity:.42;cursor:not-allowed} /* Multi-item offer composer */ .multi-offer-form-v150{display:grid;gap:9px}.multi-offer-selected-v150{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-height:78px;border:1px solid rgba(113,126,203,.18);border-radius:13px;padding:7px;background:rgba(7,13,37,.55)}.multi-offer-item-v150{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;padding:5px;border:1px solid rgba(116,129,207,.2);border-radius:10px;background:#11183b}.multi-offer-item-v150>button{position:absolute;top:2px;right:2px;width:18px;height:18px;border:0;border-radius:50%;background:#4e203e;color:#ff9fbc;cursor:pointer}.multi-offer-item-v150>img,.multi-offer-item-v150>span{width:44px;height:44px;object-fit:contain;display:grid;place-items:center}.multi-offer-item-v150 b{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-offer-item-v150 small{display:flex;align-items:center;gap:3px;color:#8997bb;font-size:6px}.multi-offer-picker-v150{display:grid}.multi-offer-picker-v150 .trade-builder-choice-v150{grid-template-columns:52px minmax(0,1fr) auto 64px auto} /* Home live trades */ .home-live-list-v150{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-live-card-v150{padding:11px;display:grid;gap:10px;min-width:0;border-color:rgba(111,113,220,.24)}.home-live-user-v150{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center}.home-live-user-v150 .user-avatar{width:38px;height:38px}.home-live-user-v150>div{min-width:0}.home-live-user-v150 b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-live-user-v150 .trade-rating{display:flex;align-items:center;gap:4px;margin-top:2px}.home-live-user-v150 .trade-stars{font-size:8px}.home-live-user-v150 .trade-rating strong{font-size:7px;color:#aeb9dc}.home-live-user-v150 time{font-size:6.5px;color:#7786aa;white-space:nowrap}.home-live-exchange-v150{display:grid;grid-template-columns:1fr 20px 1fr;gap:5px;align-items:center}.home-live-exchange-v150>div{min-width:0}.home-live-exchange-v150 small{display:block;font-size:5.5px;color:#7988ad;font-weight:900;margin-bottom:4px}.home-live-pets-v150{display:flex;gap:3px;align-items:center;min-height:42px}.home-live-pets-v150>span{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:rgba(34,42,91,.55);border:1px solid rgba(109,121,197,.17)}.home-live-pets-v150 img{width:100%;height:100%;object-fit:contain}.home-live-pets-v150 .variant-badges{position:absolute;bottom:1px;left:1px}.home-live-pets-v150 em{position:absolute;right:2px;top:2px;font-size:5px;font-style:normal;color:#fff}.home-live-pets-v150>i{font-style:normal;font-size:7px;color:#aeb9df}.home-live-arrow-v150{text-align:center;color:#9879ff}.home-live-card-v150 footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-live-card-v150 footer>span{font-size:6px;color:#7180a5}.home-live-card-v150 .mini-btn{font-size:7px;padding:6px 9px} /* Pulse */ .pulse-kpis-v150{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pulse-kpis-v150 article{padding:15px;border-radius:17px;border:1px solid rgba(105,119,212,.2);background:linear-gradient(145deg,rgba(20,29,74,.96),rgba(11,20,55,.93));display:grid;gap:3px}.pulse-kpis-v150 span{font-size:7px;letter-spacing:.11em;color:#8290b6;font-weight:950}.pulse-kpis-v150 strong{font-size:29px;color:#fff}.pulse-kpis-v150 small{font-size:7px;color:#7786a9}.pulse-main-grid-v150{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.pulse-leader-v150,.pulse-signal-card-v150{padding:17px}.pulse-leader-v150 header,.pulse-signal-card-v150 header{display:grid;gap:2px}.pulse-leader-v150 header span,.pulse-signal-card-v150 header span{font-size:6px;letter-spacing:.14em;color:#8977d9;font-weight:950}.pulse-leader-v150 header b,.pulse-signal-card-v150 header b{font-size:15px;color:#fff}.pulse-leader-pet-v150{height:160px;display:grid;place-items:center}.pulse-leader-img-v150{max-width:160px;max-height:160px;object-fit:contain}.pulse-leader-v150 h2{margin:0;text-align:center;color:#fff;font-size:23px}.pulse-leader-stats-v150{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.pulse-leader-stats-v150 span{padding:8px;border-radius:10px;background:rgba(24,31,75,.7);text-align:center;font-size:6px;color:#8290b2}.pulse-leader-stats-v150 b{display:block;color:#fff;font-size:11px;margin-bottom:2px}.pulse-signal-bars-v150{display:grid;gap:15px;margin-top:25px}.pulse-signal-bars-v150>div{display:grid;gap:6px}.pulse-signal-bars-v150>div>span{display:flex;justify-content:space-between;gap:10px}.pulse-signal-bars-v150 b{font-size:9px;color:#dce3fb}.pulse-signal-bars-v150 em{font-size:8px;font-style:normal;color:#8998bd}.pulse-signal-bars-v150 i{display:block;height:8px;border-radius:999px;background:#111a42;overflow:hidden}.pulse-signal-bars-v150 u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#774cff,#d75bce,#53cdfa);text-decoration:none}.pulse-hot-grid-v150{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pulse-hot-card-v150{position:relative;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center}.pulse-rank-v150{position:absolute;left:5px;top:5px;font-size:6px;color:#c9b9ff;font-weight:950}.pulse-hot-art-v150{width:58px;height:58px;display:grid;place-items:center}.pulse-hot-img-v150{width:100%;height:100%;object-fit:contain}.pulse-hot-card-v150>div:nth-of-type(2){min-width:0}.pulse-hot-card-v150>div>b{display:block;font-size:8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-hot-card-v150>div>small{font-size:5.5px;color:#7e8caf}.pulse-hot-card-v150>strong{font-size:13px;color:#fff;text-align:right}.pulse-hot-card-v150>strong small{display:block;font-size:5px;color:#7180a6}.pulse-hot-breakdown-v150{grid-column:1/-1!important;display:flex!important;gap:8px!important;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.pulse-hot-breakdown-v150 span{font-size:6px;color:#8f9dbf}.pulse-rank-grid-v150{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pulse-rank-panel-v150{padding:14px}.pulse-rank-list-v150{display:grid}.pulse-rank-list-v150>div{display:grid;grid-template-columns:20px 42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}.pulse-rank-list-v150>div:last-child{border-bottom:0}.pulse-rank-list-v150 em{font-size:8px;font-style:normal;color:#7f8daf;text-align:center}.pulse-rank-list-v150>div>span{width:42px;height:42px;display:grid;place-items:center}.pulse-rank-img-v150{width:100%;height:100%;object-fit:contain}.pulse-rank-list-v150 b{font-size:8px;color:#fff}.pulse-rank-list-v150 strong{font-size:9px;color:#cfc4ff}.pulse-live-grid-v150{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pulse-live-trade-v150{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none}.pulse-live-trade-v150>div{display:flex;align-items:center;gap:7px;min-width:0}.pulse-live-trade-v150 .user-avatar{width:34px;height:34px;flex:0 0 34px}.pulse-live-trade-v150 b{display:block;color:#fff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-live-trade-v150 small{display:block;color:#7685aa;font-size:6px}.pulse-live-trade-v150>strong{font-size:10px;color:#aa8cff;white-space:nowrap} /* Blog comments */ .article-page-v150{margin-bottom:18px}.comment-section-v150{max-width:980px;margin:0 auto 35px}.comment-count-v150{font-size:8px;color:#8391b4}.comment-form-v150{padding:14px;margin-bottom:12px}.comment-form-head-v150{display:flex;align-items:center;gap:9px}.comment-avatar-v150{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#1b2452;color:#fff;font-size:12px;font-weight:900;flex:0 0 42px}.comment-avatar-v150 img{width:100%;height:100%;object-fit:cover}.comment-form-head-v150>div{display:flex;align-items:center;gap:7px;min-width:0}.comment-form-head-v150 b{font-size:9px;color:#fff}.role-pill-v150{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;font-size:5.5px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;background:rgba(99,113,177,.18);border:1px solid rgba(128,142,207,.2);color:#aeb8d6}.role-pill-v150.role-moderator{color:#6fe1ff;border-color:rgba(70,207,245,.3);background:rgba(26,111,147,.16)}.role-pill-v150.role-admin{color:#ff8cdc;border-color:rgba(244,91,195,.3);background:rgba(130,37,106,.16)}.comment-reward-v150{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:7px;color:#a7b2d2}.comment-reward-v150 img{width:18px;height:18px;object-fit:contain}.comment-form-v150 textarea{width:100%;min-height:100px;margin:10px 0;border:1px solid rgba(110,124,199,.25);border-radius:12px;background:#09102a;color:#fff;padding:11px;resize:vertical}.comment-captcha-row-v150{display:grid;grid-template-columns:220px minmax(160px,1fr) auto;gap:10px;align-items:end}.comment-captcha-image-v150{position:relative;width:220px;height:70px}.comment-captcha-image-v150 img{width:220px;height:70px;border-radius:14px;display:block}.comment-captcha-image-v150 button{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(145,130,230,.35);background:rgba(10,16,43,.9);color:#fff;cursor:pointer}.comment-captcha-row-v150 label{display:grid;gap:5px}.comment-captcha-row-v150 label span{font-size:7px;color:#8997b8}.comment-captcha-row-v150 input{height:42px;border:1px solid rgba(112,126,201,.26);border-radius:10px;background:#09102a;color:#fff;padding:0 10px;letter-spacing:.25em}.comment-list-v150{display:grid;gap:8px}.comment-card-v150{position:relative;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.comment-main-v150{min-width:0}.comment-main-v150 header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-main-v150 header b{font-size:9px;color:#fff}.comment-main-v150 header time{font-size:6px;color:#7887aa}.comment-main-v150 p{margin:6px 0 0;font-size:9px;line-height:1.55;color:#c5cde5;overflow-wrap:anywhere}.comment-remove-v150 button{border:1px solid rgba(255,101,139,.26);border-radius:8px;background:rgba(91,27,53,.22);color:#ff91ae;font-size:6px;padding:6px 8px;cursor:pointer}.comment-login-v150{padding:13px;display:flex;align-items:center;gap:9px;margin-bottom:12px}.comment-login-v150 b{font-size:10px;color:#fff}.comment-login-v150 span{font-size:7px;color:#8492b4;flex:1} /* Support tickets */ .support-shell-v150,.ticket-thread-shell-v150{max-width:1120px;margin:0 auto 35px}.support-hero-v150{display:flex;align-items:center;justify-content:space-between}.support-grid-v150{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.support-new-v150{padding:16px;display:grid;gap:10px;align-content:start}.support-new-v150 h2{margin:0 0 4px;color:#fff;font-size:22px}.support-new-v150 label{display:grid;gap:5px}.support-new-v150 label>span{font-size:7px;color:#8896b8}.support-new-v150 input,.support-new-v150 select,.support-new-v150 textarea,.ticket-reply-v150 textarea{width:100%;border:1px solid rgba(108,122,197,.25);border-radius:10px;background:#09102a;color:#fff;padding:10px}.support-new-v150 textarea,.ticket-reply-v150 textarea{min-height:125px;resize:vertical}.support-list-v150{display:grid;align-content:start;gap:7px}.support-ticket-card-v150{display:grid;gap:7px;padding:12px;text-decoration:none}.support-ticket-card-v150>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-ticket-card-v150 small{font-size:6px;color:#7d8caf}.support-ticket-card-v150 h3{margin:0;color:#fff;font-size:11px}.support-ticket-card-v150>span{font-size:7px;color:#9f8af6}.support-status-v150{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:999px;font-size:5.5px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(95,195,255,.28);background:rgba(29,100,137,.15);color:#75d7ff}.support-status-v150.status-answered{border-color:rgba(94,227,151,.3);background:rgba(37,117,74,.15);color:#7aeda7}.support-status-v150.status-closed{border-color:rgba(131,143,179,.25);background:rgba(74,80,107,.14);color:#98a3c1}.ticket-thread-head-v150{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 0 15px}.ticket-thread-head-v150>div span{font-size:7px;color:#8997b8}.ticket-thread-head-v150 h1{margin:2px 0 0;color:#fff;font-size:24px}.ticket-thread-v150{display:grid;gap:8px}.ticket-message-v150{padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px}.ticket-message-v150.is-staff{border-color:rgba(124,83,244,.38);background:linear-gradient(145deg,rgba(39,28,91,.92),rgba(15,25,63,.92))}.ticket-message-v150 header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-message-v150 header b{font-size:9px;color:#fff}.ticket-message-v150 header time{font-size:6px;color:#7785aa}.ticket-message-v150 p{margin:6px 0 0;font-size:9px;line-height:1.55;color:#cbd2e8}.ticket-reply-v150{margin-top:10px;padding:12px;display:grid;gap:8px}.ticket-reply-v150 .btn{justify-self:end}.profile-support-v150{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.profile-ticket-form-v150{display:grid;grid-template-columns:160px minmax(0,1fr);gap:7px}.profile-ticket-form-v150 select,.profile-ticket-form-v150 input,.profile-ticket-form-v150 textarea{border:1px solid rgba(111,124,195,.24);border-radius:9px;background:#09102a;color:#fff;padding:8px;font-size:8px}.profile-ticket-form-v150 textarea{grid-column:1/-1;min-height:70px;resize:vertical}.profile-ticket-form-v150 .btn{grid-column:1/-1;justify-self:start}.profile-ticket-list-v150{display:grid}.profile-ticket-list-v150>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045);text-decoration:none}.profile-ticket-list-v150>a:last-child{border-bottom:0}.profile-ticket-list-v150 b{display:block;font-size:8px;color:#fff}.profile-ticket-list-v150 small{display:block;font-size:6px;color:#7f8daf}.profile-ticket-list-v150 em{font-style:normal;font-size:6px;color:#8d9abc} @media(max-width:1000px){ .trade-builder-selected-v150{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-builder-choice-v150{grid-template-columns:50px minmax(0,1fr);}.trade-builder-flags-v150,.trade-builder-qty-v150,.trade-builder-add-v150{grid-row:2}.trade-builder-flags-v150{grid-column:1/-1;justify-content:center}.trade-builder-qty-v150{grid-column:1}.trade-builder-add-v150{grid-column:2}.pulse-hot-grid-v150{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-live-grid-v150{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-offer-selected-v150{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .listing-user-v150{grid-template-columns:auto minmax(0,1fr) auto}.trade-paw-line-v150 img{width:10px;height:10px}.trade-paw-line-v150 b{font-size:10px}.trade-paw-line-v150 span{font-size:6px}.listing-status-stack-v150 time{font-size:5.5px}.trade-card-row-v150 .trade-collectible-v140{flex:0 0 calc(33.333% - 6px)}.listing-footer-v150>span{font-size:6px} .trade-builder-v150{width:calc(100% - 10px);margin-top:10px}.trade-builder-head-v150 p{font-size:7px}.trade-builder-sides-v150{grid-template-columns:1fr;gap:9px}.trade-builder-swap-v150{position:static;transform:none;width:32px;height:32px;margin:-4px auto;border-width:2px;font-size:17px;order:0}.trade-builder-side-v150{padding:9px;border-radius:17px}.trade-builder-selected-v150{grid-template-columns:repeat(4,minmax(0,1fr));min-height:120px;padding:5px;gap:4px}.trade-builder-item-v150{padding:4px;border-radius:9px}.trade-builder-item-art-v150{height:52px}.trade-builder-item-v150>b{font-size:6px}.trade-builder-item-v150>small{font-size:4.5px}.trade-builder-results-v150{grid-template-columns:repeat(4,minmax(0,1fr));max-height:190px}.trade-builder-choice-v150{grid-template-columns:44px minmax(0,1fr);gap:6px}.trade-builder-choice-art-v150{width:44px;height:44px}.trade-builder-flags-v150{grid-column:1/-1;grid-row:auto}.trade-builder-qty-v150{grid-column:1;grid-row:auto}.trade-builder-add-v150{grid-column:2;grid-row:auto}.trade-builder-details-v150{grid-template-columns:1fr}.trade-builder-publish-v150{width:100%} .home-live-list-v150{grid-template-columns:1fr}.home-live-card-v150{padding:9px}.home-live-split-v150{grid-template-columns:1fr!important} .pulse-kpis-v150{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pulse-kpis-v150 article{padding:11px}.pulse-kpis-v150 strong{font-size:22px}.pulse-main-grid-v150,.pulse-rank-grid-v150{grid-template-columns:1fr}.pulse-hot-grid-v150{grid-template-columns:1fr}.pulse-live-grid-v150{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-leader-pet-v150{height:125px}.pulse-leader-img-v150{max-width:125px;max-height:125px} .comment-captcha-row-v150{grid-template-columns:1fr}.comment-captcha-image-v150{width:220px;max-width:100%}.comment-captcha-row-v150 .btn{width:100%}.comment-card-v150{grid-template-columns:36px minmax(0,1fr)}.comment-avatar-v150{width:36px;height:36px;flex-basis:36px}.comment-remove-v150{grid-column:2;justify-self:start}.comment-login-v150{align-items:flex-start;flex-wrap:wrap} .support-grid-v150,.profile-support-v150{grid-template-columns:1fr}.support-hero-v150{align-items:flex-start;gap:10px}.ticket-thread-head-v150{grid-template-columns:1fr}.profile-ticket-form-v150{grid-template-columns:1fr}.profile-ticket-form-v150 textarea,.profile-ticket-form-v150 .btn{grid-column:1}.profile-ticket-list-v150>a{grid-template-columns:auto minmax(0,1fr)}.profile-ticket-list-v150 em{grid-column:2} .multi-offer-selected-v150{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-offer-picker-v150 .trade-builder-choice-v150{grid-template-columns:44px minmax(0,1fr)} } @media(max-width:430px){.trade-builder-selected-v150{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-builder-results-v150{grid-template-columns:repeat(3,minmax(0,1fr))}.pulse-live-grid-v150{grid-template-columns:1fr}.home-live-pets-v150>span{width:34px;height:34px}.multi-offer-selected-v150{grid-template-columns:1fr}} /* ========================================================= TradeRealm 1.6.1 — real mobile overhaul This file intentionally overrides older compact rules. Goal: mobile-first proportions, readable type, fuller cards. ========================================================= */ /* Shared rhythm / readable type */ body[data-page="home"] .section-head h2, body[data-page="trades"] .section-head h2, body[data-page="pulse"] .section-head h2, body[data-page="blog"] .section-head h2{letter-spacing:-.04em} body[data-page="home"] .section-head, body[data-page="trades"] .section-head, body[data-page="pulse"] .section-head, body[data-page="blog"] .section-head{align-items:end} /* ========================================================= HOME — Trending ========================================================= */ body[data-page="home"] .trending-grid{gap:14px!important} body[data-page="home"] .trending-grid .pet-card{min-width:0!important;padding:15px!important;border-radius:22px!important} body[data-page="home"] .trending-grid .pet-card-top{min-height:30px!important} body[data-page="home"] .trending-grid .trend-chip{font-size:10px!important;padding:6px 9px!important} body[data-page="home"] .trending-grid .heart-btn{font-size:24px!important} body[data-page="home"] .trending-grid .pet-visual{height:145px!important;margin:4px 0 8px!important} body[data-page="home"] .trending-grid .pet-visual .pet-img, body[data-page="home"] .trending-grid .trending-pet-img{max-width:165px!important;max-height:140px!important} body[data-page="home"] .trending-grid .pet-card-copy{min-height:54px!important} body[data-page="home"] .trending-grid .pet-card h3{font-size:16px!important;line-height:1.15!important;margin:5px 0 3px!important} body[data-page="home"] .trending-grid .pet-card p{font-size:12px!important;margin:0 0 10px!important} body[data-page="home"] .trending-grid .pet-stats{gap:8px!important} body[data-page="home"] .trending-grid .pet-stats div{padding:9px 8px!important;border-radius:11px!important} body[data-page="home"] .trending-grid .pet-stats small{font-size:9px!important} body[data-page="home"] .trending-grid .pet-stats b{font-size:14px!important} body[data-page="home"] .trending-grid .card-link{font-size:11px!important;margin-top:10px!important} /* ========================================================= HOME — Live trades ========================================================= */ body[data-page="home"] .home-live-list-v150{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} body[data-page="home"] .home-live-card-v150{padding:16px!important;gap:14px!important;border-radius:22px!important;min-height:270px!important} body[data-page="home"] .home-live-user-v150{grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important} body[data-page="home"] .home-live-user-v150 .user-avatar{width:48px!important;height:48px!important;font-size:13px!important} body[data-page="home"] .home-live-user-v150 b{font-size:14px!important;line-height:1.2!important} body[data-page="home"] .home-live-user-v150 .trade-rating{gap:6px!important;margin-top:4px!important} body[data-page="home"] .home-live-user-v150 .trade-stars{font-size:13px!important} body[data-page="home"] .home-live-user-v150 .trade-rating strong{font-size:11px!important} body[data-page="home"] .home-live-user-v150 time{font-size:11px!important} body[data-page="home"] .home-live-exchange-v150{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:10px!important;align-items:center!important} body[data-page="home"] .home-live-exchange-v150 small{font-size:10px!important;margin-bottom:8px!important;letter-spacing:.08em!important} body[data-page="home"] .home-live-pets-v150{gap:7px!important;min-height:104px!important;align-items:stretch!important;overflow-x:auto!important;scrollbar-width:none} body[data-page="home"] .home-live-pets-v150::-webkit-scrollbar{display:none} body[data-page="home"] .home-live-pets-v150>span{width:86px!important;height:104px!important;flex:0 0 86px!important;padding:6px!important;border-radius:14px!important;display:grid!important;grid-template-rows:70px auto!important;align-content:start!important} body[data-page="home"] .home-live-pets-v150>span>img, body[data-page="home"] .home-live-pets-v150>span>.pet-img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;justify-self:center!important;object-fit:contain!important} body[data-page="home"] .home-live-pet-v161>b{display:block!important;font-size:9px!important;line-height:1.1!important;text-align:center!important;color:#eef2ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-top:3px!important} body[data-page="home"] .home-live-pets-v150 .variant-badges{left:4px!important;bottom:24px!important} body[data-page="home"] .home-live-pets-v150 em{right:4px!important;top:4px!important;font-size:9px!important;padding:2px 4px!important;border-radius:999px!important;background:rgba(7,11,27,.78)!important} body[data-page="home"] .home-live-pets-v150>i{font-size:11px!important;align-self:center!important} body[data-page="home"] .home-live-arrow-v150{font-size:26px!important} body[data-page="home"] .home-live-card-v150 footer{padding-top:2px!important} body[data-page="home"] .home-live-card-v150 footer>span{font-size:10px!important} body[data-page="home"] .home-live-card-v150 .mini-btn{font-size:11px!important;padding:9px 12px!important;border-radius:10px!important} /* ========================================================= HOME + BLOG — From the Realm cards ========================================================= */ body[data-page="home"] .blog-grid-compact-v115, body[data-page="blog"] .blog-grid-page-v115{gap:14px!important} body[data-page="home"] .blog-card-compact-v115, body[data-page="blog"] .blog-card-page-v115{grid-template-columns:150px minmax(0,1fr)!important;gap:16px!important;padding:13px!important;border-radius:20px!important;min-height:176px!important} body[data-page="home"] .blog-square-v115, body[data-page="blog"] .blog-card-page-v115 .blog-square-v115{width:150px!important;height:150px!important;min-height:150px!important;border-radius:15px!important} body[data-page="home"] .blog-card-compact-v115 .blog-copy, body[data-page="blog"] .blog-card-page-v115 .blog-copy{gap:6px!important} body[data-page="home"] .blog-card-compact-v115 .tag, body[data-page="blog"] .blog-card-page-v115 .tag{font-size:9px!important;padding:6px 8px!important} body[data-page="home"] .blog-card-compact-v115 h3, body[data-page="blog"] .blog-card-page-v115 h3{font-size:18px!important;line-height:1.2!important;margin:2px 0!important} body[data-page="home"] .blog-card-compact-v115 p, body[data-page="blog"] .blog-card-page-v115 p{font-size:12px!important;line-height:1.45!important;-webkit-line-clamp:3!important;margin:0!important} body[data-page="home"] .blog-card-compact-v115 small, body[data-page="blog"] .blog-card-page-v115 small{font-size:10px!important} body[data-page="blog"] .blog-read-v115{font-size:11px!important;margin-top:3px!important} /* ========================================================= TRADING CENTER — proportions / larger pet cards ========================================================= */ body[data-page="trades"] .trades-hero-v150 h1{color:#fff!important} body[data-page="trades"] .listing-grid-v150{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} body[data-page="trades"] .listing-card-v150{padding:18px!important;border-radius:23px!important;overflow:hidden!important} body[data-page="trades"] .listing-user-v150{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:11px!important;align-items:start!important} body[data-page="trades"] .listing-user-v150 .user-avatar{width:50px!important;height:50px!important;font-size:13px!important} body[data-page="trades"] .listing-user-copy-v150{gap:6px!important} body[data-page="trades"] .listing-user-copy-v150>b{font-size:15px!important;line-height:1.15!important} body[data-page="trades"] .trade-user-score-v150{gap:6px!important} body[data-page="trades"] .trade-user-score-v150 .trade-rating{gap:6px!important} body[data-page="trades"] .trade-user-score-v150 .trade-stars{font-size:14px!important} body[data-page="trades"] .trade-user-score-v150 .trade-rating b{font-size:12px!important} body[data-page="trades"] .trade-user-score-v150 .trade-completed{font-size:11px!important} body[data-page="trades"] .trade-paw-line-v150{gap:6px!important;font-size:12px!important} body[data-page="trades"] .trade-paw-line-v150 img{width:20px!important;height:20px!important} body[data-page="trades"] .trade-paw-line-v150 b{font-size:13px!important} body[data-page="trades"] .trade-paw-line-v150 span{font-size:11px!important} body[data-page="trades"] .listing-status-stack-v150{gap:6px!important} body[data-page="trades"] .listing-status-stack-v150 .status{font-size:10px!important} body[data-page="trades"] .listing-status-stack-v150 time{font-size:10px!important} body[data-page="trades"] .listing-body-v150{display:grid!important;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;gap:10px!important;margin:18px 0!important;align-items:center!important} body[data-page="trades"] .listing-side{min-width:0!important;padding:12px!important;border-radius:17px!important;background:rgba(6,10,27,.30)!important;border:1px solid rgba(255,255,255,.06)!important} body[data-page="trades"] .listing-side-head-v161{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important} body[data-page="trades"] .listing-side-head-v161 small{font-size:10px!important;letter-spacing:.09em!important;color:#8f9bc0!important;font-weight:900!important} body[data-page="trades"] .listing-side-head-v161 span{font-size:10px!important;color:#c2cae5!important} body[data-page="trades"] .trade-arrow-v120{width:42px!important;height:42px!important;font-size:24px!important} body[data-page="trades"] .trade-card-row-v150{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none} body[data-page="trades"] .trade-card-row-v150::-webkit-scrollbar{display:none} body[data-page="trades"] .trade-card-row-v150 .trade-collectible-v140{flex:0 0 122px!important;width:122px!important;min-width:122px!important;min-height:162px!important;padding:7px!important;border-radius:16px!important;grid-template-rows:19px 94px auto 24px!important;gap:3px!important} body[data-page="trades"] .trade-card-rarity-v140{font-size:7px!important;padding:3px 5px!important} body[data-page="trades"] .trade-card-art-v140{height:94px!important;border-radius:10px!important} body[data-page="trades"] .trade-card-art-v140 .listing-pet-img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important} body[data-page="trades"] .trade-card-art-v140 .pet-emoji{font-size:58px!important} body[data-page="trades"] .trade-card-name-v140{max-width:108px!important;font-size:11px!important;line-height:1.12!important} body[data-page="trades"] .trade-card-variant-v140{height:24px!important} body[data-page="trades"] .trade-card-badges-v140 .variant-badge{width:20px!important;height:20px!important;font-size:8px!important} body[data-page="trades"] .trade-card-qty-v140{font-size:8px!important;padding:2px 5px!important} body[data-page="trades"] .listing-footer-v150{padding-top:12px!important;border-top:1px solid rgba(255,255,255,.06)!important} body[data-page="trades"] .listing-footer-v150>span{font-size:11px!important} body[data-page="trades"] .listing-footer-v150 .btn{font-size:12px!important;min-height:42px!important;padding:0 15px!important} /* ========================================================= PULSE — dense useful cards, no DB/rank numbers ========================================================= */ body[data-page="pulse"] .pulse-kpis-v150{gap:12px!important} body[data-page="pulse"] .pulse-kpis-v150 article{padding:18px!important;min-height:118px!important;border-radius:20px!important} body[data-page="pulse"] .pulse-kpis-v150 span{font-size:10px!important;letter-spacing:.1em!important} body[data-page="pulse"] .pulse-kpis-v150 strong{font-size:34px!important;line-height:1!important;margin:4px 0!important} body[data-page="pulse"] .pulse-kpis-v150 small{font-size:11px!important} body[data-page="pulse"] .pulse-main-grid-v150{gap:14px!important} body[data-page="pulse"] .pulse-leader-v150, body[data-page="pulse"] .pulse-signal-card-v150{padding:20px!important;border-radius:22px!important} body[data-page="pulse"] .pulse-leader-v150 header span, body[data-page="pulse"] .pulse-signal-card-v150 header span{font-size:9px!important} body[data-page="pulse"] .pulse-leader-v150 header b, body[data-page="pulse"] .pulse-signal-card-v150 header b{font-size:17px!important} body[data-page="pulse"] .pulse-leader-pet-v150{height:205px!important} body[data-page="pulse"] .pulse-leader-img-v150{max-width:205px!important;max-height:205px!important} body[data-page="pulse"] .pulse-leader-v150 h2{font-size:28px!important} body[data-page="pulse"] .pulse-leader-stats-v150{gap:8px!important} body[data-page="pulse"] .pulse-leader-stats-v150 span{padding:11px 8px!important;font-size:10px!important;border-radius:12px!important} body[data-page="pulse"] .pulse-leader-stats-v150 b{font-size:15px!important} body[data-page="pulse"] .pulse-signal-bars-v150{gap:18px!important;margin-top:30px!important} body[data-page="pulse"] .pulse-signal-bars-v150 b{font-size:13px!important} body[data-page="pulse"] .pulse-signal-bars-v150 em{font-size:12px!important} body[data-page="pulse"] .pulse-signal-bars-v150 i{height:11px!important} body[data-page="pulse"] .pulse-hot-grid-v161{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} body[data-page="pulse"] .pulse-hot-card-v161{display:grid!important;grid-template-columns:100px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:20px!important;min-width:0!important} body[data-page="pulse"] .pulse-hot-art-v161{width:100px!important;height:100px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:rgba(13,20,51,.65)!important} body[data-page="pulse"] .pulse-hot-img-v161{width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important;object-fit:contain!important} body[data-page="pulse"] .pulse-hot-copy-v161{min-width:0!important} body[data-page="pulse"] .pulse-hot-copy-v161>small{font-size:9px!important;color:#8897bc!important} body[data-page="pulse"] .pulse-hot-copy-v161 h3{font-size:15px!important;line-height:1.15!important;margin:4px 0 7px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-page="pulse"] .pulse-hot-copy-v161>span{font-size:10px!important;color:#a7b1d0!important} body[data-page="pulse"] .pulse-hot-copy-v161>span b{font-size:12px!important;color:#fff!important} body[data-page="pulse"] .pulse-hot-total-v161{text-align:right!important;min-width:58px!important} body[data-page="pulse"] .pulse-hot-total-v161 strong{display:block!important;font-size:21px!important;color:#fff!important;line-height:1!important} body[data-page="pulse"] .pulse-hot-total-v161 small{display:block!important;font-size:8px!important;line-height:1.15!important;color:#7f8eb4!important;margin-top:5px!important} body[data-page="pulse"] .pulse-hot-breakdown-v161{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.06)!important} body[data-page="pulse"] .pulse-hot-breakdown-v161 span{padding:8px!important;text-align:center!important;border-radius:10px!important;background:rgba(12,18,43,.68)!important} body[data-page="pulse"] .pulse-hot-breakdown-v161 small{display:block!important;font-size:7px!important;letter-spacing:.07em!important;color:#7584aa!important} body[data-page="pulse"] .pulse-hot-breakdown-v161 b{display:block!important;font-size:12px!important;color:#fff!important;margin-top:2px!important} body[data-page="pulse"] .pulse-rank-grid-v161{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} body[data-page="pulse"] .pulse-rank-panel-v161{padding:16px!important;border-radius:21px!important} body[data-page="pulse"] .pulse-rank-list-v161{display:grid!important;gap:2px!important} body[data-page="pulse"] .pulse-rank-list-v161>div{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-height:82px!important;padding:8px 4px!important;border-bottom:1px solid rgba(255,255,255,.06)!important} body[data-page="pulse"] .pulse-rank-list-v161>div:last-child{border-bottom:0!important} body[data-page="pulse"] .pulse-rank-art-v161{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(12,19,47,.6)!important} body[data-page="pulse"] .pulse-rank-img-v161{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important} body[data-page="pulse"] .pulse-rank-copy-v161{min-width:0!important} body[data-page="pulse"] .pulse-rank-copy-v161 b{display:block!important;font-size:14px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-page="pulse"] .pulse-rank-copy-v161 small{display:block!important;font-size:10px!important;color:#7f8daf!important;margin-top:3px!important} body[data-page="pulse"] .pulse-rank-count-v161{text-align:right!important} body[data-page="pulse"] .pulse-rank-count-v161 strong{display:block!important;font-size:18px!important;color:#cfc4ff!important} body[data-page="pulse"] .pulse-rank-count-v161 small{display:block!important;font-size:9px!important;color:#7584a8!important} body[data-page="pulse"] .pulse-live-grid-v161{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} body[data-page="pulse"] .pulse-live-trade-v161{padding:13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-radius:16px!important;text-decoration:none!important} body[data-page="pulse"] .pulse-live-trade-v161>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} body[data-page="pulse"] .pulse-live-trade-v161 .user-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important} body[data-page="pulse"] .pulse-live-trade-v161 b{display:block!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body[data-page="pulse"] .pulse-live-trade-v161 small{display:block!important;color:#7d8bad!important;font-size:10px!important;margin-top:2px!important} body[data-page="pulse"] .pulse-live-trade-v161>strong{display:flex!important;align-items:center!important;gap:5px!important;color:#bda9ff!important;font-size:14px!important;white-space:nowrap!important} body[data-page="pulse"] .pulse-live-trade-v161>strong b{font-size:14px!important} body[data-page="pulse"] .pulse-live-trade-v161>strong span{color:#6fd9ef!important} /* ========================================================= BLOG ARTICLE / COMMENTS / ADS ========================================================= */ body[data-page="blog"] .article-page-v150{width:min(900px,100%)!important;margin:24px auto 20px!important;padding:30px!important} body[data-page="blog"] .article-cover{width:100%!important;height:auto!important;max-height:360px!important;aspect-ratio:16/7!important;object-fit:cover!important;border-radius:18px!important;margin-bottom:22px!important} body[data-page="blog"] .article-page-v150 h1{font-size:clamp(36px,5vw,58px)!important} body[data-page="blog"] .article-meta{font-size:12px!important} body[data-page="blog"] .article-lead{font-size:18px!important;line-height:1.55!important} body[data-page="blog"] .article-content{font-size:16px!important;line-height:1.8!important} body[data-page="blog"] .comment-section-v150{max-width:900px!important} body[data-page="blog"] .comment-count-v150{font-size:11px!important} body[data-page="blog"] .comment-form-v150{padding:18px!important;border-radius:20px!important} body[data-page="blog"] .comment-form-head-v150 b{font-size:13px!important} body[data-page="blog"] .role-pill-v150{height:22px!important;padding:0 8px!important;font-size:8px!important} body[data-page="blog"] .comment-reward-v150{font-size:11px!important} body[data-page="blog"] .comment-reward-v150 img{width:22px!important;height:22px!important} body[data-page="blog"] .comment-form-v150 textarea{font-size:14px!important;min-height:120px!important;padding:13px!important} body[data-page="blog"] .comment-captcha-row-v150 label span{font-size:10px!important} body[data-page="blog"] .comment-captcha-row-v150 input{font-size:15px!important} body[data-page="blog"] .comment-list-v150{gap:10px!important} body[data-page="blog"] .comment-card-v150{padding:15px!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;border-radius:18px!important} body[data-page="blog"] .comment-avatar-v150{width:48px!important;height:48px!important;flex-basis:48px!important} body[data-page="blog"] .comment-main-v150 header b{font-size:13px!important} body[data-page="blog"] .comment-main-v150 header time{font-size:10px!important} body[data-page="blog"] .comment-main-v150 p{font-size:13px!important;line-height:1.55!important;margin-top:7px!important} body[data-page="blog"] .comment-remove-v150 button{font-size:10px!important;padding:7px 9px!important} body[data-page="blog"] .comment-ad-v160{margin:14px 0!important} body[data-page="blog"] .ad-wrap{margin:18px 0!important;min-height:90px!important} body[data-page="blog"] .ad-placeholder-inner{min-height:90px!important} /* ========================================================= TABLET ========================================================= */ @media(max-width:1050px){ body[data-page="trades"] .listing-grid-v150{grid-template-columns:1fr!important} body[data-page="pulse"] .pulse-hot-grid-v161{grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="pulse"] .pulse-live-grid-v161{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* ========================================================= MOBILE — no desktop miniatures ========================================================= */ @media(max-width:760px){ .page-shell{width:calc(100% - 24px)!important;margin-top:16px!important;margin-bottom:56px!important} body[data-page="home"] .section-head, body[data-page="trades"] .section-head, body[data-page="pulse"] .section-head, body[data-page="blog"] .section-head{margin-bottom:11px!important} body[data-page="home"] .section-head h2, body[data-page="trades"] .section-head h2, body[data-page="pulse"] .section-head h2, body[data-page="blog"] .section-head h2{font-size:25px!important;line-height:1.05!important} body[data-page="home"] .section-head>a, body[data-page="pulse"] .section-head>a, body[data-page="blog"] .section-head>a{font-size:11px!important} /* Trending = swipeable mobile cards, not 3 tiny desktop cards */ body[data-page="home"] .trending-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:min(76vw,300px)!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 10px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important} body[data-page="home"] .trending-grid::-webkit-scrollbar{display:none} body[data-page="home"] .trending-grid .pet-card{scroll-snap-align:start!important;padding:16px!important;border-radius:22px!important} body[data-page="home"] .trending-grid .pet-visual{height:158px!important} body[data-page="home"] .trending-grid .pet-visual .pet-img, body[data-page="home"] .trending-grid .trending-pet-img{max-width:185px!important;max-height:152px!important} body[data-page="home"] .trending-grid .pet-card h3{font-size:18px!important} body[data-page="home"] .trending-grid .pet-card p{font-size:13px!important} body[data-page="home"] .trending-grid .pet-stats small{font-size:10px!important} body[data-page="home"] .trending-grid .pet-stats b{font-size:15px!important} body[data-page="home"] .trending-grid .card-link{font-size:12px!important} /* Home Live Trades */ body[data-page="home"] .home-live-split-v150{grid-template-columns:1fr!important;gap:14px!important} body[data-page="home"] .home-live-list-v150{grid-template-columns:1fr!important;gap:12px!important} body[data-page="home"] .home-live-card-v150{padding:15px!important;min-height:0!important;border-radius:20px!important} body[data-page="home"] .home-live-user-v150{grid-template-columns:46px minmax(0,1fr) auto!important} body[data-page="home"] .home-live-user-v150 .user-avatar{width:46px!important;height:46px!important} body[data-page="home"] .home-live-user-v150 b{font-size:14px!important} body[data-page="home"] .home-live-user-v150 .trade-stars{font-size:13px!important} body[data-page="home"] .home-live-user-v150 .trade-rating strong, body[data-page="home"] .home-live-user-v150 time{font-size:10px!important} body[data-page="home"] .home-live-exchange-v150{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;gap:7px!important} body[data-page="home"] .home-live-exchange-v150 small{font-size:10px!important} body[data-page="home"] .home-live-pets-v150{min-height:112px!important} body[data-page="home"] .home-live-pets-v150>span{width:92px!important;height:110px!important;flex-basis:92px!important;grid-template-rows:75px auto!important} body[data-page="home"] .home-live-pets-v150>span>img, body[data-page="home"] .home-live-pets-v150>span>.pet-img{width:75px!important;height:75px!important;max-width:75px!important;max-height:75px!important} body[data-page="home"] .home-live-pet-v161>b{font-size:10px!important} body[data-page="home"] .home-live-card-v150 footer>span{font-size:10px!important} body[data-page="home"] .home-live-card-v150 .mini-btn{font-size:12px!important;padding:10px 13px!important} body[data-page="home"] .match-card{padding:18px!important} body[data-page="home"] .match-card h2{font-size:25px!important} /* From the Realm + Blog list */ body[data-page="home"] .blog-grid-compact-v115, body[data-page="blog"] .blog-grid-page-v115{grid-template-columns:1fr!important;gap:12px!important} body[data-page="home"] .blog-card-compact-v115, body[data-page="blog"] .blog-card-page-v115{grid-template-columns:132px minmax(0,1fr)!important;gap:13px!important;padding:11px!important;min-height:154px!important;border-radius:18px!important} body[data-page="home"] .blog-square-v115, body[data-page="blog"] .blog-card-page-v115 .blog-square-v115{width:132px!important;height:132px!important;min-height:132px!important;border-radius:14px!important} body[data-page="home"] .blog-card-compact-v115 h3, body[data-page="blog"] .blog-card-page-v115 h3{font-size:17px!important;line-height:1.18!important} body[data-page="home"] .blog-card-compact-v115 p, body[data-page="blog"] .blog-card-page-v115 p{font-size:12px!important;line-height:1.4!important;-webkit-line-clamp:3!important} body[data-page="home"] .blog-card-compact-v115 small, body[data-page="blog"] .blog-card-page-v115 small{font-size:10px!important} body[data-page="home"] .blog-card-compact-v115 .tag, body[data-page="blog"] .blog-card-page-v115 .tag{font-size:9px!important} body[data-page="blog"] .blog-read-v115{font-size:11px!important} /* Trading Center */ body[data-page="trades"] .trades-hero-v150 h1{font-size:42px!important;line-height:.95!important} body[data-page="trades"] .trades-hero-v150 .hero-buttons{margin-top:12px!important} body[data-page="trades"] .trades-hero-v150 .btn{font-size:13px!important;min-height:44px!important;padding:0 16px!important} body[data-page="trades"] .toolbar{display:flex!important;flex-wrap:wrap!important;padding:11px!important;gap:8px!important;border-radius:18px!important} body[data-page="trades"] .toolbar .filter-search{flex:1 0 100%!important;height:48px!important} body[data-page="trades"] .toolbar .filter-search input{font-size:14px!important} body[data-page="trades"] .filter-chip{font-size:11px!important;padding:9px 12px!important} body[data-page="trades"] .listing-grid-v150{grid-template-columns:1fr!important;gap:13px!important} body[data-page="trades"] .listing-card-v150{padding:14px!important;border-radius:20px!important} body[data-page="trades"] .listing-user-v150{grid-template-columns:46px minmax(0,1fr) auto!important;gap:9px!important} body[data-page="trades"] .listing-user-v150 .user-avatar{width:46px!important;height:46px!important} body[data-page="trades"] .listing-user-copy-v150>b{font-size:14px!important} body[data-page="trades"] .trade-user-score-v150 .trade-stars{font-size:13px!important} body[data-page="trades"] .trade-user-score-v150 .trade-rating b{font-size:11px!important} body[data-page="trades"] .trade-user-score-v150 .trade-completed{font-size:10px!important} body[data-page="trades"] .trade-paw-line-v150 img{width:19px!important;height:19px!important} body[data-page="trades"] .trade-paw-line-v150 b{font-size:12px!important} body[data-page="trades"] .trade-paw-line-v150 span{font-size:10px!important} body[data-page="trades"] .listing-status-stack-v150 .status{font-size:9px!important} body[data-page="trades"] .listing-status-stack-v150 time{font-size:9px!important} body[data-page="trades"] .listing-body-v150{grid-template-columns:1fr!important;gap:9px!important;margin:15px 0!important} body[data-page="trades"] .listing-side{padding:11px!important;border-radius:16px!important} body[data-page="trades"] .listing-side-head-v161 small, body[data-page="trades"] .listing-side-head-v161 span{font-size:11px!important} body[data-page="trades"] .trade-arrow-v120{justify-self:center!important;width:40px!important;height:40px!important;font-size:24px!important;transform:rotate(90deg)!important} body[data-page="trades"] .trade-card-row-v150{gap:8px!important} body[data-page="trades"] .trade-card-row-v150 .trade-collectible-v140{flex:0 0 116px!important;width:116px!important;min-width:116px!important;min-height:158px!important;grid-template-rows:18px 90px auto 23px!important} body[data-page="trades"] .trade-card-art-v140{height:90px!important} body[data-page="trades"] .trade-card-art-v140 .listing-pet-img{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important} body[data-page="trades"] .trade-card-name-v140{font-size:11px!important} body[data-page="trades"] .listing-footer-v150{gap:8px!important} body[data-page="trades"] .listing-footer-v150>span{font-size:10px!important} body[data-page="trades"] .listing-footer-v150 .btn{font-size:12px!important;min-height:40px!important} /* Pulse */ body[data-page="pulse"] .pulse-hero-v150 h1{font-size:42px!important} body[data-page="pulse"] .pulse-kpis-v150{grid-template-columns:1fr 1fr!important;gap:9px!important} body[data-page="pulse"] .pulse-kpis-v150 article{padding:14px!important;min-height:105px!important;border-radius:17px!important} body[data-page="pulse"] .pulse-kpis-v150 span{font-size:9px!important} body[data-page="pulse"] .pulse-kpis-v150 strong{font-size:30px!important} body[data-page="pulse"] .pulse-kpis-v150 small{font-size:10px!important} body[data-page="pulse"] .pulse-main-grid-v150{grid-template-columns:1fr!important;gap:12px!important} body[data-page="pulse"] .pulse-leader-v150, body[data-page="pulse"] .pulse-signal-card-v150{padding:16px!important;border-radius:19px!important} body[data-page="pulse"] .pulse-leader-v150 header span, body[data-page="pulse"] .pulse-signal-card-v150 header span{font-size:9px!important} body[data-page="pulse"] .pulse-leader-v150 header b, body[data-page="pulse"] .pulse-signal-card-v150 header b{font-size:16px!important} body[data-page="pulse"] .pulse-leader-pet-v150{height:170px!important} body[data-page="pulse"] .pulse-leader-img-v150{max-width:170px!important;max-height:170px!important} body[data-page="pulse"] .pulse-leader-v150 h2{font-size:25px!important} body[data-page="pulse"] .pulse-leader-stats-v150 span{font-size:9px!important;padding:9px 6px!important} body[data-page="pulse"] .pulse-leader-stats-v150 b{font-size:13px!important} body[data-page="pulse"] .pulse-signal-bars-v150 b{font-size:12px!important} body[data-page="pulse"] .pulse-signal-bars-v150 em{font-size:11px!important} body[data-page="pulse"] .pulse-hot-grid-v161{grid-template-columns:1fr!important;gap:10px!important} body[data-page="pulse"] .pulse-hot-card-v161{grid-template-columns:90px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important;border-radius:18px!important} body[data-page="pulse"] .pulse-hot-art-v161{width:90px!important;height:90px!important} body[data-page="pulse"] .pulse-hot-img-v161{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important} body[data-page="pulse"] .pulse-hot-copy-v161 h3{font-size:15px!important} body[data-page="pulse"] .pulse-hot-copy-v161>small{font-size:9px!important} body[data-page="pulse"] .pulse-hot-copy-v161>span{font-size:10px!important} body[data-page="pulse"] .pulse-hot-total-v161 strong{font-size:20px!important} body[data-page="pulse"] .pulse-hot-total-v161 small{font-size:8px!important} body[data-page="pulse"] .pulse-hot-breakdown-v161 small{font-size:7px!important} body[data-page="pulse"] .pulse-hot-breakdown-v161 b{font-size:12px!important} body[data-page="pulse"] .pulse-rank-grid-v161{grid-template-columns:1fr!important;gap:12px!important} body[data-page="pulse"] .pulse-rank-panel-v161{padding:13px!important;border-radius:18px!important} body[data-page="pulse"] .pulse-rank-list-v161>div{grid-template-columns:66px minmax(0,1fr) auto!important;min-height:76px!important;gap:10px!important} body[data-page="pulse"] .pulse-rank-art-v161{width:66px!important;height:66px!important} body[data-page="pulse"] .pulse-rank-img-v161{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important} body[data-page="pulse"] .pulse-rank-copy-v161 b{font-size:13px!important} body[data-page="pulse"] .pulse-rank-copy-v161 small{font-size:10px!important} body[data-page="pulse"] .pulse-rank-count-v161 strong{font-size:17px!important} body[data-page="pulse"] .pulse-rank-count-v161 small{font-size:9px!important} body[data-page="pulse"] .pulse-live-grid-v161{grid-template-columns:1fr!important;gap:8px!important} body[data-page="pulse"] .pulse-live-trade-v161{padding:12px!important} body[data-page="pulse"] .pulse-live-trade-v161 .user-avatar{width:44px!important;height:44px!important;flex-basis:44px!important} body[data-page="pulse"] .pulse-live-trade-v161 b{font-size:13px!important} body[data-page="pulse"] .pulse-live-trade-v161 small{font-size:10px!important} body[data-page="pulse"] .pulse-live-trade-v161>strong b{font-size:15px!important} /* Blog article — image no longer dominates first mobile screen */ body[data-page="blog"] .page-hero h1{font-size:40px!important} body[data-page="blog"] .article-nav{margin-bottom:10px!important} body[data-page="blog"] .article-page-v150{margin:10px auto 16px!important;padding:14px!important;border-radius:19px!important} body[data-page="blog"] .article-cover{height:180px!important;max-height:180px!important;aspect-ratio:auto!important;border-radius:14px!important;margin-bottom:14px!important} body[data-page="blog"] .article-page-v150 h1{font-size:30px!important;line-height:1.04!important;margin:10px 0!important} body[data-page="blog"] .article-meta{font-size:10px!important} body[data-page="blog"] .article-lead{font-size:16px!important;line-height:1.5!important;margin:14px 0!important} body[data-page="blog"] .article-content{font-size:15px!important;line-height:1.72!important;margin-top:18px!important} body[data-page="blog"] .comment-section-v150 .section-head h2{font-size:24px!important} body[data-page="blog"] .comment-form-v150{padding:13px!important} body[data-page="blog"] .comment-form-head-v150{align-items:center!important;flex-wrap:nowrap!important;min-width:0!important} body[data-page="blog"] .comment-form-head-v150>div{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important} body[data-page="blog"] .comment-form-head-v150>div b{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body[data-page="blog"] .comment-form-head-v150 b{font-size:13px!important} body[data-page="blog"] .comment-reward-v150{margin-left:auto!important;width:auto!important;flex:0 0 auto!important;font-size:10px!important;padding-left:0!important;white-space:nowrap!important;justify-content:flex-end!important} body[data-page="blog"] .comment-reward-v150 img{width:20px!important;height:20px!important} body[data-page="blog"] .comment-captcha-row-v150{grid-template-columns:1fr!important;gap:10px!important} body[data-page="blog"] .comment-captcha-image-v150{width:100%!important;height:74px!important} body[data-page="blog"] .comment-captcha-image-v150 img{width:100%!important;height:74px!important;object-fit:cover!important} body[data-page="blog"] .comment-captcha-row-v150 .btn{width:100%!important;min-height:44px!important;font-size:13px!important} body[data-page="blog"] .comment-card-v150{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important;gap:10px!important} body[data-page="blog"] .comment-avatar-v150{width:44px!important;height:44px!important;flex-basis:44px!important} body[data-page="blog"] .comment-main-v150 header b{font-size:13px!important} body[data-page="blog"] .comment-main-v150 header time{font-size:10px!important} body[data-page="blog"] .comment-main-v150 p{font-size:13px!important} body[data-page="blog"] .comment-remove-v150{grid-column:2!important;justify-self:start!important} body[data-page="blog"] .ad-wrap{margin:14px 0!important;min-height:82px!important} body[data-page="blog"] .ad-placeholder-inner{min-height:82px!important} } @media(max-width:480px){ body[data-page="home"] .trending-grid{grid-auto-columns:82vw!important} /* Blog cards become visual stacked cards on narrow phones */ body[data-page="home"] .blog-card-compact-v115, body[data-page="blog"] .blog-card-page-v115{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important;min-height:0!important} body[data-page="home"] .blog-square-v115, body[data-page="blog"] .blog-card-page-v115 .blog-square-v115{width:100%!important;height:170px!important;min-height:170px!important;border-radius:14px!important} body[data-page="home"] .blog-card-compact-v115 h3, body[data-page="blog"] .blog-card-page-v115 h3{font-size:18px!important} body[data-page="trades"] .trades-hero-v150 h1{font-size:38px!important} body[data-page="trades"] .listing-user-v150{grid-template-columns:44px minmax(0,1fr)!important} body[data-page="trades"] .listing-status-stack-v150{grid-column:2!important;justify-items:start!important;margin-left:0!important;display:flex!important;align-items:center!important;gap:8px!important} body[data-page="trades"] .listing-footer-v150{align-items:stretch!important;flex-direction:column!important} body[data-page="trades"] .listing-footer-v150 .btn{width:100%!important;justify-content:center!important} body[data-page="pulse"] .pulse-kpis-v150 strong{font-size:27px!important} body[data-page="pulse"] .pulse-hot-card-v161{grid-template-columns:82px minmax(0,1fr)!important} body[data-page="pulse"] .pulse-hot-art-v161{width:82px!important;height:82px!important} body[data-page="pulse"] .pulse-hot-img-v161{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important} body[data-page="pulse"] .pulse-hot-total-v161{grid-column:2!important;text-align:left!important;display:flex!important;align-items:baseline!important;gap:5px!important;margin-top:-3px!important} body[data-page="pulse"] .pulse-hot-total-v161 small{margin:0!important} body[data-page="pulse"] .pulse-hot-breakdown-v161{grid-column:1/-1!important} } /* ======================================================================== TradeRealm 2.0 — premium product design system ======================================================================== */ :root{ --tr2-bg:#050811;--tr2-bg2:#080d19;--tr2-surface:#0d1425;--tr2-surface2:#111a2f; --tr2-line:rgba(178,199,255,.12);--tr2-line-strong:rgba(183,207,255,.22); --tr2-text:#f7f9ff;--tr2-muted:#8997b7;--tr2-soft:#b7c1da; --tr2-violet:#8e72ff;--tr2-cyan:#55d9ff;--tr2-pink:#ff73c9; --tr2-green:#37f59a;--tr2-green2:#0fd677;--tr2-green3:#b1ffd7;--tr2-gold:#ffc95b; --tr2-shadow:0 24px 80px rgba(0,0,0,.38);--tr2-radius:24px; } html{background:var(--tr2-bg)} body{background: radial-gradient(circle at 16% -6%,rgba(110,82,255,.18),transparent 31%), radial-gradient(circle at 88% 8%,rgba(46,225,255,.10),transparent 28%), radial-gradient(circle at 56% 88%,rgba(20,226,131,.055),transparent 34%), linear-gradient(180deg,#050812 0,#080c17 48%,#050811 100%)!important;color:var(--tr2-text)} body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%)} .ambient-one{background:#7856ff!important;opacity:.18!important}.ambient-two{background:#19dbb0!important;opacity:.12!important} .page-shell{width:min(1460px,calc(100% - 52px))!important;margin:30px auto 90px!important} .panel{border:1px solid var(--tr2-line)!important;background:linear-gradient(145deg,rgba(18,27,49,.92),rgba(8,13,27,.92))!important;box-shadow:var(--tr2-shadow)!important;border-radius:var(--tr2-radius)!important;backdrop-filter:blur(20px)!important} .gradient-text{background:linear-gradient(92deg,#ab97ff 0%,#ff7dcf 48%,#65ddff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important} .tr2-kicker{display:block;color:#77eaff;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px} .section-head{margin-top:48px!important;margin-bottom:20px!important}.section-head h2{font-size:clamp(26px,2.1vw,34px)!important;letter-spacing:-.04em!important}.section-head>a{font-size:13px!important} .btn{border-radius:14px!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}.btn.primary{background:linear-gradient(135deg,#7b5cff 0%,#7658f5 48%,#22abd0 100%)!important;border-color:rgba(164,144,255,.52)!important;box-shadow:0 12px 30px rgba(98,76,239,.27),inset 0 1px 0 rgba(255,255,255,.22)!important}.btn.primary:hover{transform:translateY(-2px)!important;box-shadow:0 16px 36px rgba(98,76,239,.34)!important}.btn.ghost{background:rgba(255,255,255,.045)!important;border-color:var(--tr2-line)!important} /* Header / navigation */ .topbar{width:min(1500px,calc(100% - 48px))!important;max-width:1500px!important;height:82px!important;padding:0!important}.logo-brand img{filter:drop-shadow(0 8px 24px rgba(121,94,255,.18))}.top-actions>a{transition:.18s ease!important}.top-actions>a:hover{transform:translateY(-2px)!important;border-color:rgba(123,246,194,.25)!important}.game-strip{position:sticky!important;top:0!important;z-index:60!important;min-height:88px!important;padding:8px 14px!important;background:rgba(5,9,19,.78)!important;border-color:rgba(182,199,255,.08)!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important;backdrop-filter:blur(22px) saturate(1.15)!important}.mobile-strip-nav{gap:10px!important}.mobile-strip-nav a{height:72px!important;border:1px solid transparent!important;border-radius:16px!important;transition:.18s ease!important}.mobile-strip-nav a:hover{background:rgba(255,255,255,.035)!important;color:#fff!important}.mobile-strip-nav a.active{background:linear-gradient(145deg,rgba(117,87,255,.14),rgba(50,210,239,.06))!important;border-color:rgba(155,142,255,.13)!important}.mobile-strip-nav a.active:after{background:linear-gradient(90deg,#9c81ff,#5ee1ff)!important;box-shadow:0 0 14px rgba(92,220,255,.35)!important}.mobile-strip-nav img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.36))!important}.mobile-strip-nav em{font-weight:900!important;letter-spacing:.01em!important} .footer{border-top:1px solid rgba(184,200,255,.08)!important;background:rgba(5,8,16,.46)!important} /* Global page hero */ .tr2-page-hero,.page-hero{min-height:150px!important;padding:28px 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border:1px solid var(--tr2-line)!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(20,29,55,.78),rgba(8,13,26,.82))!important;box-shadow:0 18px 54px rgba(0,0,0,.24)!important;position:relative!important;overflow:hidden!important}.tr2-page-hero:after,.page-hero:after{content:"";position:absolute;right:-90px;top:-140px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(131,99,255,.20),transparent 65%);pointer-events:none}.tr2-page-hero h1,.page-hero h1{position:relative;z-index:1;margin:0!important;font-size:clamp(40px,5vw,70px)!important;line-height:.98!important;letter-spacing:-.06em!important}.tr2-hero-cta{position:relative;z-index:2;min-height:50px!important;padding-inline:22px!important} /* Home */ body[data-page="home"] .tr2-home-hero{min-height:470px!important;border-radius:30px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(24,29,62,.90),rgba(7,13,28,.92))!important}.tr2-home-hero .hero-copy-v115{padding:58px 52px!important}.tr2-home-hero .hero-single-title{font-size:clamp(50px,6vw,88px)!important;max-width:850px!important;line-height:.92!important}.tr2-home-hero .hero-search{height:64px!important;border-radius:18px!important;border-color:rgba(255,255,255,.16)!important;background:rgba(3,8,18,.70)!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important}.tr2-home-hero .hero-kpis-v115{gap:12px!important;padding:0 34px 32px!important}.tr2-home-hero .hero-kpi-v115{min-height:106px!important;padding:15px 17px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(7,13,29,.72)!important}.tr2-home-hero .hero-kpi-v115 strong{font-size:26px!important}.tr2-home-hero .hero-kpi-v115 span{font-size:9px!important} body[data-page="home"] .tr2-trending-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:15px!important}.tr2-trending-grid .pet-card{padding:15px!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(20,29,53,.92),rgba(9,14,28,.92))!important}.tr2-trending-grid .pet-visual{height:122px!important}.tr2-trending-grid .trending-pet-img{max-width:122px!important;max-height:112px!important}.tr2-trending-grid .pet-card h3{font-size:16px!important}.tr2-trending-grid .pet-card:hover{transform:translateY(-5px) scale(1.01)!important;border-color:rgba(129,225,255,.25)!important;box-shadow:0 22px 54px rgba(0,0,0,.34)!important} .tr2-home-live{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr)!important;gap:18px!important}.tr2-home-live-card{padding:16px!important;border-radius:20px!important}.tr2-home-live-card .home-live-user-v150{min-height:52px!important}.tr2-home-live-card .home-live-exchange-v150{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;gap:18px!important;padding:14px!important;border-radius:16px!important;background:rgba(5,10,22,.56)!important;border:1px solid rgba(255,255,255,.06)!important}.tr2-home-live-side{min-width:0!important}.tr2-home-live-side .home-live-pets-v150{padding-inline:8px!important;box-sizing:border-box!important}.tr2-home-live-side.is-single .home-live-pets-v150{justify-content:center!important}.tr2-home-live-card .home-live-pets-v150{min-height:80px!important}.tr2-home-live-card .home-live-pet-v161{min-width:88px!important}.tr2-home-live-card .home-live-pet-v161 .tiny{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important}.tr2-home-live-card .home-live-pet-v161 b{font-size:10px!important}.tr2-home-live-card .home-live-arrow-v150{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,rgba(120,89,255,.25),rgba(58,218,244,.12))!important;border:1px solid rgba(159,146,255,.22)!important;font-size:20px!important} .tr2-home-blog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.tr2-home-blog .blog-card{min-height:205px!important;padding:12px!important;border-radius:20px!important}.tr2-home-blog .blog-square-v115{width:148px!important;min-width:148px!important;height:180px!important;border-radius:15px!important}.tr2-home-blog h3{font-size:18px!important;line-height:1.16!important}.tr2-home-blog p{font-size:12px!important;line-height:1.5!important} /* Trading Center 2.0 — horizontally balanced on every device */ .tr2-trades-hero{margin-bottom:18px!important}.tr2-filterbar{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:20px!important;margin-bottom:18px!important}.tr2-search{height:48px!important;flex:1!important;min-width:240px!important;border-radius:14px!important;background:rgba(4,9,20,.72)!important}.tr2-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.tr2-filter-pills .filter-chip{min-height:38px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important}.tr2-listing-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.tr2-trade-card{padding:0!important;overflow:hidden!important;border-radius:24px!important;min-width:0!important}.tr2-trade-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.tr2-trader{display:flex;align-items:center;gap:12px;min-width:0}.tr2-trader-avatar{width:52px!important;height:52px!important;flex:0 0 52px!important}.tr2-trader-copy{min-width:0}.tr2-trader-copy>b{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-trader-reputation{display:flex;align-items:center;gap:10px;margin-top:5px;min-width:0}.tr2-trader-reputation .trade-rating{font-size:10px!important}.tr2-trader-reputation .trade-stars{font-size:13px!important}.tr2-paw{display:flex;align-items:center;gap:4px;color:#d8ffe9;font-size:10px;font-weight:900;white-space:nowrap}.tr2-paw img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(55,245,154,.22))}.tr2-trade-meta{display:grid;justify-items:end;gap:5px;flex:0 0 auto}.tr2-trade-meta time{font-size:10px;color:var(--tr2-muted)} .tr2-exchange{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;min-width:0}.tr2-trade-side{min-width:0;padding:13px;border-radius:18px;background:linear-gradient(145deg,rgba(15,25,48,.92),rgba(8,14,28,.84));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.tr2-trade-side-want{border-color:rgba(89,214,255,.12);background:linear-gradient(145deg,rgba(12,28,44,.90),rgba(7,14,27,.86))}.tr2-trade-side>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.tr2-trade-side>header span{font-size:9px;letter-spacing:.12em;font-weight:950;color:#a99aff}.tr2-trade-side-want>header span{color:#6ce3ff}.tr2-trade-side>header b{font-size:9px;color:#7f8ba8;font-weight:800}.tr2-trade-items{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.tr2-trade-item{min-width:0;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;min-height:76px;padding:8px;border-radius:14px;background:rgba(4,10,22,.62);border:1px solid rgba(255,255,255,.055)}.tr2-trade-item-art{width:58px;height:58px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(114,98,255,.13),transparent 67%)}.tr2-trade-item-img{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:contain!important}.tr2-trade-item-copy{min-width:0}.tr2-trade-item-copy>b{display:block;font-size:10px;line-height:1.12;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-trade-item-copy>small{display:block;font-size:7px;color:#7886a8;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-trade-item-copy>span{display:flex;align-items:center;gap:3px;min-height:18px}.tr2-trade-badges .variant-badge{width:17px!important;height:17px!important;font-size:7px!important}.tr2-trade-item-copy em{font-style:normal;font-size:8px;font-weight:900;color:#d5dcf1;margin-left:2px}.tr2-trade-more,.tr2-trade-empty{grid-column:1/-1;min-height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.10);font-size:9px;color:#8692af;font-weight:850}.tr2-exchange-core{align-self:center;display:grid;place-items:center;gap:5px}.tr2-exchange-core span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(126,93,255,.28),rgba(52,212,241,.14));border:1px solid rgba(156,141,255,.26);font-size:25px;color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 0 24px rgba(112,86,255,.12)}.tr2-exchange-core small{font-size:7px;letter-spacing:.13em;color:#71809f;font-weight:900}.tr2-trade-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px 16px;border-top:1px solid rgba(255,255,255,.06)}.tr2-trade-card-foot>span{font-size:10px;color:#8491b0}.tr2-trade-card-foot .btn{min-height:40px!important} /* Values — tablet stays desktop/table layout */ .tr2-values-hero{margin-bottom:18px!important}.tr2-values-toolbar{padding:13px!important;border-radius:20px!important;gap:10px!important}.tr2-values-toolbar .filter-search{min-height:46px!important}.tr2-values-basis{padding:16px 18px!important;border-radius:20px!important}.tr2-values-basis .calc-value-toggle button{min-height:40px!important;font-size:11px!important}.tr2-value-table-wrap{border-radius:22px!important;overflow:hidden!important}.value-table th{font-size:9px!important;letter-spacing:.12em!important;color:#7d8aaa!important;background:rgba(6,12,25,.75)!important}.value-table td{padding-block:12px!important}.value-table tr:hover td{background:rgba(79,224,184,.025)!important}.value-table .table-pet{width:60px!important;height:60px!important}.value-item-copy b{font-size:13px!important}.value-item-copy small{font-size:9px!important} /* Calculator */ .tr2-calculator-hero{margin-bottom:18px!important}.tr2-calculator{padding:24px!important;border-radius:26px!important}.tr2-calculator .trade-balance-dashboard{gap:10px!important}.tr2-calculator .balance-score-card,.tr2-calculator .balance-result-core{border-radius:18px!important;min-height:104px!important}.tr2-calculator .balance-score-card strong{font-size:32px!important}.tr2-calculator .balance-result-core strong{font-size:24px!important}.tr2-calculator .adopt-side{border-radius:22px!important;background:linear-gradient(145deg,rgba(17,27,50,.86),rgba(8,14,28,.86))!important;border:1px solid rgba(255,255,255,.08)!important}.tr2-calculator .adopt-trade-grid{gap:10px!important}.tr2-calculator .calc-value-toggle button{min-height:40px!important}.tr2-calculator .calculator-footer-controls{gap:14px!important} /* Trade Builder */ .tr2-trade-builder{max-width:1320px!important;margin-inline:auto!important}.tr2-trade-builder .trade-builder-head-v150{padding:28px 4px 18px!important}.tr2-trade-builder .trade-builder-head-v150 h1{font-size:clamp(44px,5vw,68px)!important}.tr2-builder-sides{gap:18px!important}.tr2-trade-builder .trade-builder-side-v150{border-radius:24px!important;border:1px solid var(--tr2-line)!important;background:linear-gradient(145deg,rgba(17,26,49,.94),rgba(8,14,28,.90))!important}.tr2-trade-builder .trade-builder-selected-v150{min-height:170px!important}.tr2-trade-builder .trade-builder-item-v150{border-radius:16px!important;background:rgba(5,10,22,.64)!important}.tr2-trade-builder .trade-builder-search-v150{min-height:48px!important;border-radius:14px!important}.tr2-trade-builder .trade-builder-details-v150{border-radius:22px!important} /* Pulse */ .tr2-pulse-hero{margin-bottom:18px!important}.tr2-pulse-spotlight-mini{position:relative;z-index:2;min-width:230px;padding:14px 17px;border-radius:16px;background:rgba(7,13,28,.72);border:1px solid rgba(255,255,255,.08);display:grid}.tr2-pulse-spotlight-mini span{font-size:8px;letter-spacing:.13em;color:#6ef1b3;font-weight:950}.tr2-pulse-spotlight-mini b{font-size:17px;margin-top:4px}.tr2-pulse-spotlight-mini small{font-size:10px;color:#8391b0;margin-top:3px}.tr2-pulse-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tr2-pulse-kpis article{min-height:126px;padding:18px 20px;display:grid;align-content:center;border-radius:20px!important}.tr2-pulse-kpis span{font-size:9px;letter-spacing:.12em;color:#8391af;font-weight:950}.tr2-pulse-kpis strong{font-size:36px;line-height:1;margin:8px 0 5px}.tr2-pulse-kpis small{font-size:10px;color:#62eeb0}.tr2-pulse-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:16px}.tr2-pulse-leader,.tr2-signal-panel{padding:20px!important;border-radius:24px!important}.tr2-pulse-leader>header,.tr2-signal-panel>header{display:grid;gap:3px}.tr2-pulse-leader>header span,.tr2-signal-panel>header span{font-size:8px;letter-spacing:.14em;color:#68eeb0;font-weight:950}.tr2-pulse-leader>header b,.tr2-signal-panel>header b{font-size:17px}.tr2-pulse-leader-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:center;margin-top:10px}.tr2-pulse-leader-art{height:210px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle,rgba(123,93,255,.16),rgba(6,12,26,.45) 67%)}.tr2-pulse-leader-img{width:190px!important;height:190px!important;max-width:190px!important;max-height:190px!important;object-fit:contain!important}.tr2-pulse-leader-copy>small{font-size:9px;color:#8b98b5}.tr2-pulse-leader-copy h2{font-size:34px;line-height:1.02;margin:5px 0 18px}.tr2-pulse-leader-metrics{display:flex;gap:8px;flex-wrap:wrap}.tr2-pulse-leader-metrics span{padding:10px 12px;border-radius:12px;background:rgba(5,11,24,.64);font-size:9px;color:#8795b3}.tr2-pulse-leader-metrics b{font-size:15px;color:#fff}.tr2-signal-bars{display:grid;gap:22px;margin-top:28px}.tr2-signal-row>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.tr2-signal-row b{font-size:12px}.tr2-signal-row em{font-style:normal;font-size:11px;color:#95a3c0}.tr2-signal-row>i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;border:1px solid rgba(255,255,255,.04)}.tr2-signal-row>i>u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea966,#2bea91 55%,#b2ffd6);box-shadow:0 0 18px rgba(50,246,149,.30);position:relative;text-decoration:none}.tr2-signal-row>i>u:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.42) 50%,transparent 56%);transform:translateX(-120%);animation:tr2shine 2.8s linear infinite}@keyframes tr2shine{to{transform:translateX(120%)}} .tr2-section-head>span{font-size:10px;color:#8090b0}.tr2-hot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tr2-hot-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px!important;border-radius:22px!important;min-width:0}.tr2-hot-art{width:112px;height:112px;display:grid;place-items:center;border-radius:17px;background:radial-gradient(circle,rgba(117,93,255,.12),rgba(4,10,23,.58))}.tr2-hot-img{width:106px!important;height:106px!important;max-width:106px!important;max-height:106px!important;object-fit:contain!important}.tr2-hot-copy{min-width:0}.tr2-hot-copy>small{font-size:8px;color:#8290ad}.tr2-hot-copy h3{font-size:17px;margin:4px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-hot-demand{display:flex;align-items:center;gap:5px;font-size:9px;color:#7e8daa}.tr2-hot-demand b{font-size:11px;color:#76f0b2}.tr2-hot-total{text-align:right}.tr2-hot-total strong{display:block;font-size:24px}.tr2-hot-total small{display:block;font-size:8px;color:#7786a4}.tr2-hot-breakdown{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}.tr2-hot-breakdown span{padding:8px;border-radius:10px;background:rgba(5,11,24,.55);text-align:center}.tr2-hot-breakdown small{display:block;font-size:7px;color:#7483a2;letter-spacing:.08em}.tr2-hot-breakdown b{display:block;font-size:12px;margin-top:2px}.tr2-pulse-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tr2-rank-panel{padding:17px!important;border-radius:23px!important}.tr2-rank-list{display:grid}.tr2-rank-list>div{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:86px;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.tr2-rank-list>div:last-child{border-bottom:0}.tr2-rank-art{width:70px;height:70px;display:grid;place-items:center;border-radius:14px;background:rgba(5,11,24,.58)}.tr2-rank-img{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important}.tr2-rank-copy{min-width:0}.tr2-rank-copy b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-rank-copy small{font-size:9px;color:#7f8daa}.tr2-rank-count{text-align:right}.tr2-rank-count strong{display:block;font-size:19px;color:#75f2b5}.tr2-rank-count small{font-size:8px;color:#7483a1}.tr2-pulse-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tr2-pulse-live{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px!important;border-radius:17px!important}.tr2-pulse-live>div{display:flex;align-items:center;gap:9px;min-width:0}.tr2-pulse-live .user-avatar{width:43px!important;height:43px!important;flex:0 0 43px!important}.tr2-pulse-live b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr2-pulse-live small{display:block;font-size:9px;color:#7988a7;margin-top:2px}.tr2-pulse-live>strong{display:flex;align-items:center;gap:5px;color:#61eeb0}.tr2-pulse-live>strong span{color:#9e8bff} /* Blog index */ .tr2-blog-hero{margin-bottom:0!important}.tr2-blog-feature-card{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);overflow:hidden;min-height:360px;border-radius:26px!important}.tr2-blog-feature-art{min-height:360px;background:rgba(6,12,25,.6);display:grid;place-items:center;overflow:hidden}.tr2-blog-feature-art img{width:100%;height:100%;object-fit:cover;display:block}.tr2-blog-feature-art>span{font-size:88px}.tr2-blog-feature-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.tr2-blog-feature-copy h2{font-size:clamp(30px,3vw,46px);line-height:1.03;letter-spacing:-.045em;margin:12px 0}.tr2-blog-feature-copy p{font-size:14px;line-height:1.65;color:#a9b4ce;margin:0 0 20px}.tr2-blog-feature-copy>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.tr2-blog-feature-copy small{color:#7f8dac}.tr2-blog-feature-copy b{font-size:12px;color:#75e9ff}.tr2-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tr2-blog-card{overflow:hidden;border-radius:22px!important;display:flex;flex-direction:column;min-width:0}.tr2-blog-card-art{height:210px;background:rgba(5,11,24,.66);display:grid;place-items:center;overflow:hidden}.tr2-blog-card-art img{width:100%;height:100%;object-fit:cover}.tr2-blog-card-art>span{font-size:58px}.tr2-blog-card-copy{padding:17px;display:flex;flex-direction:column;min-height:205px}.tr2-blog-card-copy h3{font-size:20px;line-height:1.12;margin:9px 0}.tr2-blog-card-copy p{font-size:12px;line-height:1.55;color:#9ca9c5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tr2-blog-card-copy>div{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.tr2-blog-card-copy small{font-size:9px;color:#7886a5}.tr2-blog-card-copy b{font-size:10px;color:#73e6ff} /* Article / comments */ body[data-page="blog"] .tr2-article{max-width:980px!important;margin:24px auto 22px!important;padding:28px!important;border-radius:26px!important}.tr2-article-cover{width:100%!important;height:320px!important;max-height:320px!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:18px!important;margin-bottom:22px!important}.tr2-article h1{font-size:clamp(38px,5vw,60px)!important}.tr2-article .article-lead{font-size:18px!important}.tr2-article .article-content{font-size:16px!important;line-height:1.82!important}.tr2-comments{max-width:980px!important;margin-inline:auto!important}.tr2-comment-form{border-radius:22px!important}.tr2-comment-card{border-radius:18px!important}.tr2-comments .comment-captcha-image-v150{border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(55,245,154,.20)!important;box-shadow:0 0 24px rgba(37,238,140,.07)!important}.tr2-comments .comment-captcha-image-v150 img{background:#07140f!important}.comment-ad-v160 .ad-wrap{margin:16px 0!important} /* Profile / support */ .tr2-profile-shell .profile-hero-v171,.tr2-profile-shell .profile-section-v171,.tr2-profile-shell .profile-info-card-v171{border-color:var(--tr2-line)!important;background:linear-gradient(145deg,rgba(17,26,49,.92),rgba(8,14,28,.90))!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important}.tr2-profile-shell .profile-achievement-bar-v171{height:9px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.035)!important}.tr2-profile-shell .profile-achievement-bar-v171 span{background:linear-gradient(90deg,#0aa862 0%,#2cf394 60%,#b0ffd5 100%)!important;box-shadow:0 0 16px rgba(45,243,148,.35)!important;position:relative!important;overflow:hidden!important}.tr2-profile-shell .profile-achievement-bar-v171 span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.5) 50%,transparent 58%);animation:tr2shine 2.8s linear infinite}.tr2-profile-shell .profile-info-card-v171{border-radius:20px!important}.tr2-profile-shell .profile-card-grid-v171{gap:10px!important}.tr2-profile-shell .realm-collectible-v140{border-radius:18px!important}.tr2-support-grid{gap:16px!important}.tr2-support-shell .support-new-v150,.tr2-support-shell .support-ticket-card-v150,.tr2-ticket-shell .ticket-message-v150,.tr2-ticket-shell .ticket-reply-v150{border-radius:20px!important}.tr2-support-shell input,.tr2-support-shell select,.tr2-support-shell textarea,.tr2-ticket-shell textarea{min-height:48px!important;border-radius:13px!important;background:#081020!important;border:1px solid rgba(166,190,255,.14)!important;color:#fff!important} /* Shining green progress identity */ .admin-import-progress-track-v1100,.items-publish-meter-v181,.profile-achievement-bar-v171{background:rgba(255,255,255,.055)!important;overflow:hidden!important}.admin-import-progress-track-v1100>i,.items-publish-meter-v181>i,.items-publish-meter-v181 span,.profile-achievement-bar-v171>span{background:linear-gradient(90deg,#089b5a 0%,#20e783 55%,#9dffcb 100%)!important;box-shadow:0 0 18px rgba(35,239,139,.34)!important} /* Tablet / iPad: keep desktop composition, only tighten it */ @media (min-width:701px) and (max-width:1100px){ .page-shell{width:calc(100% - 30px)!important;margin-top:20px!important}.topbar{width:calc(100% - 30px)!important} body[data-page="home"] .tr2-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tr2-home-blog{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tr2-home-live{grid-template-columns:1fr minmax(280px,.48fr)!important}.tr2-listing-grid{grid-template-columns:1fr!important}.tr2-exchange{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;gap:16px!important}.tr2-pulse-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tr2-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tr2-pulse-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tr2-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tr2-blog-feature-card{grid-template-columns:1.05fr .95fr!important}.tr2-blog-feature-copy{padding:26px!important} /* Undo the legacy tablet conversion: iPad keeps the desktop Values table. */ body[data-page="values"] .value-table-wrap{overflow-x:auto!important;background:linear-gradient(145deg,rgba(18,27,49,.92),rgba(8,13,27,.92))!important;border:1px solid var(--tr2-line)!important;box-shadow:var(--tr2-shadow)!important;backdrop-filter:blur(20px)!important} body[data-page="values"] .value-table{display:table!important;min-width:820px!important;width:100%!important} body[data-page="values"] .value-table thead{display:table-header-group!important} body[data-page="values"] .value-table tbody{display:table-row-group!important} body[data-page="values"] .value-table tr{display:table-row!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} body[data-page="values"] .value-table td{display:table-cell!important;text-align:left!important;padding:12px 13px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;font-size:12px!important} body[data-page="values"] .value-table td:before{display:none!important} body[data-page="values"] .value-table td.value-item-cell{display:table-cell!important;border-bottom:1px solid rgba(255,255,255,.055)!important;padding:12px 13px!important} body[data-page="values"] .value-table .item-cell{display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important} } /* Phone: purpose-built, not shrunken desktop */ @media (max-width:700px){ .page-shell{width:calc(100% - 24px)!important;margin:14px auto 64px!important}.topbar{width:calc(100% - 24px)!important;height:70px!important}.logo-brand img{width:176px!important;max-height:52px!important}.game-strip{min-height:78px!important;padding:6px 3px!important}.mobile-strip-nav{gap:3px!important}.mobile-strip-nav a{width:66px!important;min-width:66px!important;max-width:66px!important;flex-basis:66px!important;height:66px!important;border-radius:13px!important}.mobile-strip-nav img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}.mobile-strip-nav em{font-size:9px!important}.mobile-strip-nav a[href="trades.php"] em{font-size:6.8px!important}.section-head{margin-top:30px!important;margin-bottom:13px!important;align-items:center!important}.section-head h2{font-size:25px!important}.section-head>a{font-size:11px!important}.tr2-page-hero,.page-hero{min-height:116px!important;padding:18px 17px!important;border-radius:21px!important}.tr2-page-hero h1,.page-hero h1{font-size:38px!important}.tr2-kicker{font-size:8px!important}.tr2-hero-cta{min-height:42px!important;padding-inline:14px!important;font-size:11px!important} body[data-page="home"] .tr2-home-hero{min-height:390px!important;border-radius:23px!important}.tr2-home-hero .hero-copy-v115{padding:30px 17px 20px!important}.tr2-home-hero .hero-single-title{font-size:47px!important;line-height:.94!important}.tr2-home-hero .hero-search{height:54px!important;margin-top:18px!important}.tr2-home-hero .hero-kpis-v115{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 12px 14px!important}.tr2-home-hero .hero-kpi-v115{min-height:84px!important;padding:10px!important}.tr2-home-hero .hero-kpi-v115 .hero-kpi-art{width:48px!important;height:48px!important}.tr2-home-hero .hero-kpi-v115 strong{font-size:21px!important}.tr2-home-hero .hero-kpi-v115 span{font-size:7px!important} body[data-page="home"] .tr2-trending-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:82vw!important;grid-template-columns:none!important;overflow-x:auto!important;gap:11px!important;scroll-snap-type:x mandatory!important;padding-bottom:5px!important;scrollbar-width:none!important}.tr2-trending-grid::-webkit-scrollbar{display:none}.tr2-trending-grid .pet-card{scroll-snap-align:start!important;min-height:300px!important;padding:17px!important}.tr2-trending-grid .pet-visual{height:145px!important}.tr2-trending-grid .trending-pet-img{max-width:150px!important;max-height:138px!important}.tr2-trending-grid .pet-card h3{font-size:20px!important}.tr2-trending-grid .pet-card p{font-size:12px!important}.tr2-trending-grid .pet-stats b{font-size:16px!important} .tr2-home-live{display:block!important}.tr2-home-live>aside{margin-top:14px!important}.tr2-home-live-card{padding:12px!important}.tr2-home-live-card .home-live-exchange-v150{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}.tr2-home-live-side .home-live-pets-v150{padding-inline:5px!important}.tr2-home-live-side.is-single .home-live-pets-v150{justify-content:center!important}.tr2-home-live-card .home-live-pets-v150{display:flex!important;gap:6px!important;overflow:hidden!important}.tr2-home-live-card .home-live-pet-v161{min-width:68px!important}.tr2-home-live-card .home-live-pet-v161 .tiny{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}.tr2-home-live-card .home-live-arrow-v150{width:36px!important;height:36px!important;font-size:16px!important}.tr2-home-blog{grid-template-columns:1fr!important;gap:12px!important}.tr2-home-blog .blog-card{grid-template-columns:128px minmax(0,1fr)!important;min-height:148px!important}.tr2-home-blog .blog-square-v115{width:128px!important;min-width:128px!important;height:148px!important;min-height:148px!important}.tr2-home-blog h3{font-size:17px!important}.tr2-home-blog p{display:none!important} /* Trading Center stays horizontal: GIVE | ⇄ | WANT */ .tr2-trades-hero{align-items:flex-end!important}.tr2-trades-hero .tr2-hero-cta{position:absolute;right:14px;bottom:14px;font-size:10px!important}.tr2-filterbar{display:grid!important;gap:9px!important;padding:10px!important}.tr2-search{min-width:0!important;width:100%!important}.tr2-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px;scrollbar-width:none}.tr2-listing-grid{grid-template-columns:1fr!important;gap:13px!important}.tr2-trade-card{border-radius:20px!important}.tr2-trade-card-head{padding:12px!important;gap:9px!important}.tr2-trader-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}.tr2-trader-copy>b{font-size:12px!important}.tr2-trader-reputation{gap:6px!important}.tr2-trader-reputation .trade-stars{font-size:11px!important}.tr2-paw{font-size:8px!important}.tr2-paw img{width:15px!important;height:15px!important}.tr2-trade-meta .status{font-size:8px!important}.tr2-trade-meta time{font-size:8px!important} .tr2-exchange{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)!important;gap:6px!important;padding:9px!important;align-items:stretch!important}.tr2-trade-side{padding:7px!important;border-radius:14px!important}.tr2-trade-side>header{display:grid!important;gap:1px!important;margin-bottom:7px!important}.tr2-trade-side>header span{font-size:7px!important}.tr2-trade-side>header b{font-size:7px!important}.tr2-trade-items{grid-template-columns:1fr!important;gap:5px!important}.tr2-trade-item{grid-template-columns:42px minmax(0,1fr)!important;gap:5px!important;min-height:54px!important;padding:5px!important;border-radius:10px!important}.tr2-trade-item-art{width:42px!important;height:42px!important}.tr2-trade-item-img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}.tr2-trade-item-copy>b{font-size:8px!important;line-height:1.05!important}.tr2-trade-item-copy>small{font-size:6px!important;margin:2px 0 3px!important}.tr2-trade-badges .variant-badge{width:14px!important;height:14px!important;font-size:6px!important}.tr2-trade-item-copy em{font-size:7px!important}.tr2-trade-more,.tr2-trade-empty{min-height:26px!important;font-size:7px!important}.tr2-exchange-core{gap:4px!important}.tr2-exchange-core span{width:34px!important;height:34px!important;font-size:16px!important}.tr2-exchange-core small{font-size:5.5px!important}.tr2-trade-card-foot{padding:9px 11px 11px!important}.tr2-trade-card-foot>span{font-size:8px!important}.tr2-trade-card-foot .btn{min-height:36px!important;font-size:10px!important;padding:0 11px!important} /* Values becomes intentional mobile cards only on phones. */ body[data-page="values"] .tr2-values-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.tr2-values-toolbar .filter-search{grid-column:1/-1!important}.tr2-values-toolbar .btn{grid-column:1/-1!important}.tr2-values-basis{display:grid!important;gap:9px!important}.tr2-values-basis .calc-value-toggle{overflow-x:auto!important;justify-content:flex-start!important}.tr2-values-basis .calc-value-toggle button{flex:0 0 auto!important;padding:0 12px!important} body[data-page="values"] .value-table-wrap{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}.value-table{display:block!important;min-width:0!important}.value-table thead{display:none!important}.value-table tbody{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.value-table tr{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;padding:12px!important;border:1px solid var(--tr2-line)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(17,26,49,.92),rgba(8,14,28,.90))!important}.value-table td{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;border:0!important;font-size:11px!important}.value-table td:before{content:attr(data-label)!important;font-size:7px!important;letter-spacing:.08em!important;color:#71809f!important;font-weight:900!important}.value-table td.value-item-cell{grid-column:1/-1!important;display:block!important;padding-bottom:9px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.value-table td.value-item-cell:before{display:none!important}.value-table .item-cell{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.value-table .table-pet{width:64px!important;height:64px!important}.value-item-copy b{font-size:14px!important}.value-item-copy small{font-size:8px!important} /* Calculator */ .tr2-calculator{padding:12px!important;border-radius:21px!important}.tr2-calculator .trade-balance-dashboard{grid-template-columns:1fr 1.1fr 1fr!important;gap:5px!important}.tr2-calculator .balance-score-card,.tr2-calculator .balance-result-core{min-height:80px!important;border-radius:13px!important;padding:8px!important}.tr2-calculator .balance-score-card strong{font-size:22px!important}.tr2-calculator .balance-result-core strong{font-size:16px!important}.tr2-calculator .balance-result-core span{font-size:7px!important}.tr2-calculator .adopt-grid-wrap{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;gap:5px!important}.tr2-calculator .adopt-side{padding:8px!important;border-radius:16px!important}.tr2-calculator .adopt-side-head span,.tr2-calculator .adopt-side-head small{font-size:7px!important}.tr2-calculator .adopt-side-head strong{font-size:15px!important}.tr2-calculator .adopt-swap{width:38px!important;height:38px!important;font-size:22px!important}.tr2-calculator .calculator-footer-controls{display:grid!important;grid-template-columns:1fr!important}.tr2-calculator .calc-value-toggle{overflow-x:auto!important;justify-content:flex-start!important}.tr2-calculator .calc-value-toggle button{flex:0 0 auto!important;font-size:9px!important;padding:0 10px!important} /* Builder can stack because each side is an editor, not a listing summary. */ .tr2-trade-builder .trade-builder-head-v150 h1{font-size:42px!important}.tr2-builder-sides{grid-template-columns:1fr!important}.tr2-trade-builder .trade-builder-swap-v150{position:static!important;transform:none!important;margin:-4px auto!important;rotate:90deg!important}.tr2-trade-builder .trade-builder-selected-v150{min-height:140px!important}.tr2-trade-builder .trade-builder-item-v150{min-width:130px!important} /* Pulse */ .tr2-pulse-hero{display:block!important}.tr2-pulse-spotlight-mini{margin-top:14px!important;min-width:0!important}.tr2-pulse-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.tr2-pulse-kpis article{min-height:104px!important;padding:14px!important}.tr2-pulse-kpis strong{font-size:30px!important}.tr2-pulse-overview{grid-template-columns:1fr!important;gap:11px!important}.tr2-pulse-leader,.tr2-signal-panel{padding:14px!important}.tr2-pulse-leader-body{grid-template-columns:124px minmax(0,1fr)!important;gap:12px!important}.tr2-pulse-leader-art{height:124px!important}.tr2-pulse-leader-img{width:118px!important;height:118px!important;max-width:118px!important;max-height:118px!important}.tr2-pulse-leader-copy h2{font-size:25px!important;margin-bottom:10px!important}.tr2-pulse-leader-metrics{display:grid!important;grid-template-columns:1fr 1fr!important}.tr2-pulse-leader-metrics span{padding:8px!important;font-size:7px!important}.tr2-pulse-leader-metrics b{font-size:12px!important}.tr2-signal-bars{gap:17px!important;margin-top:20px!important}.tr2-hot-grid{grid-template-columns:1fr!important;gap:10px!important}.tr2-hot-card{grid-template-columns:96px minmax(0,1fr) auto!important;padding:11px!important}.tr2-hot-art{width:96px!important;height:96px!important}.tr2-hot-img{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important}.tr2-hot-copy h3{font-size:15px!important}.tr2-hot-total strong{font-size:21px!important}.tr2-hot-breakdown{gap:5px!important}.tr2-pulse-rank-grid{grid-template-columns:1fr!important;gap:11px!important}.tr2-rank-panel{padding:12px!important}.tr2-rank-list>div{grid-template-columns:66px minmax(0,1fr) auto!important;min-height:76px!important}.tr2-rank-art{width:62px!important;height:62px!important}.tr2-rank-img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}.tr2-pulse-live-grid{grid-template-columns:1fr!important;gap:8px!important} /* Blog */ .tr2-blog-feature-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:21px!important}.tr2-blog-feature-art{min-height:200px!important;height:200px!important}.tr2-blog-feature-copy{padding:18px!important}.tr2-blog-feature-copy h2{font-size:28px!important}.tr2-blog-feature-copy p{font-size:13px!important}.tr2-blog-grid{grid-template-columns:1fr!important;gap:11px!important}.tr2-blog-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;min-height:148px!important}.tr2-blog-card-art{height:100%!important;min-height:148px!important}.tr2-blog-card-copy{padding:13px!important;min-height:148px!important}.tr2-blog-card-copy h3{font-size:17px!important}.tr2-blog-card-copy p{display:none!important}.tr2-blog-card-copy>div{display:grid!important;gap:3px!important}.tr2-article{padding:13px!important;margin-top:11px!important;border-radius:20px!important}.tr2-article-cover{height:158px!important;max-height:158px!important;border-radius:13px!important;margin-bottom:13px!important}.tr2-article h1{font-size:30px!important}.tr2-article .article-lead{font-size:15px!important}.tr2-article .article-content{font-size:14px!important;line-height:1.72!important}.tr2-comment-form{padding:12px!important}.tr2-comments .comment-captcha-row-v150{grid-template-columns:1fr!important}.tr2-comments .comment-captcha-image-v150{height:72px!important;width:100%!important}.tr2-comments .comment-captcha-image-v150 img{width:100%!important;height:72px!important;object-fit:cover!important}.tr2-comments .comment-captcha-row-v150 .btn{width:100%!important} /* Profile/support */ .tr2-profile-shell .profile-hero-v171{border-radius:21px!important}.tr2-profile-shell .profile-info-grid-v171,.tr2-profile-shell .profile-showcase-grid-v171,.profile-support-v150{grid-template-columns:1fr!important}.tr2-profile-shell .profile-section-v171{border-radius:19px!important}.tr2-profile-shell .profile-card-grid-v171{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tr2-support-grid{grid-template-columns:1fr!important}.tr2-ticket-shell .ticket-thread-head-v150{display:grid!important;gap:10px!important}.tr2-ticket-shell .ticket-message-v150{padding:11px!important} } @media (max-width:390px){ .tr2-exchange{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:4px!important;padding:7px!important}.tr2-exchange-core span{width:30px!important;height:30px!important;font-size:14px!important}.tr2-trade-side{padding:6px!important}.tr2-trade-item{grid-template-columns:36px minmax(0,1fr)!important}.tr2-trade-item-art{width:36px!important;height:36px!important}.tr2-trade-item-img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}.tr2-trade-item-copy>small{display:none!important}.tr2-home-hero .hero-single-title{font-size:42px!important}.tr2-hot-card{grid-template-columns:82px minmax(0,1fr)!important}.tr2-hot-art{width:82px!important;height:82px!important}.tr2-hot-img{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}.tr2-hot-total{grid-column:2!important;text-align:left!important;display:flex!important;align-items:baseline!important;gap:5px!important}.tr2-profile-shell .profile-card-grid-v171{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (prefers-reduced-motion:reduce){.tr2-signal-row>i>u:after,.profile-achievement-bar-v171 span:after{animation:none!important}} /* Trade room / offer workflow */ .trade-room-grid{gap:18px!important}.trade-room-head{padding:20px!important;border-radius:22px!important}.trade-room-head h1{font-size:clamp(32px,4vw,52px)!important}.trade-room-owner-v170{gap:11px!important}.trade-room-owner-v170 .user-avatar{width:48px!important;height:48px!important}.trade-side{padding:17px!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(16,25,48,.92),rgba(7,13,27,.92))!important;border:1px solid var(--tr2-line)!important}.trade-side h2{font-size:18px!important}.trade-line{min-height:76px!important;padding:9px!important;border-radius:14px!important;background:rgba(5,11,24,.58)!important}.trade-line .table-pet{width:58px!important;height:58px!important}.trade-line b{font-size:12px!important}.trade-line small{font-size:9px!important}.trade-vs{width:58px!important;height:58px!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(126,94,255,.25),rgba(52,216,242,.12))!important;border:1px solid rgba(157,142,255,.22)!important}.note-card,.trade-offers-panel-v170,.trade-rating-panel-v170,.offer-composer{padding:18px!important;border-radius:22px!important}.trade-offer-card-v170{border-radius:16px!important;background:rgba(5,11,24,.58)!important;border:1px solid rgba(255,255,255,.055)!important}.multi-offer-selected-v150{min-height:126px!important;border-radius:15px!important;background:rgba(5,11,24,.52)!important}.multi-offer-picker-v150{border-radius:16px!important}.offer-composer input,.offer-composer textarea{min-height:46px!important;border-radius:12px!important;background:#081020!important;border:1px solid rgba(166,190,255,.14)!important;color:#fff!important}.offer-composer textarea{min-height:96px!important}.trade-rating-stars-v170 label{color:#ffd05d!important}.trade-complete-banner-v170{border-color:rgba(55,245,154,.20)!important;background:linear-gradient(135deg,rgba(22,115,75,.18),rgba(8,17,28,.84))!important} /* Auth / legal */ .auth-card{max-width:520px!important;padding:28px!important;border-radius:25px!important}.auth-card h1{font-size:36px!important;letter-spacing:-.045em!important}.auth-card label{font-size:11px!important}.auth-card input{min-height:50px!important;border-radius:13px!important;background:#081020!important;border:1px solid rgba(166,190,255,.14)!important;color:#fff!important}.auth-card p{font-size:12px!important;color:#8e9bb7!important}.roblox-oauth-btn{min-height:50px!important}.register-card-v150 .captcha-art-v150{border-radius:14px!important;background:#081510!important;border:1px solid rgba(55,245,154,.20)!important}.register-card-v150 .captcha-art-v150 svg circle:not(.noise){fill:#eafff4!important}.register-card-v150 .captcha-art-v150 svg .noise{fill:#39f59a!important;opacity:.26!important}.legal-shell-v136{max-width:980px!important}.legal-section-v136{padding:22px!important;border-radius:20px!important}.legal-section-v136 h2{font-size:22px!important}.legal-section-v136 p,.legal-section-v136 li{font-size:14px!important;line-height:1.7!important} @media(max-width:700px){ .trade-room-grid{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important;gap:5px!important}.trade-side{padding:8px!important;border-radius:15px!important}.trade-side h2{font-size:12px!important}.trade-line{grid-template-columns:44px minmax(0,1fr)!important;min-height:58px!important;padding:6px!important}.trade-line .table-pet{width:42px!important;height:42px!important}.trade-line b{font-size:9px!important}.trade-line small{font-size:7px!important}.trade-line>strong{display:none!important}.trade-vs{width:34px!important;height:34px!important;font-size:15px!important}.trade-room-head{padding:14px!important}.trade-room-head h1{font-size:30px!important}.note-card,.trade-offers-panel-v170,.trade-rating-panel-v170,.offer-composer{padding:12px!important;border-radius:18px!important}.trade-offer-card-v170{grid-template-columns:42px minmax(0,1fr)!important}.trade-offer-card-v170 .user-avatar{width:42px!important;height:42px!important}.trade-offer-actions-v170{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.trade-offer-actions-v170 .btn{width:100%!important}.auth-card{padding:19px!important;border-radius:21px!important}.auth-card h1{font-size:31px!important}.legal-section-v136{padding:15px!important}.legal-section-v136 p,.legal-section-v136 li{font-size:13px!important} } /* V2 final specificity guards */ @media(max-width:700px){ body[data-page="blog"] .tr2-article-cover{height:158px!important;min-height:158px!important;max-height:158px!important;object-fit:cover!important} } /* ======================================================================== TradeRealm 2.0.1 — compact hero CAPTCHA ======================================================================== */ body[data-page="blog"] .tr2-comments .comment-captcha-row-v150{ display:grid!important; grid-template-columns:176px 176px minmax(140px,auto)!important; gap:9px!important; align-items:center!important; justify-content:start!important; } body[data-page="blog"] .tr2-comments .comment-captcha-image-v150{ width:176px!important; height:54px!important; min-width:0!important; border-radius:12px!important; overflow:hidden!important; border:1px solid rgba(83,243,170,.22)!important; box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 20px rgba(37,238,140,.06)!important; } body[data-page="blog"] .tr2-comments .comment-captcha-image-v150 img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; border-radius:0!important; background:#08111e!important; } body[data-page="blog"] .tr2-comments .comment-captcha-image-v150 button{ right:4px!important; bottom:4px!important; width:20px!important; height:20px!important; font-size:11px!important; border-color:rgba(255,255,255,.25)!important; background:rgba(5,10,19,.82)!important; backdrop-filter:blur(8px)!important; } body[data-page="blog"] .tr2-comments .comment-captcha-input-v201{ width:176px!important; height:54px!important; display:block!important; position:relative!important; } body[data-page="blog"] .tr2-comments .comment-captcha-input-v201>span{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } body[data-page="blog"] .tr2-comments .comment-captcha-input-v201 input{ width:100%!important; height:54px!important; min-height:54px!important; margin:0!important; padding:0 14px!important; border-radius:12px!important; border:1px solid rgba(166,190,255,.16)!important; background:rgba(5,12,25,.88)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; color:#fff!important; font-size:14px!important; font-weight:800!important; letter-spacing:.08em!important; } body[data-page="blog"] .tr2-comments .comment-captcha-input-v201 input::placeholder{ color:#75839f!important; letter-spacing:0!important; font-weight:700!important; } body[data-page="blog"] .tr2-comments .comment-captcha-row-v150>.btn{ min-height:54px!important; height:54px!important; align-self:center!important; margin:0!important; } @media(max-width:700px){ body[data-page="blog"] .tr2-comments .comment-captcha-row-v150{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px!important; align-items:center!important; } body[data-page="blog"] .tr2-comments .comment-captcha-image-v150, body[data-page="blog"] .tr2-comments .comment-captcha-input-v201{ width:100%!important; height:50px!important; } body[data-page="blog"] .tr2-comments .comment-captcha-image-v150 img, body[data-page="blog"] .tr2-comments .comment-captcha-input-v201 input{ width:100%!important; height:50px!important; min-height:50px!important; } body[data-page="blog"] .tr2-comments .comment-captcha-input-v201 input{ padding:0 10px!important; font-size:12px!important; } body[data-page="blog"] .tr2-comments .comment-captcha-row-v150>.btn{ grid-column:1/-1!important; width:100%!important; min-height:46px!important; height:46px!important; } } /* ========================================================= TradeRealm 2.0.5 — Create Trade selected-item redesign Readable pet identity + per-card quantity stepper. ========================================================= */ .tr2-trade-builder .trade-builder-selected-v150{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; min-height:214px!important; padding:10px!important; align-content:start!important; overflow:visible!important; } .tr2-trade-builder .trade-builder-item-v150.tr205-selected-item{ min-width:0!important; width:100%!important; overflow:hidden!important; display:grid!important; grid-template-rows:104px auto auto!important; gap:8px!important; padding:9px!important; border-radius:16px!important; text-align:left!important; background:linear-gradient(155deg,rgba(20,30,61,.96),rgba(6,12,27,.96))!important; border:1px solid rgba(153,164,232,.16)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.14)!important; } .tr2-trade-builder .tr205-selected-art{ width:100%!important; height:104px!important; min-height:104px!important; display:grid!important; place-items:center!important; overflow:hidden!important; border-radius:12px!important; background:radial-gradient(circle at 50% 45%,rgba(126,99,255,.16),rgba(5,10,23,.20) 68%)!important; } .tr2-trade-builder .tr205-selected-art img{ width:100%!important; height:100%!important; max-width:116px!important; max-height:100px!important; object-fit:contain!important; display:block!important; } .tr2-trade-builder .tr205-selected-copy{ min-width:0!important; padding:0 2px!important; } .tr2-trade-builder .tr205-selected-copy>b{ display:block!important; min-width:0!important; color:#f8fbff!important; font-size:12px!important; line-height:1.15!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .tr2-trade-builder .tr205-selected-copy>small{ display:block!important; margin-top:4px!important; color:#8f9fc1!important; font-size:8.5px!important; line-height:1.15!important; font-weight:750!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .tr2-trade-builder .tr205-selected-bottom{ min-width:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; padding-top:7px!important; border-top:1px solid rgba(255,255,255,.055)!important; } .tr2-trade-builder .tr205-selected-badges{ min-width:0!important; min-height:25px!important; display:flex!important; align-items:center!important; gap:3px!important; flex-wrap:wrap!important; } .tr2-trade-builder .tr205-selected-badges .variant-badge{ width:22px!important; height:22px!important; min-width:22px!important; font-size:8px!important; box-shadow:0 4px 10px rgba(0,0,0,.18)!important; } .tr2-trade-builder .tr205-qty-stepper{ flex:0 0 auto!important; display:grid!important; grid-template-columns:27px 38px 27px!important; align-items:center!important; min-height:29px!important; padding:2px!important; border:1px solid rgba(148,160,224,.16)!important; border-radius:10px!important; background:rgba(3,8,20,.58)!important; } .tr2-trade-builder .tr205-qty-stepper button{ width:27px!important; height:27px!important; min-width:27px!important; padding:0!important; display:grid!important; place-items:center!important; border:0!important; border-radius:8px!important; background:rgba(124,91,255,.16)!important; color:#d9d3ff!important; font-size:17px!important; line-height:1!important; font-weight:900!important; cursor:pointer!important; } .tr2-trade-builder .tr205-qty-stepper button:hover:not(:disabled){ background:rgba(124,91,255,.30)!important; color:#fff!important; } .tr2-trade-builder .tr205-qty-stepper button:disabled{ opacity:.28!important; cursor:not-allowed!important; } .tr2-trade-builder .tr205-qty-stepper strong{ display:block!important; color:#fff!important; text-align:center!important; font-size:11px!important; font-weight:950!important; letter-spacing:.01em!important; } .tr2-trade-builder .trade-builder-remove-v150{ top:7px!important; right:7px!important; width:24px!important; height:24px!important; border-radius:50%!important; font-size:15px!important; display:grid!important; place-items:center!important; padding:0!important; backdrop-filter:blur(8px)!important; } .tr2-trade-builder .trade-builder-choice-v150{ grid-template-columns:58px minmax(0,1fr) auto auto!important; } .tr2-trade-builder .trade-builder-add-v150{ min-width:92px!important; height:36px!important; padding:0 13px!important; font-size:9px!important; } @media(max-width:1000px){ .tr2-trade-builder .trade-builder-selected-v150{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .tr2-trade-builder .trade-builder-choice-v150{ grid-template-columns:50px minmax(0,1fr)!important; } .tr2-trade-builder .trade-builder-flags-v150{ grid-column:1/-1!important; grid-row:2!important; justify-content:center!important; } .tr2-trade-builder .trade-builder-add-v150{ grid-column:1/-1!important; grid-row:3!important; width:100%!important; } } @media(max-width:700px){ .tr2-trade-builder .trade-builder-selected-v150{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; min-height:166px!important; padding:8px!important; overflow:visible!important; } .tr2-trade-builder .trade-builder-item-v150.tr205-selected-item{ min-width:0!important; width:100%!important; grid-template-rows:88px auto auto!important; gap:6px!important; padding:8px!important; border-radius:14px!important; } .tr2-trade-builder .tr205-selected-art{ height:88px!important; min-height:88px!important; } .tr2-trade-builder .tr205-selected-art img{ max-width:96px!important; max-height:84px!important; } .tr2-trade-builder .tr205-selected-copy>b{ font-size:11px!important; } .tr2-trade-builder .tr205-selected-copy>small{ font-size:7.5px!important; margin-top:3px!important; } .tr2-trade-builder .tr205-selected-bottom{ gap:5px!important; padding-top:6px!important; } .tr2-trade-builder .tr205-selected-badges .variant-badge{ width:19px!important; height:19px!important; min-width:19px!important; font-size:7px!important; } .tr2-trade-builder .tr205-qty-stepper{ grid-template-columns:24px 33px 24px!important; min-height:26px!important; } .tr2-trade-builder .tr205-qty-stepper button{ width:24px!important; height:24px!important; min-width:24px!important; font-size:15px!important; } .tr2-trade-builder .tr205-qty-stepper strong{ font-size:10px!important; } .tr2-trade-builder .trade-builder-choice-v150{ grid-template-columns:44px minmax(0,1fr)!important; gap:7px!important; } .tr2-trade-builder .trade-builder-flags-v150{ grid-column:1/-1!important; grid-row:auto!important; } .tr2-trade-builder .trade-builder-add-v150{ grid-column:1/-1!important; grid-row:auto!important; width:100%!important; min-height:38px!important; } } @media(max-width:390px){ .tr2-trade-builder .trade-builder-selected-v150{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .tr2-trade-builder .trade-builder-item-v150.tr205-selected-item{ min-width:0!important; } .tr2-trade-builder .tr205-selected-bottom{ align-items:flex-end!important; flex-direction:column!important; } .tr2-trade-builder .tr205-selected-badges{ width:100%!important; min-height:19px!important; } .tr2-trade-builder .tr205-qty-stepper{ align-self:stretch!important; grid-template-columns:26px 1fr 26px!important; } .tr2-trade-builder .tr205-qty-stepper button{ width:26px!important; height:25px!important; min-width:26px!important; } } /* ========================================================= TradeRealm 2.0.6 — Create Trade desktop variant row Desktop only: keep every selected-pet variant badge on one line. Mobile/tablet-phone rules are intentionally untouched. ========================================================= */ @media (min-width:1001px){ .tr2-trade-builder .tr205-selected-bottom{ display:grid!important; grid-template-columns:minmax(0,1fr) 78px!important; align-items:center!important; gap:5px!important; } .tr2-trade-builder .tr205-selected-badges{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:2px!important; min-width:0!important; min-height:22px!important; overflow:visible!important; } .tr2-trade-builder .tr205-selected-badges .variant-badge{ width:20px!important; height:20px!important; min-width:20px!important; flex:0 0 20px!important; font-size:7.5px!important; } .tr2-trade-builder .tr205-qty-stepper{ width:78px!important; grid-template-columns:22px 30px 22px!important; min-height:26px!important; padding:1px!important; border-radius:9px!important; } .tr2-trade-builder .tr205-qty-stepper button{ width:22px!important; height:24px!important; min-width:22px!important; font-size:14px!important; border-radius:7px!important; } .tr2-trade-builder .tr205-qty-stepper strong{ font-size:10px!important; } } /* TradeRealm 2.0.9 — Paw Points comment header cleanup */ body[data-page="blog"] .comment-reward-v150{ margin-left:auto!important; display:inline-flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex:0 0 auto!important; padding:0!important; color:#f1f6ff!important; white-space:nowrap!important; line-height:1!important; } body[data-page="blog"] .comment-reward-v150 img{ width:22px!important; height:22px!important; object-fit:contain!important; display:block!important; } body[data-page="blog"] .comment-reward-v150 strong{ font-size:13px!important; font-weight:950!important; letter-spacing:-.02em!important; color:#fff!important; } .paw-info-note-v209{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;line-height:1.45;color:#8f9cc0} @media(max-width:760px){ body[data-page="blog"] .comment-reward-v150{gap:5px!important} body[data-page="blog"] .comment-reward-v150 img{width:20px!important;height:20px!important} body[data-page="blog"] .comment-reward-v150 strong{font-size:12px!important} } /* ========================================================= TradeRealm 2.1 — Social identity, follows & referrals ========================================================= */ .tr21-user-name{color:#fff;text-decoration:none;font-weight:900;line-height:1.15}.tr21-user-name:hover{color:#9df7d0}.tr21-avatar-link{display:inline-flex;text-decoration:none;flex:0 0 auto} .tr21-public-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:5px}.tr21-public-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;border:1px solid rgba(135,164,255,.28);background:rgba(70,90,170,.18);color:#dce5ff;font-size:7px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.06)} .tr21-public-badge.badge-beta-tester{border-color:rgba(83,216,255,.52);background:rgba(33,147,205,.18);color:#9eeaff}.tr21-public-badge.badge-youtuber{border-color:rgba(255,94,116,.55);background:rgba(181,40,62,.19);color:#ffadb9}.tr21-public-badge.badge-content-creator{border-color:rgba(215,112,255,.52);background:rgba(151,61,205,.19);color:#e8b4ff}.tr21-public-badge.badge-partner{border-color:rgba(255,205,82,.55);background:rgba(175,124,24,.18);color:#ffe69b}.tr21-public-badge.badge-og-member{border-color:rgba(255,161,78,.55);background:rgba(176,88,23,.18);color:#ffc495}.tr21-public-badge.badge-contributor{border-color:rgba(111,236,198,.48);background:rgba(28,143,111,.18);color:#aef5dc}.tr21-public-badge.badge-verified-trader{border-color:rgba(61,239,151,.66);background:linear-gradient(135deg,rgba(19,128,78,.28),rgba(38,211,126,.14));color:#8ff5bc;box-shadow:0 0 16px rgba(55,226,139,.10),inset 0 1px rgba(255,255,255,.08)} /* Trading Center social reputation */ .tr2-trader-reputation{flex-wrap:wrap;row-gap:5px!important}.tr21-follow-count{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 7px;border-radius:999px;background:rgba(41,183,126,.11);border:1px solid rgba(79,226,160,.26);color:#a7f2ca;white-space:nowrap}.tr21-follow-count i{display:none}.tr21-follow-count b{font-size:8px;color:#d9ffeb}.tr21-follow-count em{font-style:normal;font-size:6px;text-transform:uppercase;letter-spacing:.05em}.tr21-trade-badges{margin-top:3px;max-width:100%}.tr21-trade-room-badges,.tr21-offer-badges{margin:4px 0 2px}.tr21-room-followers{display:inline-flex;margin-left:7px;color:#92e8bd;font-size:8px;font-weight:800;white-space:nowrap} /* Blog comment social identity */ .tr21-comment-card{grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:start!important}.tr21-comment-avatar-link{display:inline-flex;text-decoration:none}.tr21-comment-card .comment-main-v150 header{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tr21-comment-badges{margin:0}.tr21-comment-social{min-width:78px;display:grid;justify-items:end;gap:3px;padding-top:1px}.tr21-comment-social>span{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(207,112,255,.24);background:rgba(106,55,173,.12)}.tr21-comment-social img{width:17px;height:17px;object-fit:contain}.tr21-comment-social b{font-size:9px;color:#fff}.tr21-comment-social small{font-size:7px;color:#8fe0b7;font-weight:850;white-space:nowrap}.tr21-comment-form-social{display:grid!important;justify-items:end!important;gap:1px!important}.tr21-comment-form-social>span{display:flex;align-items:center;gap:5px}.tr21-comment-form-social small{font-size:7px!important;color:#91e1ba!important;font-weight:850}.tr21-comment-form-badges{margin-top:3px} /* Own profile — social stats */ @media(min-width:761px){.tr2-profile-shell .profile-info-grid-v171{grid-template-columns:1.05fr 1fr .9fr!important}.tr21-profile-public-badges{margin-top:7px}} .tr21-followers-card{border-color:rgba(66,221,153,.31)!important;background:linear-gradient(145deg,rgba(18,50,64,.95),rgba(13,33,61,.94))!important}.tr21-followers-card .profile-info-icon-v171{border-color:rgba(72,231,165,.38)!important;background:linear-gradient(145deg,rgba(28,156,106,.35),rgba(26,64,92,.85))!important}.tr21-followers-card .profile-info-icon-v171 svg{fill:#7cf0b6!important}.tr21-followers-card a{color:#89efbb;text-decoration:none;font-weight:850}.tr21-profile-public-badges{margin-top:6px} /* Public user profile */ .tr21-public-profile{display:grid;gap:14px}.tr21-public-hero{position:relative;overflow:hidden;padding:0!important;min-height:250px;border:1px solid rgba(93,126,255,.22)!important}.tr21-public-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,35,.97) 0%,rgba(8,12,35,.86) 48%,rgba(8,12,35,.30) 100%),url('hero/traderealm-hero-right-pets.png') right center/auto 120% no-repeat;opacity:.95}.tr21-public-identity{position:relative;z-index:1;min-height:250px;display:grid;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px 30px}.tr21-public-avatar{width:126px;height:126px;border-radius:30px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#46359a,#182a5f);border:4px solid rgba(112,238,182,.74);box-shadow:0 0 0 5px rgba(87,83,209,.25),0 18px 44px rgba(0,0,0,.24);color:#fff;font-size:32px;font-weight:950}.tr21-public-avatar img{width:100%;height:100%;object-fit:cover}.tr21-public-copy{min-width:0;display:grid;gap:7px}.tr21-public-name{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.tr21-public-name h1{font-size:38px;line-height:1;margin:0}.tr21-public-roblox{color:#9ba9d6;text-decoration:none;font-size:11px;font-weight:800}.tr21-public-meta{display:flex;gap:12px;align-items:center;margin-top:5px}.tr21-public-meta>span{display:flex;align-items:center;gap:6px;color:#8e9abb;font-size:8px;font-weight:850;text-transform:uppercase}.tr21-public-meta>span i{width:7px;height:7px;border-radius:50%;background:#74809f}.tr21-public-meta>span.online i{background:#4ae29a;box-shadow:0 0 10px rgba(74,226,154,.65)}.tr21-public-meta small{font-size:8px;color:#7583a8}.tr21-public-actions{align-self:center}.tr21-public-actions form{margin:0}.tr21-public-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tr21-public-stats article{padding:17px 18px!important;display:grid;gap:4px;min-height:112px;background:linear-gradient(145deg,rgba(20,31,75,.95),rgba(12,22,57,.94))!important}.tr21-public-stats span{font-size:8px;color:#8f9bbd;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.tr21-public-stats strong{font-size:25px;color:#fff;display:flex;align-items:center;gap:7px}.tr21-public-stats strong img{width:29px;height:29px;object-fit:contain}.tr21-public-stats small{font-size:7px;color:#6f7fa5}.tr21-public-trades{padding:18px!important}.tr21-public-trades>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.tr21-public-trades>header span{font-size:7px;color:#6fe8ab;letter-spacing:.08em;font-weight:950}.tr21-public-trades h2{margin:2px 0 0;font-size:22px}.tr21-public-trade-list{display:grid;gap:7px}.tr21-public-trade-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(106,127,210,.18);border-radius:13px;background:rgba(27,37,88,.36);text-decoration:none}.tr21-public-trade-list>a:hover{border-color:rgba(84,228,158,.35);transform:translateY(-1px)}.tr21-public-trade-list b{display:block;color:#fff;font-size:10px}.tr21-public-trade-list small,.tr21-public-trade-list em{font-size:7px;color:#7888ae;font-style:normal}.tr21-public-trade-list em{color:#7ee7b3;font-weight:900} /* First Roblox sign-in referral choice */ .tr21-referral-welcome{max-width:650px;margin:34px auto;padding:34px!important;text-align:center;display:grid;justify-items:center;gap:12px;overflow:hidden;position:relative}.tr21-referral-welcome:before{content:"";position:absolute;inset:0;background:url('hero/traderealm-hero-right-pets.png') center/cover no-repeat;opacity:.035;pointer-events:none}.tr21-referral-welcome>*{position:relative;z-index:1}.tr21-referral-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;border:1px solid rgba(72,232,161,.34);background:linear-gradient(145deg,rgba(34,158,108,.22),rgba(65,50,154,.26));box-shadow:0 0 30px rgba(52,219,143,.11)}.tr21-referral-mark img{width:58px;height:58px;object-fit:contain}.tr21-referral-welcome h1{font-size:36px;margin:0}.tr21-referral-welcome>p{max-width:520px;color:#9aa7ca;font-size:10px;line-height:1.6}.tr21-referral-form{width:min(460px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.tr21-referral-form label{text-align:left}.tr21-referral-form label span{display:block;font-size:7px;color:#7f8cad;margin:0 0 5px 4px}.tr21-referral-form input{width:100%;height:46px;border-radius:13px;border:1px solid rgba(112,132,211,.32);background:rgba(7,13,38,.8);color:#fff;padding:0 13px;font-weight:900;letter-spacing:.05em}.tr21-referral-skip{margin:0}.tr21-referral-welcome>small{max-width:510px;font-size:7px;line-height:1.5;color:#647295} @media(max-width:760px){ .tr21-public-badge{font-size:6px;min-height:18px;padding:3px 6px}.tr21-trade-badges{display:flex!important}.tr21-follow-count{padding:3px 6px}.tr21-follow-count b{font-size:7px}.tr21-follow-count em{font-size:5.5px} .tr21-comment-card{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important}.tr21-comment-social{min-width:58px}.tr21-comment-social>span{padding:3px 5px}.tr21-comment-social img{width:15px;height:15px}.tr21-comment-social b{font-size:8px}.tr21-comment-social small{font-size:5.8px}.tr21-comment-card .comment-remove-v150{grid-column:2/-1;justify-self:end}.tr21-comment-badges{flex-basis:100%;margin-top:2px} .tr2-profile-shell .profile-info-grid-v171{grid-template-columns:1fr 1fr!important}.tr2-profile-shell .profile-info-grid-v171 .tr21-referral-card{grid-column:1/-1}.tr21-profile-public-badges{display:flex!important;grid-column:1/-1;margin-top:4px}.tr21-followers-card .profile-info-copy-v171>small{white-space:normal} .tr21-public-hero{min-height:0}.tr21-public-hero-art{height:145px;bottom:auto;background:linear-gradient(180deg,rgba(8,12,35,.18),rgba(8,12,35,.96)),url('hero/traderealm-hero-right-pets.png') center 42%/cover no-repeat}.tr21-public-identity{min-height:0;padding:112px 14px 15px;grid-template-columns:78px minmax(0,1fr);gap:11px;align-items:start}.tr21-public-avatar{width:78px;height:78px;border-radius:22px;border-width:3px;font-size:22px}.tr21-public-name{gap:5px}.tr21-public-name h1{font-size:22px}.tr21-public-roblox{font-size:8px}.tr21-public-profile-badges{margin-top:2px}.tr21-public-meta{gap:7px;flex-wrap:wrap}.tr21-public-meta>span,.tr21-public-meta small{font-size:6px}.tr21-public-actions{grid-column:1/-1;width:100%}.tr21-public-actions .btn{width:100%}.tr21-public-stats{grid-template-columns:1fr 1fr;gap:7px}.tr21-public-stats article{min-height:90px;padding:11px!important}.tr21-public-stats span{font-size:6px}.tr21-public-stats strong{font-size:19px}.tr21-public-stats strong img{width:22px;height:22px}.tr21-public-stats small{font-size:5.8px}.tr21-public-trades{padding:12px!important}.tr21-public-trade-list>a{padding:9px;gap:7px}.tr21-public-trade-list b{font-size:8px}.tr21-public-trade-list small,.tr21-public-trade-list em{font-size:6px} .tr21-referral-welcome{margin:14px auto;padding:22px 14px!important}.tr21-referral-mark{width:62px;height:62px;border-radius:19px}.tr21-referral-mark img{width:45px;height:45px}.tr21-referral-welcome h1{font-size:27px}.tr21-referral-welcome>p{font-size:8px}.tr21-referral-form{grid-template-columns:1fr}.tr21-referral-form .btn,.tr21-referral-skip,.tr21-referral-skip .btn{width:100%} } /* ========================================================= TradeRealm 2.1.1 — KPI icon system followers.png / paw-points.png / star.png / trades.png ========================================================= */ .tr211-social-count{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:22px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;white-space:nowrap!important} .tr211-social-count img{width:19px!important;height:19px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 7px rgba(102,212,255,.16))} .tr211-social-count b,.tr211-social-count strong{font-size:11px!important;line-height:1!important;color:#fff!important;font-weight:950!important} /* Trading Center: followers now use the same icon + value language as Paw Points. */ body[data-page="trades"] .tr2-trader-reputation{column-gap:10px!important} body[data-page="trades"] .tr211-social-count img{width:20px!important;height:20px!important} body[data-page="trades"] .tr211-social-count b{font-size:13px!important} /* Blog social counters: two clean icon/value rows, no follower pill/text. */ .tr21-comment-social{min-width:68px!important;gap:5px!important} .tr21-comment-social .tr211-social-count{justify-content:flex-end!important} .tr21-comment-social .tr211-social-count img{width:18px!important;height:18px!important} .tr21-comment-form-social{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important} .tr21-comment-form-social .tr211-social-count{display:inline-flex!important} .tr21-comment-form-social .tr211-social-count img{width:19px!important;height:19px!important} /* Trade room / offers followers. */ .tr21-room-followers.tr211-social-count{margin-left:8px!important;vertical-align:middle!important} .tr21-room-followers.tr211-social-count img{width:18px!important;height:18px!important} .tr21-room-followers.tr211-social-count b{font-size:9px!important} /* Public profile — four identical KPI cards with the new icon family. */ .tr211-kpi-grid article{align-content:center!important} .tr211-kpi-value{display:flex;align-items:center;gap:10px;margin-top:4px} .tr211-kpi-value img{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))} .tr211-kpi-value strong{font-size:34px!important;line-height:1!important} /* Own profile — same four KPI cards as public profile. */ .tr211-own-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} .tr211-own-kpi-card{grid-template-columns:74px minmax(0,1fr)!important;min-height:132px!important} .tr211-own-kpi-icon{position:relative;z-index:2;width:74px;height:74px;display:grid;place-items:center} .tr211-own-kpi-icon img{width:68px;height:68px;object-fit:contain;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))} .tr211-own-kpi-card.paw .tr211-own-kpi-icon img{width:66px;height:66px} .tr211-own-kpi-card a{color:#91efbd;text-decoration:none;font-weight:850} .tr211-referral-wide{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;margin-top:0!important} .profile-trade-stats-v171{grid-template-columns:repeat(2,minmax(0,1fr))!important} @media(max-width:1100px){ .tr211-own-kpi-grid{grid-template-columns:1fr 1fr!important} } @media(max-width:760px){ .tr211-social-count{gap:4px!important;min-height:18px!important}.tr211-social-count img{width:16px!important;height:16px!important}.tr211-social-count b,.tr211-social-count strong{font-size:8px!important} body[data-page="trades"] .tr211-social-count img{width:16px!important;height:16px!important}body[data-page="trades"] .tr211-social-count b{font-size:9px!important} .tr21-comment-social{min-width:54px!important;gap:3px!important}.tr21-comment-social .tr211-social-count img{width:15px!important;height:15px!important}.tr21-comment-form-social{gap:7px!important}.tr21-comment-form-social .tr211-social-count img{width:16px!important;height:16px!important} .tr211-kpi-value{gap:7px}.tr211-kpi-value img{width:34px;height:34px}.tr211-kpi-value strong{font-size:24px!important} .tr211-own-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.tr211-own-kpi-card{grid-template-columns:48px minmax(0,1fr)!important;min-height:105px!important;padding:11px!important;gap:8px!important}.tr211-own-kpi-icon{width:48px;height:48px}.tr211-own-kpi-icon img,.tr211-own-kpi-card.paw .tr211-own-kpi-icon img{width:46px;height:46px}.tr211-referral-wide{grid-template-columns:52px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}.profile-trade-stats-v171{grid-template-columns:1fr 1fr!important} } /* TradeRealm 2.1.2 — make Paw Points use the same PNG + number treatment as Followers in live/active trade areas. */ .realm-rep-badge{ display:inline-flex!important; align-items:center!important; gap:5px!important; min-height:22px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#fff!important; white-space:nowrap!important; } .realm-rep-badge img{ width:19px!important; height:19px!important; object-fit:contain!important; display:block!important; filter:drop-shadow(0 0 7px rgba(255,88,214,.20)); } .realm-rep-badge b{ font-size:11px!important; line-height:1!important; color:#fff!important; font-weight:950!important; } .rating-rep-row{display:inline-flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important} .rating-rep-row .trade-rating{display:inline-flex!important;align-items:center!important;gap:5px!important} .tr21-paw-count{display:inline-flex!important} body[data-page="trades"] .tr21-paw-count img, body[data-page="trades"] .realm-rep-badge img{width:20px!important;height:20px!important} body[data-page="trades"] .tr21-paw-count b, body[data-page="trades"] .realm-rep-badge b{font-size:13px!important} @media(max-width:760px){ .realm-rep-badge{gap:4px!important;min-height:18px!important} .realm-rep-badge img{width:16px!important;height:16px!important} .realm-rep-badge b{font-size:8px!important} body[data-page="trades"] .tr21-paw-count img, body[data-page="trades"] .realm-rep-badge img{width:16px!important;height:16px!important} body[data-page="trades"] .tr21-paw-count b, body[data-page="trades"] .realm-rep-badge b{font-size:9px!important} } /* TradeRealm 2.1.3 — active trade identity rows: Paw + Followers on the same line under the stars. */ .trade-room-owner-v170 > div > div:last-child, .offer-user-v170{ min-width:0; } .tr21-room-social-stack{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px 10px!important; margin-top:4px!important; } .tr21-room-social-stack .rating-rep-row{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px 10px!important; flex:0 0 auto!important; } .tr21-room-social-stack .trade-rating{ flex:0 0 100%!important; } .tr21-room-social-stack .realm-rep-badge, .tr21-room-social-stack .tr21-room-followers{ margin-left:0!important; } .tr21-room-social-stack .trade-completed{white-space:nowrap!important} @media(max-width:760px){ .tr21-room-social-stack{gap:5px 8px!important;margin-top:3px!important} } /* TradeRealm 2.1.4 — exact two-row identity layout on active trade page. Row 1 = stars/rating/completed. Row 2 = Paw Points + Followers side by side. */ .tr214-rating-row{ display:block!important; margin-top:4px!important; } .tr214-rating-row .trade-rating{ display:flex!important; align-items:center!important; gap:5px!important; flex-wrap:nowrap!important; white-space:nowrap!important; } .tr214-social-row{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:12px!important; margin-top:5px!important; width:max-content!important; max-width:100%!important; } .tr214-social-row .tr211-social-count{ display:inline-flex!important; flex:0 0 auto!important; margin:0!important; } @media(max-width:760px){ .tr214-rating-row{margin-top:3px!important} .tr214-social-row{gap:10px!important;margin-top:4px!important} } /* ========================================================= TradeRealm 2.3 — Pet Pages & Pet Collection ========================================================= */ .tr23-pets-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px!important;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(16,29,70,.97),rgba(12,21,51,.96))!important}.tr23-pets-hero:after{content:"";position:absolute;inset:0 0 0 52%;background:url('hero/traderealm-hero-right-pets.png') center/cover no-repeat;opacity:.08;pointer-events:none}.tr23-pets-hero>*{position:relative;z-index:1}.tr23-kicker,.tr23-pets-hero>div>span{font-size:8px;font-weight:950;letter-spacing:.11em;color:#72efb6}.tr23-pets-hero h1{font-size:clamp(34px,5vw,58px);margin:4px 0 8px}.tr23-pets-hero p{margin:0;color:#93a2c7;font-size:11px}.tr23-pets-count{min-width:108px;display:grid;justify-items:center;padding:14px 18px;border-radius:20px;background:rgba(49,229,147,.08);border:1px solid rgba(72,238,166,.20)}.tr23-pets-count strong{font-size:31px;color:#fff}.tr23-pets-count span{font-size:7px;text-transform:uppercase;color:#82eeb8;letter-spacing:.08em}.tr23-pets-toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(130px,.7fr));gap:10px;padding:12px!important;margin:14px 0}.tr23-pets-toolbar input,.tr23-pets-toolbar select{height:44px;border:1px solid rgba(143,166,255,.16);border-radius:13px;background:#081020;color:#fff;padding:0 12px}.tr23-pet-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:13px;background:#081020;border:1px solid rgba(143,166,255,.16);color:#7b8ab0}.tr23-pet-search input{border:0;background:transparent;padding:0;min-width:0;flex:1}.tr23-pet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.tr23-pet-card{padding:11px!important;text-decoration:none;display:grid;grid-template-rows:auto 1fr auto;gap:9px;min-width:0;border-radius:20px!important;transition:.18s transform,.18s border-color,.18s box-shadow}.tr23-pet-card:hover{transform:translateY(-4px);border-color:rgba(70,229,157,.4)!important;box-shadow:0 18px 40px rgba(0,0,0,.24)}.tr23-pet-card-art{aspect-ratio:1/1;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(102,112,255,.19),rgba(17,26,61,.28));overflow:hidden}.tr23-pet-card-art img{width:92%;height:92%;object-fit:contain}.tr23-pet-card-art span{font-size:48px}.tr23-pet-card-copy{min-width:0}.tr23-pet-card-copy .rarity{font-size:6px}.tr23-pet-card h2{font-size:13px;line-height:1.1;margin:6px 0 3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr23-pet-card-copy small{display:block;font-size:6.5px;color:#7786ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr23-pet-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:7px;border-top:1px solid rgba(255,255,255,.05)}.tr23-pet-card-foot span{font-size:6.5px;color:#83d9ad;text-transform:uppercase;font-weight:900}.tr23-pet-card-foot strong{font-size:11px;color:#fff}.tr23-values-hero{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px}.tr23-value-pet-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0}.tr23-value-pet-link:hover b{color:#79efb3}.tr23-pet-detail-hero{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:34px;align-items:center;padding:28px!important;overflow:hidden}.tr23-pet-detail-art{min-height:330px;border-radius:25px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(105,89,255,.25),rgba(15,25,59,.25));border:1px solid rgba(132,147,255,.12)}.tr23-pet-detail-art img{width:86%;height:320px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.25))}.tr23-pet-detail-art>span{font-size:90px}.tr23-pet-detail-copy{display:grid;gap:10px}.tr23-back{font-size:8px;color:#7cebb1;text-decoration:none;font-weight:900}.tr23-pet-tags{display:flex;gap:7px;align-items:center}.tr23-pet-detail-copy h1{font-size:clamp(40px,6vw,68px);line-height:.95;margin:3px 0;color:#fff}.tr23-pet-detail-copy p{font-size:11px;color:#93a0c2;margin:0}.tr23-pet-actions{display:flex;gap:8px;margin-top:8px}.tr23-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.tr23-value-grid article{padding:18px!important;min-height:112px;display:grid;align-content:center;gap:5px}.tr23-value-grid span{font-size:7px;color:#8593b8;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.tr23-value-grid strong{font-size:30px;color:#fff}.tr23-value-grid small{font-size:6.5px;color:#6be6aa}.tr23-value-grid .realm{border-color:rgba(68,235,154,.28)!important;background:linear-gradient(145deg,rgba(20,70,62,.36),rgba(14,26,61,.95))!important}.tr23-pet-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.tr23-community-panel,.tr23-info-panel,.tr23-variants{padding:18px!important}.tr23-community-panel header span,.tr23-info-panel header span,.tr23-variants header span,.tr23-related>header span{font-size:7px;color:#6ee8ad;font-weight:950;letter-spacing:.09em}.tr23-community-panel h2,.tr23-info-panel h2,.tr23-variants h2,.tr23-related h2{margin:2px 0 12px;font-size:23px}.tr23-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tr23-stat-grid div{padding:13px;border-radius:14px;background:rgba(5,12,27,.48);border:1px solid rgba(255,255,255,.05)}.tr23-stat-grid strong{display:block;font-size:23px;color:#fff}.tr23-stat-grid span{font-size:6.5px;color:#7888ad}.tr23-info-panel dl{margin:0;display:grid;gap:7px}.tr23-info-panel dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.tr23-info-panel dt{font-size:7px;color:#7887ad}.tr23-info-panel dd{margin:0;font-size:8px;color:#fff;font-weight:850;text-align:right}.tr23-variants{margin-top:12px}.tr23-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tr23-variant-grid article{padding:11px;border-radius:14px;background:rgba(5,12,27,.50);border:1px solid rgba(255,255,255,.055);display:grid;gap:5px}.tr23-variant-grid article>div{display:flex;align-items:center;gap:6px}.tr23-variant-grid article b{font-size:8px;color:#fff}.tr23-variant-grid article>strong{font-size:18px;color:#fff}.tr23-variant-grid article>small{font-size:6px;color:#7382a7}.tr23-related{margin-top:14px}.tr23-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tr23-related-grid>a{padding:10px!important;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px;text-decoration:none}.tr23-related-img{width:58px!important;height:58px!important;object-fit:contain!important}.tr23-related-grid b{display:block;color:#fff;font-size:9px}.tr23-related-grid small{font-size:6px;color:#7887ad}.tr23-modal[hidden]{display:none!important}.tr23-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px}.tr23-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,18,.78);backdrop-filter:blur(8px)}.tr23-modal-card{position:relative;z-index:1;width:min(520px,100%);padding:20px!important;border-radius:24px!important}.tr23-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(8,16,36,.85);color:#fff;font-size:18px}.tr23-modal-pet{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:center}.tr23-modal-pet img{width:92px;height:92px;object-fit:contain}.tr23-modal-pet span{font-size:7px;color:#6ee7aa;font-weight:950;letter-spacing:.09em}.tr23-modal-pet h2{margin:2px 0;font-size:27px}.tr23-modal-pet small{font-size:7px;color:#7888ad}.tr23-variant-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0 10px}.tr23-variant-picker button{min-height:74px;border-radius:15px;border:1px solid rgba(126,145,224,.18);background:rgba(8,16,36,.68);display:grid;place-items:center;align-content:center;gap:7px;color:#fff}.tr23-variant-picker button b{font-size:7px}.tr23-variant-picker button.active{border-color:rgba(65,236,151,.65);background:rgba(31,161,105,.18);box-shadow:0 0 22px rgba(55,229,144,.12)}.tr23-selected-variant{padding:10px 12px;border-radius:12px;background:rgba(5,12,27,.50);font-size:8px;color:#7f8bad}.tr23-selected-variant strong{color:#fff;margin-left:4px}.tr23-confirm-add{width:100%;margin-top:10px}.modal-open{overflow:hidden} @media(max-width:1100px){.tr23-pet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tr23-pets-toolbar{grid-template-columns:1fr 1fr}.tr23-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.tr23-pets-hero{padding:17px!important;border-radius:20px!important}.tr23-pets-hero h1{font-size:31px}.tr23-pets-hero p{font-size:8px}.tr23-pets-count{min-width:72px;padding:10px}.tr23-pets-count strong{font-size:23px}.tr23-pets-toolbar{grid-template-columns:1fr 1fr;gap:7px;padding:8px!important}.tr23-pet-search{grid-column:1/-1}.tr23-pets-toolbar input,.tr23-pets-toolbar select{height:40px;font-size:9px}.tr23-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tr23-pet-card{padding:8px!important;border-radius:16px!important}.tr23-pet-card-art{border-radius:13px}.tr23-pet-card h2{font-size:11px}.tr23-pet-detail-hero{grid-template-columns:1fr;padding:12px!important;gap:12px}.tr23-pet-detail-art{min-height:220px}.tr23-pet-detail-art img{height:220px}.tr23-pet-detail-copy h1{font-size:37px}.tr23-pet-actions{display:grid;grid-template-columns:1fr 1fr}.tr23-value-grid{grid-template-columns:1fr 1fr;gap:7px}.tr23-value-grid article{padding:12px!important;min-height:90px}.tr23-value-grid strong{font-size:23px}.tr23-pet-layout{grid-template-columns:1fr}.tr23-stat-grid{grid-template-columns:1fr 1fr}.tr23-community-panel,.tr23-info-panel,.tr23-variants{padding:12px!important}.tr23-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr23-related-grid{grid-template-columns:1fr 1fr}.tr23-related-grid>a{grid-template-columns:46px minmax(0,1fr)}.tr23-related-img{width:46px!important;height:46px!important}.tr23-modal-card{padding:15px!important}.tr23-modal-pet{grid-template-columns:72px minmax(0,1fr)}.tr23-modal-pet img{width:72px;height:72px}.tr23-variant-picker{gap:5px}.tr23-variant-picker button{min-height:65px}.tr23-values-hero{align-items:center!important}.tr23-values-hero .btn{font-size:7px!important;padding:8px 10px!important}} /* ========================================================= TradeRealm 2.3.2 — Pet library cards share My Collection DNA ========================================================= */ .tr232-collection-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:13px!important; align-items:stretch!important; } .tr232-pet-collection-card{ text-decoration:none!important; color:#fff!important; min-width:0!important; aspect-ratio:3/4!important; display:flex!important; flex-direction:column!important; padding:6px 6px 8px!important; cursor:pointer!important; } .tr232-pet-collection-card .realm-card-name-v142{ margin-top:24px!important; margin-bottom:5px!important; } .tr232-pet-collection-card .realm-card-art-v140{ flex:1 1 auto!important; min-height:0!important; margin:0 7px 5px!important; } .tr232-pet-collection-card .realm-card-art-v140 .realm-card-img-v140{ width:94%!important; height:94%!important; object-fit:contain!important; } .tr232-card-meta{ position:relative!important; z-index:5!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:6px!important; margin:0 8px 5px!important; min-width:0!important; } .tr232-card-meta span{ min-width:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; font-size:6px!important; font-weight:800!important; color:rgba(255,255,255,.72)!important; } .tr232-card-meta b{ flex:0 0 auto!important; padding:3px 6px!important; border-radius:999px!important; background:rgba(6,10,24,.58)!important; border:1px solid rgba(255,255,255,.16)!important; font-size:5.5px!important; line-height:1!important; color:#bfffe0!important; text-transform:uppercase!important; } .tr232-card-value{ position:relative!important; z-index:5!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; margin:0 8px!important; padding-top:6px!important; border-top:1px solid rgba(255,255,255,.16)!important; } .tr232-card-value small{ font-size:5px!important; font-weight:950!important; letter-spacing:.08em!important; color:rgba(255,255,255,.60)!important; } .tr232-card-value strong{ font-size:10px!important; line-height:1!important; color:#fff!important; padding:3px 6px!important; border-radius:7px!important; background:rgba(6,10,24,.50)!important; } .tr232-pet-collection-card:hover .realm-card-name-v142{color:#fff!important} .tr232-pet-collection-card:hover .tr232-card-value strong{box-shadow:0 0 15px color-mix(in srgb,var(--rarity-accent) 30%,transparent)} .tr232-related-collection-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:11px!important; } .tr232-related-card{aspect-ratio:3/4!important} .tr232-related-open{ position:relative!important; z-index:5!important; margin:2px 8px 1px!important; min-height:26px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-top:1px solid rgba(255,255,255,.15)!important; color:rgba(255,255,255,.78)!important; font-size:6px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.06em!important; } @media(max-width:1100px){ .tr232-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:760px){ .tr232-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} .tr232-pet-collection-card{padding:4px 4px 6px!important;border-radius:14px!important} .tr232-pet-collection-card .realm-card-name-v142{font-size:9px!important;min-height:22px!important;margin:19px 5px 3px!important} .tr232-pet-collection-card .realm-card-rarity-v142{top:6px!important;right:6px!important;font-size:5px!important;padding:3px 5px!important} .tr232-pet-collection-card .realm-card-art-v140{margin:0 4px 3px!important;border-radius:9px!important} .tr232-card-meta{margin:0 5px 3px!important;gap:3px!important} .tr232-card-meta span{font-size:5px!important}.tr232-card-meta b{font-size:4.4px!important;padding:2px 4px!important} .tr232-card-value{margin:0 5px!important;padding-top:4px!important}.tr232-card-value small{font-size:4px!important}.tr232-card-value strong{font-size:7px!important;padding:2px 4px!important} .tr232-related-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} .tr232-related-open{font-size:4.8px!important;min-height:21px!important;margin:1px 5px!important} } @media(max-width:390px){ .tr232-collection-grid,.tr232-related-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} } /* TradeRealm 2.3.3 — Pets live search + navigation polish */ .tr232-pet-collection-card[hidden]{display:none!important} @media(max-width:760px){ .mobile-strip-nav a[href="pets.php"] em{font-size:9px!important} } /* ========================================================= TradeRealm 2.3.4 — precise pet decimals + compact mobile nav ========================================================= */ @media(max-width:760px){ .game-strip{ min-height:66px!important; padding:5px 4px!important; overflow:hidden!important; } .mobile-strip-nav{ width:100%!important; max-width:100%!important; display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:2px!important; align-items:stretch!important; overflow:visible!important; } .mobile-strip-nav a{ width:auto!important; min-width:0!important; max-width:none!important; flex-basis:auto!important; height:56px!important; padding:3px 1px!important; border-radius:10px!important; overflow:hidden!important; } .mobile-strip-nav img{ width:34px!important; height:34px!important; max-width:34px!important; max-height:34px!important; } .mobile-strip-nav em{ width:100%!important; min-width:0!important; font-size:7.2px!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .mobile-strip-nav a[href="trades.php"] em{ font-size:5.8px!important; } .mobile-strip-nav a[href="calculator.php"] em{ font-size:6.4px!important; } } @media(max-width:390px){ .game-strip{padding-left:2px!important;padding-right:2px!important} .mobile-strip-nav{gap:1px!important} .mobile-strip-nav a{height:53px!important;padding-left:0!important;padding-right:0!important} .mobile-strip-nav img{ width:31px!important; height:31px!important; max-width:31px!important; max-height:31px!important; } .mobile-strip-nav em{font-size:6.6px!important} .mobile-strip-nav a[href="trades.php"] em{font-size:5.2px!important} .mobile-strip-nav a[href="calculator.php"] em{font-size:5.9px!important} } /* TradeRealm 2.3.5 — mobile nav icon/title alignment */ @media(max-width:760px){ .mobile-strip-nav a{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } .mobile-strip-nav a img{ display:block!important; margin:0 auto 2px!important; flex:0 0 auto!important; } .mobile-strip-nav a em{ display:block!important; width:100%!important; margin:0!important; padding:0!important; text-align:center!important; align-self:center!important; transform:none!important; } } /* ========================================================= TradeRealm 2.3.7 — calculator mobile pet visibility + basic default ========================================================= */ .trade-grid-item .grid-pet-value{display:none!important} .trade-grid-item{padding:6px!important} .grid-pet-visual{width:80%!important;height:72%!important;left:10%!important;top:6px!important} .grid-pet-visual .mini-pet-img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important} .grid-pet-name{left:5px!important;right:5px!important;bottom:11px!important;font-size:9px!important;line-height:1.05!important} .grid-badges{bottom:26px!important} @media(max-width:760px){ .trade-grid-item{padding:4px!important} .grid-pet-visual{width:88%!important;height:72%!important;left:6%!important;top:3px!important} .grid-pet-name{left:2px!important;right:2px!important;bottom:7px!important;font-size:7px!important} .grid-badges{left:3px!important;bottom:18px!important} } @media(max-width:520px){ .grid-pet-visual{width:92%!important;height:76%!important;left:4%!important;top:2px!important} .grid-pet-name{font-size:6.8px!important;bottom:5px!important} .grid-badges{left:2px!important;bottom:16px!important} .variant-badges.grid-status .variant-badge{width:13px!important;height:13px!important;font-size:6.5px!important} } @media(max-width:390px){ .grid-pet-visual{width:94%!important;height:78%!important;left:3%!important;top:1px!important} .grid-pet-name{font-size:6.2px!important;bottom:4px!important} } /* ========================================================= TradeRealm 2.3.8 — calculator variant badges centered under pet image ========================================================= */ .trade-grid-item .grid-badges{ left:50%!important; right:auto!important; transform:translateX(-50%)!important; bottom:18px!important; display:flex!important; justify-content:center!important; align-items:center!important; gap:2px!important; width:auto!important; max-width:calc(100% - 8px)!important; } .trade-grid-item .variant-badges.grid-status{ display:flex!important; justify-content:center!important; align-items:center!important; gap:2px!important; } .trade-grid-item .variant-badges.grid-status .variant-badge{ width:12px!important; height:12px!important; min-width:12px!important; border-width:1px!important; font-size:6px!important; line-height:1!important; box-shadow:0 2px 6px rgba(0,0,0,.18)!important; } @media(max-width:760px){ .trade-grid-item .grid-badges{bottom:14px!important;gap:1px!important;max-width:calc(100% - 4px)!important} .trade-grid-item .variant-badges.grid-status .variant-badge{ width:10px!important; height:10px!important; min-width:10px!important; font-size:5px!important; } } @media(max-width:520px){ .trade-grid-item .grid-badges{bottom:12px!important} .trade-grid-item .variant-badges.grid-status .variant-badge{ width:9px!important; height:9px!important; min-width:9px!important; font-size:4.5px!important; } } @media(max-width:390px){ .trade-grid-item .grid-badges{bottom:11px!important} .trade-grid-item .variant-badges.grid-status .variant-badge{ width:8px!important; height:8px!important; min-width:8px!important; font-size:4px!important; } } /* ========================================================= TradeRealm 2.3.9 — badges truly at bottom + Basic default ========================================================= */ .trade-grid-item .grid-badges{ left:50%!important; right:auto!important; transform:translateX(-50%)!important; bottom:2px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:2px!important; z-index:8!important; } .trade-grid-item .variant-badges.grid-status{ display:flex!important; align-items:center!important; justify-content:center!important; gap:2px!important; margin:0!important; } .trade-grid-item .grid-pet-name{ bottom:16px!important; } @media(max-width:760px){ .trade-grid-item .grid-badges{bottom:1px!important;gap:1px!important} .trade-grid-item .grid-pet-name{bottom:13px!important} } @media(max-width:520px){ .trade-grid-item .grid-badges{bottom:1px!important} .trade-grid-item .grid-pet-name{bottom:12px!important} } @media(max-width:390px){ .trade-grid-item .grid-badges{bottom:0!important} .trade-grid-item .grid-pet-name{bottom:11px!important} } /* ========================================================= TradeRealm 2.3.10 — equal-size Pets cards on mobile ========================================================= */ @media(max-width:760px){ body[data-page="pets"] .tr232-collection-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; } body[data-page="pets"] .tr232-pet-collection-card{ width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; aspect-ratio:2/3!important; align-self:stretch!important; justify-self:stretch!important; box-sizing:border-box!important; overflow:hidden!important; } body[data-page="pets"] .tr232-pet-collection-card .realm-card-art-v140{ flex:0 0 54%!important; width:auto!important; height:auto!important; min-height:0!important; max-height:none!important; display:grid!important; place-items:center!important; overflow:hidden!important; } body[data-page="pets"] .tr232-pet-collection-card .realm-card-art-v140 .realm-card-img-v140, body[data-page="pets"] .tr232-pet-collection-card .realm-card-art-v140 img.realm-card-img-v140{ width:96%!important; height:96%!important; max-width:96%!important; max-height:96%!important; object-fit:contain!important; object-position:center!important; } } @media(max-width:390px){ body[data-page="pets"] .tr232-pet-collection-card{ aspect-ratio:2/3!important; } }