@font-face{font-family:"BGSI Interface";src:url('/assets/fonts/lexend.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"BGSI Display";src:url('/assets/fonts/outfit.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body.home-refined{
  --paper:#f6f5f1;--ink:#222721;--muted:#7c8077;--line:#dedfd6;--red:#c94b36;
  --bg:var(--paper);--text:var(--ink);--soft:#64695f;--accent:var(--red);--accent-hover:#aa3927;
  --header:#fffefa;--panel:#fffefa;--panel-hover:#eeede6;--border:var(--line);--border-hover:#b4b6aa;
  --radius:12px;--site-width:1328px;
  display:flex;flex-direction:column;min-height:100svh;height:100svh;margin:0;padding:0;
  color:var(--ink);background:var(--paper);font-family:"BGSI Interface",Arial,sans-serif;overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
body.home-refined input,body.home-refined button,body.home-refined select{font-family:inherit}
body.home-refined h1,body.home-refined h2,body.home-refined p{margin:0}
body.home-refined a{text-decoration:none}
body.home-refined [hidden]{display:none!important}
body.home-refined .site-header,body.home-refined main.home,body.home-refined .site-footer{opacity:1;transform:none;animation:none}
body.home-refined :is(a,button,input):focus-visible{outline:2px solid var(--red);outline-offset:4px}
body.home-refined .icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;color:inherit;vertical-align:middle}
body.home-refined .icon[data-lucide]{background:none!important;mask:none!important;-webkit-mask:none!important}
body.home-refined .icon[data-lucide]::before,body.home-refined .icon[data-lucide]::after{content:none!important;display:none!important}
body.home-refined .icon svg{width:100%;height:100%;stroke-width:1.8;display:block;fill:none;stroke:currentColor}
body.home-refined .skip-link{z-index:10010;background:var(--ink);color:var(--paper)}

.brand-symbol{position:relative;display:block;width:29px;height:29px;flex:0 0 29px;color:var(--red)}
body.home-refined .site-header{position:relative;top:auto;z-index:50;flex:0 0 78px;width:min(calc(100% - 96px),1328px);height:78px;margin:0 auto;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.home-refined .topbar{display:grid;grid-template-columns:156px minmax(0,1fr) 218px auto;gap:26px;padding:0;height:100%;width:100%}
body.home-refined .brand{grid-column:1;grid-row:1;width:auto;height:42px;gap:10px;color:var(--ink);border-radius:0}
body.home-refined .brand-wordmark{font-size:23px;letter-spacing:-1.1px;font-weight:850}
body.home-refined .brand-wordmark>span{color:var(--red)}
body.home-refined .nav-links{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;white-space:nowrap}
body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{display:inline-flex;align-items:center;gap:5px;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--paint-muted,#5b6057);font-size:12px;font-weight:600}
body.home-refined .nav-links>a:hover,body.home-refined .nav-dropdown>button:hover{color:var(--red);background:none}
body.home-refined .nav-links>a>.icon,body.home-refined .nav-dropdown>button>.icon:first-child{display:none}
body.home-refined .nav-dropdown>button>.icon:last-child{width:12px;height:12px}
body.home-refined .nav-dropdown{position:relative}
body.home-refined .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:-20px;display:grid;min-width:170px;padding:7px;background:var(--paint-highlight,#fffefa);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px var(--paint-shadow-a8,#252b2114);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .15s,transform .15s,visibility .15s}
body.home-refined .nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s,visibility 0s}
body.home-refined .nav-dropdown-menu a{display:flex;align-items:center;gap:10px;color:var(--ink);padding:10px;font-size:12px;border-radius:6px}
body.home-refined .nav-dropdown-menu a:hover{background:var(--paint-highlight,#f1f0e9)}
body.home-refined .nav-dropdown-menu .compact-nav-link{display:none}
body.home-refined .topbar-search{grid-column:3;grid-row:1;position:relative;display:flex;align-items:center;gap:9px;height:36px;padding:0 12px;min-width:0;width:100%;background:var(--paint-highlight,#eeeee7);border:1px solid transparent;border-radius:7px;box-shadow:none}
body.home-refined .topbar-search:focus-within{border-color:var(--paint-line,#bebeb0);background:var(--paint-highlight,#fffefa)}
body.home-refined .topbar-search>.icon{width:15px;height:15px;color:var(--paint-muted,#818579)}
body.home-refined .topbar-search input{width:100%;height:100%;min-width:0;min-height:0;color:var(--ink);background:none;border:0;outline:0;font-size:11px;padding:0}
body.home-refined .topbar-search input::placeholder{color:var(--paint-muted,#8a8e82)}
body.home-refined .topbar-search kbd{display:grid;place-items:center;flex:0 0 18px;height:19px;border:1px solid var(--paint-line,#d6d8cc);border-radius:4px;background:var(--paint-highlight,#f8f7f2);color:var(--paint-muted,#97998e);font-size:9px;box-shadow:none}
body.home-refined .topbar-search-results{position:absolute;top:calc(100% + 10px);left:auto;right:0;z-index:100;width:350px;max-width:calc(100vw - 32px);max-height:min(420px,65svh);overflow-y:auto;background:var(--paint-highlight,#fffefa);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px var(--paint-shadow-a13,#252b2120);color:var(--ink)}
body.home-refined .search-results a{color:var(--ink);border-color:var(--line)}
body.home-refined .search-results a:hover{background:var(--paint-highlight,#eeeee6)}
body.home-refined .search-results small,body.home-refined .search-results p{color:var(--paint-muted,#767b70)}
body.home-refined .nav-actions{grid-column:4;grid-row:1;display:flex;gap:10px;align-items:center;margin:0;padding:0;border:0}
body.home-refined .icon-button{width:34px;height:34px;background:none;border:1px solid var(--line);border-radius:7px;color:var(--paint-muted,#63685e)}
body.home-refined .icon-button:hover{background:var(--paint-highlight,#ebece2);border-color:var(--paint-line,#bfc2b4)}
body.home-refined .discord-site-link{display:none}
body.home-refined .account-login{display:flex;align-items:center;gap:7px;height:36px;padding:0 15px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:650;box-shadow:none}
body.home-refined .account-login:hover{background:var(--paint-raised,#40483a);transform:none}
body.home-refined .account-login .icon{width:15px;height:15px;color:inherit}
body.home-refined .account-login:before{display:none}
body.home-refined .menu-button{display:none}
body.home-refined .mobile-menu{position:absolute;top:calc(100% + 6px);right:0;width:230px;max-height:calc(100svh - 80px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--paint-highlight,#fffefa);box-shadow:0 14px 40px var(--paint-shadow-a13,#252b2120)}
body.home-refined .mobile-menu a{display:flex;gap:12px;align-items:center;padding:10px;color:var(--ink);border-radius:6px;font-size:12px}
body.home-refined .mobile-menu a:hover{background:var(--paint-highlight,#eeeee6)}

body.home-refined main.home{display:grid;grid-template-rows:minmax(260px,1fr) 68px 142px;gap:22px;flex:1 1 0;min-height:0;max-height:660px;width:min(calc(100% - 96px),1328px);margin:auto;padding:23px 0 0;background:none}
body.home-refined .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:52px;height:100%;min-height:0;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
body.home-refined .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:0;padding:0 0 2px;overflow:visible}
body.home-refined .hero h1{max-width:none;margin:0;color:var(--ink);font-family:inherit;font-size:clamp(48px,5.05vw,76px);font-weight:650;letter-spacing:-4.2px;line-height:1.04;text-transform:none}
body.home-refined .hero h1>span{color:var(--red)}
body.home-refined .hero-copy>.hero-description{max-width:none;margin:19px 0 0;color:var(--paint-muted,#7a7f72);font-size:13px;line-height:1.7;letter-spacing:0;font-weight:400}
body.home-refined .hero-actions{display:flex;gap:11px;margin:24px 0 0;flex-wrap:nowrap}
body.home-refined .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;height:43px;min-height:0;padding:0 18px;border-radius:7px;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:0;box-shadow:none;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}
body.home-refined .button-primary{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--red);background:var(--red);color:var(--paint-text,#fffefa)}

body.home-refined .button-primary::before{content:"";position:absolute;inset:-30% auto -30% -70%;width:50%;background:linear-gradient(120deg,transparent,var(--paint-highlight-a28,rgba(255,255,255,.28)),transparent);transform:skewX(-20deg);transition:left .6s;z-index:-1}
body.home-refined .button-primary:hover,body.home-refined .button-primary:focus-visible{background:var(--paint-accent,#b73e2b);transform:translateY(-2px)}
body.home-refined .button-primary:hover::before,body.home-refined .button-primary:focus-visible::before{left:125%}
body.home-refined .button-primary .icon{width:16px;height:16px;transition:transform .2s}
body.home-refined .button-primary:hover .icon{transform:translateX(4px)}
body.home-refined .button-secondary{background:transparent;border:1px solid var(--paint-line,#d4d7ca);color:var(--paint-muted,#5e6458)}
body.home-refined .button-secondary:hover{background:var(--paint-highlight,#eaece1);border-color:var(--paint-line,#b5b9ab);transform:translateY(-2px)}
body.home-refined .button-secondary .icon{width:15px;height:15px;color:var(--paint-muted,#7b8174)}
.hero-footnote{display:flex;align-items:center;gap:6px;width:100%;margin-top:19px;font-size:9px;color:var(--paint-muted,#979b8e)}
.hero-footnote a{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding-right:18px;color:var(--paint-muted,#858b7c);font-size:9px}
.hero-footnote a:hover{color:var(--red)}
.hero-footnote .icon{width:11px!important;height:11px!important}

body.home-refined .hero-bounty{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;height:100%;margin:0;padding:23px 26px;border:1px solid var(--paint-line,#30372c);border-radius:16px;background:var(--paint-surface,#242b22);overflow:hidden;box-shadow:0 5px 0 var(--paint-shadow-a2,#242b2206);color:var(--paint-text,#f5f4eb);--text:#f5f4eb;--soft:#a4ae99;--muted:#889480;--border:#424e39;--header:#2b3427;--panel:#2b3427}
body.home-refined .hero-bounty::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 45%,var(--paint-tint-a19,#57654430),transparent 60%)}
body.home-refined .bounty-overview{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;height:100%;width:100%}
body.home-refined .bounty-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;border:0}
body.home-refined .bounty-heading h2{display:flex;gap:8px;align-items:center;color:var(--paint-text,#d4dcc9);font-size:11px;font-weight:500;white-space:nowrap}
body.home-refined .bounty-heading h2 .icon{width:16px;height:16px;color:var(--paint-muted,#b7c9a1)}
body.home-refined .bounty-timer{display:flex;align-items:center;gap:5px;padding:0;background:none;border:0;border-radius:0;color:var(--paint-text,#c0caaa);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
body.home-refined .bounty-timer .rotation-label{margin-right:4px;font-size:7px;letter-spacing:1px;color:var(--paint-muted,#8a977e)}
body.home-refined .bounty-timer .icon{width:12px;height:12px}
body.home-refined .bounty{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 49px;gap:9px;min-height:0;align-items:center}
body.home-refined .bounty-item{margin:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none}
body.home-refined .bounty-target{position:relative;display:flex;flex-direction:row;align-items:center;gap:22px;min-height:0;height:100%;padding:0;color:inherit;overflow:visible}
body.home-refined .bounty-target .bounty-image{position:relative;display:grid;place-items:center;flex:0 0 43%;width:43%;height:100%;max-height:176px;min-height:90px;margin:0;overflow:visible;background:none;border:0;border-radius:0}
body.home-refined .bounty-target .bounty-image>img{position:relative;z-index:1;width:82%;height:92%;max-height:160px;object-fit:contain;filter:drop-shadow(0 10px 12px #0b160b55);transition:transform .45s cubic-bezier(.2,.7,.3,1);animation:bounty-float 6s ease-in-out infinite}
body.home-refined .bounty-target:hover .bounty-image>img{transform:translateY(-5px) rotate(-4deg)}
.bounty-orbit{position:absolute;inset:2%;display:block;pointer-events:none}
.bounty-orbit i{position:absolute;inset:12% 4%;border:1px solid #839d6036;border-radius:50%;transform:rotate(-30deg)}
.bounty-orbit i:nth-child(2){transform:rotate(40deg);inset:18% 0;border-color:#839d6020}
.bounty-orbit b{position:absolute;top:15%;right:16%;width:5px;height:5px;border-radius:50%;background:#b5ca8b;box-shadow:0 0 12px #b5ca8b33}
body.home-refined .bounty-target-copy{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1;align-items:flex-start;text-align:left}
body.home-refined .bounty-target .bounty-label{display:flex;align-items:center;gap:6px;color:var(--paint-text,#bbcba7);font-size:7px;font-weight:550;letter-spacing:1.4px;text-align:left}
.bounty-target .bounty-label i{width:4px;height:4px;border-radius:50%;background:#bdce97}
body.home-refined .bounty-target strong{display:block;color:var(--paint-text,#f9faef);font-family:inherit;font-size:clamp(23px,2.15vw,33px);line-height:1.12;font-weight:550;letter-spacing:-.8px;text-align:left;overflow-wrap:anywhere;white-space:normal;overflow:visible;min-height:0;max-height:none}
.bounty-target-note{color:var(--paint-muted,#7f8e72);font-size:9px;line-height:1.5}
.bounty-corner{position:absolute;top:12px;right:0;font-size:20px;color:var(--paint-muted,#6e7d61)}
body.home-refined .bounty-source{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;height:49px;min-height:0;padding:7px 12px;background:var(--paint-surface,#323c2c);border:1px solid var(--paint-line,#3e4a36);border-radius:7px;color:inherit}
body.home-refined .bounty-source:hover{background:var(--paint-surface,#3b4734);border-color:#667f50}
body.home-refined .bounty-source .bounty-image{display:grid;place-items:center;width:30px;height:32px;flex:0 0 30px;margin:0;overflow:visible;background:none;border:0;border-radius:0}
body.home-refined .bounty-source .bounty-image img{width:100%;height:100%;object-fit:contain}
body.home-refined .bounty-source-copy{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;min-width:0;flex:1;text-align:left}
body.home-refined .bounty-source .bounty-label{font-size:8px;font-weight:400;letter-spacing:0;color:var(--paint-muted,#91a181);text-align:left;white-space:nowrap}
body.home-refined .bounty-source strong{font-size:11px;font-weight:550;text-align:left;color:var(--paint-text,#dce4cf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined .bounty-source>.icon{width:15px;height:15px;color:var(--paint-muted,#a3b58e)}
body.home-refined .bounty-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0;border:0;min-height:0;line-height:1.2}
body.home-refined .bounty-odds{display:flex;align-items:baseline;gap:8px;min-width:0}
body.home-refined .bounty-odds small{font-size:6px;letter-spacing:.6px;color:var(--paint-muted,#839477);white-space:nowrap}
body.home-refined .bounty-odds strong{font-size:9px;font-weight:500;color:var(--paint-text,#bcc9ad);white-space:nowrap;max-width:none;overflow:visible;line-height:1.2}
body.home-refined .bounty-footer>a{display:flex;gap:5px;align-items:center;color:var(--paint-text,#d0dcbe);font-size:9px;white-space:nowrap}
body.home-refined .bounty-footer>a:hover{color:var(--paint-text,#fff)}
body.home-refined .bounty-footer>a>.icon{width:13px;height:13px}
body.home-refined #upcoming-bounty{display:none!important}
body.home-refined .home-profile-card{position:relative;width:100%;min-height:0;height:100%;color:var(--paint-text,#e6edda);padding:0;overflow:auto}
body.home-refined .home-profile-card a{color:var(--paint-text,#d1dfbd)}
body.home-refined .home-profile-status{color:var(--paint-text,#e6edda)}
body.home-refined .home-profile-card .home-profile-metrics{color:var(--paint-text,#e6edda)}
body.home-refined .skeleton-line{background:var(--paint-highlight,#dedfd4);border-radius:3px;box-shadow:none}
body.home-refined .hero-bounty .skeleton-line{background:var(--paint-raised,#475440)}
body.home-refined .bounty-image .image-fallback{color:#859d6c}

body.home-refined .stats-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;height:100%;padding:0;margin:0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible}
body.home-refined .stat-box{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;height:42px;min-height:0;min-width:0;padding:0 30px;border:0;border-right:1px solid var(--line);border-radius:0;background:none;box-shadow:none;color:var(--ink);transition:background .2s}
body.home-refined .stat-box:first-child{padding-left:0}
body.home-refined .stat-box:last-child{border-right:0}
body.home-refined .stat-box:hover{background:none;color:var(--red)}
body.home-refined .stat-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:0;background:none;color:var(--paint-muted,#8b9381)}
body.home-refined .stat-icon-online:after{content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;background:var(--paint-raised,#6c8b61);border:1px solid var(--paper);border-radius:50%}
body.home-refined .stat-icon .icon{width:22px;height:22px;color:inherit}
body.home-refined .stat-box:hover .stat-icon{transform:none;background:none;color:var(--red)}
body.home-refined .stat-box>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
body.home-refined .stat-box small{color:var(--paint-muted,#8c9183);font-size:9px;font-weight:400;white-space:nowrap}
body.home-refined .stat-box strong{display:block;min-height:0;color:var(--ink);font-family:inherit;font-size:23px;line-height:1.08;letter-spacing:-.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
body.home-refined .stat-skeleton{height:18px;width:70px}

body.home-refined .values-panel{display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.home-refined .panel-heading{display:flex;align-items:center;gap:18px;flex:0 0 34px;width:100%;margin:0;padding:0;border:0}
.values-heading-copy{margin-right:auto}
body.home-refined .panel-heading h2{color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.6px;line-height:1.2}
.values-heading-copy h2>span{color:var(--red)}
body.home-refined .view-all{display:flex;gap:6px;align-items:center;color:var(--paint-muted,#787e6e);font-size:10px;font-weight:500;white-space:nowrap}
body.home-refined .view-all:hover{color:var(--red)}
body.home-refined .view-all>.icon{width:14px;height:14px}
body.home-refined .value-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 65px)/6);align-items:stretch;gap:13px;flex:1 1 0;min-height:0;min-width:0;width:100%;height:auto;padding:0 0 2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:10px;outline-offset:5px}
body.home-refined .value-rail::-webkit-scrollbar{display:none}
body.home-refined .value-card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;min-width:0;width:auto;max-width:none;height:100%;min-height:0;margin:0;padding:13px;border:1px solid var(--paint-line,#dedfd6);border-radius:10px;background:var(--paint-highlight,#fbfbf7);color:var(--ink);box-shadow:none;overflow:hidden;scroll-snap-align:start;animation:none;transform:none;transition:border-color .2s,background .2s}
body.home-refined .value-card:hover{border-color:var(--paint-line,#b1b7a5);background:var(--paint-highlight,#fffffc);transform:none;box-shadow:none}
body.home-refined .value-card-image{position:relative;display:grid;place-items:center;flex:none;width:68px;height:78px;min-height:0;margin:0;background:var(--paint-highlight,#f0f1e8);border:0;border-radius:7px;overflow:visible}
body.home-refined .value-card-image:before,body.home-refined .value-card-image:after{display:none}
body.home-refined .value-card-image img{position:relative;display:block;width:64px;height:64px;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 4px 3px #29332018);transition:transform .35s}
body.home-refined .value-card:hover .value-card-image img{transform:translateY(-3px) rotate(-3deg) scale(1.04)}
body.home-refined .value-card-edited{position:absolute;left:0;right:0;top:auto;bottom:3px;margin:0;padding:0;background:none;border:0;color:var(--paint-muted,#a0a592);font-size:6px;font-weight:450;text-align:center;white-space:nowrap}
body.home-refined .value-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:0;height:auto;padding:0;overflow:visible}
body.home-refined .variant-label{padding:0;min-height:0;background:none;border:0;border-radius:0;color:var(--paint-muted,#9b9f90);font-size:6px;line-height:1.2;font-weight:600;letter-spacing:.9px;text-transform:uppercase}
body.home-refined .value-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;min-height:0;max-height:29px;margin:0;overflow:hidden;color:var(--paint-ink,#525b49);font-size:10px;line-height:1.4;letter-spacing:0;font-weight:500;white-space:normal;text-overflow:ellipsis}
body.home-refined .value-card-value{display:block;gap:0;margin:1px 0 0;width:auto;font-size:22px;line-height:1}
body.home-refined .value-card-value>strong{color:var(--ink);font-size:22px;line-height:1.05;letter-spacing:-.7px;font-weight:600;white-space:nowrap}
body.home-refined .value-card-meta{display:flex;align-items:center;gap:5px;min-width:0;width:100%;margin:3px 0 0;min-height:12px;color:var(--paint-muted,#929984);font-size:7px;line-height:1}
body.home-refined .value-card-demand{display:inline-flex;align-items:center;gap:4px;padding:0;width:auto;min-width:0;color:var(--paint-muted,#8b927f);font-size:7px;white-space:nowrap;line-height:1}
body.home-refined .card-trend{display:flex;gap:2px;align-items:center;margin-left:auto;color:var(--paint-muted,#9aa58b);font-size:0;line-height:1;min-width:0;white-space:nowrap}
body.home-refined .card-trend .icon{width:13px;height:13px}
body.home-refined .card-trend.trend-dropping{color:#bc8372}
body.home-refined .card-trend.trend-rising{color:#738d5c}
body.home-refined .value-card .image-fallback{color:var(--paint-muted,#b1b8a4)}
body.home-refined .rail-loading{display:flex;align-items:center;justify-content:center;gap:12px;grid-column:1/-1;width:100%;height:100%;min-height:0;color:var(--paint-muted,#8a9180);background:var(--paint-highlight,#eeefe7);border:1px dashed var(--paint-line,#d5d9c9);border-radius:10px;font-size:11px}
.rail-loader{display:block;width:16px;height:16px;border:1px solid var(--paint-line,#b7c0a8);border-top-color:var(--red);border-radius:50%;animation:rail-spin .8s linear infinite}

body.home-refined .site-footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;flex:0 0 60px;width:min(calc(100% - 96px),1328px);height:60px;min-height:0;margin:0 auto;padding:0;border:0;background:none;color:var(--paint-muted,#93998a);font-size:8px}
.footer-wordmark{color:var(--paint-muted,#7c8372);font-size:12px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}
.footer-wordmark>span{color:var(--paint-accent,#ba7563)}
body.home-refined .home-footer-links{display:flex;margin-left:auto;gap:12px;font-size:8px;color:var(--paint-muted,#8a9280)}
body.home-refined .home-footer-links a{color:inherit}
body.home-refined .home-footer-links a:hover{color:var(--red)}

@keyframes page-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bounty-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes rail-spin{to{transform:rotate(360deg)}}

@media(min-width:1101px) and (max-height:800px){
  body.home-refined .site-header{height:66px;flex-basis:66px}
  body.home-refined main.home{grid-template-rows:minmax(240px,1fr) 63px 136px;gap:17px;padding-top:17px}
  body.home-refined .hero h1{font-size:clamp(46px,4.65vw,65px);letter-spacing:-3.4px}
  body.home-refined .hero-copy>.hero-description{margin-top:14px;font-size:12px}
  body.home-refined .hero-actions{margin-top:17px}
  body.home-refined .button{height:38px}
  .hero-footnote{margin-top:13px}
  body.home-refined .hero-bounty{padding:19px 23px}
  body.home-refined .values-panel{gap:11px}
  body.home-refined .site-footer{height:48px;flex-basis:48px}
  body.home-refined .value-card{grid-template-columns:57px minmax(0,1fr);gap:10px;padding:10px}
  body.home-refined .value-card-image{width:57px;height:70px}
  body.home-refined .value-card-image img{width:55px;height:55px}
}
@media(max-width:1250px){
  body.home-refined .topbar{grid-template-columns:145px minmax(0,1fr) 180px auto;gap:16px}
  body.home-refined .nav-links{gap:17px}
  body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{font-size:11px}
  body.home-refined .hero{gap:32px}
  body.home-refined .value-rail{grid-auto-columns:calc((100% - 52px)/5)}
  body.home-refined .bounty-target{gap:16px}
  .hero-footnote a{padding-right:0;font-size:8px}
}
@media(max-width:1100px){
  body.home-refined .site-header,body.home-refined main.home,body.home-refined .site-footer{width:calc(100% - 56px)}
  body.home-refined .site-header{height:66px;flex-basis:66px}
  body.home-refined .topbar{grid-template-columns:140px minmax(0,1fr) 190px auto;gap:14px}
  body.home-refined .nav-links{gap:15px}
  body.home-refined .nav-links>a[href='/eggs'],body.home-refined .nav-links>a[href='/bounties']{display:none}
  body.home-refined .nav-dropdown-menu .compact-nav-link{display:flex}
  body.home-refined main.home{grid-template-rows:minmax(230px,1fr) 62px 136px;gap:17px;padding-top:16px;max-height:720px}
  body.home-refined .hero{gap:26px;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr)}
  body.home-refined .hero h1{font-size:clamp(43px,5.35vw,58px);letter-spacing:-2.8px}
  body.home-refined .hero-copy>.hero-description{font-size:11px;margin-top:15px}
  body.home-refined .hero-actions{gap:8px;margin-top:20px}
  body.home-refined .button{padding:0 13px;height:38px;font-size:10px}
  .hero-footnote{margin-top:13px;font-size:8px}
  .hero-footnote a{font-size:7px}
  body.home-refined .hero-bounty{padding:17px 19px;border-radius:12px}
  body.home-refined .bounty-overview{gap:9px}
  body.home-refined .bounty-heading h2{font-size:10px}
  body.home-refined .bounty-timer .rotation-label{font-size:6px;letter-spacing:.5px}
  body.home-refined .bounty-timer{font-size:9px}
  body.home-refined .bounty-target strong{font-size:25px}
  body.home-refined .bounty-target-copy{gap:8px}
  body.home-refined .bounty-target .bounty-label{font-size:6px;letter-spacing:1px}
  .bounty-target-note{font-size:8px}
  body.home-refined .stat-box{padding:0 20px;gap:12px;height:36px}
  body.home-refined .stat-box strong{font-size:21px}
  body.home-refined .stat-box small{font-size:8px}
  body.home-refined .values-panel{gap:11px}
  body.home-refined .value-rail{grid-auto-columns:calc((100% - 39px)/4)}
  body.home-refined .value-card{grid-template-columns:57px minmax(0,1fr);padding:10px;gap:10px}
  body.home-refined .value-card-image{width:57px;height:70px}
  body.home-refined .value-card-image img{width:55px;height:55px}
  body.home-refined .site-footer{height:46px;flex-basis:46px}
}
@media(max-width:850px){
  body.home-refined .topbar{grid-template-columns:140px minmax(0,1fr) auto;gap:20px}
  body.home-refined .nav-links{display:none}
  body.home-refined .topbar-search{grid-column:2;max-width:270px;justify-self:end}
  body.home-refined .nav-actions{grid-column:3;gap:8px}
  body.home-refined .menu-button{display:grid;place-items:center}
  body.home-refined .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
  body.home-refined .hero h1{font-size:43px;letter-spacing:-2.5px}
  body.home-refined .hero-actions{flex-wrap:wrap;gap:8px}
  body.home-refined .button{height:36px;padding:0 12px;font-size:10px}
  .hero-footnote a{display:none}
  body.home-refined .bounty-target{gap:10px}
  body.home-refined .bounty-target .bounty-image{flex-basis:42%;width:42%}
  body.home-refined .bounty-target strong{font-size:22px}
  body.home-refined .bounty-target-note{display:none}
  body.home-refined .bounty-timer .rotation-label{display:none}
  body.home-refined .bounty-odds{display:flex;flex-direction:column;gap:4px}
  body.home-refined .stat-box{padding:0 14px;gap:7px}
  body.home-refined .stat-icon{width:25px;flex-basis:25px}
  body.home-refined .stat-icon .icon{width:18px;height:18px}
  body.home-refined .value-rail{grid-auto-columns:calc((100% - 26px)/3)}
}
@media(max-width:620px){
  body.home-refined .site-header,body.home-refined main.home,body.home-refined .site-footer{width:calc(100% - 36px)}
  body.home-refined .site-header{height:58px;flex-basis:58px}
  body.home-refined .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
  body.home-refined .brand{gap:6px;height:34px}
  .brand-symbol{width:24px;height:24px;flex-basis:24px}
  body.home-refined .brand-wordmark{font-size:19px;letter-spacing:-.8px}
  body.home-refined .topbar-search{height:31px;padding:0 8px;gap:6px;max-width:210px;border-radius:5px}
  body.home-refined .topbar-search input{font-size:9px!important}
  body.home-refined .topbar-search kbd{display:none}
  body.home-refined .topbar-search>.icon{width:13px;height:13px}
  body.home-refined .nav-actions{gap:6px}
  body.home-refined .account-login{width:29px;height:31px;min-width:0;min-height:0;padding:0;justify-content:center;font-size:0;border-radius:5px;gap:0}
  body.home-refined .account-login .icon{width:13px;height:13px}
  body.home-refined .menu-button{width:29px;height:31px;min-width:0;min-height:0;border-radius:5px}
  body.home-refined .menu-button .icon{width:15px;height:15px}
  body.home-refined main.home{grid-template-rows:minmax(310px,1fr) 53px 128px;gap:15px;padding-top:14px;max-height:740px}
  body.home-refined .hero{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(132px,.95fr) minmax(155px,1fr);gap:16px}
  body.home-refined .hero-copy{position:relative;justify-content:center;padding:0}
  body.home-refined .hero h1{font-size:clamp(35px,9.7vw,55px);letter-spacing:-1.9px;line-height:1.03}
  body.home-refined .hero-copy>.hero-description{margin-top:10px;font-size:9px;line-height:1.6}
  body.home-refined .hero-description br{display:none}
  body.home-refined .hero-actions{flex-wrap:nowrap;margin-top:13px;gap:7px}
  body.home-refined .button{height:33px;padding:0 12px;font-size:9px;border-radius:5px;gap:7px}
  body.home-refined .button .icon{width:13px;height:13px}
  .hero-footnote{display:none}
  body.home-refined .hero-bounty{padding:12px 14px;border-radius:10px}
  body.home-refined .bounty-overview{grid-template-rows:14px minmax(0,1fr) 14px;gap:5px}
  body.home-refined .bounty-heading h2{font-size:9px;gap:6px}
  body.home-refined .bounty-heading h2 .icon{width:13px;height:13px}
  body.home-refined .bounty-timer{font-size:8px}
  body.home-refined .bounty-timer .rotation-label{display:inline;font-size:5px}
  body.home-refined .bounty{grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:1fr;gap:7px;height:100%}
  body.home-refined .bounty-target{gap:12px}
  body.home-refined .bounty-target .bounty-image{flex-basis:77px;width:77px;height:100%;max-height:113px;min-height:0}
  body.home-refined .bounty-target .bounty-image>img{width:86%;height:95%;max-height:105px}
  body.home-refined .bounty-target-copy{gap:7px}
  body.home-refined .bounty-target .bounty-label{font-size:5px;letter-spacing:.9px;gap:4px}
  body.home-refined .bounty-target strong{font-size:clamp(18px,4.8vw,26px);letter-spacing:-.4px;line-height:1.1}
  .bounty-corner{display:none}
  body.home-refined .bounty-source{flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto;min-height:64px;width:76px;padding:6px 4px;border-radius:6px}
  body.home-refined .bounty-source .bounty-image{width:24px;height:26px;flex-basis:26px}
  body.home-refined .bounty-source-copy{flex-direction:column;align-items:center;gap:4px;flex:none;max-width:100%}
  body.home-refined .bounty-source .bounty-label{font-size:5px}
  body.home-refined .bounty-source strong{max-width:100%;font-size:7px;line-height:1.2}
  body.home-refined .bounty-source>.icon{display:none}
  body.home-refined .bounty-odds{flex-direction:row;gap:6px}
  body.home-refined .bounty-odds small{font-size:5px;letter-spacing:.4px}
  body.home-refined .bounty-odds strong{font-size:7px}
  body.home-refined .bounty-footer>a{font-size:7px}
  body.home-refined .bounty-footer>a>.icon{width:10px;height:10px}
  body.home-refined .stat-box{height:31px;gap:4px;padding:0 8px}
  body.home-refined .stat-icon{display:none}
  body.home-refined .stat-box small{font-size:6px}
  body.home-refined .stat-box strong{font-size:19px;letter-spacing:-.5px}
  body.home-refined .stat-box>span:last-child{gap:4px}
  body.home-refined .stat-skeleton{width:40px;height:15px}
  body.home-refined .values-panel{gap:9px}
  body.home-refined .panel-heading{gap:9px;flex-basis:28px;align-items:center}
  body.home-refined .panel-heading h2{font-size:15px;letter-spacing:-.5px}
  body.home-refined .view-all{font-size:0;gap:0}
  body.home-refined .view-all>.icon{width:13px;height:13px}
  body.home-refined .value-rail{gap:8px;grid-auto-columns:calc((100% - 8px)/2);border-radius:7px}
  body.home-refined .value-card{padding:8px;grid-template-columns:45px minmax(0,1fr);gap:7px;border-radius:7px}
  body.home-refined .value-card-image{width:45px;height:59px;border-radius:5px}
  body.home-refined .value-card-image img{width:43px;height:43px}
  body.home-refined .value-card-name{font-size:8px;max-height:23px;line-height:1.4}
  body.home-refined .value-card-copy{gap:4px;width:max-content;max-width:145px}
  body.home-refined .value-card-value>strong{font-size:19px;letter-spacing:-.5px}
  body.home-refined .value-card-value{font-size:19px}
  body.home-refined .variant-label{font-size:5px;letter-spacing:.7px}
  body.home-refined .value-card-meta{margin-top:2px;gap:3px;min-height:8px}
  body.home-refined .value-card-demand{font-size:6px;gap:3px}
  body.home-refined .card-trend .icon{width:10px;height:10px}
  body.home-refined .value-card-edited{font-size:4px}
  body.home-refined .site-footer{height:37px;flex-basis:37px;gap:9px;font-size:6px}
  .footer-wordmark{font-size:9px}
  body.home-refined .home-footer-links{font-size:6px;gap:7px}
  .intro-skip{bottom:22px;right:22px}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined .site-header{height:51px;flex-basis:51px}
  body.home-refined main.home{grid-template-rows:minmax(290px,1fr) 48px 116px;gap:11px;padding-top:11px}
  body.home-refined .hero{grid-template-rows:minmax(125px,1fr) minmax(126px,.9fr);gap:10px}
  body.home-refined .hero h1{font-size:clamp(33px,9.3vw,44px)}
  body.home-refined .hero-copy>.hero-description{margin-top:8px;font-size:8px}
  body.home-refined .hero-actions{margin-top:10px}
  body.home-refined .button{height:30px;font-size:8px;padding:0 10px}
  body.home-refined .hero-bounty{padding:10px 12px}
  body.home-refined .bounty-target .bounty-image{flex-basis:64px;width:64px;max-height:80px}
  body.home-refined .bounty-target strong{font-size:19px}
  body.home-refined .bounty-target{gap:9px}
  body.home-refined .bounty-target-copy{gap:5px}
  body.home-refined .value-card-name{-webkit-line-clamp:1;max-height:12px}
  body.home-refined .value-card-image{height:52px}
  body.home-refined .value-card-edited{display:none}
  body.home-refined .value-card{grid-template-columns:40px minmax(0,1fr);padding:7px;gap:6px}
  body.home-refined .value-card-image{width:40px}
  body.home-refined .value-card-image img{width:38px;height:38px}
  body.home-refined .value-card-copy{gap:2px}
  body.home-refined .value-card-copy>*{margin:0}
  body.home-refined .variant-label{line-height:1}
  body.home-refined .value-card-name{line-height:1.25}
  body.home-refined .value-card-value,body.home-refined .value-card-value>strong{font-size:17px;line-height:1}
  body.home-refined .site-footer{height:30px;flex-basis:30px}
}
@media(max-width:360px){
  body.home-refined .site-header,body.home-refined main.home,body.home-refined .site-footer{width:calc(100% - 28px)}
  body.home-refined .topbar{gap:8px}
  body.home-refined .brand-wordmark{font-size:17px}
  .brand-symbol{width:21px;height:21px;flex-basis:21px}
  body.home-refined .topbar-search input{font-size:8px!important}
  body.home-refined .nav-actions{gap:5px}
  body.home-refined .hero h1{font-size:34px}
  body.home-refined .hero-copy>.hero-description{font-size:7.5px}
  body.home-refined .bounty-target strong{font-size:17px}
  body.home-refined .bounty-timer .rotation-label{display:none}
  body.home-refined .bounty{grid-template-columns:minmax(0,1fr) 64px}
  body.home-refined .bounty-source{width:64px}
  body.home-refined .stat-box small{font-size:5px}
  body.home-refined .stat-box strong{font-size:17px}
  body.home-refined .panel-heading h2{font-size:13px}
  body.home-refined .value-card-demand{font-size:5px}
}
@media(min-width:621px) and (max-width:1100px) and (max-height:720px){
  body.home-refined .value-card-copy{gap:3px}
  body.home-refined .value-card-copy>*{margin:0}
  body.home-refined .value-card-name{-webkit-line-clamp:1;max-height:14px}
}
@media(prefers-reduced-motion:reduce){
  .site-intro{display:none!important}
  body.home-refined *,body.home-refined *::before,body.home-refined *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

body.home-refined{
  --paper:#030303;--ink:#f0f0f3;--muted:#94949d;--line:#2c2c31;--red:#ec3a32;
  --bg:var(--paper);--text:var(--ink);--soft:#aaaab4;--accent:var(--red);--accent-hover:#ff6962;
  --header:#0b0b0d;--panel:#0b0b0d;--panel-hover:#151518;--border:var(--line);--border-hover:#606066;
  --radius:2px;background:var(--paint-base,#030303);color:var(--paint-text,#f0f0f3);font-family:"BGSI Interface",Arial,sans-serif!important;
  isolation:isolate;
}
body.home-refined .home-ambient{position:fixed;z-index:-1;inset:0;pointer-events:none;overflow:hidden;background:var(--paint-base,#030303)}
body:not(.home-refined) .home-ambient{display:none}

.home-ambient::before,.home-ambient::after{content:"";position:absolute;left:-20%;top:-16%;width:100%;height:85%;transform:none;background:url('/assets/images/home-ambient.webp') 50% 30% / cover no-repeat;pointer-events:none}
.home-ambient::before{opacity:.22;filter:blur(28px) saturate(.5) brightness(.7);mask-image:radial-gradient(ellipse 58% 58% at 40% 30%,#000 10%,#0008 40%,transparent 75%)}
.home-ambient::after{opacity:.38;filter:saturate(.62) brightness(.55);mask-image:radial-gradient(ellipse 52% 53% at 38% 27%,#000 5%,#000b 28%,#0003 51%,transparent 72%)}
body.home-refined .value-rail:has(.rail-loading){grid-auto-columns:100%}
body.home-refined .rail-loading{padding:14px;font-size:12px}
body.home-refined .bounty-image img[src^="data:image/gif"]{opacity:0}
body.home-refined .bounty-image:has(img[src^="data:image/gif"]) .image-fallback{display:flex;position:relative;opacity:.6}
body.home-refined .site-header,body.home-refined main.home,body.home-refined .site-footer{position:relative}
body.home-refined .site-header{background:none;border-bottom-color:var(--paint-line,#2c2c31)}
body.home-refined .brand-symbol{color:var(--paint-text,#f2eee8)}
.brand-symbol svg{display:block;width:100%;height:100%;overflow:hidden}
body.home-refined .brand-wordmark{font-family:"BGSI Interface",Arial,sans-serif;font-weight:650;font-size:23px;letter-spacing:-1px}
body.home-refined .brand-wordmark>span{color:var(--red)}
body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{color:var(--paint-muted,#b6b6be);font-weight:450}
body.home-refined .nav-links>a:hover,body.home-refined .nav-dropdown>button:hover{color:var(--paint-text,#fff)}
body.home-refined .nav-dropdown-menu,body.home-refined .mobile-menu,body.home-refined .topbar-search-results{background:var(--paint-base,#0c0c0f);border-color:var(--paint-line,#343439);border-radius:2px;box-shadow:0 16px 36px var(--paint-shadow-a60,#0009);color:var(--paint-text,#eee)}
body.home-refined .nav-dropdown:not(.is-open) .nav-dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-5px)}
body.home-refined .nav-dropdown.is-open .nav-dropdown-menu{transform:none}
body.home-refined .nav-dropdown-menu a,body.home-refined .mobile-menu a{color:var(--paint-text,#cccdd4);border-radius:0}
body.home-refined .nav-dropdown-menu a:hover,body.home-refined .mobile-menu a:hover{background:var(--paint-surface,#19191d);color:var(--paint-text,#fff)}
body.home-refined .topbar-search{height:40px;background:var(--paint-tint-a2,#ffffff05);border:1px solid var(--paint-line-a15,#ffffff25);border-radius:8px;transition:border-color .18s,background .18s,box-shadow .18s}
body.home-refined .topbar-search:focus-within{background:var(--paint-base,#121216);border-color:var(--paint-accent,#ec3a32);box-shadow:0 0 0 3px var(--paint-accent-a9,#ec3a3218)}
body.home-refined .topbar-search input{color:var(--paint-text,#eee);font-size:12px}
body.home-refined .topbar-search input::placeholder{color:var(--paint-muted,#9b9ba6)}
body.home-refined .topbar-search>.icon{color:var(--paint-muted,#8f8f9c)}
body.home-refined .topbar-search kbd{color:var(--paint-muted,#aaaab2);border-color:var(--paint-line,#333339);background:var(--paint-base,#151519);border-radius:2px}
body.home-refined .search-results a{color:var(--paint-text,#dddde4);border-color:var(--paint-line,#2b2b31)}
body.home-refined .search-results a:hover{background:var(--paint-surface,#19191e)}
body.home-refined .search-results small,body.home-refined .search-results p{color:var(--paint-muted,#b0b0ba)}
body.home-refined .account-login{color:var(--paint-text,#fff);background:var(--paint-accent,#d3342b);border-color:var(--paint-accent,#d3342b);border-radius:2px;font-weight:650}
body.home-refined .account-login:hover{background:var(--paint-accent,#bd2d25);border-color:var(--paint-accent,#bd2d25)}
body.home-refined .icon-button{color:var(--paint-text,#bebec7);border-color:var(--paint-line,#37373e);border-radius:2px;background:var(--paint-base,#0b0b0e)}
body.home-refined .icon-button:hover{background:var(--paint-surface,#1a1a1f);border-color:var(--paint-line,#66666e)}
body.home-refined .home-eyebrow{font-size:9px;color:var(--paint-muted,#a2a2ae);letter-spacing:1.7px;font-weight:450}
body.home-refined .status-dot{background:var(--paint-accent,#f34239);box-shadow:0 0 0 3px var(--paint-accent-a8,#ed403315)}
body.home-refined .eyebrow-note{font-size:8px;letter-spacing:1.5px;color:var(--paint-muted,#888892);font-weight:400}
body.home-refined .hero h1{font-family:"BGSI Interface",Arial,sans-serif;font-weight:400;font-size:clamp(75px,7vw,100px);line-height:.98;letter-spacing:-5.5px;text-transform:uppercase;color:var(--paint-text,#f5f5f7)}
body.home-refined .hero h1>span{font-family:"BGSI Interface",Arial,sans-serif;color:var(--red);-webkit-text-stroke:0;font-weight:600;letter-spacing:-.045em}
body.home-refined .hero-copy>.hero-description{color:var(--paint-muted,#b2b2be);font-weight:350;font-size:13px;line-height:1.65;margin-top:20px}
.hero-description-mobile{display:none}
body.home-refined .hero-actions{margin-top:20px;gap:12px}
body.home-refined .button{border-radius:2px;font-size:11px;font-weight:500;letter-spacing:.1px}
body.home-refined .button-primary{background:var(--paint-accent,#ef3c32);border-color:var(--paint-accent,#ef3c32);color:var(--paint-text,#fff)}
body.home-refined .button-primary:hover,body.home-refined .button-primary:focus-visible{background:var(--paint-accent,#f34b43);border-color:var(--paint-accent,#f34b43)}
body.home-refined .button-secondary{color:var(--paint-text,#d1d1d9);border-color:var(--paint-line,#44444c);background:var(--paint-base-a50,#07070880)}
body.home-refined .button-secondary:hover{background:var(--paint-surface,#19191d);border-color:var(--paint-line,#898992)}
body.home-refined .button-secondary .icon{color:var(--paint-text,#b6b6c1)}
body.home-refined .hero-footnote{color:var(--paint-muted,#93939f);margin-top:15px}
body.home-refined .hero-footnote a{color:var(--paint-muted,#a0a0ac)}
body.home-refined .hero-footnote a:hover{color:var(--paint-text,#fff)}

body.home-refined .hero-bounty{background:var(--paint-base-a83,rgba(8,8,10,.83));border:1px solid var(--paint-line,#39393f);border-radius:2px;box-shadow:none;backdrop-filter:blur(10px);color:var(--paint-text,#f4f4f7);--text:#f4f4f7;--soft:#b4b4c0;--muted:#a3a3ae;--border:#34343c;--header:#111116;--panel:#111116}
body.home-refined .hero-bounty::before{background:linear-gradient(135deg,var(--paint-tint-a2,#ffffff04),transparent 45%)}
body.home-refined .bounty-heading h2{color:var(--paint-text,#dddde5);font-size:11px;font-weight:450;letter-spacing:.2px;text-transform:none}
body.home-refined .bounty-heading h2 .icon{color:var(--paint-accent,#e85148)}
body.home-refined .bounty-timer{color:var(--paint-text,#cccdd5);font-size:10px}
body.home-refined .bounty-timer .rotation-label{color:var(--paint-muted,#92929f)}
body.home-refined .bounty-target .bounty-label{color:var(--paint-muted,#aaaab9);font-size:8px;letter-spacing:1.2px}
body.home-refined .bounty-target .bounty-label i{background:var(--paint-accent,#ec4139)}
body.home-refined .bounty-target strong{font-family:"BGSI Interface",Arial,sans-serif;color:var(--paint-text,#f1f1f6);font-weight:450;font-size:clamp(24px,2.2vw,33px);letter-spacing:-1px}
body.home-refined .bounty-target-note{font-size:10px;color:var(--paint-muted,#93939f)}
body.home-refined .bounty-corner{color:var(--paint-muted,#9b9ba6)}
body.home-refined .bounty-orbit i{border-color:var(--paint-line-a14,#b7b7cf24)}
body.home-refined .bounty-orbit i:nth-child(2){border-color:var(--paint-line-a8,#b7b7cf14)}
body.home-refined .bounty-orbit b{background:var(--paint-accent,#e64b43);box-shadow:0 0 12px var(--paint-accent-a13,#e64b4320)}
body.home-refined .bounty-target .bounty-image>img{filter:drop-shadow(0 8px 12px #0009);animation:none}
body.home-refined .bounty-source{background:var(--paint-surface,#16161c);border-color:var(--paint-line,#303037);border-radius:2px}
body.home-refined .bounty-source:hover{background:var(--paint-surface,#202027);border-color:var(--paint-line,#686872)}
body.home-refined .bounty-source .bounty-label{color:var(--paint-muted,#a5a5b3);font-size:9px}
body.home-refined .bounty-source strong{color:var(--paint-text,#dddde6);font-size:12px;font-weight:450}
body.home-refined .bounty-source>.icon{color:var(--paint-text,#b7b7c7)}
body.home-refined .bounty-odds small{font-size:7px;color:var(--paint-muted,#a2a2b0);letter-spacing:.7px}
body.home-refined .bounty-odds strong{font-size:10px;color:var(--paint-text,#dddde6);font-weight:400}
body.home-refined .bounty-footer>a{font-size:10px;color:var(--paint-text,#d4d4de);font-weight:400}
body.home-refined .bounty-footer>a:hover{color:var(--paint-text,#fff)}
body.home-refined .skeleton-line{background:var(--paint-surface,#24242c)}
body.home-refined .hero-bounty .skeleton-line{background:var(--paint-surface,#2d2d38)}
body.home-refined .bounty-image .image-fallback{color:var(--paint-muted,#888897)}
body.home-refined .stats-panel{border-color:var(--paint-line,#2c2c31);backdrop-filter:none}
body.home-refined .stat-box{border-color:var(--paint-line,#2c2c31)}
body.home-refined .stat-icon{color:var(--paint-muted,#a1a1ad)}
body.home-refined .stat-box:hover .stat-icon{color:var(--paint-accent,#e65047)}
body.home-refined .stat-icon-online:after{background:var(--paint-accent,#e54840);border-color:var(--paint-line,#030303)}
body.home-refined .stat-box small{color:var(--paint-muted,#a3a3ae);font-size:10px;font-weight:400;text-transform:none}
body.home-refined .stat-box strong{font-family:"BGSI Interface",Arial,sans-serif;font-weight:450;font-size:24px;color:var(--paint-text,#eeeef4)}
body.home-refined .panel-heading h2{color:var(--paint-text,#eaeaf1);font-family:"BGSI Interface",Arial,sans-serif;font-weight:450;font-size:21px;letter-spacing:-.5px}
body.home-refined .view-all{color:var(--paint-text,#b8b8c3);font-size:11px;font-weight:400}
body.home-refined .view-all:hover{color:var(--paint-text,#fff)}
body.home-refined .value-rail{border-radius:2px}
body.home-refined .value-card{background:var(--paint-base-a88,#0b0b0ee0);border-color:var(--paint-line,#2d2d35);border-radius:2px;backdrop-filter:blur(5px)}
body.home-refined .value-card:hover{background:var(--paint-base,#15151c);border-color:var(--paint-line,#686874)}
body.home-refined .value-card-image{background:var(--paint-base,#15151c);border-radius:2px}
body.home-refined .value-card-image img{filter:drop-shadow(0 3px 4px #0005)}
body.home-refined .value-card-edited{color:var(--paint-muted,#aaaab5);font-size:6px}
body.home-refined .variant-label{color:var(--paint-muted,#b1b1be);font-size:7px;letter-spacing:.8px;font-weight:450}
body.home-refined .value-card-name{color:var(--paint-text,#dddde8);font-size:11px;line-height:1.35;max-height:30px;font-weight:400}
body.home-refined .value-card-value>strong{font-family:"BGSI Interface",Arial,sans-serif;font-size:25px;font-weight:450;letter-spacing:-.6px;color:var(--paint-text,#eeeef6)}
body.home-refined .value-card-demand{font-size:8px;color:var(--paint-muted,#adadbb)}
body.home-refined .card-trend{color:var(--paint-muted,#afafbe)}
body.home-refined .card-trend.trend-dropping{color:#d67975}
body.home-refined .card-trend.trend-rising{color:var(--paint-muted,#9ebbb2)}
body.home-refined .value-card .image-fallback{color:var(--paint-muted,#8a8a9c)}
body.home-refined .rail-loading{color:var(--paint-muted,#aaaabc);background:var(--paint-base,#0e0e13);border-color:var(--paint-line,#33333e);border-radius:2px}
body.home-refined .rail-loader{border-color:var(--paint-line,#52525f);border-top-color:var(--paint-accent,#f0443a)}
body.home-refined .site-footer{color:var(--paint-muted,#aaaab5)}
body.home-refined .footer-wordmark{font-family:"BGSI Interface",Arial,sans-serif;color:var(--paint-muted,#b2b2be);font-weight:550}
body.home-refined .footer-wordmark>span{color:var(--red)}
body.home-refined .home-footer-links{color:var(--paint-muted,#aaaab6)}
body.home-refined .home-footer-links a:hover{color:var(--paint-text,#fff)}

body.home-refined .home-profile-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;overflow:visible;color:var(--paint-text,#eeeef4);animation:none}
body.home-refined .home-profile-heading{min-height:0;gap:6px}
body.home-refined .home-profile-greeting{font-family:"BGSI Interface",Arial,sans-serif;font-size:17px;font-weight:450;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-refined .home-profile-heading a{font-size:9px;color:var(--paint-text,#bfbfcd);white-space:nowrap}
body.home-refined .home-profile-identity{background:var(--paint-base,#15151b);border:1px solid var(--paint-line,#33333c);border-radius:2px;padding:12px;min-height:0}
body.home-refined .home-profile-person-link{gap:12px;color:var(--paint-text,#e7e7f0)}
body.home-refined .home-profile-avatar{border-color:var(--paint-line,#3e3e4c);border-radius:2px;background:var(--paint-surface,#1c1c26)}
body.home-refined .home-profile-title{font-size:12px}
body.home-refined .home-profile-person-link small{color:var(--paint-muted,#b2b2c0)}
body.home-refined .home-profile-status-wrap{padding:0;background:none;border:0;border-radius:0;min-height:0}
body.home-refined .home-profile-status{height:32px;min-height:0;padding:6px 10px;border:1px solid var(--paint-line,#3a3a45);border-radius:2px;background:var(--paint-base,#13131a);color:var(--paint-text,#e5e5f0);font-size:11px!important}
body.home-refined .home-profile-status::placeholder{color:var(--paint-muted,#a9a9b8)}
body.home-refined .home-profile-metrics{gap:12px}
body.home-refined .account-trigger{font-family:inherit;gap:5px;border-color:var(--paint-line,#393942);border-radius:2px;background:var(--paint-base,#111116);color:var(--paint-text,#dddde8)}
body.home-refined .account-profile-link,body.home-refined .account-dropdown-toggle{font-family:inherit;color:var(--paint-text,#dddde8);background:var(--paint-base,#111116);border-radius:0}
body.home-refined .account-dropdown-menu{background:var(--paint-base,#111116);border-color:var(--paint-line,#3c3c46);border-radius:2px;color:var(--paint-text,#dddde8)}
body.home-refined .home-profile-metrics{border:0;border-radius:0;background:none;padding:0}
body.home-refined .home-profile-heading .icon{width:12px;height:12px}
body.home-refined .home-profile-metrics>span{padding:0;border:0;background:none}
body.home-refined .home-profile-metrics small{color:var(--paint-muted,#ababba);font-size:9px}
body.home-refined .home-profile-metrics strong{color:var(--paint-text,#e1e1ed);font-size:15px;line-height:1.2}

@media(max-height:800px) and (min-width:1101px){
  body.home-refined .hero h1{font-size:clamp(74px,6.8vw,91px);letter-spacing:-4.5px}
  body.home-refined .hero-copy>.hero-description{font-size:12px;margin-top:15px}
  body.home-refined .hero-actions{margin-top:16px}
  body.home-refined .hero-footnote{margin-top:12px}
}
@media(max-height:740px) and (min-width:1101px){
  body.home-refined .hero h1{font-size:clamp(70px,6.6vw,78px)}
}
@media(max-width:1100px){
  body.home-refined .hero h1{font-size:clamp(58px,7.6vw,84px);letter-spacing:-4px}
  body.home-refined .hero-copy>.hero-description{font-size:11px;margin-top:15px}
  body.home-refined .hero-actions{gap:8px;margin-top:17px}
  body.home-refined .button{font-size:10px}
  body.home-refined .bounty-target strong{font-size:26px}
  body.home-refined .bounty-target .bounty-label{font-size:7px}
  body.home-refined .bounty-target-note{font-size:9px}
  body.home-refined .stat-box small{font-size:9px}
  body.home-refined .stat-box strong{font-size:22px}
  body.home-refined .value-card-value>strong{font-size:23px}
}
@media(max-width:1100px) and (max-height:720px){
  body.home-refined .hero h1{font-size:clamp(56px,6.5vw,72px)}
  body.home-refined .hero-footnote{display:none}
  body.home-refined .value-card-copy{gap:3px}
  body.home-refined .value-card-copy>*{margin:0}
  body.home-refined .value-card-name{font-size:10px;max-height:14px;-webkit-line-clamp:1}
  body.home-refined .variant-label{font-size:6px}
}
@media(max-width:850px){
  body.home-refined .hero h1{font-size:60px;letter-spacing:-3px}
  body.home-refined .bounty-target strong{font-size:23px}
  body.home-refined .bounty-odds small{font-size:6px}
  body.home-refined .bounty-odds strong,body.home-refined .bounty-footer>a{font-size:9px}
}
@media(max-width:620px){
  .home-ambient::before,.home-ambient::after{left:-65%;right:auto;top:-3%;width:150%;height:62%;background-position:50% 18%}
  .home-ambient::before{opacity:.19;filter:blur(20px) saturate(.5) brightness(.6)}
  .home-ambient::after{opacity:.3}
  body.home-refined .home-eyebrow{font-size:7px;letter-spacing:1.3px}
  body.home-refined .brand-wordmark{font-size:19px}
  body.home-refined .topbar-search,body.home-refined .icon-button,body.home-refined .account-login{border-radius:2px}
  body.home-refined .hero h1{font-size:clamp(43px,12vw,65px);letter-spacing:-2.5px;line-height:.96}
  body.home-refined .hero-copy>.hero-description{font-size:11px;margin-top:12px;line-height:1.5}
  .hero-description-desktop{display:none}
  .hero-description-mobile{display:inline}
  body.home-refined .hero-actions{margin-top:12px;gap:8px}
  body.home-refined .button{font-size:11px;height:44px}
  body.home-refined .topbar-search input{font-size:12px!important}
  body.home-refined .account-profile-link,body.home-refined .account-dropdown-toggle{min-width:26px;min-height:31px;height:31px;padding:0 4px}
  body.home-refined .account-trigger{min-width:0;height:31px;padding:0}
  body.home-refined .account-avatar{width:23px;height:23px}
  body.home-refined .hero-bounty{border-radius:2px;padding:12px 14px}
  body.home-refined .bounty-heading h2{font-size:10px}
  body.home-refined .bounty-timer{font-size:8px}
  body.home-refined .bounty-target strong{font-size:21px;letter-spacing:-.5px}
  body.home-refined .bounty-target .bounty-label{font-size:5px}
  body.home-refined .bounty-source{border-radius:2px;min-height:64px}
  body.home-refined .bounty-source .bounty-label{font-size:6px}
  body.home-refined .bounty-source strong{font-size:8px}
  body.home-refined .bounty-odds small{font-size:5px}
  body.home-refined .bounty-odds strong{font-size:7px}
  body.home-refined .bounty-footer>a{font-size:7px}
  body.home-refined .stat-box small{font-size:7px}
  body.home-refined .stat-box strong{font-size:19px}
  body.home-refined .panel-heading h2{font-size:17px}
  body.home-refined .view-all{font-size:0}
  body.home-refined .value-card{border-radius:2px}
  body.home-refined .value-card-name{font-size:10px;max-height:27px;-webkit-line-clamp:2}
  body.home-refined .value-card-value>strong{font-size:20px}
  body.home-refined .variant-label{font-size:8px;letter-spacing:.4px}
  body.home-refined .value-card-demand{font-size:8px}
  body.home-refined .home-profile-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:14px minmax(0,1fr) 23px;gap:7px}
  body.home-refined .home-profile-heading{grid-column:1/-1}
  body.home-refined .home-profile-greeting{font-size:11px}
  body.home-refined .home-profile-heading a{font-size:7px}
  body.home-refined .home-profile-heading .icon{width:10px;height:10px}
  body.home-refined .home-profile-identity{padding:5px;grid-column:1;grid-row:2;height:auto}
  body.home-refined .home-profile-person-link{gap:7px}
  body.home-refined .home-profile-avatar{width:32px;height:32px;flex-basis:32px}
  body.home-refined .home-profile-title{font-size:8px}
  body.home-refined .home-profile-person-link small{font-size:8px}
  body.home-refined .home-profile-status-wrap{grid-column:1/-1;grid-row:3}
  body.home-refined .home-profile-status{height:23px;font-size:8px!important;padding:4px 7px}
  body.home-refined .home-profile-metrics{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:62px}
  body.home-refined .home-profile-metrics>span{display:flex;flex-direction:column;gap:2px;min-height:0}
  body.home-refined .home-profile-metrics small{font-size:6px}
  body.home-refined .home-profile-metrics strong{font-size:9px}
  body.home-refined .home-profile-card .home-profile-loading{grid-column:1/-1}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined .hero h1{font-size:clamp(37px,10.5vw,51px);letter-spacing:-2px}
  body.home-refined .hero-copy>.hero-description{font-size:11px;margin-top:8px}
  body.home-refined .hero-actions{margin-top:10px}
  body.home-refined .button{font-size:10px}
  body.home-refined .hero-bounty{padding:10px 12px}
  body.home-refined .bounty-target strong{font-size:19px}
  body.home-refined .value-card-name{-webkit-line-clamp:1;max-height:12px;line-height:1.25}
  body.home-refined .value-card{padding:4px;grid-template-columns:40px minmax(0,1fr)}
  body.home-refined .value-card-image{height:48px}
  body.home-refined .value-card-copy{gap:1px}
  body.home-refined .value-card-copy>*{margin:0}
  body.home-refined .value-card-value,body.home-refined .value-card-value>strong{font-size:17px;line-height:1}
  body.home-refined .variant-label{line-height:1}
}
@media(max-width:360px){
  body.home-refined .brand-wordmark{font-size:17px}
  body.home-refined .hero h1{font-size:32px;letter-spacing:-1.5px;white-space:nowrap}
  body.home-refined .hero h1 br{display:none}
  body.home-refined .hero h1>span::before{content:' ';white-space:pre}
  body.home-refined .hero-copy>.hero-description{font-size:11px}
  body.home-refined .topbar-search input{font-size:12px!important}
  body.home-refined .bounty-target strong{font-size:18px}
  body.home-refined .stat-box small{font-size:7px}
  body.home-refined .stat-box strong{font-size:18px}
  body.home-refined .value-card-demand{font-size:8px}
  body.home-refined .value-rail{grid-auto-columns:196px}
  body.home-refined .value-card-name{font-size:10px}
}
@media(max-width:620px) and (max-height:620px){
  body.home-refined .hero h1{font-size:32px;letter-spacing:-1.5px;white-space:nowrap}
  body.home-refined .hero h1 br{display:none}
  body.home-refined .hero h1>span::before{content:' ';white-space:pre}
}
@media(prefers-reduced-motion:reduce){
}

body.home-refined{--radius:8px}
body.home-refined .nav-dropdown-menu,body.home-refined .mobile-menu,body.home-refined .topbar-search-results,body.home-refined .account-dropdown-menu{border-radius:8px}
body.home-refined .nav-dropdown-menu a,body.home-refined .mobile-menu a{border-radius:5px}
body.home-refined .topbar-search,body.home-refined .account-login,body.home-refined .icon-button,body.home-refined .button,body.home-refined .account-trigger{border-radius:7px}
body.home-refined .hero-bounty{border-radius:14px;border-color:var(--paint-line-a11,#ffffff1c);background:linear-gradient(125deg,var(--paint-base-a87,#0b0b0ddd),var(--paint-base-a65,#09090ba6));backdrop-filter:blur(8px)}
body.home-refined .bounty-source{border-radius:7px;border-color:var(--paint-line-a9,#ffffff16);background:var(--paint-tint-a2,#ffffff05)}
body.home-refined .bounty-source:hover{background:var(--paint-tint-a4,#ffffff0a);border-color:var(--paint-line-a19,#ffffff30)}
body.home-refined .hero-footnote{display:flex;margin-top:15px}
body.home-refined .hero-footnote a{display:inline-flex;margin-left:0;padding:4px 0;color:var(--paint-text,#bcbcc6);font-size:11px;line-height:1.4;gap:8px}
body.home-refined .hero-footnote a .icon{width:13px!important;height:13px!important}
body.home-refined .stats-panel{border-bottom:0}
body.home-refined .values-panel{gap:10px}
body.home-refined .panel-heading{flex-basis:30px}
body.home-refined .view-all{min-height:30px}
body.home-refined .value-rail{grid-auto-columns:228px;gap:15px;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:#55555f #ffffff08;scroll-snap-type:none;border-radius:0;cursor:grab;touch-action:pan-x pinch-zoom}
body.home-refined .value-rail::-webkit-scrollbar{display:block;height:3px}
body.home-refined .value-rail::-webkit-scrollbar-track{background:var(--paint-tint-a3,#ffffff08)}
body.home-refined .value-rail::-webkit-scrollbar-thumb{background:var(--paint-raised,#55555f);border-radius:3px}
body.home-refined .value-rail:focus-visible{outline:2px solid var(--red);outline-offset:5px}
body.home-refined .value-rail.is-dragging{cursor:grabbing;user-select:none}
body.home-refined .value-card{grid-template-columns:64px minmax(0,1fr);gap:13px;height:94px;align-self:start;padding:7px 7px 7px 0;background:transparent;border:0;border-radius:7px;backdrop-filter:none;overflow:hidden}
body.home-refined .value-card:hover{background:var(--paint-tint-a2,#ffffff05)}
body.home-refined .value-card-image{width:64px;height:68px;background:transparent;border-radius:0}
body.home-refined .value-card-image img{width:61px;height:61px;pointer-events:none}
body.home-refined .value-card-edited{display:none}
body.home-refined .value-card-copy{gap:5px}
body.home-refined .value-card-name{font-size:12px;line-height:1.25;max-height:30px;-webkit-line-clamp:2}
body.home-refined .variant-label{font-size:8px;line-height:1.2}
body.home-refined .value-card-value,body.home-refined .value-card-value>strong{font-size:24px;line-height:1.1}
body.home-refined .value-card-meta{min-height:14px;margin-top:1px;gap:8px}
body.home-refined .value-card-demand{display:inline-flex;font-size:10px;color:var(--demand-color,var(--paint-text,#c5c5ce));gap:5px;font-variant-numeric:tabular-nums}
body.home-refined .value-card-demand .icon{width:12px;height:12px;color:var(--demand-color,var(--paint-muted,#a5a5b0))}
body.home-refined .value-card-demand .icon svg{fill:currentColor;stroke-width:1.5}
body.home-refined .value-card-demand[data-demand-level="minimal"]{--demand-color:#ff334a}
body.home-refined .value-card-demand[data-demand-level="low"]{--demand-color:#ff6469}
body.home-refined .value-card-demand[data-demand-level="medium"]{--demand-color:#ffda55}
body.home-refined .value-card-demand[data-demand-level="good"]{--demand-color:#a7ef57}
body.home-refined .value-card-demand[data-demand-level="high"]{--demand-color:#ff8dd0}
body.home-refined .value-card-demand[data-demand-level="maximum"]{--demand-color:#c896ff}
body.home-refined .home-profile-identity,body.home-refined .home-profile-status{border-radius:7px}
body.home-refined .home-profile-avatar{border-radius:6px}

.site-intro{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;color:var(--paint-text,#f1f1f5);font-family:"BGSI Interface",Arial,sans-serif;overflow:hidden;animation:eye-intro-expire 3.05s both}
.site-intro.is-dismissed{display:none}
.site-intro[hidden]{display:none!important}
html.home-intro-pending .site-intro.is-dismissed{display:grid;animation:none}
html.home-intro-pending .site-intro *{animation-play-state:paused}
.intro-veil{position:absolute;inset:0;pointer-events:none}
.intro-aperture{animation:eye-page-opening .7s 2.35s cubic-bezier(.65,0,.2,1) both}
.intro-content{position:relative;width:min(300px,70vw);height:min(188px,44vw);pointer-events:none}
.intro-eye{display:block;width:100%;height:100%;color:#f2eee8;overflow:hidden;transform-origin:center;animation:eye-arrival 3.05s cubic-bezier(.2,.75,.3,1) both}
.intro-eye-iris{animation:eye-look 3.05s cubic-bezier(.45,0,.2,1) both}
.intro-brand{position:absolute;top:calc(100% + 10px);left:0;right:0;text-align:center;font-family:"BGSI Interface",Arial,sans-serif;font-size:18px;font-weight:500;letter-spacing:3px;animation:eye-brand 3.05s both}
.intro-brand>span{color:#ec3a32}
.intro-skip{position:absolute;z-index:2;right:32px;bottom:26px;min-height:44px;padding:10px 0;background:none;border:0;color:#c5c5ce;font:inherit;font-size:11px;cursor:pointer;pointer-events:auto;animation:none}
.intro-skip>span{margin-left:10px}
body.home-refined.intro-revealing .hero-copy{animation:page-reveal .65s .04s both}
body.home-refined.intro-revealing .hero-bounty{animation:page-reveal .7s .09s both}
body.home-refined.intro-revealing .stats-panel{animation:page-reveal .65s .15s both}
body.home-refined.intro-revealing .values-panel{animation:page-reveal .65s .2s both}
@keyframes eye-arrival{0%{opacity:0;transform:scale(.8,.02)}12%,74%{opacity:1;transform:scale(1)}84%,100%{opacity:0;transform:scale(1)}}
@keyframes eye-look{0%,16%{transform:translateX(0)}24%,33%{transform:translateX(-58px)}43%,55%{transform:translateX(58px)}65%,100%{transform:translateX(0)}}
@keyframes eye-brand{0%,9%{opacity:0;transform:translateY(6px)}20%,71%{opacity:1;transform:translateY(0)}79%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes eye-page-opening{from{r:0}to{r:150vmax}}
@keyframes eye-skip-exit{to{opacity:0;visibility:hidden}}
@keyframes eye-intro-expire{0%,99%{visibility:visible}100%{visibility:hidden;pointer-events:none}}

@media(max-width:1100px){
  body.home-refined main.home{max-height:660px}
  body.home-refined .hero-footnote a{font-size:10px}
}
@media(max-width:620px){
  body.home-refined main.home{max-height:740px}
  body.home-refined .hero{grid-template-rows:minmax(160px,1fr) minmax(150px,.85fr);gap:14px}
  body.home-refined .hero-footnote{margin-top:9px}
  body.home-refined .hero-footnote a{font-size:10px;padding:2px 0;line-height:1.3}
  body.home-refined .hero-bounty{border-radius:10px}
  body.home-refined .values-panel{gap:6px}
  body.home-refined .panel-heading{flex-basis:25px}
  body.home-refined .view-all{font-size:10px;gap:5px;min-height:25px}
  body.home-refined .view-all>.icon{width:12px;height:12px}
  body.home-refined .value-rail{grid-auto-columns:212px;gap:12px;padding-bottom:9px}
  body.home-refined .value-card{height:88px;grid-template-columns:58px minmax(0,1fr);gap:11px;padding:5px 6px 5px 0}
  body.home-refined .value-card-image{width:58px;height:62px}
  body.home-refined .value-card-image img{width:55px;height:55px}
  body.home-refined .value-card-name{font-size:11px;max-height:28px;line-height:1.25}
  body.home-refined .variant-label{font-size:8px}
  body.home-refined .value-card-copy{gap:4px}
  body.home-refined .value-card-value,body.home-refined .value-card-value>strong{font-size:22px;line-height:1.05}
  body.home-refined .value-card-demand{font-size:10px}
  .intro-skip{right:22px;bottom:18px}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined .hero{grid-template-rows:minmax(154px,1fr) minmax(126px,.9fr);gap:10px}
  body.home-refined .hero h1{font-size:32px;letter-spacing:-1.5px;white-space:nowrap}
  body.home-refined .hero h1 br{display:none}
  body.home-refined .hero h1>span{display:inline}
  body.home-refined .hero h1>span::before{content:' ';white-space:pre}
  body.home-refined .hero-footnote{margin-top:7px}
  body.home-refined .value-card{height:76px}
  body.home-refined .value-card-name{-webkit-line-clamp:1;max-height:14px}
  body.home-refined .value-card-copy{gap:3px}
  body.home-refined .value-card-value,body.home-refined .value-card-value>strong{font-size:21px}
}

body.home-refined .topbar{grid-template-columns:210px minmax(0,1fr) 250px auto}
body.home-refined .brand{height:48px;gap:11px;white-space:nowrap;align-items:center}
body.home-refined .brand-symbol{width:46px;height:32px;flex:0 0 46px}
body.home-refined .brand-wordmark{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1}
body.home-refined .topbar-search-results{width:340px;max-width:calc(100vw - 48px);max-height:min(420px,calc(100svh - 100px));padding:6px;background:var(--paint-base,#101012);border:1px solid var(--paint-line,#424247);border-radius:10px;box-shadow:0 18px 50px var(--paint-shadow-a73,#000b);overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#54545c transparent}
body.home-refined .topbar-search-results>a{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:68px;padding:10px;border:0;border-radius:6px;color:var(--paint-text,#f0f0f3);transition:background .15s}
body.home-refined .topbar-search-results>a:hover,body.home-refined .topbar-search-results>a:focus-visible{background:var(--paint-tint-a3,#ffffff08)}
body.home-refined .topbar-search-results>a:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
body.home-refined .topbar-search-results .search-result-image{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:var(--paint-tint-a2,#ffffff05);overflow:hidden}
body.home-refined .topbar-search-results .search-result-image img{width:38px;height:38px;object-fit:contain}
body.home-refined .topbar-search-results>a>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}
body.home-refined .topbar-search-results strong{font-size:13px;line-height:1.25;font-weight:600}
body.home-refined .topbar-search-results small{font-size:11px;line-height:1.3;color:var(--paint-muted,#aaaab5)}
body.home-refined .topbar-search-results strong,body.home-refined .topbar-search-results small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined .topbar-search-results>a>.icon{width:14px;height:14px;color:var(--paint-muted,#aaaab5)}
body.home-refined .topbar-search-results>p{margin:0;padding:16px 12px;font-size:13px;line-height:1.5;color:var(--paint-text,#bcbcc6);overflow-wrap:anywhere}
@media(max-width:1250px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) 200px auto;gap:16px}
  body.home-refined .brand-wordmark{font-size:26px}
  body.home-refined .brand-symbol{width:42px;flex-basis:42px}
}
@media(max-width:850px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) auto}
}
@media(max-width:620px){
  body.home-refined .topbar{position:static;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
  body.home-refined .brand{height:42px;gap:7px}
  body.home-refined .brand-symbol{width:40px;height:28px;flex-basis:40px}
  body.home-refined .brand-wordmark{font-size:22px;letter-spacing:-.6px}
  body.home-refined .topbar-search{position:static;padding:0 7px;gap:5px}
  body.home-refined .topbar-search-results{top:calc(100% + 7px);left:0;right:0;width:100%;max-width:none;max-height:min(420px,calc(100svh - 82px));padding:5px}
  body.home-refined .topbar-search-results>a{min-height:64px;padding:9px;gap:10px}
}
@media(max-width:360px){
  body.home-refined .topbar{gap:8px}
  body.home-refined .brand{gap:6px}
  body.home-refined .brand-symbol{width:36px;height:26px;flex-basis:36px}
  body.home-refined .brand-wordmark{font-size:20px}
}

body.home-refined .site-header{width:min(calc(100% - 64px),1360px);height:64px;flex-basis:64px;margin:16px auto 0;padding:0 20px;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:16px;background:linear-gradient(120deg,var(--paint-tint-a5,#ffffff0d),var(--paint-tint-a1,#ffffff03)),var(--paint-base-a58,#11111394);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px 0 var(--paint-shadow-a7,#ffffff12),0 12px 35px var(--paint-shadow-a33,#0005)}
body.home-refined .topbar-search{background:var(--paint-tint-a15,#00000026);border-color:var(--paint-line-a11,#ffffff1c);border-radius:9px}
body.home-refined .brand-wordmark{font-weight:650;letter-spacing:-1.1px}
body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{font-weight:400}
body.home-refined .hero h1{font-weight:450}
body.home-refined .hero h1>span{font-weight:600;letter-spacing:-.06em}
body.home-refined .hero-copy>.hero-description{font-weight:350}
body.home-refined .panel-heading h2{font-weight:500}
body.home-refined .value-card-name{font-weight:450}
body.home-refined .value-card-value>strong,body.home-refined .stat-box strong,body.home-refined .demand-score,body.home-refined #bounty-countdown,body.home-refined #bounty-odds{font-family:"BGSI Display",Arial,sans-serif;font-variant-numeric:tabular-nums}
body.home-refined .bounty-heading h2{font-size:16px;font-weight:550;gap:9px;line-height:1.25}
body.home-refined .bounty-heading h2 .icon{width:18px;height:18px}
body.home-refined .bounty-timer{font-size:15px;font-weight:500;gap:7px;line-height:1.25}
body.home-refined .bounty-timer .icon{width:14px;height:14px}
body.home-refined .bounty-overview{grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
body.home-refined .bounty{grid-template-rows:minmax(0,1fr) 68px;gap:13px}
body.home-refined .bounty-corner{display:block;width:22px;height:22px;top:9px;right:0;color:var(--paint-text,#d0d0d9)}
body.home-refined .bounty-link-arrow{display:block;flex:0 0 18px;width:18px;height:18px;color:inherit;transition:transform .18s}
body.home-refined .bounty-source{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;grid-template-rows:1fr;justify-items:stretch;align-content:stretch;align-items:center;gap:12px;width:100%;height:68px;min-height:0;padding:10px 13px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:9px;background:var(--paint-tint-a2,#ffffff04)}
body.home-refined .bounty-source .bounty-image{width:42px;height:42px;margin:0}
body.home-refined .bounty-source-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:none}
body.home-refined .bounty-source .bounty-label{font-size:10px;line-height:1.2;color:var(--paint-muted,#b0b0bc)}
body.home-refined .bounty-source strong{display:block;width:auto;min-height:0;font-size:13px;line-height:1.2;font-weight:500;max-width:100%}
body.home-refined .bounty-source .bounty-odds{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}
body.home-refined .bounty-source .bounty-odds small{font-size:8px;line-height:1.2;letter-spacing:.5px;color:var(--paint-muted,#a3a3af)}
body.home-refined .bounty-source .bounty-odds strong{font-size:16px;line-height:1.15;color:var(--paint-text,#f0f0f5);font-weight:500}
body.home-refined .bounty-source:hover .bounty-link-arrow,body.home-refined .bounty-footer>a:hover .bounty-link-arrow{transform:translateX(3px)}
body.home-refined .bounty-footer{justify-content:flex-end;min-height:22px}
body.home-refined .bounty-footer>a{font-size:12px;gap:7px;min-height:22px}
@media(max-width:1250px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) 180px auto;gap:15px}
}
@media(max-width:850px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) auto}
  body.home-refined .bounty-source{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:9px}
  body.home-refined .bounty-source .bounty-image{width:34px;height:34px}
  body.home-refined .bounty-source>.bounty-link-arrow{display:none}
  body.home-refined .bounty-source .bounty-odds small{font-size:7px}
  body.home-refined .bounty-heading h2{font-size:14px}
  body.home-refined .bounty-timer{font-size:13px}
}
@media(max-width:620px){
  body.home-refined .site-header{width:calc(100% - 20px);height:48px;flex-basis:48px;margin-top:10px;padding:0 8px;border-radius:12px}
  body.home-refined .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  body.home-refined .brand-wordmark{font-size:21px;letter-spacing:-.8px}
  body.home-refined .brand-symbol{width:38px;flex-basis:38px}
  body.home-refined .topbar-search{height:34px;padding:0 6px}
  body.home-refined .topbar-search-results{left:-1px;right:-1px;width:calc(100% + 2px)}
  body.home-refined .bounty-overview{grid-template-rows:20px minmax(0,1fr) 20px;gap:6px}
  body.home-refined .bounty-heading h2{font-size:13px;gap:6px}
  body.home-refined .bounty-heading h2 .icon{width:14px;height:14px}
  body.home-refined .bounty-timer{font-size:12px;gap:4px}
  body.home-refined .bounty-timer .icon{width:12px;height:12px}
  body.home-refined .bounty{grid-template-columns:minmax(0,1fr) 86px;grid-template-rows:1fr;gap:8px}
  body.home-refined .bounty-source{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:86px;height:100%;min-height:64px;padding:4px;border-radius:7px}
  body.home-refined .bounty-source .bounty-image{width:20px;height:20px;flex:0 0 20px}
  body.home-refined .bounty-source-copy{align-items:center;gap:3px;width:100%}
  body.home-refined .bounty-source .bounty-label{font-size:7px;line-height:1}
  body.home-refined .bounty-source strong{font-size:9px;line-height:1.1}
  body.home-refined .bounty-source .bounty-odds{align-items:center;gap:0}
  body.home-refined .bounty-source .bounty-odds small{display:none}
  body.home-refined .bounty-source .bounty-odds strong{font-size:12px;line-height:1.1}
  body.home-refined .bounty-corner{display:none}
  body.home-refined .bounty-footer{min-height:20px}
  body.home-refined .bounty-footer>a{font-size:10px;min-height:20px}
  body.home-refined .bounty-link-arrow{width:14px;height:14px;flex-basis:14px}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined main.home{grid-template-rows:minmax(288px,1fr) 48px 116px;gap:9px;padding-top:7px}
  body.home-refined .hero{grid-template-rows:minmax(140px,1fr) minmax(138px,.95fr);gap:10px}
  body.home-refined .bounty-overview{gap:5px}
  body.home-refined .bounty-source{gap:3px}
}
@media(max-width:360px){
  body.home-refined .brand-wordmark{font-size:19px}
  body.home-refined .brand-symbol{width:35px;flex-basis:35px}
  body.home-refined .brand{gap:5px}
  body.home-refined .bounty-target .bounty-image{flex-basis:52px;width:52px}
  body.home-refined .bounty-target{gap:7px}
  body.home-refined .bounty-target strong{font-size:17px}
  body.home-refined .stat-box small{font-size:6px}
}

body.home-refined .value-rail{grid-auto-columns:max-content;gap:24px;padding:0;scrollbar-width:none;scrollbar-color:transparent transparent;scroll-behavior:auto}
body.home-refined .value-rail::-webkit-scrollbar{display:none;width:0;height:0}
body.home-refined .value-card{grid-template-columns:90px max-content;gap:10px;width:max-content;height:min(100px,100%);padding:2px 0}
body.home-refined .value-card-image{width:90px;height:92px}
body.home-refined .value-card-image img{width:86px;height:86px}
body.home-refined .value-card-copy{gap:4px}
body.home-refined .value-card-value>strong{font-size:25px}
body.home-refined .topbar{grid-template-columns:210px minmax(0,1fr) 180px auto;gap:14px}
body.home-refined .nav-links{justify-content:center;gap:3px}
body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{height:38px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--paint-text,#d1d1d9);font-size:12px;font-weight:450;transition:background .18s,border-color .18s,color .18s}
body.home-refined .nav-links>a:hover,body.home-refined .nav-dropdown>button:hover,body.home-refined .nav-dropdown.is-open>button{background:var(--paint-tint-a3,#ffffff08);border-color:var(--paint-line-a7,#ffffff12);color:var(--paint-text,#fff)}
body.home-refined .nav-links>a.active{background:var(--paint-tint-a4,#ffffff09);border-color:var(--paint-line-a9,#ffffff16);color:var(--paint-accent-text,#f57a73)}
body.home-refined .nav-dropdown>button>.icon:last-child{transition:transform .18s}
body.home-refined .nav-dropdown.is-open>button>.icon:last-child{transform:rotate(180deg)}
body.home-refined .topbar-search{background:linear-gradient(130deg,var(--paint-tint-a2,#ffffff06),var(--paint-tint-a1,#ffffff02));border-color:var(--paint-line-a11,#ffffff1b);border-radius:9px;box-shadow:inset 0 1px 0 var(--paint-shadow-a2,#ffffff06)}
body.home-refined .topbar-search:focus-within{background:var(--paint-tint-a3,#ffffff07);border-color:var(--paint-line-a33,#ffffff55);box-shadow:0 0 0 3px var(--paint-shadow-a2,#ffffff06),inset 0 1px 0 var(--paint-shadow-a4,#ffffff0b)}
body.home-refined .topbar-search:focus-within>.icon{color:var(--paint-accent,#f26b62)}
body.home-refined .topbar-search input{font-weight:400}
body.home-refined .topbar-search input::placeholder{color:var(--paint-text,#b8b8c1)}
body.home-refined .topbar-search kbd{border-color:var(--paint-line-a9,#ffffff16);border-radius:4px;background:var(--paint-tint-a2,#ffffff05);color:var(--paint-muted,#b5b5be)}
body.home-refined .nav-dropdown-menu,body.home-refined .topbar-search-results,body.home-refined .mobile-menu{border:1px solid var(--paint-line-a16,#ffffff28);border-radius:12px;background:linear-gradient(130deg,var(--paint-tint-a3,#ffffff08),var(--paint-tint-a1,#ffffff02)),var(--paint-base-a86,#141417dc);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset 0 1px 0 var(--paint-shadow-a4,#ffffff0b),0 18px 48px var(--paint-shadow-a53,#0008)}
body.home-refined .nav-dropdown-menu{left:0;top:calc(100% + 13px);min-width:200px;padding:6px}
body.home-refined .nav-dropdown-menu a,body.home-refined .mobile-menu a{min-height:44px;padding:10px 12px;border-radius:7px;gap:11px;font-size:12px;font-weight:400;color:var(--paint-text,#e0e0e7)}
body.home-refined .nav-dropdown-menu a>.icon,body.home-refined .mobile-menu a>.icon{width:17px;height:17px;color:var(--paint-muted,#aaaab8)}
body.home-refined .nav-dropdown-menu a:hover,body.home-refined .mobile-menu a:hover{background:var(--paint-tint-a3,#ffffff08);color:var(--paint-text,#fff)}
body.home-refined .nav-dropdown-menu a:hover>.icon,body.home-refined .mobile-menu a:hover>.icon{color:var(--paint-accent,#f37b72)}
body.home-refined .topbar-search-results strong{font-weight:450;font-size:13px}
body.home-refined .topbar-search-results small{font-weight:350;color:var(--paint-text,#bebec8)}
body.home-refined .topbar-search-results .search-result-image{border:1px solid var(--paint-line-a4,#ffffff09);background:var(--paint-tint-a2,#ffffff04);border-radius:7px}
body.home-refined .topbar-search-results>a:hover,body.home-refined .topbar-search-results>a:focus-visible{background:var(--paint-tint-a3,#ffffff08)}
body.home-refined .topbar-search-results>a:hover>.icon{color:var(--paint-accent,#f37b72)}
@media(max-width:1250px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) 180px auto;gap:13px}
  body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{padding:0 8px;font-size:11px}
}
@media(max-width:1000px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) auto}
  body.home-refined .nav-links{display:none}
  body.home-refined .topbar-search{grid-column:2;justify-self:end;max-width:270px}
  body.home-refined .nav-actions{grid-column:3}
  body.home-refined .menu-button{display:grid;place-items:center}
}
@media(max-width:620px){
  body.home-refined .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  body.home-refined .value-rail{grid-auto-columns:max-content;gap:20px}
  body.home-refined .value-card{grid-template-columns:84px max-content;height:94px;gap:10px;padding:2px 0}
  body.home-refined .value-card-image{width:84px;height:86px}
  body.home-refined .value-card-image img{width:80px;height:80px}
  body.home-refined .value-card-value>strong{font-size:24px}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined .value-rail{grid-auto-columns:max-content}
  body.home-refined .value-card{grid-template-columns:78px max-content;height:82px;gap:10px}
  body.home-refined .value-card-image{width:78px;height:78px}
  body.home-refined .value-card-image img{width:75px;height:75px}
  body.home-refined .value-card-copy{gap:3px}
  body.home-refined .value-card-value>strong{font-size:23px}
}




body.home-refined .icon[data-phosphor]{display:inline-flex;align-items:center;justify-content:center;background:none;mask:none;-webkit-mask:none}
body.home-refined .icon[data-phosphor]::before,body.home-refined .icon[data-phosphor]::after{display:none}
body.home-refined .icon[data-phosphor] svg{width:100%;height:100%;fill:currentColor;stroke:none}
body.home-refined .nav-links>a>.icon,body.home-refined .nav-dropdown>button>.icon:first-child{display:inline-flex;width:17px;height:17px;color:var(--paint-text,#bcbcc8)}
body.home-refined .nav-links>a,body.home-refined .nav-dropdown>button{gap:7px;padding:0 8px}
body.home-refined .nav-links>a:hover>.icon,body.home-refined .nav-links>a.active>.icon{color:var(--paint-accent,#f47b71)}
body.home-refined .topbar-search{height:38px;padding:0 13px;gap:9px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:22px;background:var(--paint-base-a79,#070709c9);box-shadow:inset 0 2px 5px var(--paint-shadow-a33,#0005),0 1px 0 var(--paint-shadow-a3,#ffffff08);transition:border-color .18s,background .18s,box-shadow .18s}
body.home-refined .topbar-search:hover{background:var(--paint-base-a95,#0c0c0ff2);border-color:var(--paint-line-a21,#ffffff36)}
body.home-refined .topbar-search:focus-within{background:var(--paint-base-a96,#0b0b0ef5);border-color:var(--paint-accent-a60,#ee635a99);box-shadow:0 0 0 3px var(--paint-accent-a7,#ee635a12),inset 0 2px 5px var(--paint-shadow-a20,#0003)}
body.home-refined .topbar-search>.icon{width:19px;height:19px;flex:0 0 19px;color:var(--paint-text,#c2c2cd)}
body.home-refined .topbar-search input{font-size:12px;color:var(--paint-text,#f3f3f7);color-scheme:dark}
body.home-refined .topbar-search input::placeholder{color:var(--paint-text,#bcbcc7)}
body.home-refined .topbar-search kbd{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid var(--paint-line-a16,#ffffff28);border-bottom-color:var(--paint-line-a25,#ffffff40);border-radius:6px;background:linear-gradient(var(--paint-tint-a4,#ffffff09),var(--paint-tint-a1,#ffffff03));box-shadow:0 2px 0 var(--paint-shadow-a47,#0007),inset 0 1px 0 var(--paint-shadow-a4,#ffffff09);color:var(--paint-text,#c8c8d2);font-family:inherit;font-size:10px;font-weight:500;line-height:1;transition:color .18s,border-color .18s}
body.home-refined .topbar-search:focus-within kbd{color:var(--paint-accent-text,#f5968c);border-color:var(--paint-accent-a33,#ee635a55)}
body.home-refined .nav-dropdown-menu,body.home-refined .mobile-menu{background:linear-gradient(145deg,var(--paint-tint-a2,#ffffff04),transparent),var(--paint-base-a99,#141416fc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.home-refined .nav-dropdown-menu{min-width:182px;top:calc(100% + 10px)}
body.home-refined .topbar-search-results{width:286px;max-height:min(360px,calc(100svh - 100px));padding:5px;border-color:var(--paint-line-a16,#ffffff28);border-radius:13px;background:linear-gradient(145deg,var(--paint-tint-a2,#ffffff04),transparent),var(--paint-base-a100,#111114fe);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 38px var(--paint-shadow-a67,#000a),inset 0 1px 0 var(--paint-shadow-a3,#ffffff08)}
body.home-refined .topbar-search-results>a{grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;min-height:58px;padding:8px;border-radius:8px}
body.home-refined .topbar-search-results .search-result-image{width:38px;height:38px;border-radius:8px;background:var(--paint-tint-a2,#ffffff06)}
body.home-refined .topbar-search-results .search-result-image img{width:35px;height:35px}
body.home-refined .topbar-search-results>a>span:nth-child(2){gap:4px}
body.home-refined .topbar-search-results strong{font-size:12px}
body.home-refined .topbar-search-results small{font-size:10px;color:var(--paint-muted,#b4b4c0)}
body.home-refined .topbar-search-results>a:hover,body.home-refined .topbar-search-results>a:focus-visible{background:var(--paint-tint-a5,#ffffff0c)}
body.home-refined .value-card-meta{width:auto;gap:8px}
body.home-refined .card-trend{margin-left:5px}
@media(max-width:1240px){
  body.home-refined .nav-links>a[href='/eggs'],body.home-refined .nav-links>a[href='/bounties']{display:none}
  body.home-refined .nav-dropdown-menu .compact-nav-link{display:flex}
}
@media(max-width:1100px){
  body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) auto}
  body.home-refined .nav-links{display:none}
  body.home-refined .topbar-search{grid-column:2;justify-self:end;max-width:220px}
  body.home-refined .nav-actions{grid-column:3}
  body.home-refined .menu-button{display:grid;place-items:center}
}
@media(max-width:620px){
  body.home-refined .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  body.home-refined .topbar-search{height:34px;padding:0 8px;gap:6px;max-width:180px}
  body.home-refined .topbar-search>.icon{width:16px;height:16px;flex-basis:16px}
  body.home-refined .topbar-search input{font-size:11px}
  body.home-refined .topbar-search-results{left:50%;right:auto;transform:translateX(-50%);width:min(286px,calc(100vw - 40px));max-width:none;top:calc(100% + 7px)}
  body.home-refined .value-card-copy{max-width:140px}
}

body.home-refined .value-rail{grid-auto-columns:234px;gap:16px}
body.home-refined .value-card{grid-template-columns:90px minmax(0,1fr);width:100%;gap:10px;padding:3px 7px;border:1px solid var(--paint-line-a7,#ffffff13);border-radius:8px;background:var(--paint-tint-a1,#ffffff02);transition:background .18s,border-color .18s}
body.home-refined .value-card:hover{border-color:var(--paint-line-a17,#ffffff2c);background:var(--paint-tint-a2,#ffffff06)}
body.home-refined .value-card:focus-visible{outline:2px solid var(--paint-accent,#ee635a);outline-offset:2px}
body.home-refined .value-card-copy{width:auto;max-width:none;min-width:0}
@media(max-width:620px){
  body.home-refined .topbar-search kbd{display:none}
  body.home-refined .value-rail{grid-auto-columns:220px;gap:14px}
  body.home-refined .value-card{grid-template-columns:84px minmax(0,1fr);padding:3px 7px;gap:10px}
}
@media(max-width:620px) and (max-height:740px){
  body.home-refined .value-card{grid-template-columns:78px minmax(0,1fr);padding:1px 7px}
}
@media(max-width:360px){body.home-refined .topbar-search{padding:0 6px;gap:5px}}

body.home-refined .icon[data-custom]{display:inline-flex;align-items:center;justify-content:center;background:none;mask:none;-webkit-mask:none}
body.home-refined .icon[data-custom]::before,body.home-refined .icon[data-custom]::after{display:none}
body.home-refined .icon[data-custom] svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}

body.home-refined .nav-dropdown-menu{width:150px;min-width:0;padding:4px;border-radius:9px}
body.home-refined .nav-dropdown-menu a{padding:9px 8px;gap:8px;min-height:40px;font-size:11px}
body.home-refined .nav-dropdown-menu a>.icon{width:16px;height:16px;flex:0 0 16px}
body.home-refined .topbar-search-results{width:220px;padding:4px;border-radius:10px}
body.home-refined .topbar-search-results>a{grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:52px;padding:7px}
body.home-refined .topbar-search-results>a>.icon{display:none}
body.home-refined .topbar-search-results .search-result-image{width:32px;height:32px;border-radius:6px}
body.home-refined .topbar-search-results .search-result-image img{width:30px;height:30px}
body.home-refined .topbar-search-results strong{font-size:11px}
body.home-refined .topbar-search-results small{font-size:10px}
@media(max-width:620px){body.home-refined .topbar-search-results{width:min(220px,calc(100vw - 40px))}}

body.home-refined .brand-wordmark{display:inline-block;color:var(--paint-text,#f7f7fb);text-shadow:0 1px 0 var(--paint-shadow,#c4c4ce),0 2px 0 var(--paint-shadow,#8b8b98),0 3px 0 var(--paint-shadow,#444450),0 4px 0 var(--paint-shadow,#22222b),0 6px 7px var(--paint-shadow-a60,#0009);transform:none}
body.home-refined .brand-wordmark>span{color:var(--paint-accent,#f33d35);text-shadow:0 1px 0 var(--paint-accent,#c32622),0 2px 0 #941a19,0 3px 0 #5b1112,0 4px 0 #31090c,0 6px 7px var(--paint-shadow-a60,#0009)}
body.home-refined .brand-symbol{filter:drop-shadow(0 1px 0 #92929c) drop-shadow(0 2px 0 #292930)}
body.home-refined .brand:hover .brand-eye-iris,body.home-refined .brand:focus-visible .brand-eye-iris{animation:brand-eye-glance 1.35s cubic-bezier(.4,0,.2,1) both}
body.home-refined .brand:hover .brand-eye,body.home-refined .brand:focus-visible .brand-eye{animation:brand-eye-blink 1.35s ease both;transform-origin:center}
@keyframes brand-eye-glance{0%,8%{transform:translateX(0)}25%,35%{transform:translateX(-58px)}55%,65%{transform:translateX(58px)}82%,100%{transform:translateX(0)}}
@keyframes brand-eye-blink{0%,84%,100%{transform:scaleY(1)}91%{transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){body.home-refined .brand-wordmark{transform:none;transition:none}body.home-refined .brand:hover .brand-wordmark,body.home-refined .brand:focus-visible .brand-wordmark{transform:none}body.home-refined .brand:hover .brand-eye-iris,body.home-refined .brand:focus-visible .brand-eye-iris,body.home-refined .brand:hover .brand-eye,body.home-refined .brand:focus-visible .brand-eye{animation:none}}

body.catalog-refined,body.detail-refined{height:auto;min-height:100svh;overflow-y:auto;--border-soft:#ffffff14;--muted:#a8a8b3}
body.catalog-refined .home-ambient::before,body.detail-refined .home-ambient::before{opacity:.12}
body.catalog-refined .home-ambient::after,body.detail-refined .home-ambient::after{opacity:.18}
body.catalog-refined .pets-page,body.detail-refined .pet-detail-page{display:block;width:min(calc(100% - 112px),1328px);max-width:none;margin:36px auto 24px;flex:1 0 auto;animation:none;opacity:1;transform:none}
body.catalog-refined .site-footer,body.detail-refined .site-footer{margin-top:auto;height:56px;flex-basis:56px}
body.catalog-refined #petValuesPage{width:100%;max-width:none;color:var(--paint-text,#efeff4);--card-bg:#0b0b0e;--card:#0b0b0e;--border-soft:#ffffff14;--muted:#a8a8b3}
body.catalog-refined #petValuesPage .catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 28px}
body.catalog-refined #petValuesPage .catalog-heading h1{font-family:"BGSI Interface",Arial,sans-serif;font-size:40px;line-height:1.15;font-weight:550;letter-spacing:-1.5px}
body.catalog-refined #petValuesPage .catalog-heading h1>span{color:var(--paint-accent,#ec3a32)}
body.catalog-refined #petValuesPage .catalog-heading p{margin-top:9px;color:var(--paint-muted,#b1b1bd);font-size:12px;font-weight:350;line-height:1.6}
body.catalog-refined #petValuesPage #catalog-status{font-size:11px;color:var(--paint-muted,#aaaab6);white-space:nowrap;padding-bottom:3px}
body.catalog-refined #petValuesPage .pv-bar{display:grid;grid-template-columns:minmax(200px,1fr) repeat(3,auto) 155px 44px 44px;gap:8px;padding:0;margin:0 0 20px;position:relative;top:auto;background:none;border:0;box-shadow:none;backdrop-filter:none;z-index:5}
body.catalog-refined #petValuesPage .catalog-search{display:flex;align-items:center;gap:10px;height:44px;min-width:0;padding:0 14px;border:1px solid var(--paint-line-a14,#ffffff24);background:var(--paint-base-a79,#0a0a0dc9);border-radius:9px;transition:border-color .18s,box-shadow .18s}
body.catalog-refined #petValuesPage .catalog-search:focus-within{border-color:var(--paint-accent-a53,#ec3a3288);box-shadow:0 0 0 3px var(--paint-accent-a6,#ec3a3210)}
body.catalog-refined #petValuesPage .catalog-search>.icon{width:18px;height:18px;color:var(--paint-text,#b7b7c2)}
body.catalog-refined #petValuesPage .catalog-search .search{width:100%;min-width:0;height:42px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--paint-text,#f1f1f5);font-size:12px;font-weight:400;outline:none;color-scheme:dark}
body.catalog-refined #petValuesPage .catalog-search .search::placeholder{color:var(--paint-muted,#a8a8b6)}
body.catalog-refined #petValuesPage .chip,body.catalog-refined #petValuesPage .custom-select-trigger{height:44px;min-height:44px;padding:0 13px;border:1px solid var(--paint-line-a13,#ffffff20);background:var(--paint-base-a72,#101013b8);border-radius:8px;font-size:12px;font-weight:400;color:var(--paint-text,#c9c9d3);box-shadow:none;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
body.catalog-refined #petValuesPage .chip.icon-only{padding:0;width:44px}
body.catalog-refined #petValuesPage .chip:hover,body.catalog-refined #petValuesPage .custom-select-trigger:hover{background:var(--paint-tint-a3,#ffffff08);border-color:var(--paint-line-a23,#ffffff3b)}
body.catalog-refined #petValuesPage .chip[aria-pressed="true"]{background:var(--paint-accent-a9,#ec3a3217);border-color:var(--paint-accent-a50,#ec3a3280);color:var(--paint-accent-text,#ff9c94)}
body.catalog-refined #petValuesPage .chip .icon{width:16px;height:16px}
body.catalog-refined #petValuesPage .pets-sort{min-width:0;width:100%;padding:0}
body.catalog-refined #petValuesPage .custom-select{width:100%;height:44px}
body.catalog-refined #petValuesPage .custom-select-trigger{justify-content:space-between;width:100%;padding:0 12px}
body.catalog-refined #petValuesPage .custom-select-menu{background:var(--paint-base-a99,#131316fc);border-color:var(--paint-line-a15,#ffffff26);border-radius:10px;box-shadow:0 16px 35px var(--paint-shadow-a67,#000a)}
body.catalog-refined #petValuesPage .custom-select-option{min-height:40px;font-size:12px;font-weight:400;border-radius:6px}
body.catalog-refined #petValuesPage .custom-select-option.is-selected{color:var(--paint-accent-text,#ff9c94);background:var(--paint-accent-a7,#ec3a3212)}
body.catalog-refined #petValuesPage .pv-cats{display:flex;justify-content:flex-start;align-items:center;gap:26px;padding:0;margin:0 0 24px;border:0;border-bottom:1px solid var(--paint-line-a9,#ffffff18);background:none;border-radius:0;overflow-x:auto;scrollbar-width:none}
body.catalog-refined #petValuesPage .pv-cats::-webkit-scrollbar{display:none}
body.catalog-refined #petValuesPage .seg{position:relative;flex:none;min-height:44px;padding:0 0 13px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--paint-muted,#aaaab7);font-family:inherit;font-size:12px;font-weight:400;white-space:nowrap}
body.catalog-refined #petValuesPage .seg.active{color:var(--paint-text,#fff);background:none;font-weight:500}
body.catalog-refined #petValuesPage .seg.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--paint-accent,#ec3a32)}
body.catalog-refined #petValuesPage .seg:hover{color:var(--paint-text,#fff);background:none}
body.catalog-refined #petValuesPage #cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:start;padding:0;margin:0;width:100%}
body.catalog-refined #petValuesPage .card{position:relative;display:flex;flex-direction:column;min-width:0;width:auto;height:auto;min-height:248px;margin:0;padding:0;overflow:hidden;border:1px solid var(--paint-line-a9,#ffffff17);border-radius:10px;background:linear-gradient(160deg,var(--paint-tint-a1,#ffffff03),transparent),var(--paint-base-a87,#0a0a0cde);box-shadow:none;transform:none;animation:none;cursor:pointer;transition:border-color .18s,background .18s}
body.catalog-refined #petValuesPage .card:hover{border-color:var(--paint-line-a23,#ffffff3a);background:linear-gradient(160deg,var(--paint-tint-a2,#ffffff05),transparent),var(--paint-base,#101013)}
body.catalog-refined #petValuesPage .card:focus-visible{outline:2px solid var(--paint-accent,#ec3a32);outline-offset:3px}
body.catalog-refined #petValuesPage .thumb{position:relative;display:block;width:100%;height:150px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:hidden}
body.catalog-refined #petValuesPage .thumb>a{position:absolute;inset:0;z-index:1}
body.catalog-refined #petValuesPage .petimgwrap{display:flex;justify-content:center;align-items:center;position:absolute;inset:8px 0 0;width:100%;height:auto;transform:none;pointer-events:none;filter:none}
body.catalog-refined #petValuesPage .petimgwrap img{display:block;width:128px;height:128px;max-width:90%;object-fit:contain;filter:drop-shadow(0 8px 12px #0005);transform:none;transition:transform .18s}
body.catalog-refined #petValuesPage .card:hover .petimgwrap img{transform:translateY(-3px)}
body.catalog-refined #petValuesPage .xl-art img{width:142px;height:142px}
body.catalog-refined #petValuesPage .topchips{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;gap:4px;z-index:2;pointer-events:none}
body.catalog-refined #petValuesPage .pill{display:flex;align-items:center;gap:4px;padding:3px 5px;min-height:0;border:0;border-radius:4px;background:var(--paint-base-a80,#08080ccc);color:var(--paint-muted,#b1b1c0);font-family:"BGSI Display",Arial,sans-serif;font-size:9px;font-weight:400;box-shadow:none}
body.catalog-refined #petValuesPage .pill svg{width:10px;height:10px}
body.catalog-refined #petValuesPage .bottomchips{position:absolute;bottom:8px;left:12px;z-index:2;pointer-events:none}
body.catalog-refined #petValuesPage .bottomchips .pill{font-family:inherit;font-size:9px;color:var(--paint-text,#dedee7);background:var(--paint-surface-a91,#1b1b22e8);border:1px solid var(--paint-line-a9,#ffffff18)}
body.catalog-refined #petValuesPage .trendmini{position:absolute;right:10px;bottom:8px;top:auto;left:auto;display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:5px;background:var(--paint-base-a79,#121217c9);color:var(--paint-text,#b5b5c4);z-index:2}
body.catalog-refined #petValuesPage .trendmini svg{width:16px;height:16px}
body.catalog-refined #petValuesPage .trendmini.rising{color:#a8d3bc}body.catalog-refined #petValuesPage .trendmini.dropping{color:var(--paint-accent-text,#f58d83)}body.catalog-refined #petValuesPage .trendmini.unstable{color:#ebc27d}
body.catalog-refined #petValuesPage .meta{display:flex;flex-direction:column;gap:0;padding:4px 13px 14px;margin:0;border:0;background:none;min-width:0}
body.catalog-refined #petValuesPage .head{display:block;margin:0;padding:0;border:0;min-height:47px}
body.catalog-refined #petValuesPage .catalog-rarity{margin:0 0 5px;color:var(--paint-muted,#aaaab8);font-size:8px;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;font-weight:450}
body.catalog-refined #petValuesPage .namewrap{display:flex;gap:5px;align-items:center;min-width:0}
body.catalog-refined #petValuesPage .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;max-height:32px;padding:0;color:var(--paint-text,#e5e5ec);font-size:12px;line-height:1.35;font-weight:450;letter-spacing:-.15px;text-shadow:none}
body.catalog-refined #petValuesPage .hr{display:none}
body.catalog-refined #petValuesPage .stats{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 10px;padding:0;font-family:"BGSI Display",Arial,sans-serif;font-size:11px;color:var(--paint-text,#b9b9c5)}
body.catalog-refined #petValuesPage .stats.hidden{display:none}
body.catalog-refined #petValuesPage .stat{gap:4px;background:none;border:0;padding:0;font-weight:400}
body.catalog-refined #petValuesPage .stat img{width:14px;height:14px;object-fit:contain}
body.catalog-refined #petValuesPage .vd-row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:10px 0 0;margin:0;border-top:1px solid var(--paint-line-a7,#ffffff12)}
body.catalog-refined #petValuesPage .value-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
body.catalog-refined #petValuesPage .value-num{font-family:"BGSI Display",Arial,sans-serif;font-size:25px;font-weight:500;line-height:1;letter-spacing:-.5px;color:var(--paint-text,#f3f3f8);font-variant-numeric:tabular-nums}
body.catalog-refined #petValuesPage .value-label,body.catalog-refined #petValuesPage .catalog-demand-label{font-size:9px;font-weight:350;line-height:1.2;color:var(--paint-muted,#b0b0bd);letter-spacing:0;text-transform:none}
body.catalog-refined #petValuesPage .demand-pack{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:0;min-width:0;border:0;border-radius:0;background:none!important;box-shadow:none;color:var(--paint-muted,#b1b1be)}
body.catalog-refined #petValuesPage .catalog-demand-rating{display:flex;align-items:center;gap:5px;font-family:"BGSI Display",Arial,sans-serif;font-size:18px;font-weight:450;line-height:1;font-variant-numeric:tabular-nums}
body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:13px;height:13px}
body.catalog-refined #petValuesPage .catalog-demand-rating svg{fill:currentColor;stroke-width:1}
body.catalog-refined #petValuesPage .demand-pack.demand-insane{color:#c896ff}body.catalog-refined #petValuesPage .demand-pack.demand-very-high{color:#ff8dd0}
body.catalog-refined #petValuesPage .demand-pack.demand-high{color:#a7ef57}body.catalog-refined #petValuesPage .demand-pack.demand-medium{color:#ffda55}
body.catalog-refined #petValuesPage .demand-pack.demand-low{color:#ff6469}body.catalog-refined #petValuesPage .demand-pack.demand-very-low{color:#ff334a}
body.catalog-refined #petValuesPage .demand-pack.na,body.home-refined .value-card-demand[data-demand-level="unknown"]{color:var(--paint-muted,#9e9ca5)}
body.catalog-refined #petValuesPage .warn-mini{width:20px;height:20px;padding:2px;border:0;border-radius:4px;background:var(--paint-accent-a7,#eea75212);flex:none}
body.catalog-refined #petValuesPage .warn-mini svg{width:15px;height:15px}
body.catalog-refined #petValuesPage .catalog-empty{grid-column:1/-1;padding:60px 16px;border-bottom:1px solid var(--paint-line-a9,#ffffff18);text-align:center}
body.catalog-refined #petValuesPage .catalog-empty strong{font-size:18px;font-weight:450}body.catalog-refined #petValuesPage .catalog-empty p{margin-top:10px;font-size:12px;color:var(--paint-muted,#aaaab7)}
body.catalog-refined #petValuesPage #sentinel{margin-top:20px}body.catalog-refined #petValuesPage #sentinel .button{font-size:12px;border-radius:8px;min-height:44px;padding:0 22px}
body.catalog-refined #settingsMenu2{max-width:calc(100vw - 24px);width:290px;color:var(--paint-text,#e7e7ee);background:var(--paint-base-a99,#141417fc);border:1px solid var(--paint-line-a15,#ffffff26);border-radius:10px;box-shadow:0 14px 40px var(--paint-shadow-a53,#0008)}
body.catalog-refined #settingsMenu2 .menu-panel{background:none;border:0;border-radius:0;padding:12px}
body.catalog-refined #settingsMenu2 .menu-head{font-size:13px;padding:0 0 10px}
body.catalog-refined #settingsMenu2 .menu-body{padding:0;gap:8px}
body.catalog-refined #settingsMenu2 .menu-item{min-height:44px;font-size:12px;font-weight:400;gap:12px;padding:8px 0;background:none;border:0}
body.catalog-refined #settingsMenu2 .chip{font-size:11px;min-height:32px;padding:4px 9px;background:var(--paint-tint-a3,#ffffff08);border:1px solid var(--paint-line-a13,#ffffff20);border-radius:6px;color:var(--paint-text,#dedee8)}
body.catalog-refined #settingsMenu2 .ui-checkbox{accent-color:var(--paint-accent,#ec3a32)}
body.detail-refined .pet-detail-page{font-family:"BGSI Interface",Arial,sans-serif;--panel:#0c0c0f;--border:#ffffff1c;--soft:#b6b6c3;--text:#eeeef4}
body.detail-refined .pet-detail-page h1,body.detail-refined .pet-detail-page h2{font-family:inherit}
@media(max-width:1200px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(4,minmax(0,1fr))}body.catalog-refined #petValuesPage .pv-bar{grid-template-columns:minmax(150px,1fr) repeat(3,auto) 130px 44px 44px;gap:6px}body.catalog-refined #petValuesPage .chip{padding:0 9px;font-size:11px}body.catalog-refined .pets-page,body.detail-refined .pet-detail-page{width:calc(100% - 56px)}}
@media(max-width:800px){body.catalog-refined #petValuesPage .pv-bar{grid-template-columns:repeat(6,minmax(0,1fr))}body.catalog-refined #petValuesPage .catalog-search{grid-column:1/-1}body.catalog-refined #petValuesPage #btnShiny2,body.catalog-refined #petValuesPage #btnMythic2,body.catalog-refined #petValuesPage #btnXL2{grid-column:span 2}body.catalog-refined #petValuesPage .pets-sort{grid-column:span 4}body.catalog-refined #petValuesPage .chip.icon-only{width:100%}body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){body.catalog-refined .pets-page,body.detail-refined .pet-detail-page{width:calc(100% - 28px);margin:26px auto 18px}body.catalog-refined #petValuesPage .catalog-heading{align-items:flex-start;gap:10px;margin-bottom:20px}body.catalog-refined #petValuesPage .catalog-heading h1{font-size:30px;letter-spacing:-1px}body.catalog-refined #petValuesPage .catalog-heading p{font-size:11px;max-width:210px}body.catalog-refined #petValuesPage #catalog-status{font-size:9px;padding-top:7px}body.catalog-refined #petValuesPage .pv-bar{margin-bottom:16px;gap:6px}body.catalog-refined #petValuesPage .pv-cats{gap:22px;margin-bottom:18px}body.catalog-refined #petValuesPage .seg{font-size:11px}body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.catalog-refined #petValuesPage .card{min-height:228px}body.catalog-refined #petValuesPage .thumb{height:134px}body.catalog-refined #petValuesPage .petimgwrap img{width:110px;height:110px}body.catalog-refined #petValuesPage .meta{padding:4px 10px 12px}body.catalog-refined #petValuesPage .value-num{font-size:23px}body.catalog-refined #petValuesPage .name{font-size:11px;max-height:30px}body.catalog-refined #petValuesPage .pill{font-size:8px;padding:3px 4px}body.catalog-refined #petValuesPage .topchips{left:6px;right:6px;top:7px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:16px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:12px;height:12px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .catalog-heading{flex-direction:column;gap:8px}body.catalog-refined #petValuesPage #catalog-status{padding:0}body.catalog-refined #petValuesPage .card{min-height:222px}body.catalog-refined #petValuesPage .thumb{height:128px}body.catalog-refined #petValuesPage .petimgwrap img{width:104px;height:104px}body.catalog-refined #petValuesPage .value-num{font-size:21px}body.catalog-refined #petValuesPage .meta{padding-left:8px;padding-right:8px}body.catalog-refined #petValuesPage .vd-row{gap:5px}}

body.catalog-refined #petValuesPage .petimgwrap img{position:static;top:auto;left:auto;right:auto;bottom:auto;margin:0;transform:none}
body.catalog-refined #petValuesPage .card:hover .petimgwrap img{transform:translateY(-3px)}
body.catalog-refined #petValuesPage .chip{margin:0}
body.catalog-refined #petValuesPage .demand-pack.insane{color:#c896ff}
body.catalog-refined #petValuesPage .demand-pack.very-high{color:#ff8dd0}
body.catalog-refined #petValuesPage .demand-pack.high{color:#a7ef57}
body.catalog-refined #petValuesPage .demand-pack.medium{color:#ffda55}
body.catalog-refined #petValuesPage .demand-pack.low{color:#ff6469}
body.catalog-refined #petValuesPage .demand-pack.very-low{color:#ff334a}
@media(max-width:800px){body.catalog-refined #petValuesPage #btnShiny2,body.catalog-refined #petValuesPage #btnMythic2,body.catalog-refined #petValuesPage #btnXL2{width:100%;margin:0}}

body.catalog-refined #petValuesPage #cards{gap:12px}
body.catalog-refined #petValuesPage .card{min-height:0;border-bottom:2px solid var(--paint-accent-a27,#ec3a3245);border-radius:9px}
body.catalog-refined #petValuesPage .card::after{content:"";position:absolute;top:0;right:16px;width:20px;height:2px;background:var(--paint-accent-a70,#ee5148b3);pointer-events:none;z-index:4}
body.catalog-refined #petValuesPage .card:hover{border-color:var(--paint-line-a19,#ffffff30);border-bottom-color:var(--paint-accent-a63,#ec3a32a0)}
body.catalog-refined #petValuesPage .thumb{height:132px;isolation:isolate}
body.catalog-refined #petValuesPage .thumb::before{content:"";position:absolute;inset:-36px;background-image:var(--pet-glow);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(22px) brightness(1.8) saturate(1.25);opacity:.28;pointer-events:none;z-index:-1}
body.catalog-refined #petValuesPage .petimgwrap{inset:27px 0 0;z-index:1}
body.catalog-refined #petValuesPage .petimgwrap img{width:104px;height:104px}
body.catalog-refined #petValuesPage .xl-art img{width:114px;height:114px}
body.catalog-refined #petValuesPage .topchips{top:8px;left:8px;right:8px;gap:4px;z-index:3}
body.catalog-refined #petValuesPage .pill{font-size:10px;color:var(--paint-text,#e0e0e9);font-weight:450;padding:4px 5px;min-height:21px;background:var(--paint-base-a85,#08080dd9);border:1px solid var(--paint-line-a9,#ffffff16);line-height:1;white-space:nowrap}
body.catalog-refined #petValuesPage .pill svg{width:12px;height:12px}
body.catalog-refined #petValuesPage .bottomchips{bottom:5px;left:10px}
body.catalog-refined #petValuesPage .bottomchips .pill{padding:3px 5px;min-height:18px;font-size:8px}
body.catalog-refined #petValuesPage .trendmini{width:23px;height:23px;right:8px;bottom:5px;background:var(--paint-base-a73,#0c0c11ba)}
body.catalog-refined #petValuesPage .trendmini svg{width:16px;height:16px;stroke-width:1.8}
body.catalog-refined #petValuesPage .meta{padding:7px 11px 12px}
body.catalog-refined #petValuesPage .head{min-height:32px}
body.catalog-refined #petValuesPage .vd-row{padding-top:8px;align-items:center}
body.catalog-refined #petValuesPage .value-block{gap:0}
body.catalog-refined #petValuesPage .value-num{font-size:25px}
body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:25px;gap:5px}
body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:16px;height:16px}
body.catalog-refined #petValuesPage .custom-select-value>.icon,body.catalog-refined #petValuesPage .custom-select-option>.icon{display:none}
body.home-refined .card-trend .trend-decal{width:14px;height:14px;fill:none;stroke-width:1.8}
body.home-refined .card-trend.trend-unstable{color:#ebc27d}
body.home-refined .card-trend.trend-rising{color:#a8d3bc}
body.home-refined .card-trend.trend-dropping{color:#f58d83}
@media(min-width:1360px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:620px){body.catalog-refined .pets-page{margin-top:22px}body.catalog-refined #petValuesPage .thumb{height:122px}body.catalog-refined #petValuesPage .petimgwrap{inset:25px 0 0}body.catalog-refined #petValuesPage .petimgwrap img{width:96px;height:96px}body.catalog-refined #petValuesPage .meta{padding:6px 9px 10px}body.catalog-refined #petValuesPage .head{min-height:30px}body.catalog-refined #petValuesPage .value-num,body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:23px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:15px;height:15px}body.catalog-refined #petValuesPage .pill{font-size:9px;padding:4px;gap:3px}body.catalog-refined #petValuesPage .topchips{left:6px;right:6px;gap:3px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .thumb{height:116px}body.catalog-refined #petValuesPage .petimgwrap img{width:90px;height:90px}body.catalog-refined #petValuesPage .meta{padding:6px 8px 10px}body.catalog-refined #petValuesPage .value-num,body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:21px}body.catalog-refined #petValuesPage .pill{font-size:8px}body.catalog-refined #petValuesPage .catalog-demand-rating{gap:4px}}

body.catalog-refined,body.detail-refined{min-width:0;width:100%;overflow-x:clip}
body.catalog-refined #petValuesPage .pv-cats{flex-wrap:nowrap}
body.catalog-refined #petValuesPage .name{white-space:normal}
@media(max-width:620px){body.catalog-refined .pets-page{width:calc(100% - 28px)!important}}

html.catalog-route{min-width:0}
@media(max-width:360px){body.catalog-refined .topbar-search{padding:0 5px;gap:3px}body.catalog-refined .topbar-search>.icon{width:13px;height:13px;flex-basis:13px}body.catalog-refined .topbar-search input{font-size:10px}}

body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(auto-fill,156px);justify-content:space-between;gap:14px 10px}
body.catalog-refined #petValuesPage .card{border:1px solid var(--paint-accent-a29,#ec3a324a);border-radius:12px;background:var(--paint-base-a92,#0a0a0deb)}
body.catalog-refined #petValuesPage .card:hover{border-color:var(--paint-accent-a55,#ec3a328c);background:var(--paint-base,#101013)}
body.catalog-refined #petValuesPage .card::after{display:none}
body.catalog-refined #petValuesPage .thumb{height:174px}
body.catalog-refined #petValuesPage .thumb::before{inset:-20px;background-size:150%;opacity:.22;filter:blur(20px) brightness(1.65) saturate(1.15)}
body.catalog-refined #petValuesPage .petimgwrap{inset:33px 0 0}
body.catalog-refined #petValuesPage .petimgwrap img{width:140px;height:140px;max-width:calc(100% - 12px);object-fit:contain}
body.catalog-refined #petValuesPage .xl-art img{width:146px;height:146px}
body.catalog-refined #petValuesPage .topchips{top:8px;left:7px;right:7px;gap:5px}
body.catalog-refined #petValuesPage .topchips>.left,body.catalog-refined #petValuesPage .topchips>.right{display:flex;min-width:0;flex:0 1 auto}
body.catalog-refined #petValuesPage .topchips .pill{display:flex;align-items:center;justify-content:center;gap:4px;min-height:25px;padding:5px 6px;border:1px solid var(--paint-accent-a42,#ec3a326b);border-radius:8px;background:var(--paint-base-a93,#130c10ed);color:var(--paint-text,#f0d9d9);box-shadow:inset 0 1px 0 var(--paint-shadow-a2,#ffffff05);font-family:"BGSI Display",Arial,sans-serif;font-size:10px;font-weight:450;line-height:1}
body.catalog-refined #petValuesPage .topchips .pill svg,body.catalog-refined #petValuesPage .topchips .pill .icon{width:13px;height:13px;flex:0 0 13px;color:var(--paint-accent-text,#f48780)}
body.catalog-refined #petValuesPage .topchips .catalog-exist .icon[data-phosphor] svg{fill:currentColor;stroke:none}
body.catalog-refined #petValuesPage .meta{padding:9px 10px 12px}
body.catalog-refined #petValuesPage .head{min-height:38px;display:flex;align-items:flex-start;justify-content:center}
body.catalog-refined #petValuesPage .namewrap{width:100%;justify-content:center;align-items:center;gap:4px}
body.catalog-refined #petValuesPage .name{font-family:"BGSI Interface",Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;max-height:34px;text-align:center;white-space:normal;overflow-wrap:anywhere;color:var(--paint-text,#f1f1f6)}
body.catalog-refined #petValuesPage .vd-row{padding-top:10px;gap:5px;align-items:center}
body.catalog-refined #petValuesPage .value-num{font-size:23px;font-weight:450;letter-spacing:-.4px}
body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:24px;font-weight:500;gap:4px}
body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:22px;height:22px;flex:0 0 22px}
body.catalog-refined #petValuesPage .catalog-demand-rating svg{stroke-width:.8}
body.catalog-refined #petValuesPage .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:5px 0 10px;align-items:center}
body.catalog-refined #petValuesPage .stats.hidden{display:none}
body.catalog-refined #petValuesPage .stat{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;height:24px;padding:0 4px;background:var(--paint-tint-a2,#ffffff04);border:1px solid var(--paint-line-a5,#ffffff0c);border-radius:5px;line-height:1}
body.catalog-refined #petValuesPage .stat img{width:15px;height:15px;flex:0 0 15px;object-fit:contain}
body.catalog-refined #petValuesPage .catalog-stat-value{font-family:"BGSI Display",Arial,sans-serif;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--paint-text,#d5d5df);white-space:nowrap}
body.catalog-refined #petValuesPage .catalog-stat-name{font-family:inherit;font-size:8px;max-width:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paint-muted,#a9a9b7)}
@media(max-width:620px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(auto-fill,156px);justify-content:space-between;gap:14px 10px}body.catalog-refined #petValuesPage .thumb{height:170px}body.catalog-refined #petValuesPage .petimgwrap{inset:0}body.catalog-refined #petValuesPage .petimgwrap img{width:138px;height:138px}body.catalog-refined #petValuesPage .meta{padding:8px 10px 11px}body.catalog-refined #petValuesPage .topchips .pill{font-size:10px}body.catalog-refined #petValuesPage .name{font-size:12px}body.catalog-refined #petValuesPage .value-num{font-size:23px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:24px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:22px;height:22px}}
@media(max-width:360px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}body.catalog-refined #petValuesPage .thumb{height:151px}body.catalog-refined #petValuesPage .petimgwrap{inset:0}body.catalog-refined #petValuesPage .petimgwrap img{width:118px;height:118px}body.catalog-refined #petValuesPage .meta{padding:8px 8px 10px}body.catalog-refined #petValuesPage .name{font-size:11px;max-height:31px}body.catalog-refined #petValuesPage .head{min-height:34px}body.catalog-refined #petValuesPage .topchips{left:5px;right:5px;gap:3px}body.catalog-refined #petValuesPage .topchips .pill{font-size:9px;padding:5px 4px;min-height:24px;gap:3px}body.catalog-refined #petValuesPage .topchips .pill svg,body.catalog-refined #petValuesPage .topchips .pill .icon{width:12px;height:12px;flex-basis:12px}body.catalog-refined #petValuesPage .value-num{font-size:21px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:22px;gap:3px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:20px;height:20px;flex-basis:20px}body.catalog-refined #petValuesPage .catalog-stat-value{font-size:10px}body.catalog-refined #petValuesPage .stat{padding:0 3px;gap:3px}body.catalog-refined #petValuesPage .stat img{width:12px;height:12px;flex-basis:12px}}
@media(min-width:361px) and (max-width:620px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(2,minmax(0,1fr))}body.catalog-refined #petValuesPage .card{width:min(156px,100%);justify-self:center}}
body.catalog-refined #petValuesPage .stats{grid-template-columns:minmax(0,1fr);gap:0;margin:4px 0 8px}body.catalog-refined #petValuesPage .stat{justify-content:space-between;height:23px;padding:0 3px;border:0;border-bottom:1px solid var(--paint-line-a4,#ffffff0b);border-radius:0;background:none}body.catalog-refined #petValuesPage .stat img,body.catalog-refined #petValuesPage .stat .icon{width:15px;height:15px;flex:0 0 15px}body.catalog-refined #petValuesPage .catalog-stat-value{font-size:12px;font-weight:400}body.catalog-refined #petValuesPage .catalog-stat-name{max-width:55%;font-size:9px}

body.catalog-refined #petValuesPage .stat>svg{display:block;width:15px;height:15px;flex:0 0 15px;color:var(--paint-text,#dcb3c8)}

body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 12px;justify-content:normal}
body.catalog-refined #petValuesPage .card{width:100%;justify-self:stretch;isolation:isolate}
body.catalog-refined #petValuesPage .card::before{content:"";position:absolute;top:-12px;left:-30px;right:-30px;height:224px;z-index:0;background-image:var(--pet-glow);background-repeat:no-repeat;background-position:center;background-size:190px 190px;filter:blur(19px) brightness(2.2) saturate(1.45);opacity:.52;mask-image:radial-gradient(ellipse 65% 65% at 50% 52%,#000 20%,#000b 42%,transparent 76%);pointer-events:none}
body.catalog-refined #petValuesPage .thumb,body.catalog-refined #petValuesPage .meta{position:relative;z-index:1}
body.catalog-refined #petValuesPage .thumb::before{display:none}
body.catalog-refined #petValuesPage .petimgwrap img{width:148px;height:148px}
body.catalog-refined #petValuesPage .head{min-height:25px;align-items:center}
body.catalog-refined #petValuesPage .name{display:block;min-width:0;max-width:100%;font-family:"BGSI Interface",Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;max-height:23px;-webkit-line-clamp:unset;-webkit-box-orient:initial}
body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:22px}
body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:20px;height:20px;flex-basis:20px}
@media(max-width:1199px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:800px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){body.catalog-refined #petValuesPage #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}body.catalog-refined #petValuesPage .card{width:100%;justify-self:stretch}body.catalog-refined #petValuesPage .name{font-size:15px;max-height:22px}body.catalog-refined #petValuesPage .petimgwrap img{width:140px;height:140px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:22px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:20px;height:20px;flex-basis:20px}}
@media(max-width:360px){body.catalog-refined #petValuesPage #cards{gap:12px 10px}body.catalog-refined #petValuesPage .name{font-size:13.5px;max-height:20px}body.catalog-refined #petValuesPage .petimgwrap img{width:118px;height:118px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:20px}body.catalog-refined #petValuesPage .catalog-demand-rating .icon{width:18px;height:18px;flex-basis:18px}body.catalog-refined #petValuesPage .card::before{background-size:160px 160px}}


body.catalog-refined #petValuesPage .name{font-family:"BGSI Display",sans-serif!important;font-weight:800!important;font-style:normal;font-size:17px;line-height:1.3;max-height:none;letter-spacing:-.15px;-webkit-font-smoothing:antialiased}
body.catalog-refined #petValuesPage .card{border-color:transparent;box-shadow:none;transition:border-color .18s,background .18s}
body.catalog-refined #petValuesPage .card:hover,body.catalog-refined #petValuesPage .card:focus-visible{border-color:var(--paint-accent-a55,#ec3a328c)}
body.catalog-refined #petValuesPage .thumb{height:auto;aspect-ratio:1/1}
body.catalog-refined #petValuesPage .petimgwrap{inset:0}
body.catalog-refined #petValuesPage .petimgwrap img,body.catalog-refined #petValuesPage .xl-art img{width:100%;height:100%;max-width:none;max-height:100%;object-fit:contain}
body.catalog-refined #petValuesPage .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 4px;align-items:start;margin:6px 0 9px}
body.catalog-refined #petValuesPage .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:38px;padding:0;border:0;background:none;border-radius:0}
body.catalog-refined #petValuesPage .stat:not(:nth-child(3n)){border-right:1px solid var(--paint-line-a4,#ffffff0b)}
body.catalog-refined #petValuesPage .stat img,body.catalog-refined #petValuesPage .stat .icon,body.catalog-refined #petValuesPage .stat>svg{width:15px;height:15px;flex:0 0 15px}
body.catalog-refined #petValuesPage .catalog-stat-value{font-size:10.5px;font-weight:450;max-width:100%;line-height:1.2;text-align:center}
body.catalog-refined #petValuesPage .catalog-stat-name{font-size:8px;max-width:100%;line-height:15px;text-align:center}
body.catalog-refined #petValuesPage .catalog-edited[data-stale="true"] svg{color:var(--paint-accent-text,#f2bd7c)}
@media(max-width:620px){body.catalog-refined #petValuesPage .thumb{height:auto}body.catalog-refined #petValuesPage .petimgwrap{inset:0}body.catalog-refined #petValuesPage .catalog-stat-value{font-size:10px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .thumb{height:auto}body.catalog-refined #petValuesPage .petimgwrap{inset:0}body.catalog-refined #petValuesPage .catalog-stat-value{font-size:9px}body.catalog-refined #petValuesPage .stats{gap:6px 3px}body.catalog-refined #petValuesPage .stat img,body.catalog-refined #petValuesPage .stat .icon,body.catalog-refined #petValuesPage .stat>svg{width:14px;height:14px;flex-basis:14px}}

body.catalog-refined #petValuesPage .value-num,body.catalog-refined #petValuesPage .catalog-demand-rating{font-family:"BGSI Display",sans-serif!important;font-weight:700!important;font-style:normal;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body.catalog-refined #petValuesPage .value-num{font-size:23px}
body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:21px}
body.catalog-refined #petValuesPage .meta{padding-top:10px}
@media(max-width:620px){body.catalog-refined #petValuesPage .name{font-size:16px}body.catalog-refined #petValuesPage .value-num{font-size:22px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:20px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .name{font-size:14px}body.catalog-refined #petValuesPage .value-num{font-size:19px}body.catalog-refined #petValuesPage .catalog-demand-rating{font-size:18px}}

body.catalog-refined #petValuesPage .pv-bar{grid-template-columns:minmax(180px,1fr) 132px repeat(3,auto) 150px 44px 44px;gap:8px}
body.catalog-refined #petValuesPage .pets-sort{width:150px;max-width:100%;justify-self:end}
body.catalog-refined #petValuesPage .catalog-search{background:var(--paint-base,#101014);border-color:var(--paint-line-a11,#ffffff1b)}
body.catalog-refined #petValuesPage .catalog-rarities{position:relative;min-width:0}
body.catalog-refined #petValuesPage #btnRarities{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:0 12px}
body.catalog-refined #petValuesPage #btnRarities>.icon{width:12px;height:12px;flex:0 0 12px;transition:transform .16s}
body.catalog-refined #petValuesPage #btnRarities[aria-expanded="true"]>.icon{transform:rotate(180deg)}
body.catalog-refined #petValuesPage #rarityCount{margin-left:auto;font-size:10px;color:var(--paint-text,#c3c3ce)}
body.catalog-refined #petValuesPage #btnRarities.is-filtered{border-color:var(--paint-accent-a40,#e54c4266);color:var(--paint-accent-text,#ff9b92)}
body.catalog-refined #petValuesPage .rarity-options{position:absolute;top:calc(100% + 8px);left:0;width:232px;max-width:calc(100vw - 40px);max-height:min(450px,calc(100svh - 230px));overflow:auto;padding:8px;background:var(--paint-base,#16161b);border:1px solid var(--paint-line-a13,#ffffff22);border-radius:12px;box-shadow:0 16px 40px var(--paint-shadow-a73,#000b);z-index:30;scrollbar-width:thin;scrollbar-color:#46464f transparent}
body.catalog-refined #petValuesPage .rarity-options[hidden]{display:none}
body.catalog-refined #petValuesPage .rarity-actions{display:flex;align-items:center;gap:4px;padding:0 4px 8px;border-bottom:1px solid var(--paint-line-a5,#ffffff0e);margin-bottom:4px}
body.catalog-refined #petValuesPage .rarity-actions>span{margin-right:auto;color:var(--paint-text,#c4c4ce);font-size:10px}
body.catalog-refined #petValuesPage .rarity-actions button{min-height:30px;min-width:32px;padding:0 5px;border:0;border-radius:5px;background:none;color:var(--paint-text,#fff);font:500 10px "BGSI Interface",sans-serif;cursor:pointer}
body.catalog-refined #petValuesPage .rarity-actions button:hover{background:var(--paint-tint-a4,#ffffff0b)}
body.catalog-refined #petValuesPage #rarityChoices{display:grid;gap:2px;margin:0;padding:0;border:0;min-width:0}
body.catalog-refined #petValuesPage .rarity-choice{position:relative;display:flex;align-items:center;gap:11px;min-height:35px;padding:6px 8px;border-radius:6px;color:var(--paint-text,#e3e3eb);font-size:11px;font-weight:450;cursor:pointer;transition:background .16s}
body.catalog-refined #petValuesPage .rarity-choice:hover{background:var(--paint-tint-a3,#ffffff07)}
body.catalog-refined #petValuesPage .rarity-choice input{position:absolute;width:20px;height:20px;left:8px;top:50%;transform:translateY(-50%);margin:0;opacity:0;cursor:pointer}
body.catalog-refined #petValuesPage .rarity-check{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid var(--paint-line,#666671);border-radius:5px;background:var(--paint-base,#0c0c10);box-shadow:inset 0 1px 2px var(--paint-shadow-a27,#0004);transition:background .16s,border-color .16s,box-shadow .16s}
body.catalog-refined #petValuesPage .rarity-check svg{width:14px;height:14px;stroke:var(--paint-text,#fff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.65);transition:opacity .16s,transform .16s}
body.catalog-refined #petValuesPage .rarity-choice input:checked+.rarity-check{border-color:#f2675d;background:#d93c33;box-shadow:inset 0 1px 0 var(--paint-shadow-a10,#ffffff19)}
body.catalog-refined #petValuesPage .rarity-choice input:checked+.rarity-check svg{opacity:1;transform:scale(1)}
body.catalog-refined #petValuesPage .rarity-choice input:focus-visible+.rarity-check{outline:2px solid #ff9b92;outline-offset:3px}
body.catalog-refined #petValuesPage .rarity-actions button:focus-visible,body.catalog-refined #petValuesPage #btnRarities:focus-visible{outline:2px solid #ff9b92;outline-offset:3px}
body.catalog-refined #petValuesPage .card{border:1px solid var(--paint-line-a12,#ffffff1e);border-top-color:var(--paint-line-a20,#ffffff32);border-radius:12px;background:var(--paint-base-a61,#1717199c);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 0 var(--paint-shadow-a5,#ffffff0d),inset 0 -1px 0 var(--paint-shadow-a33,#0005),0 8px 22px var(--paint-shadow-a33,#0005);transition:border-color .18s,box-shadow .18s,background .18s}
body.catalog-refined #petValuesPage .card:hover{border-color:var(--paint-accent-a55,#ec3a328c);background:var(--paint-surface-a71,#1d1d20b5);box-shadow:inset 0 1px 0 var(--paint-shadow-a9,#ffffff16),0 10px 24px var(--paint-shadow-a53,#0008)}
body.catalog-refined #petValuesPage .card::before{display:none}
body.catalog-refined #petValuesPage .thumb{background:var(--paint-tint-a1,#ffffff02);overflow:hidden}
body.catalog-refined #petValuesPage .thumb::before{display:block;inset:0;z-index:0;background-size:90% 90%;filter:blur(16px) brightness(1.35) saturate(1.05);opacity:.24;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 78%)}
body.catalog-refined #petValuesPage .petimgwrap{inset:0;z-index:1}
body.catalog-refined #petValuesPage .petimgwrap img,body.catalog-refined #petValuesPage .xl-art img{width:84%;height:84%;border-radius:7px;filter:drop-shadow(0 4px 7px #0005)}
body.catalog-refined #petValuesPage .meta{background:var(--paint-tint-a14,#08080b24);border-top:1px solid var(--paint-line-a7,#ffffff12);box-shadow:inset 0 1px 0 var(--paint-shadow-a2,#ffffff04);padding:10px 12px 14px;gap:6px}
body.catalog-refined #petValuesPage .name{font-size:16.5px;font-weight:750!important;letter-spacing:0;color:var(--paint-text,#f4f4f8)}
body.catalog-refined #petValuesPage .head{padding-bottom:7px;border-bottom:1px solid var(--paint-line-a5,#ffffff0c)}
body.catalog-refined #petValuesPage .vd-row{border-top:0;padding-top:3px;gap:10px}
body.catalog-refined #petValuesPage .value-num{color:var(--paint-text,#fff);text-shadow:0 2px 2px var(--paint-shadow-a53,#0008);font-size:25px;font-weight:700!important}
body.catalog-refined #petValuesPage .demand-pack{position:relative}
body.catalog-refined #petValuesPage .demand-pack::before{content:"";position:absolute;left:-6px;top:1px;bottom:1px;width:1px;background:var(--paint-tint-a9,#ffffff16);pointer-events:none}
body.catalog-refined #petValuesPage .catalog-demand-rating{font-weight:650!important}
body.catalog-refined #petValuesPage .topchips .pill{border-color:var(--paint-accent-a27,#be494344);background:var(--paint-base-a95,#111115f2);box-shadow:0 2px 7px var(--paint-shadow-a20,#0003);color:var(--paint-text,#dedee6);min-height:24px;padding:4px 5px}
body.catalog-refined #petValuesPage .catalog-edited{font-weight:400}
body.catalog-refined #petValuesPage .stats{margin-top:2px;margin-bottom:5px;border-bottom:1px solid var(--paint-line-a4,#ffffff0b);padding-bottom:9px}
@media(max-width:1100px){body.catalog-refined #petValuesPage .pv-bar{grid-template-columns:repeat(6,minmax(0,1fr))}body.catalog-refined #petValuesPage .catalog-search{grid-column:span 4}body.catalog-refined #petValuesPage .catalog-rarities{grid-column:span 2}body.catalog-refined #petValuesPage #btnShiny2,body.catalog-refined #petValuesPage #btnMythic2,body.catalog-refined #petValuesPage #btnXL2{grid-column:span 2}body.catalog-refined #petValuesPage .pets-sort{grid-column:span 4;width:100%}body.catalog-refined #petValuesPage .chip.icon-only{width:100%}body.catalog-refined #petValuesPage .rarity-options{left:auto;right:0}}
@media(max-width:620px){body.catalog-refined #petValuesPage .meta{padding:9px 10px 12px}body.catalog-refined #petValuesPage .name{font-size:15.5px}body.catalog-refined #petValuesPage .value-num{font-size:23px}body.catalog-refined #petValuesPage #btnRarities{padding:0 8px;gap:4px;font-size:10px}body.catalog-refined #petValuesPage #rarityCount{font-size:9px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .meta{padding-left:8px;padding-right:8px}body.catalog-refined #petValuesPage .name{font-size:14px}body.catalog-refined #petValuesPage .value-num{font-size:19px}body.catalog-refined #petValuesPage .vd-row{gap:5px}body.catalog-refined #petValuesPage .demand-pack::before{left:-4px}body.catalog-refined #petValuesPage #rarityCount{display:none}}
@media(prefers-reduced-motion:reduce){body.catalog-refined #petValuesPage .rarity-check,body.catalog-refined #petValuesPage .rarity-check svg,body.catalog-refined #petValuesPage .rarity-choice,body.catalog-refined #petValuesPage #btnRarities>.icon{transition:none}}

body.catalog-refined #petValuesPage .catalog-tracking{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:3px;width:calc(100% - 16px);max-width:190px;height:30px;padding:0 6px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:20px;background:var(--paint-surface,#1b1b20);box-shadow:0 2px 6px var(--paint-shadow-a20,#0003);color:var(--paint-text,#eeeeF5);pointer-events:auto}
body.catalog-refined #petValuesPage .tracking-metric{display:flex;justify-content:center;align-items:center;gap:3px;min-width:0;white-space:nowrap}
body.catalog-refined #petValuesPage .tracking-icon{display:flex;flex:0 0 12px;width:12px;height:12px;color:var(--paint-text,#c3c3d0)}
body.catalog-refined #petValuesPage .tracking-icon svg{width:100%;height:100%;display:block}
body.catalog-refined #petValuesPage .tracking-exist .tracking-icon{color:var(--paint-accent-text,#ff9c91)}
body.catalog-refined #petValuesPage .tracking-count{font-family:"BGSI Display",sans-serif;font-size:10px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;min-width:0}
body.catalog-refined #petValuesPage .tracking-slash{color:var(--paint-muted,#777780);font-size:10px;font-weight:350}
body.catalog-refined #petValuesPage .topchips{justify-content:flex-end}
body.catalog-refined #petValuesPage .bottomchips{top:40px;bottom:auto;left:8px}
body.catalog-refined #petValuesPage .trendmini{top:40px;bottom:auto;right:8px}
body.catalog-refined #petValuesPage .catalog-demand-star{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;filter:drop-shadow(0 2px 1px #0008) drop-shadow(0 0 4px color-mix(in srgb,currentColor 18%,transparent));transition:transform .18s}
body.catalog-refined #petValuesPage .catalog-demand-star svg{display:block;width:100%;height:100%;stroke:none;fill:none}
body.catalog-refined #petValuesPage .card:hover .catalog-demand-star,body.catalog-refined #petValuesPage .demand-pack:focus-visible .catalog-demand-star{transform:scale(1.1) rotate(-5deg)}
body.catalog-refined #petValuesPage .value-num{font-weight:750!important;letter-spacing:-.45px;text-shadow:0 1px 0 var(--paint-shadow-a7,#ffffff12),0 3px 8px var(--paint-shadow-a73,#000b)}
body.home-refined .value-card-demand .icon[data-custom="demand-star"] svg{fill:none;stroke:none}
body.home-refined .value-card-demand .icon[data-custom="demand-star"]{filter:drop-shadow(0 1px 1px #0008)}
@media(max-width:620px){body.catalog-refined #petValuesPage .catalog-demand-star{width:21px;height:21px;flex-basis:21px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .catalog-tracking{width:calc(100% - 10px);height:27px;padding:0 4px;gap:2px}body.catalog-refined #petValuesPage .tracking-metric{gap:2px}body.catalog-refined #petValuesPage .tracking-icon{width:10px;height:10px;flex-basis:10px}body.catalog-refined #petValuesPage .tracking-count{font-size:9px}body.catalog-refined #petValuesPage .tracking-slash{font-size:9px}body.catalog-refined #petValuesPage .catalog-demand-star{width:18px;height:18px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){body.catalog-refined #petValuesPage .catalog-demand-star{transition:none}body.catalog-refined #petValuesPage .card:hover .catalog-demand-star,body.catalog-refined #petValuesPage .demand-pack:focus-visible .catalog-demand-star{transform:none}}
body.catalog-refined #petValuesPage .catalog-loading-card{pointer-events:none}
body.catalog-refined #petValuesPage .catalog-loading-card .thumb::before{display:none}
body.catalog-refined #petValuesPage .catalog-skeleton-art{position:absolute;inset:23% 23% 29%;border-radius:18%;background:var(--paint-tint-a3,#ffffff08)}
body.catalog-refined #petValuesPage .catalog-skeleton-date{position:absolute;right:8px;top:8px;width:54px;height:23px;border:1px solid var(--paint-line-a4,#ffffff0b);border-radius:7px;background:var(--paint-tint-a2,#ffffff04)}
body.catalog-refined #petValuesPage .catalog-skeleton-tracking{position:absolute;left:8px;right:8px;bottom:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center;height:27px;padding:0 8px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:9px;background:var(--paint-base,#111014)}
body.catalog-refined #petValuesPage .catalog-skeleton-tracking>i{height:7px;border-radius:3px;background:var(--paint-tint-a4,#ffffff0a)}
body.catalog-refined #petValuesPage .catalog-skeleton-line{display:block;border-radius:4px;background:var(--paint-tint-a4,#ffffff0a)}
body.catalog-refined #petValuesPage .catalog-skeleton-name{width:78%;height:21px}
body.catalog-refined #petValuesPage .catalog-skeleton-value{width:min(75px,90%);height:25px}
body.catalog-refined #petValuesPage .catalog-skeleton-demand{width:40px;height:25px}
body.catalog-refined #petValuesPage .catalog-skeleton-stats>span{height:36px;width:100%;border-radius:4px;background:var(--paint-tint-a3,#ffffff07)}
body.catalog-refined #petValuesPage .catalog-loading-card .head{display:flex;align-items:center}
body.catalog-refined #petValuesPage .catalog-loading-card .demand-pack{align-items:center}
body.catalog-refined #petValuesPage .catalog-loading-card :is(.catalog-skeleton-line,.catalog-skeleton-tracking>i,.catalog-skeleton-art){animation:catalog-skeleton-pulse 1.6s ease-in-out infinite}
@keyframes catalog-skeleton-pulse{50%{opacity:.5}}
@media(max-width:620px){body.catalog-refined #petValuesPage .catalog-skeleton-name{height:20px}body.catalog-refined #petValuesPage :is(.catalog-skeleton-value,.catalog-skeleton-demand){height:23px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .catalog-skeleton-name{height:18px}body.catalog-refined #petValuesPage :is(.catalog-skeleton-value,.catalog-skeleton-demand){height:18px}}
@media(prefers-reduced-motion:reduce){body.catalog-refined #petValuesPage .catalog-loading-card :is(.catalog-skeleton-line,.catalog-skeleton-tracking>i,.catalog-skeleton-art){animation:none}}

body.catalog-refined #petValuesPage .catalog-search{position:relative;isolation:isolate;gap:12px;padding:0 10px 0 6px;border:1px solid var(--paint-line-a13,#ffffff22);border-top-color:var(--paint-line-a21,#ffffff35);border-radius:12px;background:linear-gradient(115deg,var(--paint-tint-a2,#ffffff06),transparent 48%),var(--paint-base,#101014);box-shadow:inset 0 1px 0 var(--paint-shadow-a2,#ffffff06),inset 0 -2px 4px var(--paint-shadow-a20,#0003),0 4px 12px var(--paint-shadow-a20,#0003);transition:border-color .18s,box-shadow .18s,background .18s}
body.catalog-refined #petValuesPage .catalog-search::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--paint-accent,#ff675a) 30%,var(--paint-accent,#ffaaa0) 50%,var(--paint-accent,#ff675a) 70%,transparent);opacity:0;transition:opacity .18s;pointer-events:none}
body.catalog-refined #petValuesPage .catalog-search:hover{border-color:var(--paint-line-a24,#ffffff3c);background:linear-gradient(115deg,var(--paint-tint-a4,#ffffff09),transparent 48%),var(--paint-base,#111115)}
body.catalog-refined #petValuesPage .catalog-search:focus-within{border-color:var(--paint-accent-a40,#f0635466);border-top-color:var(--paint-accent-a53,#f88f7c88);background:linear-gradient(115deg,var(--paint-accent-a3,#f36b5c08),transparent 48%),var(--paint-base,#121215);box-shadow:inset 0 1px 0 var(--paint-shadow-a3,#ffffff07),inset 0 -2px 4px var(--paint-shadow-a20,#0003),0 0 0 3px var(--paint-accent-a7,#ed645412),0 5px 18px var(--paint-shadow-a33,#0005)}
body.catalog-refined #petValuesPage .catalog-search:focus-within::after{opacity:1}
body.catalog-refined #petValuesPage .catalog-search-glyph{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--paint-line-a5,#ffffff0c);border-radius:8px;background:linear-gradient(145deg,var(--paint-tint-a3,#ffffff08),var(--paint-tint-a1,#ffffff02));box-shadow:inset 0 1px 0 var(--paint-shadow-a2,#ffffff06),0 1px 3px var(--paint-shadow-a20,#0003);color:var(--paint-text,#cbccd7);transition:color .18s,border-color .18s,background .18s}
body.catalog-refined #petValuesPage .catalog-search-glyph::after{content:"";position:absolute;right:-7px;top:8px;bottom:8px;width:1px;background:var(--paint-tint-a5,#ffffff0c)}
body.catalog-refined #petValuesPage .catalog-search-glyph svg{display:block;width:20px;height:20px}
body.catalog-refined #petValuesPage .catalog-search:focus-within .catalog-search-glyph{color:var(--paint-accent-text,#ff9c8d);border-color:var(--paint-accent-a16,#ff8c7629);background:linear-gradient(145deg,var(--paint-accent-a7,#ee6b5812),var(--paint-tint-a1,#ffffff02))}
body.catalog-refined #petValuesPage .catalog-search .search{flex:1 1 0;font-family:"BGSI Interface",sans-serif;font-size:13px;font-weight:450;letter-spacing:-.1px;color:var(--paint-text,#f4f4fa);caret-color:var(--paint-accent-text,#ff8b7a)}
body.catalog-refined #petValuesPage .catalog-search .search::placeholder{color:var(--paint-text,#bfc0cd);opacity:1;transition:color .18s}
body.catalog-refined #petValuesPage .catalog-search:focus-within .search::placeholder{color:var(--paint-muted,#8f909f)}
body.catalog-refined #petValuesPage .catalog-search .search::-webkit-search-cancel-button{display:none}
body.catalog-refined #petValuesPage .catalog-search-hint{flex:0 0 auto;font-family:"BGSI Interface",sans-serif;font-size:10px;font-weight:350;color:var(--paint-muted,#a3a4b3);white-space:nowrap;margin-right:3px}
body.catalog-refined #petValuesPage .catalog-search.has-query .catalog-search-hint{display:none}
body.catalog-refined #petValuesPage .catalog-search-clear{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid var(--paint-line-a7,#ffffff13);border-radius:7px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#b9bbc8);cursor:pointer;transition:background .16s,color .16s,border-color .16s}
body.catalog-refined #petValuesPage .catalog-search-clear[hidden]{display:none}
body.catalog-refined #petValuesPage .catalog-search-clear svg{width:19px;height:19px}
body.catalog-refined #petValuesPage .catalog-search-clear:hover{background:var(--paint-accent-a7,#f3635512);border-color:var(--paint-accent-a20,#f3635533);color:var(--paint-accent-text,#ffb4aa)}
body.catalog-refined #petValuesPage .catalog-search-clear:focus-visible{outline:2px solid var(--paint-accent,#ff9c8d);outline-offset:2px}
@media(max-width:1100px){body.catalog-refined #petValuesPage .catalog-search-hint{display:none}}
@media(max-width:620px){body.catalog-refined #petValuesPage .catalog-search{gap:10px;padding-right:7px}body.catalog-refined #petValuesPage .catalog-search .search{font-size:12px}body.catalog-refined #petValuesPage .catalog-search-glyph{width:29px;height:29px;flex-basis:29px}body.catalog-refined #petValuesPage .catalog-search-glyph svg{width:18px;height:18px}}
@media(max-width:360px){body.catalog-refined #petValuesPage .catalog-search{gap:8px;padding-left:5px;padding-right:5px}body.catalog-refined #petValuesPage .catalog-search .search{font-size:11px}body.catalog-refined #petValuesPage .catalog-search-glyph{width:27px;height:29px;flex-basis:27px}body.catalog-refined #petValuesPage .catalog-search-glyph::after{right:-5px}}
@media(prefers-reduced-motion:reduce){body.catalog-refined #petValuesPage .catalog-search,body.catalog-refined #petValuesPage .catalog-search::after,body.catalog-refined #petValuesPage .catalog-search-glyph,body.catalog-refined #petValuesPage .catalog-search .search::placeholder,body.catalog-refined #petValuesPage .catalog-search-clear{transition:none}}

body.home-refined .topbar-search { width: 180px; max-width: 100%; justify-self: end; border-radius: 10px; background: linear-gradient(180deg, var(--paint-surface,#19171a), var(--paint-base,#0d0c10)); border-color: var(--paint-line-a14,#ffffff24); box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff09), 0 2px 7px var(--paint-shadow-a27,#0004); transition: width .22s ease, border-color .18s, background .18s, box-shadow .18s; }
body.home-refined .topbar-search:hover, body.home-refined .topbar-search:focus-within { width: 224px; border-color: var(--paint-accent-a40,#ed8b7966); background: linear-gradient(180deg, var(--paint-surface,#20191d), var(--paint-base,#110d11)); box-shadow: inset 0 1px var(--paint-shadow-a5,#ffffff0d), 0 0 0 3px var(--paint-accent-a4,#e86f5b09); }
body.home-refined .topbar-search:hover > .icon, body.home-refined .topbar-search:focus-within > .icon { color: var(--paint-accent-text,#f69e8e); }
body.home-refined .topbar-search input::-webkit-search-cancel-button { display: none; }
body.home-refined .topbar-search-clear { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; padding: 4px; color: var(--paint-text,#d6c6d0); background: var(--paint-tint-a2,#ffffff06); border: 1px solid var(--paint-line-a8,#ffffff14); border-radius: 6px; cursor: pointer; }
body.home-refined .topbar-search-clear[hidden] { display: none; }
body.home-refined .topbar-search-clear .icon { width: 14px; height: 14px; }
body.home-refined .topbar-search-clear:hover { color: var(--paint-accent-text,#ffc4b6); border-color: var(--paint-accent-a40,#ef8b7666); }
body.home-refined .topbar-search-clear:focus-visible { outline: 2px solid var(--paint-accent,#ffb19e); outline-offset: 2px; }
body.home-refined .topbar-search-results { width: 244px; padding: 5px; border: 1px solid var(--paint-line-a17,#ffffff2b); border-radius: 12px; background: linear-gradient(140deg, var(--paint-tint-a2,#ffffff04), transparent 60%), var(--paint-base-a98,#171417fa); box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff0b), 0 18px 44px var(--paint-shadow-a73,#000b); }
body.home-refined .topbar-search-results > a { grid-template-columns: 36px minmax(0, 1fr) 13px; min-height: 58px; gap: 9px; padding: 8px; border: 1px solid transparent; border-radius: 8px; }
body.home-refined .topbar-search-results .search-result-image { width: 36px; height: 36px; border: 1px solid var(--paint-line-a5,#ffffff0d); border-radius: 8px; background: var(--paint-tint-a2,#ffffff05); }
body.home-refined .topbar-search-results .search-result-image img { width: 34px; height: 34px; }
body.home-refined .topbar-search-results strong { color: var(--paint-text,#f4eaf1); font-size: 12px; font-weight: 500; }
body.home-refined .topbar-search-results small { color: var(--paint-muted,#b8aab8); font-size: 10px; }
body.home-refined .topbar-search-results > a > .icon { display: inline-flex; width: 13px; height: 13px; color: var(--paint-muted,#a996a3); transition: color .16s, transform .16s; }
body.home-refined .topbar-search-results > a:hover, body.home-refined .topbar-search-results > a:focus-visible { background: var(--paint-accent-a6,#f1847010); border-color: var(--paint-accent-a13,#f1847020); }
body.home-refined .topbar-search-results > a:hover > .icon, body.home-refined .topbar-search-results > a:focus-visible > .icon { color: var(--paint-accent-text,#ffb29e); transform: translateX(2px); }
body.home-refined .nav-dropdown-menu { width: 160px; padding: 5px; border: 1px solid var(--paint-line-a17,#ffffff2b); border-radius: 11px; background: linear-gradient(140deg, var(--paint-tint-a2,#ffffff04), transparent 60%), var(--paint-base-a98,#171417fa); box-shadow: inset 0 1px var(--paint-shadow-a4,#ffffff0b), 0 18px 44px var(--paint-shadow-a73,#000b); }
body.home-refined .nav-dropdown-menu::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; }
body.home-refined .nav-dropdown-menu a { min-height: 42px; padding: 9px 10px; font-size: 11px; border: 1px solid transparent; border-radius: 7px; }
body.home-refined .nav-dropdown-menu a:hover, body.home-refined .nav-dropdown-menu a:focus-visible { background: var(--paint-accent-a6,#f1847010); border-color: var(--paint-accent-a13,#f1847020); color: var(--paint-text,#fff0e9); }
body.home-refined .nav-dropdown-menu a:focus-visible { outline: 2px solid var(--paint-accent,#ffb19e); outline-offset: -2px; }
body.home-refined .nav-dropdown:has(a.is-active)>button { color:var(--paint-accent-text,#ffc4bf); background:var(--paint-accent-a9,#ec3a3218); border-color:var(--paint-accent-a22,#ec3a3238); }
body.home-refined .nav-dropdown-menu a.is-active { color:var(--paint-accent-text,#ffc4bf); background:var(--paint-accent-a9,#ec3a3218); border-color:var(--paint-accent-a22,#ec3a3238); }
body.home-refined .nav-dropdown-menu a.is-active>.icon { color:var(--paint-accent-text,#ff837b); }
body.home-refined .nav-dropdown-menu a.is-active::after { content:none; }

body.home-refined .nav-dropdown.is-open > button > .icon:last-child { color: var(--paint-accent-text,#f49b87); transform: rotate(180deg); }
@media (min-width: 1101px) { body.home-refined .topbar { grid-template-columns: 210px minmax(0, 1fr) 224px auto; } }
@media (min-width: 1101px) and (max-width: 1240px) { body.home-refined .topbar { grid-template-columns: 190px minmax(0, 1fr) 200px auto; } }
@media (max-width: 620px) { body.home-refined .topbar-search, body.home-refined .topbar-search:hover, body.home-refined .topbar-search:focus-within { width: 100%; } body.home-refined .topbar-search-results { width: min(244px, calc(100vw - 40px)); } }
@media (prefers-reduced-motion: reduce) { body.home-refined .topbar-search, body.home-refined .topbar-search-results > a > .icon { transition: none; } }


body.home-refined #calculator-page {
  color:var(--paint-text,#f0e9f0);
  font-family:"BGSI Interface",sans-serif;
  & .calculator-offer { background:var(--paint-base,#111013); border-color:var(--paint-line-a13,#ffffff20); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),0 12px 30px var(--paint-shadow-a20,#0003); }
  & .calculator-offer>header { background:var(--paint-tint-a1,#ffffff02); border-color:var(--paint-line-a8,#ffffff15); }
  & .calculator-offer h2 { color:var(--paint-text,#f1e7f0); font:550 16px "BGSI Display",sans-serif; }
  & :is(.calculator-pet,.calculator-add) { background:var(--paint-surface,#19191d); border-color:var(--paint-line-a14,#ffffff23); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 4px 10px var(--paint-shadow-a20,#0003); transition:background .18s,border-color .18s,box-shadow .18s,transform .18s; }
  & .calculator-pet:hover { background:var(--paint-surface,#202024); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 6px 15px var(--paint-shadow-a27,#0004); transform:translateY(-1px); }
  & .calculator-pet-remove { position:absolute; inset:0; width:100%; height:100%; padding:0; background:none; border:0; border-radius:inherit; cursor:pointer; }
  & .calculator-pet-remove:focus-visible { outline:2px solid var(--paint-accent,#ff9d8f); outline-offset:-3px; }
  & .calculator-pet-art { background:none; }
  & .calculator-pet-value { pointer-events:none; color:var(--paint-text,#fce5dc); background:var(--paint-base-a93,#100d12ed); border-color:var(--paint-line-a15,#ffffff26); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 3px 10px var(--paint-shadow-a27,#0004); font-family:"BGSI Display",sans-serif; font-weight:650; }
  & .calculator-pet-value[hidden] { display:none; }
  & .calculator-add { color:var(--paint-accent,#ff6866); background:var(--paint-accent-a2,#ec3a3205); border:1px dashed var(--paint-accent-a30,#ec3a324d); transform:none; }
  & .calculator-add:hover { background:var(--paint-accent-a6,#ec3a3210); border-color:var(--paint-accent-a55,#ff52648c); transform:translateY(-1px); }
  & .calculator-trend { pointer-events:none; color:var(--paint-muted,#b6a7b7); background:var(--paint-base-a85,#101014d9); border-color:var(--paint-line-a13,#ffffff20); border-radius:6px; box-shadow:none; }
  & .calculator-trend svg { width:15px; height:15px; }
  & .calculator-trend.trend-rising { color:#b0ec81; }
  & .calculator-trend.trend-dropping { color:#ff827a; }
  & .calculator-trend.trend-unstable { color:#ffd078; }
  & .calculator-quantity { min-height:26px; height:26px; grid-template-columns:23px minmax(24px,1fr) 23px; background:var(--paint-base-a93,#101014ed); border-color:var(--paint-line-a17,#ffffff2c); border-radius:7px; box-shadow:0 3px 10px var(--paint-shadow-a27,#0004); }
  & .calculator-quantity button { width:23px; height:24px; padding:0; font-size:15px; color:var(--paint-text,#d7c6d2); transition:color .16s,background .16s; }
  & .calculator-quantity button:hover { color:var(--paint-accent-text,#ffb1b4); background:var(--paint-accent-a9,#ec3a3218); }
  & .calculator-quantity input { font:550 11px "BGSI Display",sans-serif; color:var(--paint-text,#f5e6ed); }
  & .calculator-value-section { border-color:var(--paint-line-a9,#ffffff16); color:var(--paint-muted,#b7a9b9); font:400 11px "BGSI Interface",sans-serif; }
  & .calculator-value-section strong { font:550 14px "BGSI Display",sans-serif; color:var(--paint-text,#f2ddd6); }
  & .calculator-demand.is-none { color:var(--paint-muted,#ada0b0); }
  & .calculator-demand.is-very-low { color:#ff384f; }
  & .calculator-demand.is-low { color:#ff696d; }
  & .calculator-demand.is-medium { color:#ffdc71; }
  & .calculator-demand.is-high { color:#adf878; }
  & .calculator-demand.is-very-high { color:#ff8ac1; }
  & .calculator-demand.is-insane { color:#c18aff; }
  & .calculator-result { flex-wrap:wrap; }
  & .calculator-result-panel { background:var(--paint-base,#131014); border-color:var(--paint-line-a13,#ffffff20); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 8px 22px var(--paint-shadow-a20,#0003); }
  & .calculator-result-panel>span { color:var(--paint-muted,#bcaabc); font:450 10px "BGSI Interface",sans-serif; text-transform:none; }
  & .calculator-result-panel>span.is-positive { color:#b0ec81; }
  & .calculator-result-panel>span.is-negative { color:#ff897e; }
  & .calculator-result-panel>strong { color:var(--paint-text,#f6e2db); font:600 23px "BGSI Display",sans-serif; animation:calc-value-refresh .18s ease-out; }
  & .calculator-result-panel>strong i { font:500 15px "BGSI Display",sans-serif; }
  & .calculator-result-panel>small { color:var(--paint-muted,#a99bad); font:400 10px "BGSI Interface",sans-serif; }
  & .calculator-comparison-note { flex:1 0 100%; color:var(--paint-muted,#b6a4b3); font:400 11px/1.5 "BGSI Interface",sans-serif; text-align:center; }
  & .calculator-notice { margin:0 0 16px; color:var(--paint-text,#d5cbd1); font-size:11px; line-height:1.6; }
  & :is(.calculator-picker,.calculator-import-panel,.calculator-settings-panel) { color:var(--paint-text,#eaddea); background:var(--paint-base,#141418); border-color:var(--paint-line-a17,#ffffff2b); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 24px 70px var(--paint-shadow-a53,#0008); }
  & .calculator-dialog-backdrop { background:var(--paint-base-a70,#060306b3); backdrop-filter:blur(5px); }
  & .calculator-dialog.is-opening .calculator-dialog-backdrop { animation:calc-backdrop-in .18s ease-out; }
  & .calculator-dialog.is-opening>:is(section,form) { animation:calc-panel-in .22s cubic-bezier(.2,.8,.2,1); }
  & .calculator-picker.is-opening { animation:none; }
  & .calculator-dialog.is-closing .calculator-dialog-backdrop { animation:calc-backdrop-out .16s ease-in forwards; }
  & .calculator-dialog.is-closing>:is(section,form) { pointer-events:none; animation:calc-panel-out .16s ease-in forwards; }
  & :is(.calculator-picker-header,.calculator-settings-panel>header,.calculator-import-panel>header) { border-color:var(--paint-line-a8,#ffffff15); }
  & :is(.calculator-picker-target,.calculator-settings-panel h2,.calculator-import-panel h2) { color:var(--paint-text,#f1e2ee); font:550 14px "BGSI Display",sans-serif; }
  & :is(.calculator-picker-tabs,.calculator-picker-filters) button { color:var(--paint-text,#c5b3c6); background:var(--paint-surface,#1b1b20); border-color:var(--paint-line-a9,#ffffff18); font:450 11px "BGSI Interface",sans-serif; transition:background .16s,border-color .16s,color .16s; }
  & :is(.calculator-picker-tabs,.calculator-picker-filters) button:hover { color:var(--paint-text,#f8eaf5); background:var(--paint-surface,#2b2028); }
  & :is(.calculator-picker-tabs,.calculator-picker-filters) button.is-active { color:var(--paint-accent-text,#ffa1a8); background:var(--paint-accent-a12,#ec3a321e); border-color:var(--paint-accent-a39,#ec3a3263); }
  & .calculator-picker-search-row { border-color:var(--paint-line-a8,#ffffff15); }
  & :is(.calculator-search,.calculator-import-field,.calculator-share-link) { color:var(--paint-accent,#ff6866); background:linear-gradient(180deg,var(--paint-surface,#1b1b20),var(--paint-base,#101014)); border-color:var(--paint-line-a15,#ffffff25); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05); transition:border-color .18s,box-shadow .18s; }
  & :is(.calculator-search,.calculator-import-field):focus-within { border-color:var(--paint-accent-a48,#ff52647a); box-shadow:0 0 0 3px var(--paint-accent-a6,#ec3a3210); }
  & :is(.calculator-search input,.calculator-import-field input,.calculator-share-link) { color:var(--paint-text,#ebddec); font:400 12px "BGSI Interface",sans-serif; }
  & input::placeholder { color:var(--paint-muted,#b5a5b8); }
  & .calculator-search input::-webkit-search-cancel-button { display:none; }
  & .calculator-picker-results>button { color:var(--paint-text,#e6d6e4); background:var(--paint-surface,#1b1b20); border-color:var(--paint-line-a9,#ffffff17); transition:transform .16s,border-color .16s,background .16s; }
  & .calculator-picker-results>button:hover { background:var(--paint-surface,#25252b); border-color:var(--paint-accent-a39,#ec3a3264); transform:translateY(-2px); }
  & .calculator-picker-results>button.is-selected { background:var(--paint-accent-a8,#ec3a3214); border-color:var(--paint-accent-a36,#ec3a325c); }
  & .calculator-picker-results strong { color:var(--paint-text,#eddfeb); font:500 12px "BGSI Display",sans-serif; }
  & .calculator-picker-results small { color:var(--paint-text,#e9e4eb); font:550 12px "BGSI Display",sans-serif; }
  & :is(.calculator-picker-close,.calculator-import,.calculator-self-import,.calculator-settings-button) { color:var(--paint-text,#ccb5c8); background:var(--paint-surface,#19191e); border-color:var(--paint-line-a14,#ffffff24); transition:color .16s,border-color .16s,background .16s,transform .16s; }
  & :is(.calculator-picker-close,.calculator-import,.calculator-self-import,.calculator-settings-button):hover { color:var(--paint-accent-text,#ffb1b9); background:var(--paint-surface,#24242b); border-color:var(--paint-accent-a38,#ff526460); }
  & .calculator-settings-button { box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 8px 24px var(--paint-shadow-a40,#0006); }
  & .calculator-import { font:450 11px "BGSI Interface",sans-serif; }
  & .calculator-copy-link { color:var(--paint-text,#fff0ed); background:var(--paint-accent,#d62e35); border-color:var(--paint-accent,#ff5264); font:450 12px "BGSI Interface",sans-serif; transition:background .16s,border-color .16s; }
  & .calculator-copy-link:hover { background:var(--paint-accent,#e83640); border-color:var(--paint-accent,#ff7b88); }
  & .calculator-settings-options label { background:var(--paint-surface,#19191e); border-color:var(--paint-line-a11,#ffffff1b); color:var(--paint-text,#d6c3d5); font:450 12px "BGSI Interface",sans-serif; transition:background .16s,border-color .16s; }
  & .calculator-settings-options label:has(input:checked) { background:var(--paint-accent-a8,#ec3a3214); border-color:var(--paint-accent-a26,#ec3a3242); }
  & .calculator-settings-options input { accent-color:var(--paint-accent,#ec3a32); }
  & .calculator-import-suggestions { background:var(--paint-base,#101014); border-color:var(--paint-line-a11,#ffffff1b); }
  & .calculator-import-suggestions strong { font-size:12px; color:var(--paint-text,#ead9e7); }
  & .calculator-import-suggestions small { font-size:10px; color:var(--paint-muted,#b7a5b8); }
  & .calculator-import-preview button { color:var(--paint-text,#d3bbd1); background:var(--paint-surface,#202025); border-color:var(--paint-line-a13,#ffffff20); transition:border-color .16s,background .16s,transform .16s; }
  & .calculator-import-preview button.is-selected { background:var(--paint-accent-a10,#ec3a3219); border-color:var(--paint-accent-a48,#ff52647a); }
  & .calculator-import-preview strong { font:500 11px "BGSI Display",sans-serif; }
  & .calculator-import-preview small { color:var(--paint-text,#e5dce5); font:550 11px "BGSI Display",sans-serif; }
  & .calculator-import-preview button>span { position:relative; }
  & .calculator-import-quantity { position:absolute; right:0; bottom:0; padding:2px 4px; border:1px solid var(--paint-line-a12,#ffffff1e); border-radius:4px; background:var(--paint-base-a87,#100b13de); color:var(--paint-text,#e6d1df); font:500 9px "BGSI Display",sans-serif; }
  & .calculator-import-message { color:var(--paint-muted,#ccacae); font:400 11px/1.5 "BGSI Interface",sans-serif; }
  & .calculator-loading { background:var(--paint-base,#141418); border-color:var(--paint-line-a13,#ffffff20); color:var(--paint-text,#cab4c7); font-size:13px; }
  & :is(button,input):focus-visible { outline:2px solid var(--paint-accent,#ff7b88); outline-offset:2px; }
  & :is(.calculator-search,.calculator-import-field,.calculator-quantity) input:focus-visible { outline:none; }
  & .calculator-quantity:focus-within { border-color:var(--paint-accent,#ff7b88); }
}
@keyframes calc-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes calc-backdrop-out { from { opacity:1; } to { opacity:0; } }
@keyframes calc-panel-in { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes calc-panel-out { from { opacity:1; transform:none; } to { opacity:0; transform:translateY(6px) scale(.99); } }
@keyframes calc-value-refresh { from { opacity:.65; } to { opacity:1; } }
@media(max-width:640px) {
  body.home-refined #calculator-page .calculator-value-section { flex-wrap:wrap; gap:4px 8px; padding:10px; }
  body.home-refined #calculator-page .calculator-search { flex:0 0 auto; width:100%; max-width:none; height:44px; min-height:44px; }
  body.home-refined #calculator-page .calculator-search input { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home-refined #calculator-page *,body.home-refined #calculator-page *::before,body.home-refined #calculator-page *::after { animation:none; transition:none; }
}

body.home-refined #calculator-page {
  & .calculator-add { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; padding:12px; background:var(--paint-accent-a3,#ec3a3208); border:1px dashed var(--paint-accent-a36,#ec3a325c); }
  & .calculator-add:disabled { opacity:.5; cursor:wait; }
  & .calculator-add-icon { position:relative; display:block; width:72px; height:72px; border-radius:10px; background:none; border:0; box-shadow:none; transition:transform .18s; }
  & .calculator-add-icon>span { position:absolute; top:50%; left:50%; width:48px; height:10px; border-radius:3px; background:var(--paint-accent,#ff6866); transform:translate(-50%,-50%); }
  & .calculator-add-icon>span+span { transform:translate(-50%,-50%) rotate(90deg); }
  & .calculator-add:hover .calculator-add-icon { transform:scale(1.06); }
  & .calculator-demand { display:inline-flex; align-items:center; justify-content:center; gap:5px; font:600 16px/1 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; }
  & .calculator-demand svg { width:18px; height:18px; flex-shrink:0; filter:drop-shadow(0 1px 3px #0008); }
  & .calculator-demand-comparison { display:flex; align-items:center; justify-content:center; gap:12px; }
  & .calculator-demand-comparison b { color:var(--paint-muted,#a393a2); font-size:16px; font-weight:400; }
  & .is-temporary { color:var(--paint-accent-text,#ffaf68); }
  & .calculator-pet-value.calculator-custom-value { display:flex; align-items:center; justify-content:center; gap:5px; pointer-events:auto; cursor:pointer; min-height:30px; color:var(--paint-text,#d8c1cf); transition:background .16s,border-color .16s; }
  & .calculator-custom-value.is-temporary { color:var(--paint-accent-text,#ffaf68); border-color:var(--paint-accent-a40,#ef9a5c66); background:var(--paint-base-a93,#21160fee); }
  & .calculator-custom-value:hover { border-color:var(--paint-accent,#ffaa68); background:var(--paint-surface,#2a1d15); }
  & .calculator-custom-value .icon { width:12px; height:12px; flex-shrink:0; }
  & .calculator-value-editor { display:flex; align-items:center; gap:2px; position:absolute; z-index:5; right:7px; bottom:7px; left:7px; min-height:36px; padding:3px; border:1px solid var(--paint-accent,#f1a060); border-radius:9px; background:var(--paint-base-a96,#20150ff5); box-shadow:0 3px 10px var(--paint-shadow-a47,#0007); animation:calc-value-refresh .16s ease-out; }
  & .calculator-value-editor input { min-width:0; width:100%; padding:4px; border:0; background:transparent; color:var(--paint-accent-text,#ffd0a1); font:550 12px "BGSI Display",sans-serif; outline:none; }
  & .calculator-value-editor button { display:grid; flex:0 0 24px; width:24px; height:26px; place-items:center; padding:0; border:0; border-radius:5px; color:var(--paint-accent-text,#ffd0a1); background:var(--paint-accent-a13,#f29a6220); cursor:pointer; }
  & .calculator-value-editor button .icon { width:13px; height:13px; }
  & .calculator-pet-skeleton { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; pointer-events:none; background:var(--paint-surface,#19191d); }
  & :is(.calculator-pet-skeleton,.calculator-inventory-skeleton)>span { display:block; width:52%; aspect-ratio:1; border-radius:12px; background:var(--paint-surface,#29252d); }
  & :is(.calculator-pet-skeleton,.calculator-inventory-skeleton)>i { display:block; height:14px; width:60%; border-radius:4px; background:var(--paint-surface,#29252d); }
  & :is(.calculator-pet-skeleton,.calculator-inventory-skeleton)>*, & .calculator-number-skeleton { animation:calc-skeleton-pulse 1.4s ease-in-out infinite; }
  & .calculator-number-skeleton { display:inline-block; vertical-align:middle; width:75px; height:16px; border-radius:5px; background:var(--paint-surface,#29252d); }
  & .calculator-picker-header { grid-template-columns:minmax(0,1fr) auto; }
  & .calculator-picker-tabs { justify-self:start; }
  & .calculator-picker.is-inventory-picker { grid-template-rows:auto auto minmax(180px,1fr) auto; min-height:420px; }
  & .calculator-inventory-controls { display:grid; gap:9px; padding:11px 12px; border-bottom:1px solid var(--paint-line-a8,#ffffff15); }
  & .calculator-inventory-controls>form { display:flex; align-items:center; gap:8px; }
  & .calculator-inventory-controls .calculator-search { flex:1; min-width:0; width:100%; }
  & .calculator-inventory-controls .calculator-copy-link { height:42px; min-width:65px; }
  & .calculator-inventory-player { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  & .calculator-inventory-player>span { display:grid; gap:3px; min-width:0; }
  & .calculator-inventory-player strong { color:var(--paint-text,#f0e3ed); font:550 13px "BGSI Display",sans-serif; }
  & .calculator-inventory-player small { color:var(--paint-muted,#bbabbc); font:400 10px "BGSI Interface",sans-serif; }
  & .calculator-inventory-player button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--paint-line-a15,#ffffff25); border-radius:8px; color:var(--paint-text,#dab6c8); background:var(--paint-surface,#202025); cursor:pointer; }
  & .calculator-inventory-player button .icon { width:14px; height:14px; }
  & .calculator-player-suggestions { display:grid; gap:2px; max-height:180px; overflow:auto; padding:4px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:9px; background:var(--paint-base,#101014); }
  & .calculator-player-suggestions button { display:grid; grid-template-columns:30px minmax(0,1fr) 14px; gap:9px; align-items:center; width:100%; min-height:44px; padding:6px; border:0; border-radius:6px; background:transparent; color:var(--paint-text,#d9b5c9); text-align:left; cursor:pointer; }
  & .calculator-player-suggestions button:hover { background:var(--paint-accent-a8,#ec3a3215); }
  & .calculator-player-suggestions button>span:nth-child(2) { display:grid; gap:3px; }
  & .calculator-player-suggestions strong { font:550 12px "BGSI Display",sans-serif; color:var(--paint-text,#f0dfec); }
  & .calculator-player-suggestions small { font:400 10px "BGSI Interface",sans-serif; color:var(--paint-muted,#b6a3b7); }
  & .calculator-player-suggestions .icon { width:14px; height:14px; }
  & .calculator-import-avatar { width:30px; height:30px; background:var(--paint-surface,#32232c); border-radius:7px; }
  & .calculator-inventory-message { margin:0; color:var(--paint-accent-text,#e1b1a6); font:400 11px/1.5 "BGSI Interface",sans-serif; }
  & .calculator-picker-empty { grid-column:1/-1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:210px; margin:0; padding:20px; text-align:center; }
  & .calculator-picker-empty>.icon { width:30px; height:30px; color:var(--paint-accent-text,#ff8b94); }
  & .calculator-picker-empty strong { overflow:visible; white-space:normal; color:var(--paint-text,#f0e3ed); font:550 16px "BGSI Display",sans-serif; }
  & .calculator-picker-empty p { max-width:340px; margin:0; color:var(--paint-muted,#b9a8bc); font:400 12px/1.7 "BGSI Interface",sans-serif; }
  & .calculator-picker-empty .calculator-copy-link { margin-top:3px; }
  & .calculator-inventory-pet { position:relative; padding-top:25px; }
  & .calculator-inventory-pet:disabled { opacity:.45; cursor:default; }
  & .calculator-inventory-check { position:absolute; display:grid; place-items:center; width:17px; height:17px; top:7px; left:7px; border:1px solid var(--paint-line-a50,#96708080); border-radius:5px; background:var(--paint-base,#0f0b11); transition:background .16s,border-color .16s; }
  & .calculator-inventory-check .icon { opacity:0; width:12px; height:12px; color:var(--paint-text,#fff0e8); transform:scale(.7); transition:opacity .16s,transform .16s; }
  & .is-selected .calculator-inventory-check { background:var(--paint-accent,#d62e35); border-color:var(--paint-accent,#ff7b88); }
  & .is-selected .calculator-inventory-check .icon { opacity:1; transform:none; }
  & .calculator-inventory-quantity { position:absolute; top:8px; right:6px; font:550 10px "BGSI Display",sans-serif; color:var(--paint-text,#eee7ef); }
  & .calculator-inventory-skeleton { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; aspect-ratio:.92; border:1px solid var(--paint-line-a9,#ffffff17); border-radius:10px; background:var(--paint-surface,#1b1b20); }
  & .calculator-inventory-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px; border-top:1px solid var(--paint-line-a8,#ffffff15); background:var(--paint-base,#101014); }
  & .calculator-inventory-footer>span { color:var(--paint-text,#c8acbf); font:450 11px "BGSI Interface",sans-serif; }
  & .calculator-inventory-footer>div { display:flex; gap:8px; }
  & .calculator-copy-link { min-height:36px; border-radius:8px; }
  & .calculator-copy-link.is-secondary { color:#e6c0b7; background:var(--paint-surface,#342027); border-color:var(--paint-accent-a25,#ec3a3240); }
  & button:disabled { opacity:.5; cursor:not-allowed; }
  & .calculator-picker-results>button.calculator-inventory-more { grid-column:1/-1; aspect-ratio:auto; min-height:40px; color:var(--paint-accent-text,#e5b1a2); }
  & .calculator-notice button { padding:5px 10px; margin-left:5px; border:1px solid var(--paint-accent-a25,#ec3a3240); border-radius:6px; background:#35161b; color:var(--paint-accent-text,#ffd1d8); cursor:pointer; }
}
@keyframes calc-skeleton-pulse { 0%,100% { opacity:.5; } 50% { opacity:1; } }
@media(max-width:640px) {
  body.home-refined #calculator-page .calculator-inventory-controls>form .calculator-search { flex:1 1 auto; }
  body.home-refined #calculator-page .calculator-picker-tabs button { min-height:36px; }
  body.home-refined #calculator-page .calculator-inventory-footer { gap:8px; }
  body.home-refined #calculator-page .calculator-inventory-footer .calculator-copy-link { padding:0 10px; font-size:11px; }
  body.home-refined #calculator-page .calculator-value-editor { left:4px; right:4px; bottom:4px; }
  body.home-refined #calculator-page .calculator-custom-value { padding:7px 3px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home-refined #calculator-page *,body.home-refined #calculator-page *::before,body.home-refined #calculator-page *::after { animation:none; transition:none; }
}

body.home-refined #calculator-page {
  & .calculator-value-section strong.is-temporary, & .calculator-result-panel>strong.is-temporary, & .calculator-picker-results small.is-temporary { color:var(--paint-accent-text,#ffaf68); }
  & :is(.calculator-value-editor,.calculator-inventory-check) .icon-check { --icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E"); }
}

body.home-refined #calculator-page .calculator-inventory-controls>form>.calculator-copy-link { flex:0 0 65px; width:65px; white-space:nowrap; }
body.home-refined #calculator-page .calculator-inventory-footer .calculator-copy-link { width:auto; white-space:nowrap; }

body.home-refined #calculator-page .calculator-picker {
  width:min(1020px,100%);
  height:min(880px,calc(100dvh - 48px));
  max-height:min(880px,calc(100dvh - 48px));
  min-height:0;
  background:var(--paint-base,#111013);
  border:1px solid var(--paint-line-a14,#ffffff24);
  border-radius:20px;
  box-shadow:0 28px 85px var(--paint-shadow-a67,#000a),inset 0 1px var(--paint-shadow-a3,#ffffff08);
  &.is-inventory-picker { min-height:0; grid-template-rows:auto auto minmax(0,1fr) auto; }
  & .calculator-picker-header { min-height:68px; padding:10px 16px; background:var(--paint-tint-a1,#ffffff02); }
  & .calculator-picker-tabs { display:flex; gap:5px; align-items:center; padding:0; overflow:visible; }
  & .calculator-picker-tabs button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:42px; min-height:42px; padding:0 14px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--paint-muted,#bdafb9); font:450 12px "BGSI Interface",sans-serif; transition:color .18s,background .18s,border-color .18s; }
  & .calculator-picker-tabs button>.icon { width:17px; height:17px; opacity:.8; }
  & .calculator-picker-tabs button::after { content:""; position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:2px; background:var(--paint-accent,#ff6866); transform:scaleX(0); transition:transform .18s; }
  & .calculator-picker-tabs button:hover { color:var(--paint-text,#fff0eb); background:var(--paint-tint-a2,#ffffff05); }
  & .calculator-picker-tabs button.is-active { color:var(--paint-text,#ffe2e7); border-color:var(--paint-accent-a14,#ec3a3224); background:var(--paint-accent-a6,#ec3a3210); }
  & .calculator-picker-tabs button.is-active::after { transform:scaleX(1); }
  & .calculator-picker-close { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--paint-line-a9,#ffffff16); border-radius:10px; background:var(--paint-tint-a2,#ffffff04); color:var(--paint-text,#c5b4be); }
  & .calculator-picker-close:hover { border-color:var(--paint-accent-a31,#ec3a3250); color:#ffd3dc; background:var(--paint-accent-a7,#ec3a3212); }
  & .calculator-picker-search-row { padding:12px 16px; gap:10px; background:none; }
  & .calculator-search { height:44px; min-height:44px; min-width:0; background:var(--paint-surface,#17171c); border:1px solid var(--paint-line-a13,#ffffff20); border-radius:10px; box-shadow:none; padding:0 12px; }
  & .calculator-search:hover { border-color:var(--paint-line-a22,#ffffff38); }
  & .calculator-search:focus-within { border-color:var(--paint-accent-a43,#ec3a326e); background:var(--paint-surface,#19191f); color:var(--paint-accent,#ff6866); box-shadow:0 0 0 3px var(--paint-accent-a6,#ec3a3210); }
  & .calculator-search>.icon { width:16px; height:16px; color:#c99e91; }
  & .calculator-search input { font:400 12px "BGSI Interface",sans-serif; color:var(--paint-text,#f0e3ea); }
  & .calculator-search input::placeholder { color:var(--paint-muted,#b6a5af); }
  & .calculator-picker-filters button { min-width:86px; height:40px; border:1px solid var(--paint-line-a9,#ffffff18); border-radius:9px; background:var(--paint-tint-a1,#ffffff03); font-size:11px; color:var(--paint-text,#c4b4bf); }
  & .calculator-picker-filters button.is-active { background:var(--paint-accent-a8,#ec3a3214); border-color:var(--paint-accent-a40,#ec3a3266); color:var(--paint-accent-text,#ffb1bc); }
  & .calculator-picker-results { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); align-content:start; min-height:0; gap:12px; padding:16px; overscroll-behavior:contain; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:#6a586280 transparent; }
  & :is(.calculator-picker-results,.calculator-player-suggestions)::-webkit-scrollbar { width:6px; height:6px; }
  & :is(.calculator-picker-results,.calculator-player-suggestions)::-webkit-scrollbar-track { background:transparent; }
  & :is(.calculator-picker-results,.calculator-player-suggestions)::-webkit-scrollbar-thumb { background:var(--paint-raised-a44,#6a586270); border:1px solid var(--paint-line,#111013); border-radius:10px; }
  & :is(.calculator-picker-results,.calculator-player-suggestions)::-webkit-scrollbar-thumb:hover { background:var(--paint-accent-a49,#ff52647d); }
  & .calculator-picker-results>button.calculator-picker-pet { position:relative; display:block; isolation:isolate; aspect-ratio:auto; min-height:190px; height:190px; align-self:start; width:100%; overflow:hidden; padding:0; border:1px solid var(--paint-line-a11,#ffffff1b); border-radius:14px; background:var(--paint-tint-a1,#ffffff03); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); transition:border-color .18s,background .18s,box-shadow .18s,transform .18s; }
  & .calculator-picker-results>button.calculator-picker-pet:hover { background:var(--paint-tint-a2,#ffffff06); border-color:var(--paint-accent-a56,#ff526490); box-shadow:inset 0 0 0 1px var(--paint-accent-a19,#ff526430),0 0 0 1px var(--paint-accent-a25,#ec3a3240),0 7px 18px var(--paint-shadow-a33,#0005); transform:translateY(-2px); }
  & .calculator-picker-results>button.calculator-picker-pet:active { transform:scale(.985); }
  & .calculator-picker-results>button.calculator-picker-pet.is-selected { border-color:var(--paint-accent-a60,#ff526499); background:var(--paint-accent-a6,#ec3a3210); box-shadow:inset 0 0 0 1px var(--paint-accent-a22,#ec3a3238); }
  & .calculator-picker-results>button.calculator-picker-pet:focus-visible { outline:2px solid var(--paint-accent,#ffb1bc); outline-offset:-3px; }
  & .calculator-picker-results>button.calculator-picker-pet:disabled { transform:none; opacity:.45; }
  & .calculator-picker-art { position:absolute; z-index:0; inset:10px 3px 4px; display:grid; width:auto; height:auto; max-width:none; aspect-ratio:auto; overflow:hidden; border-radius:10px; background:none; }
  & .calculator-picker-art img { width:100%; height:100%; padding:5px; object-fit:contain; transform:none; transition:transform .2s ease-out; }
  & .calculator-picker-art.is-xl img { transform:scale(1.08); }
  & .calculator-picker-pet:hover .calculator-picker-art img { transform:scale(1.035); }
  & .calculator-picker-pet:hover .calculator-picker-art.is-xl img { transform:scale(1.115); }
  & .calculator-picker-art>.icon { width:52px; height:52px; color:var(--paint-muted-a33,#b596aa55); }
  & .calculator-picker-badge { position:absolute; z-index:2; top:8px; left:8px; display:flex; height:26px; align-items:center; padding:3px 7px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:8px; background:var(--paint-base-a84,#100c10d6); backdrop-filter:blur(4px); box-shadow:0 2px 5px var(--paint-shadow-a20,#0003); }
  & .calculator-picker-badge .calculator-demand { gap:4px; font:650 12px/1 "BGSI Display",sans-serif; }
  & .calculator-picker-badge .calculator-demand svg { width:14px; height:14px; }
  & .calculator-picker-trend { position:absolute; z-index:2; top:8px; right:8px; display:grid; place-items:center; width:26px; height:26px; padding:4px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:8px; background:var(--paint-base-a84,#100c10d6); backdrop-filter:blur(4px); box-shadow:0 2px 5px var(--paint-shadow-a20,#0003); }
  & .calculator-picker-trend svg { width:18px; height:18px; }
  & .calculator-picker-trend.trend-rising { color:#adf878; }
  & .calculator-picker-trend.trend-dropping { color:#ff8179; }
  & .calculator-picker-trend.trend-unstable { color:#ffda86; }
  & .calculator-picker-results>button>span.calculator-picker-copy { position:absolute; z-index:2; bottom:7px; left:7px; right:7px; display:grid; width:auto; min-width:0; gap:5px; padding:7px 8px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:9px; background:var(--paint-base-a83,#100c10d4); backdrop-filter:blur(4px); box-shadow:0 3px 9px var(--paint-shadow-a27,#0004); pointer-events:none; }
  & .calculator-picker-copy strong { display:block; padding:0; border:0; background:none; color:var(--paint-text,#f6edf2); font:600 12px/1.3 "BGSI Interface",sans-serif; letter-spacing:0; text-shadow:0 1px 3px var(--paint-shadow,#000); }
  & .calculator-picker-copy small { display:block; padding:0; border:0; background:none; color:var(--paint-text,#f3eaf1); font:650 17px/1.15 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; text-shadow:0 1px 3px var(--paint-shadow,#000); }
  & .calculator-picker-copy small.is-temporary { color:var(--paint-accent-text,#ffaf68); }
  & .calculator-inventory-pet .calculator-inventory-quantity { position:absolute;z-index:2;left:auto;right:8px;top:8px;transform:none;padding:5px 8px;min-height:27px;display:flex;align-items:center;color:var(--paint-text,#f4edf7);border:1px solid var(--paint-line-a17,#ffffff2c);border-radius:7px;background:var(--paint-base-a94,#17141af0);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0a),0 3px 8px var(--paint-shadow-a40,#0006);font:650 12px/1 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums; }
  & .calculator-inventory-pet .calculator-inventory-check { z-index:3; top:auto; left:auto; bottom:15px; right:14px; width:23px; height:23px; border-radius:7px; background:var(--paint-base-a84,#100c10d6); }
  & .calculator-inventory-pet.is-selected .calculator-inventory-check { background:var(--paint-accent,#d62e35); border-color:var(--paint-accent,#ff7b88); }
  & .calculator-picker-results>button.calculator-inventory-pet>span.calculator-picker-copy { right:7px; }
  & .calculator-inventory-pet .calculator-picker-copy small { padding-right:29px; }
  & .calculator-picker-results:has(>.calculator-picker-empty:only-child) { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr); align-content:stretch; }
  & .calculator-picker-results>.calculator-picker-empty:only-child { min-height:0; height:100%; }
  & .calculator-inventory-controls { padding:12px 16px; gap:10px; }
  & .calculator-inventory-player { padding:0 1px; }
  & .calculator-player-suggestions { background:var(--paint-surface,#18181d); border-color:var(--paint-line-a10,#ffffff1a); border-radius:10px; scrollbar-width:thin; scrollbar-color:#6a586280 transparent; overscroll-behavior:contain; }
  & .calculator-player-suggestions button { border:1px solid transparent; transition:background .16s,border-color .16s; }
  & .calculator-player-suggestions button:hover { background:var(--paint-accent-a8,#ec3a3214); border-color:var(--paint-accent-a17,#ec3a322b); }
  & .calculator-inventory-footer { padding:12px 16px; border-color:var(--paint-line-a8,#ffffff15); background:var(--paint-base,#141418); }
  & .calculator-inventory-skeleton { aspect-ratio:auto; height:190px; min-height:190px; border-radius:14px; background:var(--paint-tint-a1,#ffffff03); }
  & .calculator-inventory-skeleton>span { width:70%; }
  & .calculator-inventory-skeleton>i { width:78%; }
}
@media(max-width:640px) {
  body.home-refined #calculator-page .calculator-picker { height:calc(100dvh - 8px); max-height:calc(100dvh - 8px); width:100%; border-radius:18px 18px 0 0; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-header { min-height:64px; padding:8px 12px; gap:8px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs { gap:2px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs button { gap:5px; padding:0 8px; font-size:11px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs button>.icon { width:15px; height:15px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs button::after { left:8px; right:8px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-close { width:32px; height:32px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-search-row { padding:10px 12px; gap:8px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-results { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:10px; }
  body.home-refined #calculator-page .calculator-picker .calculator-inventory-controls { padding:10px 12px; }
  body.home-refined #calculator-page .calculator-picker .calculator-inventory-footer { padding:12px; }
}
@media(max-width:360px) {
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs button { gap:4px; padding:0 6px; font-size:10px; }
  body.home-refined #calculator-page .calculator-picker .calculator-picker-tabs button>.icon { width:13px; height:13px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home-refined #calculator-page .calculator-picker *,body.home-refined #calculator-page .calculator-picker *::after { animation:none; transition:none; scroll-behavior:auto; }
}

body.home-refined #calculator-page {
  & :is(.calculator-picker-art img,.calculator-pet-art img) { -webkit-user-drag:none; user-select:none; pointer-events:none; }
  & :is(.calculator-picker-pet,.calculator-pet-remove) { user-select:none; }
  & .calculator-pet { border-color:var(--paint-line-a13,#ffffff20); }
  & .calculator-pet:hover, & .calculator-pet:focus-within { border-color:var(--paint-accent-a56,#ff526490); box-shadow:inset 0 0 0 1px var(--paint-accent-a19,#ff526430),0 0 0 1px var(--paint-accent-a25,#ec3a3240),0 7px 18px var(--paint-shadow-a33,#0005); }
  & .calculator-pet-controls { position:absolute; z-index:4; top:8px; left:6px; right:6px; display:flex; align-items:center; justify-content:space-between; gap:4px; pointer-events:none; }
  & .calculator-offer-demand { display:flex; flex:0 0 auto; height:26px; align-items:center; padding:3px 4px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:7px; background:var(--paint-base-a87,#100c10de); pointer-events:none; }
  & .calculator-offer-demand .calculator-demand { gap:4px; font:650 12px/1 "BGSI Display",sans-serif; }
  & .calculator-offer-demand .calculator-demand svg { width:14px; height:14px; }
  & .calculator-pet .calculator-trend { left:auto; right:8px; top:39px; display:grid; place-items:center; width:25px; height:25px; padding:3px; }
  & .calculator-pet .calculator-quantity { position:static; flex:0 1 auto; min-width:0; margin-left:auto; grid-template-columns:18px minmax(0,1fr) 18px; pointer-events:auto; }
  & .calculator-pet .calculator-quantity input { min-width:0; max-width:100%; }
  & .calculator-pet .calculator-quantity button { position:relative; width:18px; font-size:0; }
  & .calculator-pet .calculator-quantity button::before, & .calculator-pet .calculator-quantity button[data-calculator-action="increase"]::after { content:""; position:absolute; top:50%; left:50%; width:8px; height:3px; border-radius:1px; background:currentColor; transform:translate(-50%,-50%); }
  & .calculator-pet .calculator-quantity button[data-calculator-action="increase"]::after { transform:translate(-50%,-50%) rotate(90deg); }
}

@media(max-width:640px) {
  body.home-refined #calculator-page .calculator-offer-demand .calculator-demand { gap:3px; font-size:11px; }
  body.home-refined #calculator-page .calculator-offer-demand .calculator-demand svg { width:12px; height:12px; }
}

@media(max-width:360px) {
  body.home-refined #calculator-page .calculator-pet-controls { left:4px; right:4px; gap:3px; }
  body.home-refined #calculator-page .calculator-offer-demand { padding:3px 2px; }
  body.home-refined #calculator-page .calculator-offer-demand .calculator-demand { gap:2px; font-size:10px; }
  body.home-refined #calculator-page .calculator-pet .calculator-quantity { grid-template-columns:14px minmax(0,1fr) 14px; }
  body.home-refined #calculator-page .calculator-pet .calculator-quantity button { width:14px; }
  body.home-refined #calculator-page .calculator-pet .calculator-quantity input { font-size:10px; }
}

@media(prefers-reduced-motion:reduce) {
  body.home-refined #calculator-page :is(.calculator-pet,.calculator-add-icon), body.home-refined #calculator-page .calculator-picker .calculator-picker-results>button.calculator-picker-pet, body.home-refined #calculator-page .calculator-picker .calculator-picker-art img { transition:none; animation:none; }
}

body.home-refined #calculator-page {
  & .calculator-market-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr) minmax(0,1fr);align-items:center;margin-bottom:16px;border:1px solid var(--paint-line-a15,#ffffff25);border-top-color:var(--paint-line-a22,#ffffff38);border-radius:15px;background:var(--paint-base-a84,#16161bd6);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 8px 28px var(--paint-shadow-a27,#0004)}
  & .calculator-market-side{min-width:0;padding:18px 24px}
  & .calculator-verdict{display:grid;justify-items:center;align-content:center;gap:6px;min-width:0;margin:16px 0;padding:0 14px;border-inline:1px solid var(--paint-line-a9,#ffffff18);text-align:center}
  & .calculator-verdict-options{display:flex;justify-content:center;gap:3px;max-width:100%}
  & .calculator-verdict-option{padding:5px 7px;border:1px solid transparent;border-radius:6px;color:var(--paint-muted,#aaa2b0);font:550 11px/1.3 "BGSI Interface",sans-serif}
  & .calculator-verdict-option.is-selected{border-color:var(--paint-line-a16,#ffffff28);background:var(--paint-tint-a3,#ffffff08);color:var(--paint-text,#f5eff7)}
  & .calculator-verdict-option.is-selected[data-verdict="win"]{border-color:#72e7a045;background:#72e7a010;color:#72e7a0}
  & .calculator-verdict-option.is-selected[data-verdict="lose"]{border-color:var(--paint-accent-a27,#ff777e45);background:var(--paint-accent-a6,#ff777e10);color:var(--paint-accent-text,#ff777e)}
  & .calculator-verdict>strong{max-width:100%;overflow-wrap:anywhere;color:var(--paint-text,#f5eff7);font:650 clamp(20px,2.1vw,30px)/1.2 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
  & .calculator-verdict>.is-positive{color:#72e7a0}
  & .calculator-verdict>.is-negative{color:#ff777e}
  & .calculator-verdict-note{max-width:180px;margin-top:3px;color:var(--paint-text,#bdb4c5);font:400 10px/1.5 "BGSI Interface",sans-serif}
  & .calculator-market-metrics{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
  & .calculator-market-metrics>div{display:grid;min-width:0;gap:6px}
  & .calculator-market-metrics small{color:var(--paint-muted,#a9a2b0);font-size:10px}
  & .calculator-market-metrics strong{overflow-wrap:anywhere;color:var(--paint-text,#fff);font:650 clamp(20px,2.3vw,32px)/1.15 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
  & .calculator-market-metrics strong.is-temporary{color:var(--paint-accent-text,#ffaf68)}
  & .calculator-market-metrics .calculator-demand{font-size:22px;min-height:30px}
  & .calculator-market-metrics .calculator-demand svg{width:22px;height:22px}
  & .calculator-offer{grid-template-rows:auto minmax(280px,1fr)}
  & .calculator-offer>header{justify-content:space-between;padding:0 16px}
  & .calculator-reset{display:flex;align-items:center;gap:6px;padding:7px 9px;min-height:32px;color:var(--paint-text,#c8becd);background:var(--paint-tint-a2,#ffffff04);border:1px solid var(--paint-line-a9,#ffffff18);border-radius:7px;font:450 11px "BGSI Interface",sans-serif;cursor:pointer;transition:background .16s,border-color .16s}
  & .calculator-reset svg{width:13px;height:13px}
  & .calculator-reset:hover:not(:disabled){color:var(--paint-text,#ffe8ed);background:var(--paint-accent-a7,#ec3a3212);border-color:var(--paint-accent-a44,#ec3a3270)}
  & .calculator-reset:disabled{opacity:.4;cursor:default}
  & .calculator-leaderboard{grid-column:1/-1;display:grid;align-self:start;align-content:start;gap:2px;min-width:0;width:100%;padding:4px 6px}
  & .calculator-leaderboard>header{display:flex;justify-content:space-between;padding:8px 12px 13px;color:var(--paint-muted,#a9a2b0);font-size:11px;border-bottom:1px solid var(--paint-line-a7,#ffffff13)}
  & .calculator-leaderboard>button{display:grid;grid-template-columns:24px 38px minmax(0,1fr) auto 16px;align-items:center;gap:12px;min-height:64px;padding:8px 12px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--paint-text,#eee8f1);cursor:pointer;transition:background .16s,border-color .16s}
  & .calculator-leaderboard>button:hover{background:var(--paint-tint-a2,#ffffff05);border-color:var(--paint-accent-a25,#ec3a3240)}
  & .calculator-leaderboard-arrow{width:15px;height:15px;color:var(--paint-muted,#958d9d)}
  & .calculator-player-rank{color:var(--paint-muted,#9b929f);font:500 12px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;text-align:center}
  & .calculator-leaderboard>button:nth-of-type(-n+3) .calculator-player-rank{color:var(--paint-accent,#ff6866)}
  & .calculator-leaderboard-name{display:grid;gap:4px;min-width:0;justify-self:stretch;justify-items:start;text-align:left}
  & .calculator-leaderboard-name strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:600 13px "BGSI Interface",sans-serif;color:var(--paint-text,#f2edf5)}
  & .calculator-leaderboard-name small{font-size:10px;color:var(--paint-muted,#a9a2b0)}
  & .calculator-leaderboard-value{color:var(--paint-text,#e8dfed);font:550 12px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
  & .calculator-inventory-mode{display:flex;gap:4px;justify-self:start;padding:3px;background:var(--paint-tint-a1,#ffffff03);border:1px solid var(--paint-line-a9,#ffffff17);border-radius:8px}
  & .calculator-inventory-mode button{padding:7px 11px;min-height:32px;color:var(--paint-muted,#aba2b5);background:transparent;border:1px solid transparent;border-radius:5px;font:450 11px "BGSI Interface",sans-serif;cursor:pointer}
  & .calculator-inventory-mode button.is-active{color:var(--paint-text,#ffe9ed);background:var(--paint-accent-a8,#ec3a3214);border-color:var(--paint-accent-a27,#ec3a3245)}
  & .calculator-inventory-pet .calculator-picker-trend{top:43px}
  & .calculator-inventory-player>span{flex:1}
  & .calculator-inventory-player .calculator-back-players{width:auto;height:32px;padding:0 10px;color:var(--paint-text,#ffd6de);background:var(--paint-accent-a4,#ec3a320b);border-color:var(--paint-accent-a25,#ec3a3240);font:450 11px "BGSI Interface",sans-serif}
}
@media(max-width:640px){body.home-refined #calculator-page .calculator-market-banner{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}body.home-refined #calculator-page .calculator-verdict{padding:0 6px;margin:12px 0}body.home-refined #calculator-page .calculator-verdict-option{padding:4px 3px;font-size:10px}body.home-refined #calculator-page .calculator-verdict-options{gap:0}body.home-refined #calculator-page .calculator-verdict>strong{font-size:14px;letter-spacing:-.3px}body.home-refined #calculator-page .calculator-verdict-note{font-size:9px}body.home-refined #calculator-page .calculator-market-side{padding:14px 10px}body.home-refined #calculator-page .calculator-market-metrics{grid-template-columns:minmax(0,1fr);gap:12px}body.home-refined #calculator-page .calculator-market-metrics>div+div{display:flex;align-items:center;justify-content:space-between}body.home-refined #calculator-page .calculator-market-metrics strong{font-size:18px;letter-spacing:-.3px;white-space:nowrap}body.home-refined #calculator-page .calculator-market-metrics .calculator-demand{font-size:16px;gap:4px}body.home-refined #calculator-page .calculator-market-metrics .calculator-demand svg{width:16px;height:16px}body.home-refined #calculator-page .calculator-leaderboard>button{grid-template-columns:18px 32px minmax(0,1fr) auto;gap:8px;padding:8px 4px}body.home-refined #calculator-page .calculator-leaderboard-arrow{display:none}body.home-refined #calculator-page .calculator-leaderboard-value{font-size:10px}body.home-refined #calculator-page .calculator-offer>header{padding:0 12px}}


body.home-refined #calculator-page .calculator-picker.is-inventory-picker {
  & .calculator-inventory-controls.is-loaded{gap:14px;padding:16px;background:var(--paint-tint-a0,#ffffff01)}
  & .calculator-inventory-player{gap:12px;padding:0}
  & .calculator-inventory-player>button{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--paint-line-a13,#ffffff20);background:var(--paint-tint-a1,#ffffff03);border-radius:10px;color:var(--paint-text,#c7bfcc);transition:background .16s,border-color .16s,color .16s}
  & .calculator-inventory-player>button:hover:not(:disabled){background:var(--paint-accent-a6,#ec3a3210);border-color:var(--paint-accent-a38,#ff526460);color:var(--paint-text,#ffe8ec)}
  & .calculator-inventory-player .calculator-back-players{padding:0}
  & .calculator-back-players svg{width:19px;height:19px}
  & .calculator-inventory-player>.calculator-inventory-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border:1px solid var(--paint-line-a13,#ffffff22);border-radius:12px;background:var(--paint-surface,#222126);color:var(--paint-text,#f0eaf3);font:600 18px "BGSI Interface",sans-serif}
  & .calculator-inventory-avatar img{width:100%;height:100%;object-fit:cover}
  & .calculator-inventory-player>.calculator-inventory-identity{flex:1;gap:5px;min-width:0}
  & .calculator-inventory-identity strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paint-text,#f3eef5);font:600 17px/1.25 "BGSI Interface",sans-serif}
  & .calculator-inventory-identity small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paint-muted,#b5aeba);font:400 11px/1.3 "BGSI Interface",sans-serif}
  & .calculator-inventory-player>.calculator-inventory-count{display:flex;flex:0 0 auto;align-items:baseline;gap:5px;margin-left:auto;padding:8px 11px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:9px;background:var(--paint-tint-a1,#ffffff03)}
  & .calculator-inventory-count strong{font:650 14px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;color:var(--paint-text,#f1eaf4)}
  & .calculator-inventory-count small{font:400 11px "BGSI Interface",sans-serif;color:var(--paint-muted,#b5aeba)}
  & .calculator-inventory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
  & .calculator-inventory-toolbar .calculator-search{height:44px;background:var(--paint-surface,#18171c);border-color:var(--paint-line-a13,#ffffff20);border-radius:10px}
  & .calculator-inventory-toolbar .calculator-search input{padding-right:32px;font-size:12px}
  & .calculator-inventory-toolbar .calculator-inventory-mode{justify-self:end;height:44px;margin:0;padding:3px;border-radius:10px;background:var(--paint-tint-a1,#ffffff02)}
  & .calculator-inventory-toolbar .calculator-inventory-mode button{min-height:36px;padding:0 13px;font-size:11px;border-radius:7px}
  & .calculator-inventory-toolbar .calculator-inventory-mode button.is-active{background:var(--paint-accent-a7,#ec3a3212);border-color:var(--paint-accent-a33,#ec3a3255);color:var(--paint-text,#ffe5e9)}
  & .calculator-picker-results>button.calculator-inventory-pet{height:210px;min-height:210px;border-radius:13px;background:var(--paint-tint-a1,#ffffff03);box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 3px 10px var(--paint-shadow-a13,#0002)}
  & .calculator-inventory-pet .calculator-picker-art{inset:6px 2px 57px;overflow:hidden;border-radius:8px}
  & .calculator-inventory-pet .calculator-picker-art img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;padding:0;object-fit:contain}
  & .calculator-inventory-pet .calculator-picker-badge{top:9px;left:9px;height:24px;padding:3px 6px;border-color:var(--paint-line-a9,#ffffff16);background:var(--paint-base-a86,#16151adb);box-shadow:none}
  & .calculator-inventory-pet .calculator-inventory-quantity{top:9px;right:9px;min-width:31px;height:24px;justify-content:center;padding:0 7px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:7px;background:var(--paint-surface,#252228);color:var(--paint-text,#f8f0f6);font:650 12px "BGSI Display",sans-serif;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05)}
  & .calculator-inventory-pet .calculator-picker-trend{top:40px;right:9px;box-sizing:border-box;width:26px;height:26px;padding:4px;overflow:hidden;background:var(--paint-base-a86,#16151adb);border-color:var(--paint-line-a7,#ffffff12);box-shadow:none}
  & .calculator-inventory-pet .calculator-picker-trend svg{display:block;box-sizing:border-box;width:16px;height:16px;max-width:100%;max-height:100%;flex:none}
  & .calculator-picker-results>button.calculator-inventory-pet>span.calculator-picker-copy{left:0;right:0;bottom:0;gap:6px;padding:11px 12px;border:0;border-top:1px solid var(--paint-line-a7,#ffffff12);border-radius:0 0 12px 12px;background:var(--paint-surface-a93,#17161bec);box-shadow:none;backdrop-filter:blur(6px);text-align:left}
  & .calculator-inventory-pet .calculator-picker-copy strong{font:550 12px/1.3 "BGSI Interface",sans-serif}
  & .calculator-inventory-pet .calculator-picker-copy small{padding-right:27px;font:650 19px/1.15 "BGSI Display",sans-serif;letter-spacing:-.3px}
  & .calculator-inventory-pet .calculator-inventory-check{right:12px;bottom:12px;width:20px;height:20px;border-radius:6px;border-color:var(--paint-line-a19,#ffffff30);background:var(--paint-tint-a2,#ffffff04);box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05)}
  & .calculator-inventory-pet.is-selected .calculator-inventory-check{background:var(--paint-accent,#da2736);border-color:var(--paint-accent,#ff6573)}
  & .calculator-picker-results>button.calculator-inventory-pet.is-selected{border-color:var(--paint-accent-a50,#ff526480);background:var(--paint-accent-a3,#ec3a3208);box-shadow:inset 0 0 0 1px var(--paint-accent-a21,#ec3a3235)}
  & .calculator-inventory-skeleton{height:210px;min-height:210px}
  & .calculator-inventory-footer{gap:16px;padding:14px 16px;background:var(--paint-surface,#17161b);box-shadow:0 -5px 20px var(--paint-shadow-a13,#0002)}
  & .calculator-inventory-footer>span{display:flex;align-items:baseline;gap:7px;color:var(--paint-text,#bfb6c7);font:400 12px "BGSI Interface",sans-serif}
  & .calculator-inventory-footer>span>strong{font:650 18px "BGSI Display",sans-serif;color:var(--paint-text,#f5eef8);font-variant-numeric:tabular-nums}
  & .calculator-inventory-footer .calculator-copy-link{min-height:42px;padding:0 16px;font:550 12px "BGSI Interface",sans-serif;border-radius:9px}
  & .calculator-inventory-footer .calculator-copy-link.is-secondary{border-color:var(--paint-line-a15,#ffffff25);background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#e4dce9)}
  & .calculator-inventory-footer .calculator-copy-link.is-secondary:hover:not(:disabled){background:var(--paint-tint-a3,#ffffff08);border-color:var(--paint-line-a23,#ffffff3a)}
  & :is(.calculator-inventory-player>button,.calculator-inventory-mode button,.calculator-inventory-footer button):focus-visible{outline:2px solid var(--paint-accent,#ff8b98);outline-offset:3px}
}
@media(max-width:640px){
  body.home-refined #calculator-page .calculator-picker.is-inventory-picker{
    & .calculator-inventory-controls.is-loaded{padding:12px;gap:12px}
    & .calculator-inventory-player{gap:8px}
    & .calculator-inventory-player>button{flex-basis:32px;width:32px;height:36px;border-radius:8px}
    & .calculator-inventory-player>.calculator-inventory-avatar{flex-basis:36px;width:36px;height:36px;border-radius:10px}
    & .calculator-inventory-identity strong{font-size:14px}
    & .calculator-inventory-identity small{font-size:10px}
    & .calculator-inventory-player>.calculator-inventory-count{display:grid;justify-items:center;gap:1px;padding:5px 7px}
    & .calculator-inventory-count strong{font-size:12px}
    & .calculator-inventory-count small{font-size:10px}
    & .calculator-inventory-toolbar{grid-template-columns:minmax(0,1fr);gap:8px}
    & .calculator-inventory-toolbar .calculator-inventory-mode{justify-self:start;height:36px}
    & .calculator-inventory-toolbar .calculator-inventory-mode button{min-height:28px;font-size:10px}
    & .calculator-picker-results>button.calculator-inventory-pet{height:195px;min-height:195px}
    & .calculator-inventory-pet .calculator-picker-copy small{font-size:18px}
    & .calculator-inventory-footer{padding:12px;gap:8px}
    & .calculator-inventory-footer>span{gap:5px;font-size:11px}
    & .calculator-inventory-footer>span>strong{font-size:16px}
    & .calculator-inventory-footer .calculator-copy-link{padding:0 12px;font-size:11px}
    & .calculator-inventory-skeleton{height:195px;min-height:195px}
  }
}

body.home-refined :is(#trades-page,#terminal-page) {
  --trade-line:#ffffff17;
  width:min(calc(100% - 64px),1328px);
  margin:30px auto 48px;
  & .trades-toolbar { display:grid; grid-template-columns:minmax(150px,.5fr) minmax(240px,1fr) 172px; align-items:center; gap:18px; padding:0 0 24px; }
  & .trades-toolbar h1 { color:var(--paint-text,#f4edf2); font:650 32px/1.2 "BGSI Interface",sans-serif; letter-spacing:-1.2px; }
  & .trades-toolbar h1>span { color:var(--paint-accent,#ff564f); }
  & .trades-search-wrap { position:relative; min-width:0; }
  & .trades-search { display:flex; width:100%; height:48px; gap:11px; padding:0 44px 0 15px; border:1px solid var(--paint-line-a14,#ffffff23); border-radius:11px; background:var(--paint-base,#141215); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); transition:border-color .18s,background .18s,box-shadow .18s; }
  & .trades-search:hover { border-color:var(--paint-line-a22,#ffffff39); }
  & .trades-search:focus-within { border-color:var(--paint-accent-a48,#e480747a); background:var(--paint-base,#191519); box-shadow:0 0 0 3px var(--paint-accent-a6,#e9766010); }
  & .trades-search>.icon { width:18px; height:18px; color:var(--paint-muted,#b7a4ad); }
  & .trades-search input { flex:1; width:100%; height:100%; padding:0; color:var(--paint-text,#f2e9ee); font:400 12px "BGSI Interface",sans-serif; outline:none; }
  & .trades-search input::placeholder { color:var(--paint-muted,#b6a7af); }
  & .trades-search input::-webkit-search-cancel-button { display:none; }
  & .trades-search-clear { position:absolute; top:7px; right:7px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:7px; background:transparent; color:var(--paint-muted,#b8a6b0); cursor:pointer; }
  & .trades-search-clear:hover { background:var(--paint-tint-a3,#ffffff08); color:var(--paint-accent-text,#ffb6a6); }
  & .trades-search-clear .icon { width:15px; height:15px; }
  & .trades-search-spinner { display:none; flex:0 0 15px; width:15px; height:15px; border:2px solid var(--paint-line-a7,#ffffff12); border-top-color:var(--paint-accent,#fa7567); border-radius:50%; animation:trades-search-spin .7s linear infinite; }
  & .trades-search.is-searching .trades-search-spinner { display:block; }
  & .trades-sort { display:block; min-width:0; }
  & .trades-sort .custom-select { width:100%; height:48px; }
  & .trades-sort .custom-select-trigger { height:48px; width:100%; padding:0 14px; border:1px solid var(--paint-line-a14,#ffffff23); border-radius:11px; background:var(--paint-base,#141215); color:var(--paint-text,#d8cbd4); font:450 12px "BGSI Interface",sans-serif; box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); }
  & .trades-sort .custom-select-trigger:hover { border-color:var(--paint-line-a23,#ffffff3b); background:var(--paint-surface,#1a161b); }
  & .trades-sort .custom-select-chevron { width:14px; height:14px; color:var(--paint-muted,#a897a3); }
  & .trades-sort .custom-select-menu { left:auto; right:0; width:100%; min-width:0; padding:5px; border:1px solid var(--paint-line-a15,#ffffff26); border-radius:11px; background:var(--paint-surface,#201b21); box-shadow:0 15px 35px var(--paint-shadow-a60,#0009); }
  & .trades-sort .custom-select-option { min-height:40px; padding:0 10px; border-radius:6px; color:var(--paint-text,#d6c9d1); font:400 12px "BGSI Interface",sans-serif; }
  & .trades-sort .custom-select-option:hover { background:var(--paint-tint-a3,#ffffff07); }
  & .trades-sort .custom-select-option.is-selected { color:var(--paint-accent-text,#ffb19f); background:var(--paint-accent-a8,#ea725614); }
  & .trades-search-status { margin:-10px 0 18px; color:var(--paint-accent-text,#e4b5a9); font-size:12px; line-height:1.6; }
  & .trades-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin:-10px 0 18px; padding-bottom:10px; border-bottom:1px solid var(--trade-line); }
  & .trades-toggle { position:relative; display:inline-flex; min-height:44px; align-items:center; gap:9px; color:var(--paint-text,#c8b9c5); font:400 12px "BGSI Interface",sans-serif; cursor:pointer; user-select:none; }
  & .trades-toggle input { position:absolute; width:1px; height:1px; opacity:0; }
  & .trades-toggle-track { position:relative; flex:0 0 32px; width:32px; height:18px; border:1px solid var(--paint-line-a16,#ffffff2a); border-radius:6px; background:var(--paint-surface,#262027); transition:background .16s,border-color .16s; }
  & .trades-toggle-track::after { content:""; position:absolute; top:3px; left:3px; width:10px; height:10px; border-radius:3px; background:var(--paint-highlight,#b5a8b8); transition:transform .16s,background .16s; }
  & .trades-toggle input:checked+.trades-toggle-track { border-color:var(--paint-accent-a44,#e4877370); background:var(--paint-accent,#b64c39); }
  & .trades-toggle input:checked+.trades-toggle-track::after { transform:translateX(14px); background:var(--paint-highlight,#fff1e9); }
  & .trades-toggle input:checked~span:last-child { color:var(--paint-text,#f4d8cf); }
  & .trades-toggle input:focus-visible+.trades-toggle-track { outline:2px solid var(--paint-accent,#f49a84); outline-offset:4px; }
  & .trades-toggle:hover .trades-toggle-track { border-color:var(--paint-accent-a50,#d3a18b80); }
  & :is(#trades-list,#terminal-list) { gap:20px; padding-top:7px; }
  & :is(#trades-list,#terminal-list) .trade-post { position:relative; padding:14px 18px; border:1px solid var(--paint-line-a11,#ffffff1b); border-radius:14px; background:var(--paint-base,#111013); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04),0 5px 18px var(--paint-shadow-a20,#0003); }
  & :is(#trades-list,#terminal-list) .trade-post:not(.feed-post-skeleton):hover { transform:none; border-color:var(--paint-line-a20,#ffffff32); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 6px 20px var(--paint-shadow-a27,#0004); }
  & :is(#trades-list,#terminal-list) .trade-post::before { content:""; position:absolute; top:18px; bottom:18px; left:-1px; width:2px; border-radius:2px; background:var(--paint-accent-a29,#ec67514a); }
  & :is(#trades-list,#terminal-list) .trade-time-pill { position:absolute; z-index:3; top:-12px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; justify-content:center; min-width:72px; height:24px; padding:0 11px; border:1px solid #98706c66; border-radius:999px; background:var(--paint-surface,#211a20); color:var(--paint-text,#ead5ce); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 2px 5px var(--paint-shadow-a27,#0004); font:550 10px/1 "BGSI Interface",sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
  & :is(#trades-list,#terminal-list) .trade-time-skeleton { border-color:var(--paint-line-a13,#ffffff20); background:var(--paint-surface,#242026); }
  & :is(#trades-list,#terminal-list) .trade-comparison { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; padding:0; }
  & :is(#trades-list,#terminal-list) .trade-comparison::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:var(--trade-line); }
  & :is(#trades-list,#terminal-list) .trade-side { display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:start; align-items:center; column-gap:12px; padding:0; margin:0; border:0; border-radius:0; background:none; }
  & .trade-exchange { position:absolute; z-index:2; top:20px; left:50%; transform:translateX(-50%); display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--paint-line-a11,#ffffff1c); border-radius:8px; background:var(--paint-surface,#1b161c); color:var(--paint-muted,#c7a29e); }
  & .trade-exchange>svg { width:15px; height:15px; }
  & :is(#trades-list,#terminal-list) .trade-side-person { grid-column:1; grid-row:1; min-height:40px; margin:0; gap:8px; }
  & :is(#trades-list,#terminal-list) .trade-side-person :is(.trade-player,.trade-counterpart) { display:flex; align-items:center; min-width:0; max-width:100%; min-height:40px; gap:9px; padding:3px 6px 3px 3px; margin-left:-3px; border-radius:9px; color:var(--paint-text,#f0e5ee); background:none; transition:background .16s; }
  & :is(#trades-list,#terminal-list) .trade-side-person :is(.trade-player,.trade-counterpart):hover { background:var(--paint-accent-a6,#e9776110); }
  & :is(#trades-list,#terminal-list) .trade-side-person :is(.trade-player,.trade-counterpart):hover strong { color:var(--paint-accent-text,#ffc4b4); }
  & :is(#trades-list,#terminal-list) :is(.trade-player-avatar,.trade-counterpart-avatar) { display:grid; width:34px; height:34px; min-width:34px; flex:0 0 34px; place-items:center; object-fit:cover; border:1px solid var(--paint-line-a11,#ffffff1b); border-radius:9px; background:var(--paint-surface,#231b23); color:var(--paint-text,#d3b3c1); font:600 14px "BGSI Display",sans-serif; }
  & :is(#trades-list,#terminal-list) .trade-player-copy { gap:4px; }
  & :is(#trades-list,#terminal-list) .trade-player-copy strong { font:550 13px/1.25 "BGSI Interface",sans-serif; }
  & :is(#trades-list,#terminal-list) .trade-player-copy small { color:var(--paint-muted,#b8a8b5); font:400 10px/1.2 "BGSI Interface",sans-serif; }
  & :is(#trades-list,#terminal-list) .trade-side h2 { grid-column:2; grid-row:1; flex-direction:column; align-items:flex-end; justify-content:center; min-height:40px; gap:4px; padding:0; border:0; text-transform:none; }
  & :is(#trades-list,#terminal-list) .trade-side h2>span { font:450 11px "BGSI Interface",sans-serif; }
  & :is(#trades-list,#terminal-list) .trade-side-gave h2>span { color:var(--paint-accent-text,#ff9d98); }
  & :is(#trades-list,#terminal-list) .trade-side-received h2>span { color:#a9e6b5; }
  & :is(#trades-list,#terminal-list) .trade-side h2>strong { color:var(--paint-text,#f2d9cb); font:650 17px/1.15 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
  & :is(#trades-list,#terminal-list) .trade-side h2>strong.is-unvalued { color:var(--paint-muted,#a79ba9); }
  & :is(#trades-list,#terminal-list) .trade-pet-slots { grid-column:1 / -1; grid-template-columns:repeat(auto-fill,minmax(72px,82px)); align-content:start; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid var(--trade-line); }
  & :is(#trades-list,#terminal-list) .trade-pet-slot { display:grid; align-self:start; grid-template-rows:auto auto; gap:6px; padding:0; border:0; background:transparent; }
  & :is(#trades-list,#terminal-list) .trade-pet-art { background:var(--paint-surface,#1b171d); border:1px solid var(--paint-line-a11,#ffffff1b); border-radius:9px; box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); transition:border-color .16s,background .16s; }
  & :is(#trades-list,#terminal-list) .trade-pet-art img { width:94%; height:94%; -webkit-user-drag:none; user-select:none; }
  & :is(#trades-list,#terminal-list) .trade-pet-art img+.icon { display:none; }
  & :is(#trades-list,#terminal-list) .trade-pet-art.has-image-error img+.icon { position:absolute; inset:0; display:grid; width:auto; height:auto; place-items:center; opacity:.35; }
  & :is(#trades-list,#terminal-list) .trade-pet-slot:hover .trade-pet-art { transform:none; border-color:var(--paint-accent-a52,#ed957c85); background:var(--paint-surface,#241c24); }
  & :is(#trades-list,#terminal-list) .trade-pet-art>strong { left:auto; right:4px; bottom:4px; max-width:calc(100% - 8px); min-width:18px; padding:3px 4px; border:1px solid var(--paint-line-a10,#ffffff19); border-radius:5px; background:var(--paint-base-a93,#100c11ed); color:var(--paint-text,#fff2e9); font:700 11px/1.1 "BGSI Display",sans-serif; text-align:center; text-shadow:0 1px 2px var(--paint-shadow,#000); white-space:nowrap; text-overflow:clip; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand { top:4px; bottom:auto; left:4px; width:18px; height:18px; border-radius:5px; border-color:var(--paint-line-a11,#ffffff1b); background:var(--paint-base-a91,#100b13e8); }
  & :is(#trades-list,#terminal-list) .activity-pet-demand svg { width:13px; height:13px; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-very-low { --demand-tone:#ff454f; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-low { --demand-tone:#ff727d; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-medium { --demand-tone:#ffd573; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-high { --demand-tone:#b7ed75; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-very-high { --demand-tone:#ff98d3; }
  & :is(#trades-list,#terminal-list) .activity-pet-demand.demand-insane { --demand-tone:#d4a0ff; }
  & :is(#trades-list,#terminal-list) .trade-pet-slot>small { display:block; overflow:hidden; min-height:0; color:var(--paint-text,#d7c9d4); font:450 10px/1.3 "BGSI Interface",sans-serif; white-space:nowrap; text-overflow:ellipsis; text-align:center; overflow-wrap:normal; }
  & :is(#trades-list,#terminal-list) .trade-pet-slot.is-unvalued-pet .trade-pet-art { border-color:var(--paint-accent-a35,#e9606959); box-shadow:inset 0 0 0 1px var(--paint-accent-a6,#e9606910); }
  & :is(#trades-list,#terminal-list) .trade-pet-slot.is-unvalued-pet .trade-pet-art>strong { color:var(--paint-muted,#b7a8b7); }
  & :is(#trades-list,#terminal-list) .trade-pet-slot.is-highlighted-pet .trade-pet-art { border-color:#87d995ad; box-shadow:inset 0 0 0 1px #87d99524; }
  & :is(#trades-list,#terminal-list) .trade-pet-slot.is-unvalued-pet.is-highlighted-pet .trade-pet-art { border-color:var(--paint-accent-a50,#e9606980); box-shadow:inset 0 0 0 1px var(--paint-accent-a14,#e9606924); }
  & :is(#trades-list,#terminal-list) .trade-side.is-empty { grid-template-rows:40px minmax(0,1fr); align-content:stretch; }
  & :is(#trades-list,#terminal-list) .trade-side.is-empty .trade-pet-slots { align-self:stretch; align-content:stretch; }
  & :is(#trades-list,#terminal-list) .trade-pet-empty { display:grid; min-height:90px; place-items:center; padding:10px 6px; border:0; border-radius:0; background:none; color:var(--paint-text,#cbbec9); }
  & :is(#trades-list,#terminal-list) .trade-empty-content { display:grid; justify-items:center; gap:9px; }
  & :is(#trades-list,#terminal-list) .trade-empty-icon { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--paint-line-a9,#ffffff16); border-radius:11px; background:var(--paint-surface,#211a22); color:var(--paint-muted,#c1a3ab); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); }
  & :is(#trades-list,#terminal-list) .trade-empty-icon svg { width:21px; height:21px; }
  & :is(#trades-list,#terminal-list) .trade-empty-label { font:450 12px/1.4 "BGSI Interface",sans-serif; letter-spacing:-.1px; white-space:nowrap; }
  & .trades-empty { display:grid; justify-items:center; align-content:center; min-height:290px; padding:32px; border:1px solid var(--trade-line); border-radius:14px; background:var(--paint-base,#111013); text-align:center; }
  & .trades-empty>svg { width:36px; height:36px; margin-bottom:18px; color:var(--paint-accent-text,#d39a91); }
  & .trades-empty h2 { font-size:18px; font-weight:550; color:var(--paint-text,#eee1ec); }
  & .trades-empty p { margin-top:9px; color:var(--paint-muted,#b8a8b5); font-size:12px; }
  & .trades-empty button { min-height:42px; margin-top:20px; padding:0 16px; border:1px solid var(--paint-accent-a33,#e7867055); border-radius:8px; background:var(--paint-accent-a8,#e6755314); color:var(--paint-accent-text,#ffb7a3); font-size:12px; cursor:pointer; }
  & .feed-load-more { min-height:44px; border-color:var(--paint-line-a13,#ffffff20); border-radius:10px; background:var(--paint-tint-a1,#ffffff02); color:var(--paint-text,#c5b3c0); font:400 12px "BGSI Interface",sans-serif; }
  & .feed-empty { color:var(--paint-text,#cbb6c3); background:var(--paint-base,#111013); border-color:var(--trade-line); font-size:13px; }
  & :is(#trades-list,#terminal-list) .feed-post-skeleton .trade-comparison { gap:36px; }
  & :is(#trades-list,#terminal-list) .feed-skeleton-side { padding:0; border:0; }
  & :is(#trades-list,#terminal-list) .feed-skeleton-person { min-height:40px; }
  & :is(#trades-list,#terminal-list) .feed-skeleton-avatar { width:34px; height:34px; flex-basis:34px; border-radius:9px; }
  & :is(#trades-list,#terminal-list) .feed-skeleton-pets { grid-template-columns:repeat(4,minmax(0,82px)); gap:8px; margin-top:7px; }
  & :is(#trades-list,#terminal-list) .feed-skeleton-side b { border-radius:9px; }
}

@keyframes trades-search-spin { to { transform:rotate(360deg); } }

@media(max-width:760px) {
  body.home-refined :is(#trades-page,#terminal-page) {
    width:calc(100% - 28px); margin-top:24px;
    & .trades-toolbar { grid-template-columns:minmax(0,1fr) 150px; gap:14px 10px; padding-bottom:20px; }
    & .trades-toolbar h1 { grid-column:1 / -1; font-size:28px; }
    & .trades-filters { gap:4px 18px; margin:-8px 0 14px; padding-bottom:8px; }
    & .trades-toggle { font-size:11px; gap:7px; }
    & .trades-search { height:44px; padding-left:11px; gap:8px; }
    & .trades-search input { font-size:11px; }
    & .trades-search-clear { top:5px; right:5px; }
    & .trades-sort .custom-select, & .trades-sort .custom-select-trigger { height:44px; }
    & .trades-sort .custom-select-trigger { padding:0 11px; font-size:11px; }
    & :is(#trades-list,#terminal-list) .trade-post { padding:12px; }
    & :is(#trades-list,#terminal-list) .trade-comparison, & :is(#trades-list,#terminal-list) .feed-post-skeleton .trade-comparison { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
    & :is(#trades-list,#terminal-list) .trade-side, & :is(#trades-list,#terminal-list) .trade-side+.trade-side { display:block; padding:0; margin:0; border:0; }
    & :is(#trades-list,#terminal-list) .trade-side.is-empty { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:52px 44px minmax(0,1fr); }
    & :is(#trades-list,#terminal-list) .trade-side.is-empty>.trade-side-person { grid-column:1; grid-row:1; }
    & :is(#trades-list,#terminal-list) .trade-side.is-empty>h2 { grid-column:1; grid-row:2; }
    & :is(#trades-list,#terminal-list) .trade-side.is-empty>.trade-pet-slots { grid-column:1; grid-row:3; }
    & :is(#trades-list,#terminal-list) .trade-empty-label { font-size:11px; }
    & .trade-exchange { top:19px; width:24px; height:24px; }
    & .trade-exchange>svg { width:13px; height:13px; }
    & :is(#trades-list,#terminal-list) .trade-side-person { flex-wrap:wrap; min-height:52px; align-content:start; gap:3px; }
    & :is(#trades-list,#terminal-list) .trade-side-person :is(.trade-player,.trade-counterpart) { gap:6px; min-height:32px; padding:2px 3px; }
    & :is(#trades-list,#terminal-list) :is(.trade-player-avatar,.trade-counterpart-avatar) { width:28px; height:28px; min-width:28px; flex-basis:28px; border-radius:8px; }
    & :is(#trades-list,#terminal-list) .trade-player-copy strong { font-size:11px; }
    & :is(#trades-list,#terminal-list) .trade-player-copy small { font-size:9px; }
    & :is(#trades-list,#terminal-list) .trade-side h2 { min-height:39px; flex-direction:row; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; align-content:start; gap:3px 8px; margin-top:5px; }
    & :is(#trades-list,#terminal-list) .trade-side h2>span { width:100%; font-size:10px; }
    & :is(#trades-list,#terminal-list) .trade-side h2>strong { font-size:14px; }
    & :is(#trades-list,#terminal-list) .trade-pet-slots { grid-template-columns:repeat(auto-fill,minmax(58px,1fr)); gap:7px; margin-top:0; }
    & :is(#trades-list,#terminal-list) .trade-pet-art>strong { left:auto; right:3px; bottom:3px; max-width:calc(100% - 6px); font-size:11px; }
    & :is(#trades-list,#terminal-list) .trade-pet-slot>small { font-size:9px; min-height:0; }
    & :is(#trades-list,#terminal-list) .feed-skeleton-pets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
}

@media(max-width:400px) {
  body.home-refined :is(#trades-page,#terminal-page) .trades-toolbar { grid-template-columns:minmax(0,1fr) 128px; }
  body.home-refined :is(#trades-page,#terminal-page) .trades-search input::placeholder { font-size:10px; }
  body.home-refined :is(#trades-page,#terminal-page) .trades-search { padding-right:34px; gap:6px; }
  body.home-refined :is(#trades-page,#terminal-page) .trades-search>.icon { width:15px; height:15px; }
  body.home-refined :is(#trades-page,#terminal-page) .trades-search-clear { width:28px; }
}

@media(prefers-reduced-motion:reduce) {
  body.home-refined :is(#trades-page,#terminal-page) *, body.home-refined :is(#trades-page,#terminal-page) *::before, body.home-refined :is(#trades-page,#terminal-page) *::after { animation:none; transition:none; }
}

body.home-refined #terminal-page {
  & #terminal-list .trade-side h2>.terminal-side-total{max-width:240px;white-space:normal;overflow-wrap:anywhere;text-align:right;line-height:1.4;font-size:16px}
  & .terminal-post-actions{display:flex;align-items:center;min-height:40px}
  & .terminal-join{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid var(--paint-accent-a38,#ec3a3260);border-radius:8px;background:var(--paint-accent-a6,#ec3a3210);color:#ffd4d8;font:450 11px "BGSI Interface",sans-serif;text-decoration:none;transition:background .16s,border-color .16s}
  & .terminal-join:hover{border-color:var(--paint-accent-a67,#ff6b6caa);background:var(--paint-accent-a13,#ec3a3220);color:var(--paint-text,#fff)}
  & #terminal-list .trade-pseudo-item .trade-pet-art{background:var(--paint-tint-a1,#ffffff02);border-color:var(--paint-line-a6,#ffffff10);box-shadow:none}
  & #terminal-list .trade-pseudo-item .trade-pet-art img{width:80%;height:80%;object-fit:contain}
  & .terminal-pet-quantity{position:absolute;right:4px;top:4px;max-width:calc(100% - 30px);padding:3px 4px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:5px;background:var(--paint-base-a93,#100c11ed);color:var(--paint-text,#eee2ee);font:550 9px/1 "BGSI Display",sans-serif;white-space:nowrap}
  & :is(.terminal-join,.trade-pet-slot):focus-visible{outline:2px solid var(--paint-accent,#ff8981);outline-offset:3px}
  & #terminal-list .trade-side.is-empty .trade-pet-slots{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){body.home-refined #terminal-page #terminal-list .trade-side h2>.terminal-side-total{max-width:100%;text-align:left;font-size:14px}body.home-refined #terminal-page .terminal-post-actions{min-height:32px}body.home-refined #terminal-page .terminal-join{padding:0 8px;min-height:30px;font-size:10px}body.home-refined #terminal-page #terminal-list .trade-pet-empty{min-height:100px}}

body.leaderboards-refined { height:auto; min-height:100svh; overflow-y:auto; }
body.leaderboards-refined .home-ambient::before { opacity:.1; }
body.leaderboards-refined .home-ambient::after { opacity:.12; }
body.leaderboards-refined .site-footer { margin-top:auto; }
body.leaderboards-refined #leaderboards-page {
  --rank-gold:#f1cb82;
  --rank-silver:#c8d0df;
  --rank-bronze:#dba382;
  width:min(calc(100% - 112px),1328px);
  margin:36px auto 40px;
  flex:1 0 auto;
  opacity:1;
  transform:none;
  animation:none;
  & .leaderboard-panel { overflow:visible; border:0; border-radius:0; background:none; }
  & .leaderboard-panel-header { flex-direction:row; align-items:center; padding:0 0 25px; border:0; }
  & .leaderboard-panel-title { gap:10px; }
  & .leaderboard-context { display:flex; align-items:center; gap:12px; color:var(--paint-text,#c4bec6); font-size:12px; font-weight:450; }
  & #game-leaderboard-period { padding-left:12px; border-left:1px solid var(--paint-line-a19,#ffffff30); color:var(--paint-muted,#a6a1ad); }
  & .leaderboard-panel-title h1 { color:var(--paint-text,#f7f3f5); font-size:clamp(32px,3.6vw,48px); font-weight:700; letter-spacing:-2px; line-height:1.14; }
  & .leaderboard-panel-title h1 span { color:var(--paint-accent,#ec3a32); }


  & .leaderboard-panel-tools { position:relative; z-index:5; display:flex; flex-wrap:nowrap; align-items:center; gap:10px; padding:11px; border:1px solid var(--paint-line-a11,#ffffff1c); border-radius:15px; background:var(--paint-base-a74,#141316bd); backdrop-filter:blur(18px); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),0 6px 20px var(--paint-shadow-a20,#0003); }
  & #game-leaderboard-summary { flex:0 0 auto; max-width:110px; color:var(--paint-muted,#b9b0bf); font-size:11px; line-height:1.4; text-align:center; }
  & .leaderboard-podium[hidden]+.leaderboard-table-wrap { margin-top:26px; }
  & .leaderboard-controls { display:flex; flex-direction:row; align-items:center; flex:0 1 auto; width:auto; gap:12px; }
  & .leaderboard-select { display:block; min-width:186px; width:220px; }
  & .leaderboard-select .custom-select { display:block; height:44px; width:100%; padding:0; border:0; background:none; border-radius:10px; }
  & .custom-select-trigger { display:flex; align-items:center; justify-content:space-between; height:44px; min-height:44px; width:100%; padding:0 13px; color:var(--paint-text,#f2edf2); border:1px solid var(--paint-line-a14,#ffffff24); border-radius:9px; background:var(--paint-surface-a65,#202025a6); font-size:13px; font-weight:500; box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); }
  & .custom-select-trigger:hover { border-color:var(--paint-line-a25,#ffffff40); background:var(--paint-surface,#252329); }
  & .custom-select-chevron { width:14px; height:14px; }
  & .custom-select-menu { z-index:15; min-width:0; width:100%; padding:5px; border:1px solid var(--paint-line-a16,#ffffff29); border-radius:11px; background:var(--paint-surface-a96,#1b191ef5); backdrop-filter:blur(16px); box-shadow:0 16px 36px var(--paint-shadow-a60,#0009); }
  & .custom-select-option { min-height:42px; padding:0 11px; color:var(--paint-text,#d0cbd4); font-size:12px; border-radius:7px; }
  & .custom-select-option:hover { background:var(--paint-tint-a3,#ffffff08); }
  & .custom-select-option.is-selected { color:var(--paint-accent-text,#ffa39e); background:var(--paint-accent-a8,#ec3a3215); }
  & .leaderboard-period-control { display:block; min-width:0; width:auto; }
  & .leaderboard-periods { width:auto; height:44px; min-height:44px; gap:3px; padding:3px; border:1px solid var(--paint-line-a7,#ffffff13); border-radius:10px; background:var(--paint-base-a44,#09090c70); }
  & .leaderboard-periods button { height:36px; min-width:70px; padding:0 14px; border-radius:7px; color:var(--paint-text,#bcb5c0); font-size:12px; font-weight:450; transition:background .18s,color .18s; }
  & .leaderboard-periods button:hover { background:var(--paint-tint-a3,#ffffff07); color:var(--paint-text,#fff); }
  & .leaderboard-periods button.is-active { color:var(--paint-text,#fff2f0); background:var(--paint-accent,#c82c29); box-shadow:inset 0 1px var(--paint-shadow-a9,#ffffff18),0 2px 5px var(--paint-shadow-a20,#0003); }
  & .leaderboard-search { display:flex; flex:1 1 auto; gap:10px; width:auto; min-width:130px; height:44px; padding:0 12px; border:1px solid var(--paint-line-a11,#ffffff1b); border-radius:9px; color:var(--paint-muted,#a7a0ae); background:var(--paint-base-a50,#0a090d80); transition:border-color .18s,box-shadow .18s; }
  & .leaderboard-search:focus-within { border-color:var(--paint-accent-a50,#ec3a3280); box-shadow:0 0 0 3px var(--paint-accent-a6,#ec3a3210); }
  & .leaderboard-search>svg { flex:0 0 18px; width:18px; height:18px; }
  & .leaderboard-search input { height:100%; min-height:0; min-width:0; flex:1; padding:0; border:0; background:none; box-shadow:none; color:var(--paint-text,#f1edf2); font:400 12px "BGSI Interface",sans-serif; }
  & .leaderboard-search input::placeholder { color:var(--paint-muted,#aaa2ae); }
  & .leaderboard-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
  & #leaderboard-search-clear { display:grid; place-items:center; flex:0 0 26px; width:26px; height:30px; padding:4px; border:0; border-radius:5px; background:transparent; color:var(--paint-text,#bcb4c1); cursor:pointer; }
  & #leaderboard-search-clear:hover { color:var(--paint-text,#fff); background:var(--paint-tint-a5,#ffffff0c); }
  & #leaderboard-search-clear svg { width:18px; height:18px; }
  & .leaderboard-refresh { width:44px; height:44px; flex:0 0 44px; border-radius:9px; background:var(--paint-surface-a50,#201c2180); border-color:var(--paint-line-a11,#ffffff1d); color:var(--paint-text,#bab3c0); transition:background .18s,border-color .18s; }
  & .leaderboard-refresh svg { width:18px; height:18px; }
  & .leaderboard-refresh:hover { background:var(--paint-accent-a7,#ec3a3212); color:var(--paint-accent-text,#ff938d); border-color:var(--paint-accent-a33,#ec3a3255); }
  & .leaderboard-refresh.is-loading { color:var(--paint-accent,#ff6860); }
  & .leaderboard-refresh.is-loading svg { animation:leaderboard-refresh-spin .8s linear infinite; }
  & .leaderboard-podium { display:grid; grid-template-columns:1fr 1.1fr 1fr; align-items:end; gap:16px; margin:30px 0 36px; }
  & .leaderboard-podium-card { --medal:var(--rank-gold); position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; height:310px; padding:18px 20px 22px; border:1px solid color-mix(in srgb,var(--medal) 28%,transparent); border-radius:17px; color:var(--paint-text,#f6f2f5); background:var(--paint-base-a65,#161518a6); backdrop-filter:blur(14px); box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),inset 0 -4px var(--paint-shadow-a33,#0005),0 10px 30px var(--paint-shadow-a27,#0004); transition:border-color .2s,background .2s,box-shadow .2s; }
  & .leaderboard-podium-card[data-rank="1"] { order:2; height:338px; background:var(--paint-surface-a65,#1c1917a6); border-color:#f1cb8247; }
  & .leaderboard-podium-card[data-rank="2"] { --medal:var(--rank-silver); order:1; }
  & .leaderboard-podium-card[data-rank="3"] { --medal:var(--rank-bronze); order:3; }
  & a.leaderboard-podium-card:hover { border-color:var(--medal); background:var(--paint-surface,#211e22); box-shadow:inset 0 1px var(--paint-shadow-a7,#ffffff13),inset 0 -4px var(--paint-shadow-a33,#0005),0 12px 32px var(--paint-shadow-a33,#0005); }
  & .leaderboard-podium-award { display:flex; align-items:center; width:100%; gap:7px; color:var(--medal); text-transform:uppercase; font-size:10px; font-weight:600; letter-spacing:1.2px; }
  & .leaderboard-podium-award svg { width:21px; height:21px; }
  & .leaderboard-podium-award strong { margin-left:auto; font-family:"BGSI Display",sans-serif; font-size:18px; font-weight:650; letter-spacing:0; }
  & .leaderboard-avatar { position:relative; display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; overflow:hidden; background:var(--paint-surface,#242129); color:var(--paint-text,#c4b7c8); border:1px solid var(--paint-line-a13,#ffffff20); border-radius:13px; font-size:18px; }
  & .leaderboard-avatar img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
  & .leaderboard-podium-card .leaderboard-avatar { width:106px; height:106px; flex:0 0 106px; margin:13px 0 17px; border:2px solid color-mix(in srgb,var(--medal) 65%,transparent); outline:1px solid color-mix(in srgb,var(--medal) 20%,transparent); outline-offset:5px; border-radius:50%; background:var(--paint-surface,#242127); font-size:35px; }
  & .leaderboard-podium-card[data-rank="1"] .leaderboard-avatar { width:124px; height:124px; flex-basis:124px; margin-top:14px; }
  & .leaderboard-podium-card .leaderboard-player-copy { display:flex; flex-direction:column; align-items:center; width:100%; min-width:0; gap:5px; }
  & .leaderboard-podium-card .leaderboard-player-copy strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; font-weight:650; letter-spacing:-.5px; }
  & .leaderboard-podium-card[data-rank="1"] .leaderboard-player-copy strong { font-size:23px; }
  & .leaderboard-podium-card .player-handle { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--paint-muted,#b0a6b4); font-size:11px; }
  & .leaderboard-podium-crest { position:absolute; top:55px; left:50%; width:158px; height:128px; transform:translateX(-50%); color:var(--medal); opacity:.45; pointer-events:none; }
  & .leaderboard-podium-crest svg { width:100%; height:100%; }
  & .leaderboard-podium-card[data-rank="1"] .leaderboard-podium-crest { width:182px; height:144px; top:57px; }
  & .leaderboard-podium-score { display:flex; flex-direction:column; align-items:center; gap:2px; margin-top:auto; padding-top:14px; }
  & .leaderboard-podium-score strong { color:var(--medal); font:650 30px/1.1 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.7px; }
  & .leaderboard-podium-card[data-rank="1"] .leaderboard-podium-score strong { font-size:35px; }
  & .leaderboard-podium-score small { color:var(--paint-muted,#b5acb9); font-size:10px; font-weight:400; }

  & .leaderboard-table-wrap { min-height:0; overflow:visible; border:1px solid var(--paint-line-a10,#ffffff19); border-radius:14px; background:var(--paint-base-a65,#111013a6); }
  & .leaderboard-table { width:100%; min-width:0; table-layout:fixed; border-collapse:separate; border-spacing:0; }
  & .leaderboard-table th,& .leaderboard-table td { height:70px; padding:0 22px; border-bottom:1px solid var(--paint-line-a4,#ffffff0a); font-size:13px; }
  & .leaderboard-table th { height:42px; background:var(--paint-tint-a1,#ffffff03); color:var(--paint-muted,#aaa1af); font-size:10px; font-weight:500; letter-spacing:.4px; }
  & .leaderboard-table th:first-child { width:92px; border-top-left-radius:14px; }
  & .leaderboard-table th:last-child { width:30%; border-top-right-radius:14px; }
  & .leaderboard-table tbody tr { transition:background .16s; }
  & .leaderboard-table tbody tr:hover { background:var(--paint-tint-a2,#ffffff04); }
  & .leaderboard-rank { width:auto; color:var(--paint-muted,#afa3b7); font-family:"BGSI Display",sans-serif; font-size:16px!important; font-weight:550; }
  & .leaderboard-player { display:flex; width:100%; gap:13px; color:var(--paint-text,#eee8f0); }
  & .leaderboard-player-copy { display:grid; gap:4px; min-width:0; }
  & .leaderboard-player strong { font-size:13px; font-weight:550; letter-spacing:-.2px; }
  & .leaderboard-player small { font-size:11px; color:var(--paint-muted,#a69bac); }
  & .leaderboard-player:hover strong { color:var(--paint-accent-text,#ffb0aa); }
  & .leaderboard-table .numeric { color:var(--paint-text,#f0e8f2); font-weight:400; white-space:nowrap; }
  & .leaderboard-table .numeric strong { display:block; font:600 19px/1.2 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; }
  & .leaderboard-table .numeric small { display:block; margin-top:3px; color:var(--paint-muted,#a69aaa); font:400 10px/1.3 "BGSI Interface",sans-serif; font-variant-numeric:tabular-nums; }
  & .leaderboard-table tr[data-rank="1"] .leaderboard-rank { color:var(--rank-gold); }
  & .leaderboard-table tr[data-rank="2"] .leaderboard-rank { color:var(--rank-silver); }
  & .leaderboard-table tr[data-rank="3"] .leaderboard-rank { color:var(--rank-bronze); }
  & .players-empty { padding:35px 20px!important; height:230px!important; text-align:center; }
  & .players-empty strong { color:var(--paint-text,#eee8f1); font-size:17px; font-weight:550; }
  & .players-empty p { margin:9px auto 18px; color:var(--paint-muted,#b2a7bb); font-size:12px; line-height:1.6; }
  & .players-empty button { min-height:42px; padding:0 17px; color:var(--paint-accent-text,#ffc5c0); font:500 12px "BGSI Interface",sans-serif; background:var(--paint-accent-a7,#ec3a3213); border:1px solid var(--paint-accent-a27,#ec3a3245); border-radius:8px; cursor:pointer; }
  & .leaderboard-panel.is-loading .leaderboard-table-wrap { opacity:1; }
  & .leaderboard-skeleton { pointer-events:none; }
  & .leaderboard-skeleton :is(.leaderboard-avatar,.leaderboard-skeleton-name,.leaderboard-skeleton-handle,.leaderboard-skeleton-award,.leaderboard-skeleton-score),& tr.leaderboard-skeleton td>span { background:var(--paint-tint-a4,#ffffff09); border-color:transparent; outline:0; animation:bgsi-leaderboard-pulse 1.3s ease-in-out infinite alternate; }
  & .leaderboard-skeleton-award { align-self:flex-start; width:75px; height:20px; border-radius:5px; }
  & .leaderboard-skeleton-name { width:min(140px,65%); height:20px; border-radius:5px; }
  & .leaderboard-skeleton-handle { margin-top:8px; width:90px; height:11px; border-radius:4px; }
  & .leaderboard-skeleton-score { width:104px; height:30px; margin-top:auto; border-radius:6px; }
  & tr.leaderboard-skeleton td>span { display:inline-block; width:36px; height:18px; border-radius:4px; }
  & tr.leaderboard-skeleton .numeric>span { width:80px; }
}
@keyframes bgsi-leaderboard-pulse { to { opacity:.4; } }
@media(max-width:1000px) {
  body.leaderboards-refined #leaderboards-page {
    width:calc(100% - 64px);
    & .leaderboard-panel-tools { flex-wrap:wrap; }
    & .leaderboard-controls { flex:1 0 100%; justify-content:space-between; }
    & .leaderboard-select { flex:1; max-width:380px; }
    & .leaderboard-search { min-width:0; }
    & .leaderboard-podium { gap:12px; grid-template-columns:1fr 1fr 1fr; }
    & .leaderboard-podium-card { padding-left:14px; padding-right:14px; }
    & .leaderboard-podium-card .leaderboard-player-copy strong { font-size:17px; }
    & .leaderboard-podium-card[data-rank="1"] .leaderboard-player-copy strong { font-size:20px; }
  }
}
@media(max-width:620px) {
  body.leaderboards-refined #leaderboards-page {
    width:calc(100% - 32px); margin-top:27px;
    & .leaderboard-panel-header { padding-bottom:22px; }
    & .leaderboard-panel-title h1 { font-size:34px; letter-spacing:-1.6px; }
    & .leaderboard-context { gap:9px; font-size:10px; }
    & #game-leaderboard-period { padding-left:9px; }


    & .leaderboard-panel-tools { gap:8px; padding:8px; border-radius:13px; }
    & #game-leaderboard-summary { max-width:85px; font-size:10px; }
    & .leaderboard-search { flex-basis:0; }
    & .leaderboard-controls { width:100%; flex-direction:column; align-items:stretch; gap:8px; }
    & .leaderboard-select { width:100%; max-width:none; min-width:0; }
    & .leaderboard-period-control,& .leaderboard-periods { width:100%; }
    & .leaderboard-periods button { flex:1; padding:0 10px; }
    & .leaderboard-podium { grid-template-columns:1fr 1fr; gap:12px; margin:22px 0 26px; }
    & .leaderboard-podium-card[data-rank="1"] { order:0; grid-column:1/-1; height:280px; }
    & .leaderboard-podium-card { height:258px; padding:14px 13px 17px; border-radius:14px; }
    & .leaderboard-podium-card .leaderboard-avatar { width:80px; height:80px; flex-basis:80px; margin:12px 0 14px; }
    & .leaderboard-podium-card[data-rank="1"] .leaderboard-avatar { width:102px; height:102px; flex-basis:102px; margin-top:9px; }
    & .leaderboard-podium-card .leaderboard-player-copy strong { font-size:15px; letter-spacing:-.4px; }
    & .leaderboard-podium-card[data-rank="1"] .leaderboard-player-copy strong { font-size:22px; }
    & .leaderboard-podium-card .player-handle { font-size:9px; }
    & .leaderboard-podium-crest { top:45px; width:122px; height:96px; }
    & .leaderboard-podium-card[data-rank="1"] .leaderboard-podium-crest { top:48px; width:152px; height:114px; }
    & .leaderboard-podium-score strong { font-size:25px; }
    & .leaderboard-podium-card[data-rank="1"] .leaderboard-podium-score strong { font-size:30px; }
    & .leaderboard-podium-score small { font-size:9px; }
    & .leaderboard-podium-award { font-size:9px; gap:5px; letter-spacing:.7px; }
    & .leaderboard-podium-award svg { width:17px; height:17px; }
    & .leaderboard-podium-award strong { font-size:16px; }

    & .leaderboard-table th,& .leaderboard-table td { padding:0 10px; height:66px; }
    & .leaderboard-table th { height:37px; font-size:9px; }
    & .leaderboard-table th:first-child { width:48px; }
    & .leaderboard-table th:last-child { width:86px; }
    & .leaderboard-rank { font-size:13px!important; }
    & .leaderboard-player { gap:9px; }
    & .leaderboard-player .leaderboard-avatar { width:32px; height:32px; flex-basis:32px; border-radius:10px; }
    & .leaderboard-player strong { font-size:11px; }
    & .leaderboard-player small { font-size:9px; }
    & .leaderboard-table .numeric strong { font-size:17px; }
    & .leaderboard-table .numeric small { display:none; }
    & .players-empty p { font-size:11px; }
  }
}

body.eggs-refined { height:auto; min-height:100svh; overflow-y:auto; }
body.eggs-refined .home-ambient::before { opacity:.1; }
body.eggs-refined .home-ambient::after { opacity:.12; }
body.eggs-refined .site-footer { margin-top:auto; }
body.eggs-refined :is(#eggs-page,#egg-detail-page) { width:min(calc(100% - 112px),1328px); max-width:none; min-height:0; margin:35px auto 40px; flex:1 0 auto; opacity:1; transform:none; animation:none; }
body.eggs-refined #eggs-page {
  & .egg-catalog-heading { margin-bottom:23px; }
  & .egg-catalog-heading h1 { color:var(--paint-text,#f5f0f4); font-size:38px; font-weight:700; letter-spacing:-1.4px; line-height:1.1; }
  & .egg-catalog-heading h1 span { color:var(--paint-accent,#ec3a32); }
  & .pv-bar { position:relative; z-index:5; display:flex; align-items:center; gap:8px; margin:0 0 24px; padding:7px; border:1px solid var(--paint-line-a13,#ffffff21); border-radius:16px; background:var(--paint-base-a79,#151517c9); backdrop-filter:blur(20px); box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0c),0 8px 28px var(--paint-shadow-a20,#0003); }
  & .eggs-search-wrap { display:flex; align-items:center; flex:1; min-width:0; height:52px; gap:12px; padding:0 12px; border:1px solid transparent; border-radius:10px; color:var(--paint-muted,#a6a4ae); background:none; transition:border-color .18s,background-color .18s; }
  & .eggs-search-wrap:hover { background:var(--paint-tint-a1,#ffffff03); }
  & .eggs-search-wrap:focus-within { border-color:var(--paint-accent-a38,#ec3a3260); background:var(--paint-base-a78,#0a0a0dc7); }
  & .eggs-search-wrap>svg { box-sizing:border-box; width:34px; height:34px; flex:0 0 34px; padding:7px; border:1px solid var(--paint-accent-a18,#ec3a322e); border-radius:10px; background:var(--paint-accent-a4,#ec3a320b); color:var(--paint-accent-text,#ef8b84); transition:color .18s,border-color .18s; }
  & .eggs-search-wrap:focus-within>svg { color:var(--paint-accent-text,#ffa69e); border-color:var(--paint-accent-a31,#ec3a3250); }
  & #eggs-search-input { width:100%; min-width:0; height:100%; min-height:0; flex:1; padding:0; background:none; border:0; color:var(--paint-text,#f2f0f5); font-size:13px; font-weight:400; box-shadow:none; outline:0; }
  & #eggs-search-input::placeholder { color:var(--paint-muted,#aaa7b1); }
  & #eggs-search-input::-webkit-search-cancel-button { -webkit-appearance:none; }
  & #eggs-search-clear { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; padding:8px; border:1px solid var(--paint-line-a8,#ffffff14); border-radius:8px; background:var(--paint-tint-a1,#ffffff03); color:var(--paint-muted,#aaa7b1); cursor:pointer; }
  & #eggs-search-clear svg { width:18px; height:18px; }
  & #eggs-search-clear:hover { background:var(--paint-accent-a6,#ec3a3210); border-color:var(--paint-accent-a25,#ec3a3240); color:var(--paint-accent-text,#ffafa8); }
  & .pets-sort { flex:0 0 202px; width:202px; height:52px; padding:0; border:0; background:none; }
  & .custom-select { height:52px; width:100%; }
  & .custom-select-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; height:52px; padding:0 14px; border:1px solid var(--paint-line-a9,#ffffff16); border-radius:10px; background:var(--paint-tint-a1,#ffffff03); color:var(--paint-text,#e8e5ec); font-size:12px; font-weight:500; transition:background-color .18s,border-color .18s; }
  & .custom-select-value { display:grid; gap:4px; }
  & .custom-select-value::before { content:"Browse eggs"; color:var(--paint-muted,#a6a3ad); font-size:9px; font-weight:400; line-height:1; }
  & .custom-select-chevron { color:var(--paint-muted,#aaa7b1); }
  & .custom-select-trigger:hover,& .custom-select.is-open .custom-select-trigger { border-color:var(--paint-accent-a27,#ec3a3245); background:var(--paint-accent-a3,#ec3a3208); }
  & .custom-select-menu { z-index:20; left:0; top:calc(100% + 12px); width:100%; min-width:0; max-height:344px; padding:7px; border:1px solid var(--paint-line-a15,#ffffff26); border-radius:12px; background:var(--paint-surface-a98,#19191bfA); backdrop-filter:blur(18px); box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 16px 36px var(--paint-shadow-a73,#000b); scrollbar-color:#4c4245 transparent; scrollbar-width:thin; overscroll-behavior:contain; }
  & .egg-select-group { padding:9px 10px 7px; color:var(--paint-muted,#9e9aa6); font-size:9px; font-weight:450; letter-spacing:.3px; }
  & .egg-select-group:not(:first-child) { margin-top:5px; border-top:1px solid var(--paint-line-a6,#ffffff10); padding-top:13px; }
  & .custom-select-option { position:relative; min-height:40px; padding:0 28px 0 10px; border-radius:7px; color:var(--paint-text,#d7d3dd); font-size:11px; font-weight:400; }
  & .custom-select-option:hover { background:var(--paint-tint-a3,#ffffff07); color:var(--paint-text,#fff); }
  & .custom-select-option.is-selected { background:var(--paint-accent-a8,#ec3a3214); color:var(--paint-accent-text,#ffaca5); }
  & .custom-select-option.is-selected::after { content:""; position:absolute; right:12px; width:5px; height:9px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:translateY(-2px) rotate(45deg); }
  & #eggs-direction-button { display:grid; place-items:center; width:44px; height:52px; flex:0 0 44px; min-height:0; padding:0; border:1px solid var(--paint-line-a9,#ffffff16); border-radius:10px; background:var(--paint-tint-a1,#ffffff03); color:var(--paint-muted,#aaa7b1); box-shadow:none; }
  & #eggs-direction-button svg { width:21px; height:21px; }
  & #eggs-direction-button:hover { border-color:var(--paint-accent-a31,#ec3a3250); color:var(--paint-accent-text,#ff938a); background:var(--paint-accent-a6,#ec3a3210); }
  & .egg-grid { gap:16px; }
  & .egg-card { position:relative; padding:8px; border:1px solid var(--paint-line-a10,#ffffff1a); border-radius:16px; background:var(--paint-base-a70,#151517b3); backdrop-filter:blur(14px); box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 5px 16px var(--paint-shadow-a20,#0003); }
  & .egg-card:hover { border-color:var(--paint-accent-a40,#ec3a3265); background:var(--paint-surface-a81,#1b191ccf); transform:translateY(-3px); }
  & .catalog-art { border:1px solid var(--paint-line-a2,#ffffff05); border-radius:11px; background:var(--paint-tint-a1,#ffffff02); }
  & .catalog-art::after { content:""; position:absolute; bottom:12%; left:25%; width:50%; height:9%; border-radius:50%; background:var(--paint-base-a47,#0007); filter:blur(8px); }
  & .catalog-art>img { width:92%; height:92%; filter:drop-shadow(0 12px 10px #0006); }
  & .catalog-card-body { padding:13px 6px 6px; }
  & .catalog-card-body h2 { margin:0; color:var(--paint-text,#f0edf4); font-size:13px; font-weight:600; letter-spacing:-.2px; line-height:1.4; }
  & .catalog-card-foot { margin-top:11px; padding-top:10px; border-color:var(--paint-line-a4,#ffffff0b); color:var(--paint-muted,#aaa6b2); font-size:10px; font-weight:400; }
  & .catalog-card-foot svg { width:15px; height:15px; color:var(--paint-muted,#b4adbE); }
  & .egg-card-arrow { display:grid; place-items:center; width:22px; height:22px; border:1px solid var(--paint-line-a6,#ffffff10); border-radius:6px; color:var(--paint-muted,#aaa6b2); transition:background-color .18s,border-color .18s; }
  & .egg-card-arrow svg { width:13px; height:13px; color:inherit; }
  & .egg-card:hover .egg-card-arrow { background:var(--paint-accent-a6,#ec3a3210); border-color:var(--paint-accent-a21,#ec3a3235); color:var(--paint-accent-text,#ffaca5); }
  & :is(.custom-select-trigger,.custom-select-option,#eggs-search-clear,#eggs-direction-button,.egg-card):focus-visible { outline:2px solid var(--paint-accent,#f65b50); outline-offset:3px; }
  & .egg-card-skeleton { min-height:240px; }
  & .egg-card-skeleton::before,& .egg-card-skeleton>span { background:var(--paint-tint-a3,#ffffff08); animation:bgsi-leaderboard-pulse 1.3s ease-in-out infinite alternate; }
  & .egg-message { min-height:180px; color:var(--paint-muted,#b7aabd); border:1px solid var(--paint-line-a9,#ffffff17); border-radius:12px; font-size:13px; }
}
body.egg-refined #egg-detail-page {
  & .egg-detail-topline { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; color:var(--paint-muted,#9f93a8); font-size:11px; }
  & .egg-detail-topline a { display:flex; align-items:center; gap:6px; min-height:36px; color:var(--paint-text,#c4b5ce); }
  & .egg-detail-topline a:hover { color:var(--paint-text,#fff); }
  & .egg-detail-topline svg { width:17px; height:17px; }
  & .egg-detail-shell { display:grid; grid-template-columns:320px minmax(0,1fr); align-items:start; gap:42px; }
  & .egg-detail-summary { position:sticky; top:24px; display:grid; grid-template-columns:1fr; padding:0; gap:24px; border:0; background:none; }
  & .egg-detail-art { position:relative; width:100%; height:280px; aspect-ratio:auto; max-width:none; overflow:hidden; border:1px solid var(--paint-line-a9,#ffffff18); border-radius:20px; background:var(--paint-surface-a61,#18151b9c); backdrop-filter:blur(14px); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),inset 0 -4px var(--paint-shadow-a40,#0006),0 14px 32px var(--paint-shadow-a27,#0004); }
  & .egg-detail-art::after { content:""; position:absolute; bottom:24px; width:46%; height:20px; border-radius:50%; background:var(--paint-base-a53,#0008); filter:blur(11px); pointer-events:none; }
  & .egg-detail-art img { position:relative; z-index:1; width:82%; height:82%; object-fit:contain; filter:drop-shadow(0 15px 17px #0009); }
  & .egg-detail-copy h1 { margin:0 0 22px; color:var(--paint-text,#f7f1f6); font-size:32px; font-weight:650; letter-spacing:-1.1px; line-height:1.15; }
  & .egg-detail-facts { margin:0; padding:0; }
  & .egg-detail-facts>div { display:grid; grid-template-columns:78px minmax(0,1fr); align-items:baseline; gap:13px; padding:12px 0; border-bottom:1px solid var(--paint-line-a5,#ffffff0e); }
  & .egg-detail-facts dt { color:var(--paint-muted,#aba0b3); font-size:11px; }
  & .egg-detail-facts dd { margin:0; color:var(--paint-text,#e1d6e8); font-size:12px; font-weight:450; overflow-wrap:anywhere; }
  & .egg-detail-facts dd a { color:var(--paint-accent-text,#ff9b94); }
  & .egg-detail-facts dd a:hover { text-decoration:underline; }
  & .egg-detail-expected-value { margin-top:26px; padding:18px 20px; gap:9px; border:1px solid var(--paint-accent-a19,#ec3a3230); border-radius:12px; background:var(--paint-accent-a3,#ec3a3208); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); }
  & .egg-detail-expected-value>span { color:var(--paint-text,#e1c9d6); font-size:11px; font-weight:450; text-transform:none; letter-spacing:0; }
  & .egg-detail-expected-value>span small { color:var(--paint-muted,#a393ad); font-size:10px; }
  & .egg-detail-expected-value strong { color:var(--paint-accent-text,#ffaba3); font:650 34px/1.1 "BGSI Display",sans-serif; letter-spacing:-.7px; }
  & .egg-detail-pets { height:auto; display:block; padding:0; border:0; background:none; }
  & .egg-detail-pets>header { position:relative; z-index:5; align-items:center; gap:16px; margin:0 0 19px; padding:0 0 15px; border-bottom:1px solid var(--paint-line-a8,#ffffff14); }
  & .egg-detail-pets h2 { color:var(--paint-text,#eee6f4); font-size:23px; font-weight:600; letter-spacing:-.5px; }
  & .egg-detail-pets h2 span { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; min-width:25px; height:22px; margin-left:6px; padding:0 6px; color:var(--paint-muted,#baa9c6); background:var(--paint-tint-a3,#ffffff08); border-radius:6px; font-size:11px; font-weight:450; letter-spacing:0; }
  & .egg-detail-pets>header p { margin:5px 0 0; color:var(--paint-muted,#b0a1bd); font-size:10px; font-weight:400; text-transform:none; }
  & .egg-drop-list { display:grid; padding:0; gap:8px; overflow:visible; }
  & .egg-drop { display:grid; grid-template-columns:64px minmax(0,1fr) 238px; align-items:center; gap:15px; min-height:90px; padding:11px 17px 11px 12px; border:1px solid var(--paint-line-a9,#ffffff16); border-radius:12px; background:var(--paint-surface-a61,#18141c9c); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04); transition:background .18s,border-color .18s; }
  & .egg-drop:hover { border-color:var(--paint-accent-a38,#ec3a3260); background:var(--paint-surface-a74,#201923bd); }
  & .egg-drop-art { width:64px; height:64px; overflow:hidden; background:transparent; border:0; border-radius:10px; box-shadow:none; }
  & .egg-drop-art img { width:100%; height:100%; filter:drop-shadow(0 5px 8px #0006); }
  & .egg-drop-art>svg { width:28px; height:28px; }
  & .egg-drop-name { gap:6px; }
  & .egg-drop-name strong { color:var(--paint-text,#f2e9f7); font-size:14px; font-weight:600; letter-spacing:-.3px; }
  & .egg-drop-name small { font-size:10px; font-weight:500; }
  & .egg-drop-metrics { display:grid; grid-template-columns:minmax(0,1fr) 72px; align-items:center; gap:16px; }
  & .egg-drop-chance,& .egg-drop-eta { display:grid; gap:5px; justify-items:end; }
  & .egg-drop-chance strong { color:var(--paint-text,#e4d4ef); font:600 16px/1.1 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; white-space:normal; text-align:right; }
  & .egg-drop-eta strong { color:var(--paint-text,#bea9cd); font:550 15px/1.1 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; white-space:normal; text-align:right; }
  & .egg-drop-metrics small { color:var(--paint-muted,#a693b4); font-size:9px; font-weight:400; }
  & .egg-hatch-setup-trigger { display:flex; align-items:center; justify-content:center; width:auto; min-height:42px; height:42px; gap:7px; padding:0 12px; border:1px solid var(--paint-accent-a24,#ec3a323d); border-radius:9px; background:var(--paint-accent-a5,#ec3a320c); color:var(--paint-accent-text,#ffaaa3); font:450 11px "BGSI Interface",sans-serif; }
  & .egg-hatch-setup-trigger svg { width:17px; height:17px; }
  & .egg-hatch-setup-trigger:hover,& .egg-hatch-setup.is-open .egg-hatch-setup-trigger { border-color:var(--paint-accent-a44,#ec3a3270); color:var(--paint-accent-text,#ffd2cc); background:var(--paint-accent-a9,#ec3a3218); }
  & .egg-hatch-setup-trigger:focus-visible { box-shadow:none; outline:2px solid var(--paint-accent,#ec3a32); outline-offset:3px; }
  & .egg-hatch-setup-panel { z-index:20; width:min(370px,calc(100vw - 32px)); max-height:calc(100svh - 100px); overflow-y:auto; overscroll-behavior:contain; padding:16px; background:var(--paint-surface-a96,#19151df5); backdrop-filter:blur(18px); border:1px solid var(--paint-line-a16,#ffffff29); border-radius:14px; box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 20px 40px var(--paint-shadow-a67,#000a); scrollbar-width:thin; scrollbar-color:#5c4054 transparent; }
  & .egg-hatch-setup-heading { padding:0 0 14px; }
  & .egg-hatch-setup-heading span { color:var(--paint-muted,#af9abb); font-size:10px; font-weight:400; text-transform:none; }
  & .egg-hatch-setup-heading strong { color:var(--paint-text,#f3e7fb); font-size:17px; font-weight:550; letter-spacing:-.4px; }
  & .egg-hatch-reset { height:32px; padding:0 9px; border-color:var(--paint-line-a11,#ffffff1c); border-radius:7px; background:var(--paint-tint-a2,#ffffff04); color:var(--paint-text,#c5b2d2); font:400 10px "BGSI Interface",sans-serif; }
  & .egg-hatch-reset svg { width:13px; height:13px; }
  & .egg-hatch-results { border:1px solid var(--paint-accent-a17,#ec3a322b); border-radius:10px; background:var(--paint-accent-a4,#ec3a320b); }
  & .egg-hatch-results>div { padding:12px 5px; gap:6px; }
  & .egg-hatch-results>div+div { border-left-color:var(--paint-accent-a13,#ec3a3220); }
  & .egg-hatch-results span { color:var(--paint-muted,#b3a1c0); font-size:9px; font-weight:400; text-transform:none; }
  & .egg-hatch-results strong { color:var(--paint-accent-text,#ffb0a8); font:600 18px "BGSI Display",sans-serif; }
  & .egg-hatch-setup-group { border-color:var(--paint-line-a9,#ffffff16); border-radius:9px; margin-top:13px; }
  & .egg-hatch-setup-group h3 { padding:10px 12px; background:var(--paint-tint-a1,#ffffff03); border-color:var(--paint-line-a6,#ffffff10); color:var(--paint-text,#dfcce9); font-size:11px; font-weight:500; text-transform:none; }
  & .egg-hatch-setup-fields { gap:11px; padding:12px; }
  & .egg-hatch-setup-fields label { gap:7px; color:var(--paint-muted,#baa7c8); font-size:10px; font-weight:400; }
  & .egg-hatch-setup-fields input[type=number],& .egg-hatch-variant-fields input[type=number] { height:38px; padding:0 9px; background:var(--paint-base-a50,#09080d80); border:1px solid var(--paint-line-a11,#ffffff1d); border-radius:7px; color:var(--paint-text,#f1e3fb); font:450 12px "BGSI Interface",sans-serif; box-shadow:none; }
  & .egg-hatch-setup-fields input[type=number]:focus,& .egg-hatch-variant-fields input[type=number]:focus { border-color:var(--paint-accent-a50,#ec3a3280); background:var(--paint-base,#0d090f); box-shadow:0 0 0 3px var(--paint-accent-a6,#ec3a3210); }
  & .egg-hatch-setup-check { padding:10px 12px; }
  & .egg-hatch-setup-check strong { color:var(--paint-text,#d2bfdF); font-size:11px; font-weight:450; }
  & .egg-hatch-setup-check>i { background:var(--paint-base,#09080d); border-color:var(--paint-line-a17,#ffffff2c); }
  & .egg-hatch-setup-check>i::after { border-color:var(--paint-line,#fff); }
  & .egg-hatch-setup-check:focus-within>i { box-shadow:0 0 0 3px var(--paint-accent-a13,#ec3a3220); }
  & .egg-hatch-variant-fields { padding:10px; gap:8px; }
  & .egg-hatch-variant-fields>label { grid-template-columns:18px 52px minmax(45px,1fr) 84px; min-height:44px; padding:5px 6px; color:var(--paint-text,#d6c3e2); background:none; border:0; font-size:11px; font-weight:450; }
  & .egg-hatch-variant-fields small { color:var(--paint-muted,#ab96bb); font-size:9px; }
  & .egg-variant-note { margin:0; padding:0 16px 14px; color:var(--paint-text,#bdaacb); font:400 10px/1.6 "BGSI Interface",sans-serif; }
  & .egg-hatch-variant-fields input:disabled { opacity:.5; cursor:not-allowed; }
  & .egg-hatch-variant-fields input[type=checkbox] { appearance:none; position:relative; width:18px; height:18px; margin:0; border:1px solid var(--paint-line-a21,#ffffff35); border-radius:5px; background:var(--paint-base,#09080d); cursor:pointer; }
  & .egg-hatch-variant-fields input[type=checkbox]:checked { border-color:var(--paint-accent,#ec3a32); background:var(--paint-accent,#ec3a32); }
  & .egg-hatch-variant-fields input[type=checkbox]:checked::after { content:""; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid var(--paint-line,#fff); border-width:0 2px 2px 0; transform:rotate(45deg); }
  & .egg-detail-error { display:grid; justify-items:center; gap:20px; margin-top:25px; padding:60px 20px; color:var(--paint-text,#e0cdeE); background:var(--paint-base-a50,#18131c80); border-color:var(--paint-line-a11,#ffffff1b); border-radius:16px; font-size:16px; }
  & .egg-detail-error>div { display:flex; gap:12px; }
  & .egg-detail-error a,& .egg-detail-error button { display:flex; align-items:center; min-height:42px; padding:0 15px; border:1px solid #ec3a323d; border-radius:8px; background:#ec3a3210; color:#ffb9b0; font:450 12px "BGSI Interface",sans-serif; cursor:pointer; }
  & .egg-detail-loading :is(.egg-detail-art,.egg-drop-art),& .egg-detail-loading .egg-detail-copy>span,& .egg-detail-loading .egg-drop>span:not(.egg-drop-metrics),& .egg-detail-loading .egg-drop-metrics>span,& .egg-detail-loading header>span { background:var(--paint-tint-a3,#ffffff08); animation:bgsi-leaderboard-pulse 1.3s ease-in-out infinite alternate; }
  & .egg-detail-loading .egg-detail-copy { display:grid; gap:18px; }
  & .egg-detail-loading .egg-detail-copy>span { height:25px; width:75%; border-radius:6px; }
  & .egg-detail-loading .egg-detail-copy>span:first-child { height:36px; width:85%; }
  & .egg-detail-loading .egg-drop>span:not(.egg-drop-art,.egg-drop-metrics) { width:70%; height:20px; border-radius:5px; }
  & .egg-detail-loading .egg-drop-metrics>span { justify-self:end; width:70px; height:17px; border-radius:5px; }
  & .egg-detail-loading header>span { width:135px; height:36px; border-radius:6px; }
}
@media(max-width:1100px) {
  body.eggs-refined :is(#eggs-page,#egg-detail-page) { width:calc(100% - 64px); }
  body.eggs-refined #eggs-page .egg-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  body.egg-refined #egg-detail-page { & .egg-detail-shell { grid-template-columns:270px minmax(0,1fr); gap:25px; } & .egg-detail-art { height:240px; } & .egg-drop { grid-template-columns:58px minmax(0,1fr) 184px; gap:12px; } & .egg-drop-metrics { grid-template-columns:minmax(0,1fr) 58px; gap:12px; } & .egg-drop-art { width:58px; height:58px; } }
}
@media(max-width:820px) {
  body.eggs-refined #eggs-page .egg-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.egg-refined #egg-detail-page { & .egg-detail-shell { grid-template-columns:1fr; gap:30px; } & .egg-detail-summary { position:static; grid-template-columns:220px minmax(0,1fr); align-items:center; gap:25px; } & .egg-detail-art { height:240px; } & .egg-detail-copy h1 { font-size:29px; margin-bottom:12px; } & .egg-detail-facts>div { padding:8px 0; } & .egg-detail-expected-value { margin-top:15px; padding:13px 15px; } }
}
@media(max-width:620px) {
  body.eggs-refined :is(#eggs-page,#egg-detail-page) { width:calc(100% - 32px); margin-top:25px; }
  body.eggs-refined #eggs-page { & .egg-catalog-heading h1 { font-size:32px; } & .pv-bar { flex-wrap:wrap; padding:7px; gap:7px; } & .eggs-search-wrap { flex:1 0 100%; padding:0 9px; } & .pets-sort { flex:1; width:auto; } & .egg-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } & .catalog-card-body { padding:12px 4px 5px; } & .catalog-card-body h2 { font-size:12px; } & .catalog-card-foot { font-size:10px; gap:5px; } & .catalog-card-foot svg { width:14px; height:14px; } & .egg-card { padding:7px; border-radius:14px; } }
  body.egg-refined #egg-detail-page {
    & .egg-detail-topline { margin-bottom:15px; font-size:10px; }
    & .egg-detail-summary { grid-template-columns:125px minmax(0,1fr); gap:18px; align-items:start; }
    & .egg-detail-art { height:156px; border-radius:15px; margin-top:4px; }
    & .egg-detail-copy h1 { margin-bottom:12px; font-size:25px; letter-spacing:-.8px; }
    & .egg-detail-facts>div { grid-template-columns:1fr; gap:4px; padding:7px 0; }
    & .egg-detail-facts dt { font-size:9px; }
    & .egg-detail-facts dd { font-size:10px; }
    & .egg-detail-expected-value { padding:12px; gap:7px; }
    & .egg-detail-expected-value>span { font-size:10px; }
    & .egg-detail-expected-value>span small { display:block; margin-top:4px; font-size:9px; }
    & .egg-detail-expected-value strong { font-size:27px; }
    & .egg-detail-pets h2 { font-size:21px; }
    & .egg-hatch-setup-trigger { min-height:40px; height:40px; padding:0 10px; font-size:10px; }
    & .egg-drop { grid-template-columns:60px minmax(0,1fr); gap:9px 13px; padding:12px; min-height:103px; }
    & .egg-drop-art { grid-column:1; grid-row:1/3; width:60px; height:60px; }
    & .egg-drop-name { grid-column:2; grid-row:1; gap:5px; }
    & .egg-drop-name strong { font-size:13px; }
    & .egg-drop-name small { font-size:9px; }
    & .egg-drop-metrics { grid-column:2; grid-row:2; display:flex; justify-content:space-between; align-items:start; gap:12px; }
    & .egg-drop-chance { justify-items:start; }
    & .egg-drop-chance strong { text-align:left; font-size:14px; }
    & .egg-drop-eta strong { font-size:14px; }
    & .egg-drop-metrics small { font-size:8px; }
    & .egg-hatch-setup-panel { width:min(345px,calc(100vw - 32px)); padding:14px; }
    & .egg-hatch-variant-fields>label { grid-template-columns:18px 43px minmax(36px,1fr) 73px; gap:5px; }
  }
}
@media(max-width:360px) { body.eggs-refined #eggs-page .egg-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body.egg-refined #egg-detail-page .egg-detail-summary { grid-template-columns:105px minmax(0,1fr); gap:14px; } }
@media(prefers-reduced-motion:reduce) {
  body.eggs-refined #eggs-page :is(.eggs-search-wrap,.eggs-search-wrap>svg,.custom-select-trigger,.custom-select-menu,.custom-select-chevron,.egg-card,.catalog-art>img,.egg-card-arrow) { transition:none; }
  body.eggs-refined #eggs-page .egg-card:hover,body.eggs-refined #eggs-page .egg-card:hover .catalog-art>img { transform:none; }
  body.eggs-refined #eggs-page :is(.egg-card-skeleton::before,.egg-card-skeleton>span) { animation:none; }
}
body.bounties-refined { height:auto; min-height:100svh; overflow-y:auto; }
body.bounties-refined .home-ambient::before { opacity:.09; }
body.bounties-refined .home-ambient::after { opacity:.1; }
body.bounties-refined .site-footer { margin-top:auto; }
body.bounties-refined #bounties-page {
  width:min(calc(100% - 112px),1328px); min-height:0; margin:35px auto 40px; flex:1 0 auto; opacity:1; transform:none; animation:none;
  & .bounty-panel { overflow:visible; border:0; border-radius:0; background:none; }
  & .bounty-panel-header { min-height:0; align-items:center; gap:18px; margin-bottom:25px; padding:0; border:0; }
  & .bounty-panel-header h1 { color:var(--paint-text,#f5f0f4); font-size:38px; font-weight:700; letter-spacing:-1.4px; line-height:1.1; }
  & .bounty-panel-header h1 span { color:var(--paint-accent,#ec3a32); }
  & .bounty-rotation { display:flex; align-items:center; gap:9px; color:var(--paint-muted,#aba5b2); font-size:11px; font-weight:400; }
  & .bounty-rotation>span { color:var(--paint-accent,#ef7167); }
  & .bounty-content { padding:0; }
  & .bounty-featured { position:relative; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); min-height:380px; border:1px solid var(--paint-line-a13,#ffffff20); border-radius:22px; background:var(--paint-base-a85,#121114d9); box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 14px 44px var(--paint-shadow-a27,#0004); }
  & .bounty-featured::before { content:""; position:absolute; z-index:2; left:0; top:22%; bottom:22%; width:2px; background:var(--paint-accent,#ec3a32); box-shadow:0 0 18px var(--paint-accent-a25,#ec3a3240); }
  & .bounty-featured-visual { min-height:380px; border:0; background:radial-gradient(ellipse at 50% 54%,var(--paint-accent-a5,#ec3a320c),transparent 66%); }
  & .bounty-featured-visual::after { content:""; position:absolute; left:25%; bottom:14%; width:50%; height:8%; border-radius:50%; background:var(--paint-base-a60,#0009); filter:blur(16px); pointer-events:none; }
  & .bounty-featured-visual>a:first-child { position:relative; z-index:1; width:min(84%,320px); height:320px; overflow:hidden; border:1px solid var(--paint-line-a9,#ffffff17); border-radius:24px; background:var(--paint-base,#0c0a0e); box-shadow:0 18px 32px var(--paint-shadow-a33,#0005); }
  & .bounty-featured-visual>a:first-child>img { filter:drop-shadow(0 18px 20px #0008); transition:transform .25s ease; }
  & .bounty-featured-visual>a:first-child:hover>img { transform:translateY(-4px) scale(1.025); }
  & .bounty-featured-egg { z-index:2; width:76px; height:76px; right:26px; bottom:26px; padding:6px; border:1px solid var(--paint-line-a14,#ffffff24); border-radius:14px; background:var(--paint-surface-a95,#1c191ef2); box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0a),0 8px 22px var(--paint-shadow-a33,#0005); transition:border-color .18s,background-color .18s; }
  & .bounty-featured-egg:hover { border-color:var(--paint-accent-a40,#ec3a3265); background:var(--paint-surface,#241c20); }
  & .bounty-featured-copy { position:relative; min-width:0; padding:30px 44px 30px 24px; }
  & .bounty-date-line { gap:12px; color:var(--paint-muted,#aaa2b1); font-size:11px; font-weight:400; }
  & .bounty-status { gap:7px; padding:0; min-height:22px; border:0; border-radius:0; background:none; color:var(--paint-text,#e1d8e7); font-size:11px; font-weight:500; }
  & .bounty-status::before { content:""; width:6px; height:6px; border:1px solid var(--paint-line,#a497ad); border-radius:50%; }
  & .bounty-status.is-today { color:var(--paint-accent-text,#ff9389); }
  & .bounty-status.is-today::before { border-color:var(--paint-accent,#f25a4d); background:var(--paint-accent,#f25a4d); }
  & .bounty-featured-copy h2 { margin:13px 0 0; color:var(--paint-text,#f6f0f8); font:700 clamp(30px,3.2vw,45px)/1.1 "BGSI Interface",sans-serif; letter-spacing:-1.6px; overflow-wrap:break-word; }
  & .bounty-timer { display:block; margin-top:23px; white-space:normal; }
  & .bounty-timer-label { color:var(--paint-muted,#ada5b6); font-size:10px; font-weight:400; }
  & .bounty-countdown { width:min(100%,310px); margin-top:10px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  & .bounty-countdown>span { position:relative; min-height:0; gap:5px; place-content:start; justify-items:start; padding:0; border:0; border-radius:0; background:none; }
  & .bounty-countdown>span:not(:last-child)::after { content:":"; position:absolute; right:-15px; top:3px; color:#fff; font:500 30px/1 "BGSI Display",sans-serif; }
  & .bounty-countdown strong { color:var(--paint-accent-text,#ff8478); font:600 41px/1 "BGSI Display",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
  & .bounty-countdown small { color:var(--paint-muted,#b1a7bb); font-size:9px; font-weight:400; text-transform:none; }
  & .bounty-featured-meta { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; margin-top:22px; padding-top:19px; border-top:1px solid var(--paint-line-a7,#ffffff12); }
  & .bounty-featured-meta>div { min-width:0; gap:7px; padding:0; border:0; border-radius:0; background:none; }
  & .bounty-featured-meta span { color:var(--paint-muted,#aca3b6); font-size:10px; font-weight:400; text-transform:none; }
  & .bounty-featured-meta strong { color:var(--paint-text,#ece3f3); font:600 17px/1.2 "BGSI Display",sans-serif; }
  & .bounty-featured-meta a { color:inherit; }
  & .bounty-featured-meta a:hover { color:var(--paint-accent-text,#ffaea5); }
  & .bounty-view-pet { display:inline-flex; align-items:center; justify-content:center; align-self:start; gap:21px; min-height:42px; margin-top:22px; padding:0 15px; border:1px solid var(--paint-accent-a34,#fb645557); border-radius:9px; background:var(--paint-accent,#d9362b); color:var(--paint-text,#fff); box-shadow:inset 0 1px var(--paint-shadow-a8,#ffffff14),0 3px 10px var(--paint-shadow-a27,#0004); font:500 11px "BGSI Interface",sans-serif; transition:background-color .18s,border-color .18s; }
  & .bounty-view-pet svg { width:17px; height:17px; transition:transform .18s; }
  & .bounty-view-pet:hover { background:var(--paint-accent,#ee493b); border-color:var(--paint-accent-a44,#ff897770); }
  & .bounty-view-pet:hover svg { transform:translateX(3px); }
  & .bounty-list-heading { display:flex; align-items:center; gap:18px; margin:31px 0 17px; }
  & .bounty-list-heading::after { content:""; height:1px; flex:1; background:var(--paint-tint-a7,#ffffff13); }
  & .bounty-list-heading h2 { color:var(--paint-text,#eae3ef); font-size:19px; font-weight:550; letter-spacing:-.5px; }
  & .bounty-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
  & .bounty-card { grid-template-columns:112px minmax(0,1fr); min-height:156px; border:1px solid var(--paint-line-a9,#ffffff17); border-radius:14px; background:var(--paint-base-a66,#141216a8); box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05); }
  & .bounty-card:hover { border-color:var(--paint-line-a21,#ffffff35); background:var(--paint-surface,#1c181e); }
  & .bounty-card.is-next { border-color:var(--paint-accent-a19,#ec3a3230); }
  & .bounty-card.is-next:hover { border-color:var(--paint-accent-a40,#ec3a3265); }
  & .bounty-card-visual { min-height:156px; border:0; background:none; }
  & .bounty-card-visual>a:first-child { width:95%; height:108px; margin-top:-16px; overflow:hidden; border:1px solid var(--paint-line-a5,#ffffff0c); border-radius:12px; background:var(--paint-base,#0c0a0e); }
  & .bounty-card-visual>a:first-child img { filter:drop-shadow(0 8px 10px #0008); transition:transform .2s; }
  & .bounty-card-visual>a:first-child:hover img { transform:scale(1.05); }
  & .bounty-card-egg { width:40px; height:40px; right:6px; bottom:10px; padding:3px; border:1px solid var(--paint-line-a11,#ffffff1c); border-radius:9px; background:var(--paint-surface-a91,#1b171ee8); }
  & .bounty-card-egg:hover { border-color:var(--paint-accent-a31,#ec3a3250); }
  & .bounty-card-body { justify-content:center; padding:16px 17px 16px 6px; }
  & .bounty-card-body>time { color:var(--paint-muted,#b4a9c0); font-size:10px; font-weight:400; }
  & .bounty-card.is-next .bounty-card-body>time { color:var(--paint-accent-text,#ff9c90); }
  & .bounty-card-body h3 { margin:10px 0 0; color:var(--paint-text,#efe6f7); font-size:14px; font-weight:600; letter-spacing:-.3px; line-height:1.3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  & .bounty-card-body dl { gap:7px; margin:12px 0 0; }
  & .bounty-card-body dl>div { grid-template-columns:36px minmax(0,1fr); gap:8px; align-items:baseline; }
  & .bounty-card-body dt { color:var(--paint-muted,#ab9fb7); font-size:9px; font-weight:400; text-transform:none; }
  & .bounty-card-body dd { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--paint-text,#cfc2de); font:450 11px/1.3 "BGSI Interface",sans-serif; }
  & .bounty-card-body dl>div:last-child dd { color:var(--paint-text,#f0e6f8); font:600 13px/1.2 "BGSI Display",sans-serif; }
  & .bounty-card-body a:hover { color:var(--paint-accent-text,#ffada2); }
  & :is(a,button):focus-visible { outline:2px solid var(--paint-accent,#f65b50); outline-offset:3px; }
  & .bounty-message { margin:16px 0; color:var(--paint-muted,#b5a7c2); font-size:12px; }
  & .bounty-na { min-height:300px; align-content:center; gap:19px; color:var(--paint-text,#c5b7d0); font-size:14px; font-weight:400; }
  & .bounty-na strong { font-size:17px; font-weight:550; }
  & .bounty-retry { min-height:44px; padding:0 18px; border:1px solid var(--paint-accent-a31,#ec3a3250); border-radius:9px; background:var(--paint-accent-a6,#ec3a3210); color:var(--paint-accent-text,#ffada2); font:500 12px "BGSI Interface",sans-serif; cursor:pointer; }
  & .bounty-featured-skeleton { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); grid-template-rows:1fr 1fr; min-height:380px; padding:45px; gap:20px 50px; align-items:center; }
  & .bounty-featured-skeleton span { width:80%; height:70px; border-radius:12px; background:var(--paint-tint-a2,#ffffff06); animation:bgsi-leaderboard-pulse 1.3s ease-in-out infinite alternate; }
  & .bounty-featured-skeleton span:first-child { grid-column:1; grid-row:1/3; justify-self:center; width:min(100%,260px); height:260px; border-radius:30px; }
  & .bounty-featured-skeleton span:nth-child(2) { align-self:end; width:90%; height:45px; }
  & .bounty-featured-skeleton span:last-child { align-self:start; width:75%; height:75px; }
  & .bounty-card-loading { grid-template-columns:100px 1fr; grid-template-rows:1fr 1fr; padding:18px; gap:12px; }
  & .bounty-card-loading>span { background:var(--paint-tint-a2,#ffffff06); border-radius:8px; animation:bgsi-leaderboard-pulse 1.3s ease-in-out infinite alternate; }
  & .bounty-card-loading>span:first-child { grid-row:1/3; }
  & .bounty-card-loading>span:not(:first-child) { height:20px; align-self:center; }
}
@media(max-width:1100px) {
  body.bounties-refined #bounties-page { width:calc(100% - 64px); & .bounty-card { grid-template-columns:92px minmax(0,1fr); } & .bounty-card-body { padding-right:12px; } & .bounty-featured-copy { padding-right:30px; } }
}
@media(max-width:900px) {
  body.bounties-refined #bounties-page { & .bounty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } & .bounty-card { grid-template-columns:112px minmax(0,1fr); } }
}
@media(max-width:820px) {
  body.bounties-refined #bounties-page { & .bounty-featured { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); } & .bounty-featured-visual { min-height:360px; border:0; } & .bounty-featured-visual>a:first-child { width:92%; height:260px; } & .bounty-featured-copy { padding:25px 22px 25px 16px; } & .bounty-featured-copy h2 { font-size:32px; letter-spacing:-1px; } & .bounty-featured-egg { width:60px; height:60px; right:16px; bottom:24px; } & .bounty-countdown { gap:20px; } & .bounty-countdown strong { font-size:35px; } }
}
@media(max-width:620px) {
  body.bounties-refined #bounties-page {
    width:calc(100% - 32px); margin-top:25px;
    & .bounty-panel-header { align-items:start; flex-direction:column; gap:12px; margin-bottom:21px; }
    & .bounty-panel-header h1 { font-size:32px; }
    & .bounty-rotation { font-size:10px; }
    & .bounty-featured { grid-template-columns:1fr; border-radius:18px; }
    & .bounty-featured::before { top:25px; bottom:auto; height:150px; }
    & .bounty-featured-visual { min-height:225px; }
    & .bounty-featured-visual>a:first-child { width:220px; height:220px; }
    & .bounty-featured-egg { right:24px; bottom:12px; }
    & .bounty-featured-copy { padding:14px 24px 26px; }
    & .bounty-date-line { gap:10px; font-size:10px; }
    & .bounty-featured-copy h2 { margin-top:12px; font-size:32px; }
    & .bounty-timer { margin-top:22px; }
    & .bounty-countdown { width:100%; gap:26px; }
    & .bounty-countdown strong { font-size:39px; }
    & .bounty-featured-meta { gap:16px; margin-top:21px; padding-top:17px; }
    & .bounty-featured-meta strong { font-size:17px; }
    & .bounty-view-pet { margin-top:20px; min-height:44px; }
    & .bounty-list-heading { margin-top:27px; }
    & .bounty-list-heading h2 { font-size:18px; }
    & .bounty-grid { grid-template-columns:1fr; gap:11px; }
    & .bounty-card { grid-template-columns:112px minmax(0,1fr); min-height:150px; }
    & .bounty-card-visual { min-height:150px; }
    & .bounty-card-body h3 { font-size:15px; }
    & .bounty-card-body { padding:17px 17px 17px 7px; }
    & .bounty-card-body dl>div { grid-template-columns:36px minmax(0,1fr); gap:8px; }
    & .bounty-card-body dd { font-size:11px; }
    & .bounty-featured-skeleton { grid-template-columns:1fr; grid-template-rows:auto auto auto; min-height:535px; padding:26px; gap:23px; }
    & .bounty-featured-skeleton span:first-child { grid-row:auto; width:200px; height:200px; }
    & .bounty-featured-skeleton span:nth-child(2),& .bounty-featured-skeleton span:last-child { justify-self:start; align-self:center; }
  }
}
@media(prefers-reduced-motion:reduce) {
  body.bounties-refined #bounties-page :is(.bounty-card,.bounty-view-pet,.bounty-view-pet svg,.bounty-featured-egg,.bounty-featured-visual img,.bounty-card-visual img) { transition:none; }
  body.bounties-refined #bounties-page :is(.bounty-featured-visual>a:first-child:hover>img,.bounty-card-visual>a:first-child:hover img,.bounty-view-pet:hover svg) { transform:none; }
  body.bounties-refined #bounties-page :is(.bounty-featured-skeleton span,.bounty-card-loading>span) { animation:none; }
}

body.home-refined .account-trigger{display:flex;align-items:center;gap:9px;height:42px;min-width:0;padding:5px 9px 5px 5px;border:1px solid var(--paint-line-a13,#ffffff22);border-radius:11px;background:linear-gradient(145deg,var(--paint-tint-a3,#ffffff08),var(--paint-tint-a1,#ffffff02)),var(--paint-base-a70,#151519b3);box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0c),0 3px 9px var(--paint-shadow-a13,#0002);color:var(--paint-text,#eeebf1);font:500 12px "BGSI Interface",sans-serif;cursor:pointer;transition:border-color .16s,background .16s}
body.home-refined .account-trigger:hover,body.home-refined .account-menu.is-open .account-trigger{border-color:var(--paint-line-a26,#ffffff42);background:var(--paint-surface-a79,#242228c9);color:var(--paint-text,#fff)}
body.home-refined .account-avatar{position:relative;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:8px;background:var(--paint-surface,#27242d);color:var(--paint-text,#c9c0d1);overflow:hidden}
body.home-refined .account-avatar>svg{width:20px;height:20px}
body.home-refined .account-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0;object-fit:cover}
body.home-refined .account-trigger-name{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-refined .account-trigger>.icon{width:13px;height:13px;margin-left:1px;color:var(--paint-text,#b9b0c3);transition:transform .16s}
body.home-refined .account-menu.is-open .account-trigger>.icon{transform:rotate(180deg)}
body.home-refined .account-panel{top:calc(100% + 10px);width:min(248px,calc(100vw - 28px));gap:3px;padding:8px;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:14px;background:var(--paint-surface-a98,#17161bfa);backdrop-filter:blur(20px);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 18px 42px var(--paint-shadow-a53,#0008);color:var(--paint-text,#f2edf6)}
body.home-refined .account-panel-identity{gap:11px;padding:8px 7px 15px;margin-bottom:4px;border-color:var(--paint-line-a9,#ffffff16)}
body.home-refined .account-panel-identity>.account-avatar{display:grid;flex-basis:38px;width:38px;height:38px}
body.home-refined .account-panel-identity>.account-avatar>img{width:100%;height:100%}
body.home-refined .account-panel-identity>span:last-child{gap:4px;min-width:0}
body.home-refined .account-panel-identity strong{font-size:13px;font-weight:550;color:var(--paint-text,#f2edf6)}
body.home-refined .account-panel-identity small{font-size:11px;color:var(--paint-muted,#aca3b7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-refined .account-panel-action{min-height:40px;padding:0 10px;gap:11px;border-radius:8px;color:var(--paint-text,#d5cedd);font-size:12px;font-weight:400;transition:background .16s,color .16s}
body.home-refined .account-panel-action:hover{background:var(--paint-tint-a3,#ffffff07);color:var(--paint-text,#fff)}
body.home-refined .account-panel-action>.icon,body.home-refined .account-action-player{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;color:var(--paint-muted,#aca2b9)}
body.home-refined .account-action-player svg{width:100%;height:100%}
body.home-refined .account-panel-action[data-account-logout]{margin-top:5px;border-top:1px solid var(--paint-line-a7,#ffffff12);border-radius:0 0 8px 8px;color:var(--paint-accent-text,#ed9ca6)}
body.home-refined .account-panel-action[data-account-logout]:hover{background:var(--paint-accent-a4,#ed35440b);color:var(--paint-accent-text,#ffbbc4)}
body.home-refined .account-provider-discord{position:relative;justify-content:flex-start;gap:14px;min-height:54px;margin:9px 0 8px;padding:11px 16px;border:1px solid #8992ff;border-radius:10px;background:#5865f2;color:var(--paint-text,#fff);font-size:14px;font-weight:600;box-shadow:inset 0 1px var(--paint-shadow-a25,#ffffff40),inset -3px 0 #454fc6,0 5px 0 #323d9d,0 8px 12px var(--paint-shadow-a33,#0005);transition:transform .16s,background .16s,box-shadow .16s}
body.home-refined .account-provider-discord:hover{background:#5060e8;border-color:#a8b0ff;transform:translateY(-1px);box-shadow:inset 0 1px var(--paint-shadow-a25,#ffffff40),inset -3px 0 #454fc6,0 6px 0 #323d9d,0 10px 14px var(--paint-shadow-a33,#0005)}
body.home-refined .account-provider-discord:active{transform:translateY(3px);box-shadow:inset 0 1px var(--paint-shadow-a19,#ffffff30),inset -3px 0 #454fc6,0 2px 0 #323d9d,0 4px 6px var(--paint-shadow-a27,#0004)}
body.home-refined .account-discord-mark{display:block;flex:0 0 28px;width:28px;height:21px;object-fit:contain}
body.home-refined .account-discord-arrow{margin-left:auto;color:var(--paint-text,#fff);font-size:19px}
body.home-refined .account-notifications{position:relative;flex:0 0 auto}
body.home-refined .account-notifications-trigger{position:relative;display:grid;place-items:center;width:40px;height:42px;padding:0;border:1px solid var(--paint-line-a12,#ffffff1e);border-radius:10px;background:var(--paint-tint-a1,#ffffff03);box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06);color:var(--paint-text,#bfb5cb);cursor:pointer;transition:color .16s,border-color .16s,background .16s}
body.home-refined .account-notifications-trigger>svg{width:20px;height:20px}
body.home-refined .account-notifications-trigger:hover,body.home-refined .account-notifications-trigger[aria-expanded=true]{color:var(--paint-accent-text,#ffa1ae);border-color:var(--paint-accent-a40,#ed354465);background:var(--paint-accent-a4,#ed35440b)}
body.home-refined .account-notifications-count{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border:2px solid var(--paint-line,#17151b);border-radius:6px;background:var(--paint-accent,#de2c40);color:var(--paint-text,#fff);font:600 9px "BGSI Interface",sans-serif}
body.home-refined .account-notifications-panel{position:absolute;z-index:1100;top:calc(100% + 10px);right:0;width:min(350px,calc(100vw - 28px));border:1px solid var(--paint-line-a15,#ffffff26);border-radius:14px;background:var(--paint-surface-a98,#17161bfa);backdrop-filter:blur(20px);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 18px 42px var(--paint-shadow-a53,#0008);overflow:hidden}
body.home-refined .account-notifications-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--paint-line-a7,#ffffff12)}
body.home-refined .account-notifications-panel h2{font-size:14px;font-weight:550;color:var(--paint-text,#f2edf6)}
body.home-refined .account-notifications-panel header button{min-height:28px;padding:0;border:0;background:none;color:var(--paint-accent-text,#ee9eab);font:400 10px "BGSI Interface",sans-serif;cursor:pointer}
body.home-refined .account-notifications-panel header button:disabled{color:var(--paint-muted,#9c92a6);cursor:default}
body.home-refined .account-notifications-list{max-height:min(410px,calc(100dvh - 210px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5f536970 transparent}
body.home-refined .account-notification{display:flex;align-items:center;gap:12px;min-height:85px;padding:13px 16px;border-bottom:1px solid var(--paint-line-a5,#ffffff0d);color:var(--paint-text,#eee9f3);transition:background .16s}
body.home-refined .account-notification:hover{background:var(--paint-tint-a2,#ffffff05)}
body.home-refined .account-notification.is-unread{background:var(--paint-accent-a3,#ed354407)}
body.home-refined .account-notification-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--paint-line-a8,#ffffff15);border-radius:10px;background:var(--paint-tint-a2,#ffffff04);overflow:hidden;color:var(--paint-muted,#b3a0c0)}
body.home-refined .account-notification-art :is(img,svg){width:43px;height:43px;object-fit:contain}
body.home-refined .account-notification-copy{display:grid;gap:5px;min-width:0}
body.home-refined .account-notification-copy :is(strong,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-refined .account-notification-copy small{display:flex;align-items:center;gap:6px;color:var(--paint-text,#bbaec8);font-size:10px}
body.home-refined .account-notification-copy small i{width:5px;height:5px;border-radius:50%;background:var(--paint-accent,#ee435a)}
body.home-refined .account-notification-copy strong{font-size:12px;font-weight:500}
body.home-refined .account-notification-copy>span{color:var(--paint-muted,#a89eb4);font-size:10px}
body.home-refined .account-notifications-panel footer{padding:12px 16px;border-top:1px solid var(--paint-line-a7,#ffffff12)}
body.home-refined .account-notifications-panel footer a{display:flex;justify-content:space-between;align-items:center;min-height:24px;color:var(--paint-text,#e7ddeb);font-size:11px}
body.home-refined .account-notifications-empty{display:grid;justify-items:center;gap:10px;padding:35px 22px;color:var(--paint-text,#c8bed4);text-align:center}
body.home-refined .account-notifications-empty>svg{width:27px;height:27px;color:var(--paint-muted,#b79fc7)}
body.home-refined .account-notifications-empty strong{font-size:13px;font-weight:500;color:var(--paint-text,#e8e0ef)}
body.home-refined .account-notifications-empty p{max-width:240px;font-size:11px;line-height:1.6;color:var(--paint-muted,#b2a4bd)}
body.home-refined .account-notifications-empty button{min-height:36px;padding:0 14px;border:1px solid var(--paint-accent-a42,#ed35446b);border-radius:8px;background:var(--paint-accent-a7,#ed354412);color:var(--paint-accent-text,#ffb3bf);font:400 11px "BGSI Interface",sans-serif;cursor:pointer}
body.home-refined .account-notifications-loader{width:25px;height:25px;border:2px solid var(--paint-accent-a15,#ed354425);border-top-color:var(--paint-accent,#ed3544);border-radius:50%;animation:account-notification-spin .8s linear infinite}
@keyframes account-notification-spin{to{transform:rotate(360deg)}}
@media(max-width:1250px){body.home-refined .topbar{grid-template-columns:190px minmax(0,1fr) auto}body.home-refined .nav-links{display:none}body.home-refined .topbar-search{grid-column:2;justify-self:end;max-width:240px}body.home-refined .nav-actions{grid-column:3}body.home-refined .menu-button{display:grid;place-items:center}}
@media(max-width:620px){body.home-refined .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}body.home-refined .nav-actions{gap:5px}body.home-refined .account-trigger{width:36px;height:36px;padding:3px;gap:0;border-radius:9px}body.home-refined .account-trigger-name,body.home-refined .account-trigger>.icon{display:none}body.home-refined .account-avatar{flex-basis:28px;width:28px;height:28px;border-radius:7px}body.home-refined .account-notifications-trigger{width:34px;height:36px;border-radius:9px}body.home-refined .account-notifications-trigger>svg{width:18px;height:18px}body.home-refined .account-notifications-panel{position:fixed;top:calc(100% + 9px);right:0;max-height:calc(100dvh - 90px)}body.home-refined .account-panel{right:-36px}body.home-refined .account-notifications-empty{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){body.home-refined .account-notifications-loader{animation:none}body.home-refined :is(.account-trigger,.account-notifications-trigger,.account-provider-discord){transition:none}}

body.home-refined .account-action-messages{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;color:var(--paint-text,#c5bbd0)}
body.home-refined .account-action-messages svg{width:100%;height:100%}
body.home-refined .home-profile-card{grid-template-columns:1fr;grid-template-rows:auto minmax(70px,1fr) auto auto;gap:15px;color:var(--paint-text,#f5eff9)}
body.home-refined .home-profile-heading{grid-column:auto;display:flex;justify-content:space-between;align-items:center;gap:14px}
body.home-refined .home-profile-greeting{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:450;color:var(--paint-text,#c4b6cc);letter-spacing:.1px}
body.home-refined .home-profile-greeting>span{width:5px;height:5px;border-radius:50%;background:var(--paint-accent,#f04455);box-shadow:0 0 0 4px var(--paint-accent-a6,#f0445510)}
body.home-refined .home-profile-heading a{display:flex;align-items:center;gap:7px;color:var(--paint-accent-text,#e9a2af);font-size:10px;padding:6px 0}
body.home-refined .home-profile-heading a:hover{color:var(--paint-accent-text,#ffc0cb)}
body.home-refined .home-profile-identity{grid-column:auto;grid-row:auto;padding:0;border:0;border-radius:0;background:none}
body.home-refined .home-profile-identity:hover{background:none;border-color:transparent}
body.home-refined .home-profile-person-link{width:100%;gap:18px;min-width:0}
body.home-refined .home-profile-avatar{flex-basis:72px;width:72px;height:72px;border:1px solid var(--paint-line-a19,#ffffff30);border-radius:18px;background:var(--paint-surface,#231e28);box-shadow:inset 0 1px var(--paint-shadow-a6,#ffffff10),0 5px 0 var(--paint-shadow,#070609),0 8px 18px var(--paint-shadow-a33,#0005)}
body.home-refined .home-profile-avatar-fallback{display:grid;place-items:center;width:32px;height:32px;color:var(--paint-muted,#b9a9c7)}
body.home-refined .home-profile-avatar-fallback svg{width:100%;height:100%}
body.home-refined .home-profile-person-link>span:last-child{gap:6px}
body.home-refined .home-profile-identity .home-profile-name{font:650 clamp(20px,2.1vw,30px)/1.12 "BGSI Interface",sans-serif;letter-spacing:-1px;color:var(--paint-text,#f7f0fb)}
body.home-refined .home-profile-person-link:hover .home-profile-name{color:var(--paint-accent-text,#ffb6c2)}
body.home-refined .home-profile-person-link small{font-size:11px;font-weight:400;color:var(--paint-muted,#b9aabc)}
body.home-refined .home-profile-title{font-size:10px;font-weight:500;line-height:1.35}
body.home-refined .home-profile-metrics{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;min-width:0;padding:14px 0;border-top:1px solid var(--paint-line-a9,#ffffff17);border-bottom:1px solid var(--paint-line-a9,#ffffff17);border-radius:0;background:none}
body.home-refined .home-profile-metrics>span{display:grid;gap:7px;padding:0;min-height:0}
body.home-refined .home-profile-metrics>span+span{border-left:1px solid var(--paint-line-a9,#ffffff17);padding-left:22px}
body.home-refined .home-profile-metrics small{color:var(--paint-muted,#b8a9c2);font-size:10px;font-weight:400;text-transform:none}
body.home-refined .home-profile-metrics strong{font:650 clamp(18px,1.7vw,25px)/1.2 "BGSI Display",sans-serif;color:var(--paint-text,#f6edf9);letter-spacing:-.55px;font-variant-numeric:tabular-nums}
body.home-refined .home-profile-metrics .is-positive{color:#82e6b2}
body.home-refined .home-profile-metrics .is-negative{color:#ff7e91}
body.home-refined .home-profile-status-wrap{grid-column:auto;grid-row:auto;display:flex;align-items:center;gap:9px;min-height:34px;padding:0 11px;border:1px solid var(--paint-line-a9,#ffffff17);border-radius:8px;background:var(--paint-tint-a1,#ffffff03);transition:border-color .16s,background .16s}
body.home-refined .home-profile-status-wrap>svg{flex:0 0 14px;width:14px;height:14px;color:var(--paint-muted,#b6a7c0)}
body.home-refined .home-profile-status-wrap:focus-within{border-color:var(--paint-accent-a44,#f0445570);background:var(--paint-accent-a3,#f0445507);box-shadow:none}
body.home-refined .home-profile-status{min-width:0;width:100%;height:34px;padding:0;border:0;background:none;border-radius:0;font:400 11px "BGSI Interface",sans-serif!important;color:var(--paint-text,#e8dfee)}
body.home-refined .home-profile-status:focus{outline:none;box-shadow:none}
body.home-refined .home-profile-status::placeholder{color:var(--paint-muted,#b4a6be)}
body.home-refined #chat-page{width:min(calc(100% - 96px),1328px);min-height:0;margin:30px auto;flex:1 0 auto}
body.home-refined #chat-shell{height:clamp(480px,calc(100svh - 185px),800px);grid-template-columns:300px minmax(0,1fr);border:1px solid var(--paint-line-a13,#ffffff21);border-radius:16px;background:var(--paint-base,#101014);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 16px 40px var(--paint-shadow-a27,#0004)}
body.home-refined .chat-sidebar{background:var(--paint-base,#141217);border-right-color:var(--paint-line-a8,#ffffff14)}
body.home-refined :is(.chat-sidebar-header,.chat-conversation-header){min-height:76px;padding:0 22px;border-bottom-color:var(--paint-line-a8,#ffffff14)}
body.home-refined .chat-sidebar-header h1{font:600 20px "BGSI Interface",sans-serif;letter-spacing:-.6px;color:var(--paint-text,#f4edf8)}
body.home-refined .chat-new-button{height:36px;gap:6px;padding:0 8px;border:1px solid var(--paint-accent-a17,#f044552b);border-radius:8px;color:var(--paint-accent-text,#f5acb6);background:var(--paint-accent-a4,#f0445509);font:450 10px "BGSI Interface",sans-serif}
body.home-refined .chat-new-button:hover{background:var(--paint-accent-a9,#f0445518);border-color:var(--paint-accent-a38,#f0445560);color:var(--paint-accent-text,#ffc3cc)}
body.home-refined .chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paint-base,#0f0e12)}
body.home-refined .chat-empty-header{gap:12px}
body.home-refined .chat-header-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--paint-line-a9,#ffffff17);border-radius:10px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#c2b4cc)}
body.home-refined .chat-header-mark svg{width:22px;height:22px}
body.home-refined .chat-empty-header>div{display:grid;gap:5px;min-width:0}
body.home-refined .chat-empty-header strong{font:500 13px "BGSI Interface",sans-serif;color:var(--paint-text,#e9e0f0)}
body.home-refined .chat-empty-header small{font:400 10px "BGSI Interface",sans-serif;color:var(--paint-muted,#b4a6bf)}
body.home-refined .chat-empty-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;padding:30px 24px;text-align:center}
body.home-refined .chat-empty-illustration{display:grid;place-items:center;width:84px;height:84px;margin-bottom:8px;border:1px solid var(--paint-line-a13,#ffffff21);border-radius:24px;background:var(--paint-surface,#1b171f);box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0e),0 6px 0 var(--paint-shadow,#08070a),0 12px 24px var(--paint-shadow-a27,#0004);color:var(--paint-accent-text,#ed879b)}
body.home-refined .chat-empty-illustration svg{width:42px;height:42px;stroke-width:1.3}
body.home-refined .chat-empty-conversation h2{margin:0;color:var(--paint-text,#f5edf9);font:600 clamp(22px,2.1vw,30px)/1.2 "BGSI Interface",sans-serif;letter-spacing:-.8px}
body.home-refined .chat-empty-conversation p{max-width:330px;margin:0;color:var(--paint-muted,#b5a7bf);font:400 12px/1.8 "BGSI Interface",sans-serif}
body.home-refined .chat-empty-conversation>button{display:flex;align-items:center;gap:25px;min-height:44px;margin-top:7px;padding:0 16px;border:1px solid var(--paint-accent-a37,#ff69775e);border-radius:9px;background:var(--paint-accent,#d42e43);box-shadow:inset 0 1px var(--paint-shadow-a8,#ffffff15),0 3px 0 #6c1422;color:var(--paint-text,#fff);font:500 12px "BGSI Interface",sans-serif;cursor:pointer;transition:background .16s,transform .16s}
body.home-refined .chat-empty-conversation>button:hover{background:var(--paint-accent,#e93b51)}
body.home-refined .chat-empty-conversation>button:active{transform:translateY(2px)}
body.home-refined .chat-empty-conversation>button span{font-size:19px}
body.home-refined .chat-player-list{scrollbar-width:thin;scrollbar-color:#66546d70 transparent}
body.home-refined .chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:40px 24px;text-align:center}
body.home-refined .chat-empty-list-icon{width:27px;height:27px;color:var(--paint-muted,#9f8bab)}
body.home-refined .chat-empty-list-icon svg{width:100%;height:100%}
body.home-refined .chat-list-empty strong{font:500 12px "BGSI Interface",sans-serif;color:var(--paint-text,#d1c4db)}
body.home-refined .chat-list-empty p{max-width:185px;margin:0;color:var(--paint-muted,#b0a1bb);font:400 11px/1.7 "BGSI Interface",sans-serif}
body.home-refined .chat-load-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 16px;border-bottom:1px solid var(--paint-accent-a10,#f044551a);background:var(--paint-accent-a2,#f0445505);color:var(--paint-text,#c9b8cf);font:400 10px/1.5 "BGSI Interface",sans-serif}
body.home-refined .chat-load-notice button{min-height:28px;padding:0 8px;border:1px solid var(--paint-accent-a25,#f0445540);border-radius:6px;background:var(--paint-accent-a4,#f044550b);color:var(--paint-accent-text,#ff9cac);font:500 10px "BGSI Interface",sans-serif;cursor:pointer}
body.home-refined .chat-compose{min-height:78px;flex-shrink:0;grid-template-columns:36px minmax(0,1fr) 40px;gap:10px;padding:15px 22px;background:var(--paint-base,#141117);border-top-color:var(--paint-line-a8,#ffffff14)}
body.home-refined .chat-compose input{height:42px;border-color:var(--paint-line-a10,#ffffff1a);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);font:400 12px "BGSI Interface",sans-serif;color:var(--paint-text,#f1e7f5)}
body.home-refined .chat-compose input::placeholder{color:var(--paint-muted,#b5a5c1)}
body.home-refined .chat-compose input:focus{border-color:var(--paint-accent-a42,#f044556b);box-shadow:0 0 0 3px var(--paint-accent-a5,#f044550d)}
body.home-refined .chat-compose>button{width:36px;height:40px;color:var(--paint-text,#bdabc8)}
body.home-refined .chat-compose>button[type=submit]{width:40px;background:var(--paint-accent,#d42e43);border-color:var(--paint-accent,#e95062);color:var(--paint-text,#fff)}
body.home-refined .chat-compose>button[type=submit]:hover{background:var(--paint-accent,#e93b51)}
body.home-refined .chat-compose-empty>button:last-child{border:1px solid var(--paint-accent-a19,#f0445530);background:var(--paint-accent-a8,#f0445515);color:var(--paint-accent-text,#ed879b)}
body.home-refined .chat-recipient-picker{top:66px;left:12px;right:12px;padding:9px;border-color:var(--paint-line-a16,#ffffff2a);border-radius:11px;background:var(--paint-surface,#201b25);box-shadow:0 15px 32px var(--paint-shadow-a53,#0008);max-height:350px}
body.home-refined .chat-recipient-search{height:42px;border-color:var(--paint-line-a15,#ffffff25);border-radius:8px;background:var(--paint-base,#141117);color:var(--paint-text,#c1afcc)}
body.home-refined .chat-recipient-search input{font:400 12px "BGSI Interface",sans-serif}
body.home-refined #chat-page :is(button,input,a):focus-visible{outline:2px solid var(--paint-accent,#f35b70);outline-offset:3px}
@media(max-width:900px){
  body.home-refined #chat-page{width:calc(100% - 48px)}
  body.home-refined #chat-shell{grid-template-columns:260px minmax(0,1fr)}
  body.home-refined :is(.chat-sidebar-header,.chat-conversation-header){padding:0 15px}
}
@media(max-width:620px){
  body.home-refined .home-profile-card{grid-template-columns:minmax(0,1fr) 95px;grid-template-rows:16px minmax(44px,1fr) 28px;gap:7px 12px}
  body.home-refined .home-profile-heading{grid-column:1/-1;grid-row:1}
  body.home-refined .home-profile-greeting{font-size:10px;gap:7px}
  body.home-refined .home-profile-heading a{font-size:9px;padding:0}
  body.home-refined .home-profile-identity{grid-column:1;grid-row:2}
  body.home-refined .home-profile-person-link{gap:10px}
  body.home-refined .home-profile-avatar{flex-basis:44px;width:44px;height:44px;border-radius:11px;box-shadow:inset 0 1px var(--paint-shadow-a6,#ffffff10),0 3px 0 var(--paint-shadow,#070609)}
  body.home-refined .home-profile-avatar-fallback{width:22px;height:22px}
  body.home-refined .home-profile-person-link>span:last-child{gap:4px}
  body.home-refined .home-profile-identity .home-profile-name{font-size:16px;letter-spacing:-.5px}
  body.home-refined .home-profile-person-link small{font-size:9px}
  body.home-refined .home-profile-title{font-size:8px}
  body.home-refined .home-profile-metrics{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;gap:8px;padding:0 0 0 12px;border:0;border-left:1px solid var(--paint-line-a9,#ffffff17);align-content:center}
  body.home-refined .home-profile-metrics>span{gap:3px}
  body.home-refined .home-profile-metrics>span+span{padding:0;border:0}
  body.home-refined .home-profile-metrics small{font-size:8px}
  body.home-refined .home-profile-metrics strong{font-size:12px;letter-spacing:-.2px}
  body.home-refined .home-profile-status-wrap{grid-column:1/-1;grid-row:3;min-height:28px;padding:0 9px;gap:7px;border-radius:6px}
  body.home-refined .home-profile-status-wrap>svg{width:12px;height:12px;flex-basis:12px}
  body.home-refined .home-profile-status{height:26px;font-size:10px!important}
}
@media(max-width:540px){
  body.home-refined #chat-page{width:calc(100% - 28px);margin:20px auto}
  body.home-refined #chat-shell{height:clamp(540px,calc(100svh - 150px),800px);grid-template-columns:1fr;grid-template-rows:150px minmax(0,1fr);border-radius:13px}
  body.home-refined #chat-shell.is-mobile-conversation{grid-template-rows:minmax(0,1fr)}
  body.home-refined .chat-sidebar{height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--paint-line-a8,#ffffff14)}
  body.home-refined .chat-sidebar-header{min-height:60px;padding:0 16px}
  body.home-refined .chat-sidebar-header h1{font-size:18px}
  body.home-refined .chat-new-button{height:34px}
  body.home-refined .chat-player-list{grid-template-columns:1fr}
  body.home-refined .chat-list-empty{display:grid;grid-template-columns:23px minmax(0,1fr);gap:4px 10px;justify-items:start;padding:12px 16px;text-align:left}
  body.home-refined .chat-empty-list-icon{grid-column:1;grid-row:1/3;width:23px;height:23px;align-self:center}
  body.home-refined .chat-list-empty strong{grid-column:2;font-size:11px}
  body.home-refined .chat-list-empty p{grid-column:2;max-width:none;font-size:9px;line-height:1.5}
  body.home-refined .chat-load-notice{padding:5px 16px}
  body.home-refined .chat-load-notice+ .chat-player-list .chat-list-empty{padding-top:6px}
  body.home-refined .chat-conversation-header{min-height:65px;padding:0 16px}
  body.home-refined .chat-empty-conversation{gap:12px;padding:22px 19px}
  body.home-refined .chat-empty-illustration{width:64px;height:64px;margin-bottom:3px;border-radius:18px}
  body.home-refined .chat-empty-illustration svg{width:34px;height:34px}
  body.home-refined .chat-empty-conversation h2{font-size:23px}
  body.home-refined .chat-empty-conversation p{font-size:11px}
  body.home-refined .chat-compose{min-height:69px;padding:12px 12px;gap:7px;grid-template-columns:28px minmax(0,1fr) 32px}
  body.home-refined .chat-compose input{height:39px;padding:0 9px;font-size:10px}
  body.home-refined .chat-compose>button{width:28px;height:36px}
  body.home-refined .chat-compose>button[type=submit]{width:32px}
  body.home-refined .chat-recipient-picker{max-height:310px;top:51px}
}
@media(prefers-reduced-motion:reduce){
  body.home-refined :is(.account-provider-discord,.chat-empty-conversation>button,.home-profile-status-wrap){transition:none}
}


body.home-refined .account-menu.is-open::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
body.home-refined .profile-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--paint-accent-a33,#f0445555);border-radius:8px;background:var(--paint-accent-a7,#e32c4212);color:var(--paint-accent-text,#ffabb9);font:500 11px "BGSI Interface",sans-serif;cursor:pointer;transition:background .16s,border-color .16s}
body.home-refined .profile-edit-button:hover{background:var(--paint-accent-a15,#e32c4226);border-color:var(--paint-accent-a56,#f0445590)}
body.home-refined .profile-edit-button.is-editing{background:var(--paint-accent,#d82b41);color:var(--paint-text,#fff);border-color:var(--paint-accent,#f36272)}
body.home-refined .profile-edit-button svg{width:14px;height:14px}
body.home-refined .profile-edit-button:focus-visible{outline:2px solid var(--paint-accent,#ff7a91);outline-offset:3px}
body.home-refined .inventory-trade-tag.tag-lf{--trade-tag-tone:#f395ab}
body.home-refined .inventory-trade-tags-copy .tag-lf{grid-column:1/-1;height:25px;opacity:1;border-color:#ef537c60;background:#ef537c0a;color:#efb0c4;font-weight:550}
.inventory-lf-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--paint-line-a17,#ffffff2b);border-radius:18px;background:var(--paint-surface,#18151c);color:var(--paint-text,#f3eaf9);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 28px 100px var(--paint-shadow-a67,#000a);font-family:"BGSI Interface",sans-serif;overflow:auto}
.inventory-lf-dialog::backdrop{background:var(--paint-base-a79,#050306c9);backdrop-filter:blur(9px)}
.inventory-lf-dialog[open]{animation:inventory-lf-open .18s ease-out}
.inventory-lf-dialog form{padding:24px}
.inventory-lf-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.inventory-lf-dialog header small{color:var(--paint-accent-text,#f093a8);font-size:10px;font-weight:450}
.inventory-lf-dialog h2{margin:5px 0 0;font-size:28px;font-weight:650;letter-spacing:-.8px}
.inventory-lf-dialog header button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid var(--paint-line-a12,#ffffff1e);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#cbb8d7);font:400 24px/1 "BGSI Interface",sans-serif;cursor:pointer}
.inventory-lf-dialog header button:hover{color:var(--paint-accent-text,#ffbac8);background:var(--paint-accent-a7,#f0445512);border-color:var(--paint-accent-a33,#f0445555)}
.inventory-lf-pet{display:flex;align-items:center;gap:15px;margin:24px 0;padding:13px;border:1px solid var(--paint-line-a7,#ffffff13);border-radius:12px;background:var(--paint-tint-a1,#ffffff02);min-width:0}
.inventory-lf-pet img{flex:0 0 68px;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 5px 8px #0005)}
.inventory-lf-pet>div{display:grid;gap:7px;min-width:0}
.inventory-lf-pet strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paint-text,#f1e6f7);font-size:15px;font-weight:600}
.inventory-lf-pet small{color:var(--paint-muted,#bba5c9);font-size:10px;line-height:1.6}
.inventory-lf-value{display:grid;gap:10px;font-size:12px;font-weight:500;color:var(--paint-text,#e3d1ed)}
.inventory-lf-value>div{display:flex;align-items:center;gap:12px;height:58px;padding:0 16px;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:10px;background:var(--paint-base,#0e0c11);box-shadow:inset 0 2px 4px var(--paint-shadow-a27,#0004);transition:border-color .16s}
.inventory-lf-value>div:focus-within{border-color:var(--paint-accent-a53,#ed527487);box-shadow:0 0 0 3px var(--paint-accent-a6,#ed527410)}
.inventory-lf-value>div>span{display:grid;place-items:center;width:23px;height:23px;color:var(--paint-accent-text,#f295b1)}
.inventory-lf-value svg{width:100%;height:100%}
.inventory-lf-value input{width:100%;min-width:0;padding:0;border:0;background:none;outline:none;color:var(--paint-text,#f6edf9);font:600 24px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;box-shadow:none}
.inventory-lf-value input::placeholder{color:var(--paint-muted,#8e789b);font-size:20px;font-weight:400}
.inventory-lf-value>small{color:var(--paint-muted,#b4a0c2);font-size:10px;font-weight:400}
.inventory-lf-dialog fieldset{min-width:0;margin:25px 0 0;padding:0;border:0}
.inventory-lf-dialog legend{margin-bottom:12px;color:var(--paint-text,#e3d1ed);font-size:12px;font-weight:500}
.inventory-lf-demands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.inventory-lf-demands label{position:relative;min-width:0;cursor:pointer}
.inventory-lf-demands input{position:absolute;opacity:0;width:1px;height:1px}
.inventory-lf-demands label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:10px 5px;border:1px solid var(--paint-line-a9,#ffffff18);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-text,#d1bddc);transition:border-color .16s,background .16s}
.inventory-lf-demands svg{width:21px;height:21px;color:var(--lf-demand)}
.inventory-lf-demands strong{font-size:10px;font-weight:450;white-space:nowrap}
.inventory-lf-demands input:checked+span{border-color:var(--lf-demand);background:color-mix(in srgb,var(--lf-demand) 8%,var(--paint-base,#17131c));color:var(--paint-text,#f9f1ff)}
.inventory-lf-demands input:checked+span::after{content:"";position:absolute;top:7px;right:7px;width:4px;height:4px;border-radius:50%;background:var(--lf-demand)}
.inventory-lf-demands input:focus-visible+span{outline:2px solid var(--paint-line,#fff);outline-offset:3px}
.inventory-lf-demands label:hover>span{border-color:color-mix(in srgb,var(--lf-demand) 65%,transparent)}
.inventory-lf-error{margin:15px 0 0;color:#ff9dad;font-size:11px;line-height:1.6}
.inventory-lf-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:25px;padding-top:19px;border-top:1px solid var(--paint-line-a8,#ffffff15)}
.inventory-lf-dialog footer button{min-height:42px;padding:0 16px;border:1px solid var(--paint-line-a11,#ffffff1b);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#ddc9e8);font:500 11px "BGSI Interface",sans-serif;cursor:pointer}
.inventory-lf-dialog footer button[type=submit]{display:flex;align-items:center;gap:24px;background:var(--paint-accent,#d62b43);border-color:var(--paint-accent,#f66b7b);color:var(--paint-text,#fff);box-shadow:inset 0 1px var(--paint-shadow-a8,#ffffff15),0 3px 0 #761322}
.inventory-lf-dialog footer button[type=submit]:hover{background:var(--paint-accent,#e73750)}
.inventory-lf-dialog button:focus-visible{outline:2px solid var(--paint-accent,#ff8b9f);outline-offset:3px}
#site-giveaway-notifications{position:fixed;z-index:1500;bottom:24px;left:24px;display:flex;flex-direction:column;gap:10px;width:min(350px,calc(100vw - 32px));pointer-events:none}
.site-giveaway-notification{position:relative;display:flex;align-items:center;gap:6px;min-height:100px;padding:14px 12px 14px 14px;border:1px solid var(--paint-accent-a30,#ed45674d);border-radius:13px;background:var(--paint-surface-a97,#1b161ef7);backdrop-filter:blur(18px);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 10px 30px var(--paint-shadow-a60,#0009);pointer-events:auto;font-family:"BGSI Interface",sans-serif;animation:site-giveaway-toast-in .22s ease-out}
.site-giveaway-notification::before{content:"";position:absolute;left:-1px;top:23px;bottom:23px;width:2px;background:var(--paint-accent,#ef5876);border-radius:2px}
.site-giveaway-notification>a{display:flex;align-items:center;gap:13px;min-width:0;flex:1;color:inherit;text-decoration:none}
.site-giveaway-notification-art{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid var(--paint-line-a10,#ffffff19);border-radius:11px;background:var(--paint-tint-a2,#ffffff04);overflow:hidden}
.site-giveaway-notification-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--paint-surface,#211923)}
.site-giveaway-notification-art svg{width:25px;height:25px;color:var(--paint-accent-text,#ec8da7)}
.site-giveaway-notification-copy{display:grid;gap:6px;min-width:0}
.site-giveaway-notification-copy small{color:var(--paint-accent-text,#f79fb5);font-size:9px;font-weight:500}
.site-giveaway-notification-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--paint-text,#f2e8f9);font-size:13px;font-weight:550;line-height:1.4}
.site-giveaway-notification-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paint-text,#bca8c9);font-size:10px}
.site-giveaway-notification>button{align-self:start;display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin:-4px -3px 0 0;padding:0;border:0;border-radius:6px;background:none;color:var(--paint-text,#c1a8d0);font-size:21px;line-height:1;cursor:pointer}
.site-giveaway-notification>button:hover{color:var(--paint-accent-text,#ffbacb);background:var(--paint-accent-a8,#ed456714)}
.site-giveaway-notification :is(a,button):focus-visible{outline:2px solid var(--paint-accent,#ff8fa9);outline-offset:3px}
@keyframes inventory-lf-open{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes site-giveaway-toast-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:620px){.inventory-lf-dialog form{padding:20px}.inventory-lf-dialog h2{font-size:25px}.inventory-lf-pet{margin:20px 0}.inventory-lf-demands{gap:7px}.inventory-lf-demands strong{font-size:9px}.inventory-lf-demands label>span{min-height:72px}#site-giveaway-notifications{left:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.inventory-lf-dialog[open],.site-giveaway-notification{animation:none}.inventory-lf-dialog *,.profile-edit-button{transition:none!important}}


.inventory-lf-dialog{scrollbar-width:thin;scrollbar-color:#74576670 transparent}
.inventory-lf-dialog::-webkit-scrollbar{width:5px}
.inventory-lf-dialog::-webkit-scrollbar-thumb{border-radius:5px;background:var(--paint-raised-a44,#74576670)}
.inventory-lf-dialog .inventory-lf-value input:focus-visible{outline:none}
.inventory-lf-demand{display:inline-flex;align-items:center;gap:3px;font-size:8px;color:var(--lf-demand)}
.inventory-lf-demand svg{width:10px;height:10px}


body.home-refined #site-header :is(.nav-dropdown-menu,.topbar-search-results,.account-panel,.account-notifications-panel){position:absolute;box-sizing:border-box;min-width:0;max-width:calc(100vw - 24px);transform:none;inset:auto;background:var(--paint-base-a98,#17161afa);border:1px solid var(--paint-line-a15,#ffffff26);border-top-color:var(--paint-line-a21,#ffffff36);border-radius:11px;box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 18px 42px var(--paint-shadow-a60,#0009)}
body.home-refined #site-header .nav-dropdown-menu{width:160px;padding:5px}
body.home-refined #site-header .nav-dropdown-menu::before{top:-30px;height:30px}
body.home-refined #site-header .topbar-search-results{width:244px;padding:5px}
body.home-refined #site-header .account-panel{width:204px;padding:6px;gap:2px}
body.home-refined #site-header .account-menu.is-open::after{height:30px}
body.home-refined #site-header .account-panel-identity{gap:9px;padding:8px 6px 11px;margin-bottom:3px}
body.home-refined #site-header .account-panel-identity>.account-avatar{width:32px;height:32px;flex-basis:32px}
body.home-refined #site-header .account-panel-identity strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.home-refined #site-header .account-panel-identity small{font-size:10px}
body.home-refined #site-header .account-panel-action{min-height:37px;gap:9px;padding:0 8px;font-size:11px}
body.home-refined #site-header .account-provider-discord{gap:10px;min-height:38px;margin:7px 3px 8px;padding:7px 11px;border-radius:8px;font-size:12px;box-shadow:inset 0 1px var(--paint-shadow-a22,#ffffff38),inset -2px 0 #454fc6,0 3px 0 #323d9d,0 5px 9px var(--paint-shadow-a27,#0004)}
body.home-refined #site-header .account-discord-mark{flex-basis:21px;width:21px;height:16px}
body.home-refined #site-header .account-discord-arrow{font-size:16px}
body.home-refined #site-header .account-notifications-panel{width:286px;overflow:hidden}
body.home-refined #site-header .account-notifications-panel>header{padding:12px 13px;gap:8px}
body.home-refined #site-header .account-notifications-panel h2{font-size:13px;letter-spacing:-.2px}
body.home-refined #site-header .account-notifications-panel header button{font-size:10px}
body.home-refined #site-header .account-notifications-empty{padding:24px 18px;gap:9px;background:var(--paint-tint-a0,#ffffff01)}
body.home-refined #site-header .account-notifications-empty>svg{width:25px;height:25px;margin-bottom:3px;color:var(--paint-accent-text,#d7a2b5)}
body.home-refined #site-header .account-notifications-empty strong{font-size:12px}
body.home-refined #site-header .account-notifications-empty p{font-size:11px;line-height:1.65;margin:0}
body.home-refined #site-header .account-notification{min-height:72px;gap:10px;padding:11px 13px}
body.home-refined #site-header .account-notification-art{flex-basis:40px;width:40px;height:40px;border-radius:8px}
body.home-refined #site-header .account-notification-art :is(img,svg){width:35px;height:35px}
body.home-refined #site-header .account-notifications-panel footer{padding:10px 13px}
.chat-preview-label{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--paint-accent-a21,#ec3a3235);border-radius:6px;background:var(--paint-accent-a4,#ec3a320b);color:var(--paint-accent-text,#ffb2b8);font:450 10px "BGSI Interface",sans-serif}
@media(prefers-reduced-motion:reduce){body.home-refined #site-header .account-provider-discord{transform:none!important}}

body.home-refined #site-header .account-menu-chevron{flex:none;width:12px;height:12px;color:var(--paint-text,#b9b0c3);transition:transform .16s}
body.home-refined #site-header .account-menu.is-open .account-menu-chevron{transform:rotate(180deg)}
@media(max-width:620px){body.home-refined #site-header .account-menu-chevron{display:none}}
@media(prefers-reduced-motion:reduce){body.home-refined #site-header .account-menu-chevron{transition:none}}

body.home-refined #site-header .account-trigger{min-width:172px}
body.home-refined #site-header .account-trigger-name{flex:1;text-align:left}
body.home-refined #site-header .account-provider-discord{width:auto;box-sizing:border-box}
body.home-refined #site-header .topbar-search-results>a{grid-template-columns:32px minmax(0,1fr);gap:8px}
body.home-refined #site-header .topbar-search-results>a>.icon{display:none}
body.home-refined #site-header .topbar-search-results strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined #chat-page{width:min(calc(100% - 80px),1400px);margin:28px auto 36px}
body.home-refined #chat-shell{display:grid;height:clamp(480px,calc(100dvh - 180px),880px);grid-template-columns:294px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;border-radius:18px;border-color:var(--paint-line-a13,#ffffff20);background:var(--paint-base,#101014);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0b),0 18px 60px var(--paint-shadow-a27,#0004)}
body.home-refined #chat-shell .chat-sidebar{display:flex;flex-direction:column;min-height:0;height:100%;max-height:none;background:var(--paint-base,#151418);border:0;border-right:1px solid var(--paint-line-a8,#ffffff14)}
body.home-refined #chat-shell .chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:84px;padding:0 20px;border:0;border-bottom:1px solid var(--paint-line-a5,#ffffff0e)}
body.home-refined #chat-shell .chat-sidebar-header h1{font:650 22px "BGSI Interface",sans-serif;letter-spacing:-.8px;margin:0}
body.home-refined #chat-shell .chat-new-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--paint-line-a14,#ffffff23);border-radius:10px;background:var(--paint-tint-a2,#ffffff05);color:var(--paint-text,#d2cbd9)}
body.home-refined #chat-shell .chat-new-button>span:last-child{display:none}
body.home-refined #chat-shell .chat-new-button:hover{background:var(--paint-accent-a10,#ee35471a);border-color:var(--paint-accent-a33,#ee354755);color:var(--paint-accent-text,#ff94a5)}
body.home-refined #chat-shell .chat-player-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:10px}
body.home-refined #chat-shell .chat-player{display:flex;align-items:center;gap:12px;flex:none;width:100%;min-height:78px;padding:13px 12px;border:1px solid transparent;border-radius:11px;background:none;color:var(--paint-text,#e8e3ec);text-align:left;transition:background .15s,border-color .15s}
body.home-refined #chat-shell .chat-player:hover{background:var(--paint-tint-a2,#ffffff04)}
body.home-refined #chat-shell .chat-player.is-selected{background:var(--paint-accent-a4,#ed3a4e09);border-color:var(--paint-accent-a25,#ed3a4e40);box-shadow:inset 3px 0 var(--paint-accent,#e94458)}
body.home-refined #chat-shell .chat-player-avatar{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:hidden;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;background:var(--paint-surface,#252229);color:var(--paint-text,#eadfe9);font-size:18px}
body.home-refined #chat-shell .chat-player-avatar img{width:100%;height:100%;object-fit:cover}
body.home-refined #chat-shell .chat-player-copy{display:grid;min-width:0;gap:7px;flex:1}
body.home-refined #chat-shell .chat-player-copy strong{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined #chat-shell .chat-player-copy small{font-size:11px;font-weight:400;color:var(--paint-muted,#aba2b4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined #chat-shell .chat-player-end{display:grid;justify-items:end;gap:9px;flex:none;align-self:stretch;padding-top:4px}
body.home-refined #chat-shell .chat-player-end time{color:var(--paint-muted,#a9a1af);font:400 9px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-player-end svg{width:13px;height:13px;color:var(--paint-accent-text,#f88399)}
body.home-refined #chat-shell .chat-player-unread{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:6px;background:var(--paint-accent,#dc344a);color:var(--paint-text,#fff);font-size:9px}
body.home-refined #chat-shell .chat-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;min-width:0;background:var(--paint-base,#101014)}
body.home-refined #chat-shell .chat-conversation-header{display:flex;align-items:center;gap:12px;min-height:84px;padding:0 26px;background:var(--paint-base,#151418);border-bottom:1px solid var(--paint-line-a7,#ffffff12)}
body.home-refined #chat-shell .chat-conversation-profile{display:flex;min-width:0;gap:12px;align-items:center}
body.home-refined #chat-shell .chat-conversation-copy{display:grid;gap:6px;min-width:0}
body.home-refined #chat-shell .chat-conversation-copy strong{font:550 15px "BGSI Interface",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.home-refined #chat-shell .chat-conversation-copy small{font-size:10px;color:var(--paint-muted,#aba2b4)}
body.home-refined #chat-shell .chat-trade-ready{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;height:38px;padding:0 12px;margin-left:auto;border:1px solid var(--paint-line-a14,#ffffff23);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#d2cbd9);font:450 11px "BGSI Interface",sans-serif;white-space:nowrap;cursor:pointer}
body.home-refined #chat-shell .chat-trade-ready>svg{width:16px;height:16px;color:var(--paint-muted,#b6adbf)}
body.home-refined #chat-shell .chat-trade-ready small{padding-left:9px;border-left:1px solid var(--paint-line-a13,#ffffff20);color:var(--paint-text,#b9b1c3);font-size:10px;font-variant-numeric:tabular-nums}
body.home-refined #chat-shell .chat-trade-ready:hover{background:var(--paint-tint-a3,#ffffff08);border-color:var(--paint-line-a23,#ffffff3b)}
body.home-refined #chat-shell .chat-trade-ready.is-ready{border-color:#67d69f65;background:#67d69f0c;color:#99edbe}
body.home-refined #chat-shell .chat-trade-ready.is-ready :is(svg,small){color:#99edbe}
body.home-refined #chat-shell .chat-contact-options,body.home-refined #chat-shell .chat-mobile-list-toggle{display:grid;place-items:center;flex:none;width:32px;height:38px;padding:0;border:0;border-radius:8px;background:none;color:var(--paint-text,#b9b1c3);cursor:pointer}
body.home-refined #chat-shell .chat-mobile-list-toggle{display:none}
body.home-refined #chat-shell .chat-contact-options:hover{background:var(--paint-tint-a3,#ffffff08);color:var(--paint-text,#fff)}
body.home-refined #chat-shell .chat-contact-options svg{width:19px;height:19px}
body.home-refined #chat-shell .chat-messages{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;padding:22px 26px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#74647355 transparent;overscroll-behavior:contain}
body.home-refined #chat-shell .chat-message{display:grid;flex:none;align-self:flex-start;width:fit-content;max-width:min(78%,580px);gap:9px;padding:13px 15px 10px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:13px 13px 13px 4px;background:var(--paint-surface,#1e1c23);box-shadow:0 3px 8px var(--paint-shadow-a13,#0002);color:var(--paint-text,#e4dfe9);font:400 13px/1.65 "BGSI Interface",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
body.home-refined #chat-shell .chat-message.is-own{align-self:flex-end;background:var(--paint-surface,#352029);border-color:var(--paint-accent-a27,#ee526745);border-radius:13px 13px 4px 13px;color:var(--paint-text,#fff0f3)}
body.home-refined #chat-shell .chat-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:0;padding:0;color:var(--paint-muted,#afa5ba)}
body.home-refined #chat-shell .chat-message-meta time{font-size:9px;color:var(--paint-muted,#afa5ba)}
body.home-refined #chat-shell .chat-message-ticks{width:14px;height:14px;color:var(--paint-muted,#c0a4b3)}
body.home-refined #chat-shell .chat-message-ticks.is-read{color:var(--paint-accent-text,#f389a1)}
body.home-refined #chat-shell .chat-day-divider{display:flex;align-items:center;gap:15px;align-self:stretch;margin:3px 0 8px;color:var(--paint-muted,#a89cad);font:400 10px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-day-divider::before,body.home-refined #chat-shell .chat-day-divider::after{content:"";height:1px;flex:1;background:var(--paint-tint-a5,#ffffff0c)}
body.home-refined #chat-shell .chat-start-conversation{display:grid;place-items:center;align-self:stretch;gap:15px;padding:45px 20px;color:var(--paint-text,#e6ddeb);text-align:center}
body.home-refined #chat-shell .chat-start-conversation .chat-player-avatar{width:64px;height:64px;border-radius:18px}
body.home-refined #chat-shell .chat-start-conversation strong{font-size:18px;font-weight:550}
body.home-refined #chat-shell .chat-start-conversation p{margin:0;color:var(--paint-muted,#b8aabf);font-size:12px}
body.home-refined #chat-shell .chat-composer-dock{min-width:0;border-top:1px solid var(--paint-line-a8,#ffffff14);background:var(--paint-base,#151418)}
body.home-refined #chat-shell .chat-compose{display:grid;grid-template-columns:auto minmax(0,1fr) 42px;min-height:86px;padding:17px 24px;gap:12px;border:0;background:none}
body.home-refined #chat-shell .chat-compose input{height:44px;min-width:0;padding:0 14px;border:1px solid var(--paint-line-a12,#ffffff1e);border-radius:10px;background:var(--paint-base,#101014);color:var(--paint-text,#f0e8f4);font:400 12px "BGSI Interface",sans-serif;box-shadow:inset 0 2px 5px var(--paint-shadow-a13,#0002)}
body.home-refined #chat-shell .chat-compose input::placeholder{color:var(--paint-muted,#aa9db4)}
body.home-refined #chat-shell .chat-compose input:focus{border-color:var(--paint-accent-a47,#ef607378);outline:none}
body.home-refined #chat-shell .chat-compose>button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:10px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#d1c4db);font:500 11px "BGSI Interface",sans-serif;cursor:pointer}
body.home-refined #chat-shell .chat-compose>button svg{width:18px;height:18px}
body.home-refined #chat-shell .chat-compose>button:hover{background:var(--paint-tint-a4,#ffffff09);border-color:var(--paint-accent-a42,#ee61746b);color:var(--paint-accent-text,#ffacbb)}
body.home-refined #chat-shell .chat-compose>button[type=submit]{padding:0;background:var(--paint-accent,#cf2e45);border-color:var(--paint-accent,#ef6b7b);color:var(--paint-text,#fff);box-shadow:inset 0 1px var(--paint-shadow-a13,#ffffff22),0 2px 0 #751a29}
body.home-refined #chat-shell .chat-compose>button[type=submit]:hover{background:var(--paint-accent,#e73d54)}
body.home-refined #chat-shell button:disabled{cursor:default;opacity:.45}
body.home-refined #chat-shell .chat-send-error{margin:12px 24px -5px;color:#ff9bac;font-size:11px}
body.home-refined #chat-shell .chat-offer-wrap{flex:none;align-self:flex-start;width:min(100%,590px);max-width:100%;margin:0}
body.home-refined #chat-shell .chat-offer-wrap.is-own{align-self:flex-end}
body.home-refined #chat-shell .chat-offer-message{width:100%;padding:0;overflow:hidden;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:14px;background:var(--paint-surface,#19171e);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 5px 20px var(--paint-shadow-a20,#0003)}
body.home-refined #chat-shell .chat-offer-message>header{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 16px;border-bottom:1px solid var(--paint-line-a7,#ffffff11);background:var(--paint-tint-a1,#ffffff02)}
body.home-refined #chat-shell .chat-offer-message>header strong{font:550 12px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-message>header>.icon{width:17px;height:17px;color:var(--paint-accent-text,#f196aa)}
body.home-refined #chat-shell .chat-offer-message>header small{font-size:10px;padding:4px 7px;border:1px solid currentColor;border-radius:5px}
body.home-refined #chat-shell .chat-offer-sides{gap:0;padding:17px 16px 13px}
body.home-refined #chat-shell .chat-offer-sides>section{padding-right:14px}
body.home-refined #chat-shell .chat-offer-sides>section+section{padding:0 0 0 15px;border-left:1px solid var(--paint-line-a8,#ffffff15)}
body.home-refined #chat-shell .chat-offer-sides h3{display:grid;gap:6px;margin:0 0 14px;color:var(--paint-muted,#bcaabe);text-transform:none;font:400 11px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-sides h3 strong{color:var(--paint-text,#f1e7f6);font:650 21px "BGSI Display",sans-serif;letter-spacing:-.4px}
body.home-refined #chat-shell .chat-offer-sides>section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.home-refined #chat-shell .chat-offer-embed-pet{gap:7px}
body.home-refined #chat-shell .chat-offer-embed-pet>span{border-radius:8px;background:var(--paint-tint-a1,#ffffff03);border-color:var(--paint-line-a8,#ffffff14);min-height:62px}
body.home-refined #chat-shell .chat-offer-embed-pet img{width:90%;height:90%;filter:drop-shadow(0 5px 5px #0004)}
body.home-refined #chat-shell .chat-offer-embed-pet strong{right:4px;bottom:4px;padding:3px 5px;font:550 10px "BGSI Interface",sans-serif;border-radius:4px;background:var(--paint-base-a93,#151019ed)}
body.home-refined #chat-shell .chat-offer-embed-pet small{font:450 9px "BGSI Interface",sans-serif;color:var(--paint-text,#cdc0d9)}
body.home-refined #chat-shell .chat-offer-empty{display:grid;place-items:center;min-height:84px;padding:10px;border:1px dashed var(--paint-line-a9,#ffffff17);border-radius:9px;color:var(--paint-muted,#b5a9c0);font-size:11px}
body.home-refined #chat-shell .chat-offer-actions{display:flex;gap:7px;padding:13px 16px;border-top:1px solid var(--paint-line-a6,#ffffff10)}
body.home-refined #chat-shell .chat-offer-actions button{flex:1;min-height:35px;padding:0 10px;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:8px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#dcd0e7);font:450 11px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-actions button:first-child{background:var(--paint-accent,#cf2e45);border-color:var(--paint-accent,#ed6a7c);color:var(--paint-text,#fff)}
body.home-refined #chat-shell .chat-offer-actions button:hover{filter:brightness(1.14)}
body.home-refined #chat-shell .chat-offer-message>.chat-message-meta{padding:0 16px 12px}
body.home-refined #chat-shell .chat-offer-response{display:flex;align-items:center;gap:10px;flex:none;max-width:100%;min-height:47px;padding:10px 13px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#ddd0e7);text-align:left}
body.home-refined #chat-shell .chat-offer-response strong{font:450 11px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-response small{font-size:9px;color:var(--paint-muted,#b6a3c3)}
body.home-refined #chat-shell .chat-offer-response .chat-message-meta{margin-left:auto}
body.home-refined #chat-shell .chat-trade-ready-notice{align-self:center;margin:5px 0;padding:8px 12px;border:1px solid #67d69f30;border-radius:7px;background:#67d69f06;color:#99dbb8;font:400 11px "BGSI Interface",sans-serif}
.chat-player-menu{position:fixed;z-index:9000;box-sizing:border-box;width:214px;padding:6px;border:1px solid var(--paint-line-a16,#ffffff29);border-radius:12px;background:var(--paint-surface,#1d1a22);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 14px 40px var(--paint-shadow-a60,#0009);color:var(--paint-text,#eee2f5);font-family:"BGSI Interface",sans-serif;animation:chat-menu-open .14s ease-out}
.chat-player-menu header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 10px 11px;color:var(--paint-muted,#b5a4c1);font-size:10px}
.chat-player-menu :is(button,a){display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--paint-text,#e1d5e9);font:400 11px "BGSI Interface",sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.chat-player-menu svg{flex:0 0 16px;width:16px;height:16px;color:var(--paint-text,#bca7c9)}
.chat-player-menu :is(button,a):hover{background:var(--paint-tint-a3,#ffffff07);color:var(--paint-text,#fff)}
.chat-player-menu :is(button,a):focus-visible{outline:2px solid var(--paint-accent,#ef687f);outline-offset:-2px;background:var(--paint-accent-a6,#ee354710)}
.chat-player-menu [data-chat-block],.chat-player-menu [data-chat-report]{color:var(--paint-accent-text,#ffa5b5)}
.chat-player-menu [data-chat-block] svg,.chat-player-menu [data-chat-report] svg{color:var(--paint-accent-text,#ef8b9f)}
.chat-menu-separator{height:1px;margin:5px 7px;background:var(--paint-tint-a8,#ffffff15)}
#chat-offer-dialog .chat-offer-dialog{padding:24px}
#chat-offer-dialog .chat-offer-backdrop{background:var(--paint-base-a79,#050407c9);backdrop-filter:blur(7px)}
.chat-trade-editor{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1060px,100%);height:min(780px,calc(100dvh - 48px));overflow:hidden;border:1px solid var(--paint-line-a18,#ffffff2d);border-top-color:var(--paint-line-a25,#ffffff40);border-radius:18px;background:var(--paint-base,#16131c);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 30px 90px var(--paint-shadow-a67,#000a);color:var(--paint-text,#f2e9f7);font-family:"BGSI Interface",sans-serif;animation:chat-editor-open .18s ease-out}
.chat-trade-editor>header{display:flex;align-items:center;gap:13px;min-height:84px;padding:18px 24px;border-bottom:1px solid var(--paint-line-a8,#ffffff15);background:var(--paint-tint-a1,#ffffff02)}
.chat-editor-emblem{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid var(--paint-accent-a33,#ef557355);border-radius:11px;background:var(--paint-accent-a4,#ef55730b);color:var(--paint-accent-text,#ff9fb3)}
.chat-editor-emblem svg{width:22px;height:22px}
.chat-trade-editor h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.5px}
.chat-trade-editor>header p{margin:6px 0 0;font-size:11px;color:var(--paint-muted,#b9a7c6)}
.chat-trade-editor>header p strong{font-weight:450;color:var(--paint-text,#e4d2ee)}
.chat-trade-editor>header>button,.chat-trade-editor .chat-offer-picker>header>button{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:9px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-muted,#bba7c7);cursor:pointer}
.chat-trade-editor>header>button{margin-left:auto}
.chat-trade-editor>header>button:hover,.chat-trade-editor .chat-offer-picker>header>button:hover{color:var(--paint-accent-text,#ffafbd);border-color:var(--paint-accent-a40,#ef557366);background:var(--paint-accent-a6,#ef557310)}
.chat-trade-editor button svg{width:17px;height:17px}
.chat-editor-body{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:20px 24px;gap:20px;scrollbar-width:thin;scrollbar-color:#7a536670 transparent}
.chat-trade-editor .chat-offer-layout{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0}
.chat-trade-editor .chat-offer-side{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:211px;padding:0;border:1px solid var(--paint-line-a10,#ffffff1a);border-radius:12px;background:var(--paint-tint-a1,#ffffff02);overflow:hidden}
.chat-trade-editor .chat-offer-side>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;background:var(--paint-tint-a1,#ffffff02);border-bottom:1px solid var(--paint-line-a7,#ffffff12)}
.chat-trade-editor .chat-offer-side h3{max-width:250px;margin:0 0 6px;color:var(--paint-text,#c3afcf);font-size:11px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-trade-editor .chat-offer-side header strong{font:650 23px "BGSI Display",sans-serif;color:var(--paint-text,#f4e9fa);letter-spacing:-.4px}
.chat-trade-editor .chat-offer-side header button{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:32px;padding:0 10px;border:1px solid var(--paint-accent-a27,#ee557345);border-radius:7px;background:var(--paint-accent-a4,#ee55730a);color:var(--paint-accent-text,#f5b0c3);font:450 10px "BGSI Interface",sans-serif;cursor:pointer}
.chat-trade-editor .chat-offer-selected{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:206px;min-height:128px;overflow:auto;padding:14px;scrollbar-width:thin;scrollbar-color:#7a536650 transparent}
.chat-trade-editor .chat-selected-pet{display:grid;gap:5px;min-width:0;align-content:start}
.chat-trade-editor .chat-offer-selected-art{display:grid;place-items:center;position:relative;width:100%;height:76px;border:0;border-radius:8px;background:var(--paint-tint-a1,#ffffff03);overflow:hidden}
.chat-trade-editor .chat-offer-selected-art img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 5px 5px #0004)}
.chat-trade-editor .chat-offer-selected-art svg{width:28px;height:28px;color:var(--paint-text,#bfa7ca)}
.chat-trade-editor .chat-selected-pet>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:500;text-align:center}
.chat-trade-editor .chat-selected-pet>small{font:550 12px "BGSI Display",sans-serif;color:var(--paint-text,#edc6d4);text-align:center}
.chat-trade-editor .chat-offer-selected-quantity{position:static;display:grid;grid-template-columns:23px minmax(0,1fr) 23px;gap:3px;align-items:center;padding:3px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:7px;background:var(--paint-base,#0e0b13);color:var(--paint-text,#f1e0f8);font-size:10px}
.chat-trade-editor .chat-offer-selected-quantity span{text-align:center;font-variant-numeric:tabular-nums}
.chat-trade-editor .chat-offer-selected-quantity button{display:grid;place-items:center;width:23px;height:24px;padding:0;border:0;border-radius:4px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#cbb5d7);cursor:pointer}
.chat-trade-editor .chat-offer-selected-quantity button:hover{background:var(--paint-accent-a13,#ee557320);color:var(--paint-accent-text,#ffbaca)}
.chat-trade-editor .chat-offer-selected-quantity button svg{width:13px;height:13px}
.chat-trade-editor .chat-selection-empty{grid-column:1/-1;display:grid;place-content:center;justify-items:center;gap:7px;min-height:106px;width:100%;border:1px dashed var(--paint-line-a11,#ffffff1b);border-radius:8px;background:none;color:var(--paint-muted,#b49ec3);font-family:inherit;cursor:pointer}
.chat-trade-editor .chat-selection-empty>svg{width:23px;height:23px;margin-bottom:3px;color:var(--paint-accent-text,#d09cb5)}
.chat-trade-editor .chat-selection-empty strong{font-size:11px;font-weight:450;color:var(--paint-text,#d8c5e4)}
.chat-trade-editor .chat-selection-empty small{font-size:10px}
.chat-trade-editor .chat-selection-empty:hover{background:var(--paint-tint-a1,#ffffff03);border-color:var(--paint-accent-a31,#ee557350)}
.chat-trade-editor .chat-offer-picker{display:flex;flex-direction:column;flex:1 0 250px;min-height:230px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.chat-trade-editor .chat-offer-picker>header{display:flex;align-items:center;gap:10px;padding:0 0 14px;border:0;background:none}
.chat-trade-editor .chat-offer-inventory-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:9px;background:var(--paint-base,#0f0c15)}
.chat-trade-editor .chat-offer-inventory-tabs button{max-width:230px;min-height:32px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:none;color:var(--paint-muted,#b8a2c8);font:450 11px "BGSI Interface",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.chat-trade-editor .chat-offer-inventory-tabs button[aria-pressed=true]{border-color:var(--paint-accent-a23,#ed54753b);background:var(--paint-accent-a7,#ed547513);color:var(--paint-accent-text,#ffd0df);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09)}
.chat-trade-editor .chat-offer-inventory-search{display:flex;align-items:center;gap:9px;min-width:0;max-width:240px;height:40px;margin-left:auto;padding:0 12px;border:1px solid var(--paint-line-a14,#ffffff23);border-radius:9px;background:var(--paint-base,#100d16);color:var(--paint-muted,#ad93bb)}
.chat-trade-editor .chat-offer-inventory-search svg{flex:none;width:15px;height:15px}
.chat-trade-editor .chat-offer-inventory-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;box-shadow:none;background:none;color:var(--paint-text,#f2e4f9);font:400 11px "BGSI Interface",sans-serif}
.chat-trade-editor .chat-offer-inventory-search input::placeholder{color:var(--paint-muted,#b6a0c4)}
.chat-trade-editor .chat-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:10px;min-height:180px;max-height:350px;overflow-y:auto;padding:1px 2px 8px;scrollbar-width:thin;scrollbar-color:#81596e66 transparent}
.chat-trade-editor .chat-inventory-pet{display:grid;position:relative;align-content:start;gap:5px;min-width:0;padding:8px 8px 11px;border:1px solid var(--paint-line-a8,#ffffff15);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-text,#efe2f7);font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.chat-trade-editor .chat-inventory-pet:hover{border-color:var(--paint-accent-a44,#e75c8270);background:var(--paint-accent-a3,#e75c8207)}
.chat-trade-editor .chat-inventory-pet.is-selected{border-color:var(--paint-accent-a52,#ed607b85);background:var(--paint-accent-a4,#ed607b0a)}
.chat-trade-editor .chat-inventory-pet.is-selected:disabled{opacity:1}
.chat-trade-editor .chat-inventory-quantity{position:absolute;z-index:1;top:7px;right:7px;padding:4px 6px;border:1px solid var(--paint-line-a10,#ffffff19);border-radius:5px;background:var(--paint-base-a92,#17101feb);color:var(--paint-text,#bcacc9);font:450 10px "BGSI Interface",sans-serif}
.chat-trade-editor .chat-inventory-quantity b{color:var(--paint-accent-text,#ffbacd);font-weight:500}
.chat-trade-editor .chat-inventory-art{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;margin-top:8px}
.chat-trade-editor .chat-inventory-art img{width:94%;height:94%;object-fit:contain;user-select:none;filter:drop-shadow(0 7px 6px #0005)}
.chat-trade-editor .chat-inventory-art.is-xl img{transform:scale(2)}
.chat-trade-editor .chat-inventory-art svg{width:36px;height:36px;color:#bd9dc9}
.chat-trade-editor .chat-inventory-pet>strong{font:500 11px "BGSI Interface",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.chat-trade-editor .chat-inventory-pet>small{font:600 14px "BGSI Display",sans-serif;color:var(--paint-text,#ecd4e4);text-align:center}
.chat-trade-editor .chat-inventory-empty{display:grid;place-items:center;grid-column:1/-1;min-height:150px;border:1px dashed var(--paint-line-a10,#ffffff19);border-radius:10px;color:var(--paint-text,#c2abcF);font-size:12px}
.chat-trade-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-top:1px solid var(--paint-line-a11,#ffffff1c);background:var(--paint-tint-a1,#ffffff02)}
.chat-trade-editor>footer>div{display:grid;gap:6px;min-width:0}
.chat-trade-editor>footer strong{font-size:12px;font-weight:500}
.chat-trade-editor>footer small{font-size:10px;color:var(--paint-text,#bca7ca);line-height:1.5}
.chat-trade-editor>footer small.chat-offer-error{color:#ff97af}
.chat-trade-editor>footer>button{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:42px;padding:0 20px;border:1px solid var(--paint-accent,#ee6c84);border-radius:9px;background:var(--paint-accent,#cf2c49);color:var(--paint-text,#fff);font:500 12px "BGSI Interface",sans-serif;box-shadow:inset 0 1px var(--paint-shadow-a13,#ffffff20),0 3px 0 #71192c;cursor:pointer}
.chat-trade-editor>footer>button:hover{background:var(--paint-accent,#e23b57)}
.chat-trade-editor button:disabled{cursor:default;opacity:.4}
.chat-trade-editor :is(button,input):focus-visible{outline:2px solid var(--paint-accent,#ff89a5);outline-offset:3px}
.chat-trade-editor .chat-offer-inventory-search:focus-within{border-color:var(--paint-accent-a44,#ed607b70)}
.chat-trade-editor .chat-reopen-inventory{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:9px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-text,#dac3e8);font:450 12px "BGSI Interface",sans-serif;cursor:pointer}
.chat-trade-editor .chat-offer-loading{display:grid;place-content:center;justify-items:center;gap:14px;flex:1;min-height:350px;color:var(--paint-text,#d8c0e7);font-size:14px}
.chat-trade-editor .chat-offer-loading>span{width:29px;height:29px;border:2px solid var(--paint-accent-a15,#e9446225);border-top-color:var(--paint-accent,#ee5573);border-radius:50%;animation:chat-inventory-spin .7s linear infinite}
.chat-trade-editor .chat-offer-loading strong{font-size:13px;font-weight:500}
.chat-trade-editor .chat-offer-loading small{font-size:11px;color:var(--paint-muted,#af96bf)}
@keyframes chat-inventory-spin{to{transform:rotate(360deg)}}
@keyframes chat-menu-open{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@keyframes chat-editor-open{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:900px){
body.home-refined #chat-page{width:calc(100% - 40px)}
body.home-refined #chat-shell{grid-template-columns:238px minmax(0,1fr)}
body.home-refined #chat-shell .chat-conversation-header{padding:0 16px;gap:8px}
body.home-refined #chat-shell .chat-trade-ready{gap:6px;padding:0 9px}
body.home-refined #chat-shell .chat-trade-ready>svg{display:none}
.chat-trade-editor .chat-inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.chat-trade-editor .chat-offer-selected{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
body.home-refined #site-header .account-trigger{min-width:0}
body.home-refined #site-header .topbar-search-results>a{grid-template-columns:24px minmax(0,1fr);gap:5px;padding:6px 3px;min-height:43px}
body.home-refined #site-header .topbar-search-results .search-result-image{width:24px;height:24px}
body.home-refined #site-header .topbar-search-results .search-result-image img{width:22px;height:22px}
body.home-refined #site-header .topbar-search-results strong{font-size:10px}
body.home-refined #site-header .topbar-search-results small{font-size:9px}
#chat-offer-dialog .chat-offer-dialog{padding:12px}
.chat-trade-editor{height:calc(100dvh - 24px);border-radius:14px}
.chat-trade-editor>header{min-height:75px;padding:14px 16px;gap:11px}
.chat-trade-editor h2{font-size:19px}
.chat-editor-body{padding:14px;gap:16px}
.chat-trade-editor .chat-offer-layout{gap:10px}
.chat-trade-editor .chat-offer-side{min-height:180px}
.chat-trade-editor .chat-offer-side>header{padding:11px 10px;gap:4px}
.chat-trade-editor .chat-offer-side h3{max-width:98px;font-size:9px}
.chat-trade-editor .chat-offer-side header strong{font-size:19px}
.chat-trade-editor .chat-offer-side header button{padding:0 6px;min-height:28px}
.chat-trade-editor .chat-offer-side header button span{display:none}
.chat-trade-editor .chat-offer-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;max-height:195px}
.chat-trade-editor .chat-offer-selected-art{height:64px}
.chat-trade-editor .chat-selected-pet>strong{font-size:9px}
.chat-trade-editor .chat-selected-pet>small{font-size:11px}
.chat-trade-editor .chat-selection-empty{min-height:98px;gap:9px}
.chat-trade-editor .chat-selection-empty small{display:none}
.chat-trade-editor .chat-offer-picker>header{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:10px}
.chat-trade-editor .chat-offer-inventory-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.chat-trade-editor .chat-offer-inventory-tabs button{max-width:none;padding:0 7px;font-size:10px}
.chat-trade-editor .chat-offer-inventory-search{width:100%;max-width:none;box-sizing:border-box;margin:0}
.chat-trade-editor .chat-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}
.chat-trade-editor .chat-inventory-pet{padding:7px 6px 10px}
.chat-trade-editor .chat-inventory-pet>strong{font-size:10px}
.chat-trade-editor .chat-inventory-quantity{font-size:9px}
.chat-trade-editor>footer{padding:15px 16px;gap:14px}
.chat-trade-editor>footer strong{font-size:11px}
.chat-trade-editor>footer small{font-size:9px}
.chat-trade-editor>footer>button{min-height:41px;padding:0 12px;font-size:11px}
}
@media(max-width:540px){
body.home-refined #chat-page{width:calc(100% - 24px);margin:18px auto 24px}
body.home-refined #chat-shell{height:calc(100dvh - 148px);min-height:440px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);border-radius:13px}
body.home-refined #chat-shell .chat-sidebar{display:flex;grid-column:1;grid-row:1;border:0}
body.home-refined #chat-shell .chat-conversation{display:none;grid-column:1;grid-row:1}
body.home-refined #chat-shell.is-mobile-conversation .chat-sidebar{display:none}
body.home-refined #chat-shell.is-mobile-conversation .chat-conversation{display:grid}
body.home-refined #chat-shell .chat-sidebar-header{min-height:74px;padding:0 17px}
body.home-refined #chat-shell .chat-conversation-header{min-height:74px;padding:0 12px;gap:8px}
body.home-refined #chat-shell .chat-mobile-list-toggle{display:grid;width:23px;height:38px}
body.home-refined #chat-shell .chat-mobile-list-toggle svg{width:21px;height:21px}
body.home-refined #chat-shell .chat-conversation-profile{gap:8px;flex:1}
body.home-refined #chat-shell .chat-conversation-profile .chat-player-avatar{flex-basis:34px;width:34px;height:34px;border-radius:9px}
body.home-refined #chat-shell .chat-conversation-copy strong{font-size:12px}
body.home-refined #chat-shell .chat-conversation-copy small{font-size:9px}
body.home-refined #chat-shell .chat-trade-ready{height:34px;padding:0 8px;font-size:10px;gap:5px}
body.home-refined #chat-shell .chat-trade-ready small{padding-left:5px;font-size:9px}
body.home-refined #chat-shell .chat-contact-options{width:23px}
body.home-refined #chat-shell .chat-messages{padding:17px 14px;gap:12px}
body.home-refined #chat-shell .chat-message{max-width:87%;padding:11px 12px 9px;font-size:12px}
body.home-refined #chat-shell .chat-compose{grid-template-columns:37px minmax(0,1fr) 37px;padding:13px 12px;gap:8px;min-height:73px}
body.home-refined #chat-shell .chat-compose>button{min-width:37px;width:37px;padding:0;height:39px}
body.home-refined #chat-shell #chat-offer-button>span{display:none}
body.home-refined #chat-shell .chat-compose input{height:40px;padding:0 10px;font-size:11px}
body.home-refined #chat-shell .chat-offer-sides{padding:13px 12px 11px}
body.home-refined #chat-shell .chat-offer-sides>section{padding-right:10px}
body.home-refined #chat-shell .chat-offer-sides>section+section{padding-left:10px}
body.home-refined #chat-shell .chat-offer-sides>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}
body.home-refined #chat-shell .chat-offer-sides h3 strong{font-size:20px}
body.home-refined #chat-shell .chat-offer-actions{padding:11px 12px}
body.home-refined #chat-shell .chat-offer-response{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
.chat-player-menu,.chat-trade-editor{animation:none}
.chat-trade-editor .chat-offer-loading>span{animation-duration:1.8s}
body.home-refined #chat-shell *,.chat-trade-editor *{scroll-behavior:auto;transition:none}
}
.chat-trade-editor .chat-offer-side>header>button{width:auto;min-width:86px;white-space:nowrap}
.chat-trade-editor .chat-inventory-more{grid-column:1/-1;min-height:38px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:8px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#d7bfe4);font:450 11px "BGSI Interface",sans-serif;cursor:pointer}
@media(max-width:620px){.chat-trade-editor .chat-offer-side>header>button{min-width:28px}}

#chat-offer-dialog .chat-selected-pet{aspect-ratio:auto;grid-template-rows:76px auto auto auto;padding:0;border:0;background:none;box-shadow:none;transform:none}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-self:center;width:100%;height:76px;border:0;aspect-ratio:auto;background:var(--paint-tint-a1,#ffffff03)}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art img{width:94%;height:94%;object-fit:contain}
#chat-offer-dialog .chat-offer-selected-quantity{height:auto;min-height:30px;grid-template-columns:23px minmax(0,1fr) 23px;align-items:center;border-color:var(--paint-line-a13,#ffffff20);overflow:visible}
#chat-offer-dialog .chat-offer-inventory-tabs>button{height:auto;min-height:32px;padding:0 11px;font:450 11px "BGSI Interface",sans-serif;border-color:transparent;background:none}
#chat-offer-dialog .chat-offer-inventory-tabs>button[aria-pressed=true]{background:var(--paint-accent-a7,#ed547513);border-color:var(--paint-accent-a23,#ed54753b);color:var(--paint-accent-text,#ffd0df)}
@media(max-width:620px){
#chat-offer-dialog .chat-selected-pet{grid-template-rows:64px auto auto auto}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art{height:64px}
#chat-offer-dialog .chat-offer-picker>header{grid-template-rows:auto 40px;padding-bottom:14px}
#chat-offer-dialog .chat-offer-inventory-tabs{grid-column:1/-1;grid-row:1;max-width:none;overflow:visible}
#chat-offer-dialog .chat-offer-inventory-tabs>button{font-size:10px;padding:0 7px}
#chat-offer-dialog .chat-offer-inventory-search{grid-column:1;grid-row:2;margin:0}
#chat-offer-dialog .chat-offer-picker>header>button{grid-column:2;grid-row:2}
}
.account-notifications::after{content:"";position:absolute;top:100%;left:-110px;right:-110px;height:22px;pointer-events:none}
.account-notifications:has(.account-notifications-panel:not([hidden]))::after{pointer-events:auto}
body.home-refined :is(.card-trend,.pet-card-trend,.inventory-trend,.calculator-trend,.calculator-picker-trend){box-sizing:border-box;overflow:hidden}
body.home-refined :is(.card-trend,.pet-card-trend,.inventory-trend,.calculator-trend,.calculator-picker-trend)>svg{display:block;flex:none;max-width:100%;max-height:100%;width:16px;height:16px}
body.home-refined :is(.inventory-pin,.inventory-owner-history){box-sizing:border-box;padding:0;place-items:center}
body.home-refined :is(.inventory-pin,.inventory-owner-history,.profile-chat-button)>.icon{max-width:100%;max-height:100%;flex:none}
body.home-refined #chat-shell .chat-new-button{box-sizing:border-box;overflow:hidden}
body.home-refined #chat-shell .chat-new-button>.icon{width:17px;height:17px;margin:0;flex:none}
body.home-refined #chat-shell .chat-new-button>svg{display:block;width:17px;height:17px;flex:none}
body.home-refined #chat-shell .chat-player-avatar,.chat-trade-editor .chat-player-avatar{position:relative;display:grid;place-items:center;box-sizing:border-box;flex:none;overflow:hidden;border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:11px;background:var(--paint-surface,#242328);color:var(--paint-muted,#aaa4af)}
body.home-refined #chat-shell .chat-player-avatar img,.chat-trade-editor .chat-player-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--paint-surface,#242328)}
.chat-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;padding:8px;box-sizing:border-box}
.chat-avatar-fallback>svg{display:block;width:100%;height:100%;max-width:26px;max-height:26px}
body.home-refined #chat-shell .chat-message-row{display:flex;align-items:flex-start;gap:10px;flex:none;width:100%;min-width:0}
body:has(#chat-offer-dialog)>.inventory-tooltip{z-index:7100}
body.home-refined #chat-shell .chat-message-row.is-own{flex-direction:row-reverse}
body.home-refined #chat-shell .chat-message-row .chat-message-avatar{width:34px;height:34px;flex-basis:34px;border-radius:10px;margin-top:22px}
body.home-refined #chat-shell .chat-message-content{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:calc(100% - 44px)}
body.home-refined #chat-shell .chat-message-row.is-own .chat-message-content{align-items:flex-end}
body.home-refined #chat-shell .chat-message-author{padding:0 3px;color:var(--paint-text,#c9c3ce);font:500 10px/1.5 "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-message-author:hover{color:var(--paint-text,#fff)}
body.home-refined #chat-shell .chat-message-row .chat-message{display:flex;flex-direction:column;max-width:590px;align-self:auto;gap:6px;padding:11px 14px 8px;white-space:normal;font-weight:400}
body.home-refined #chat-shell .chat-message>span:first-child{white-space:pre-wrap}
body.home-refined #chat-shell .chat-message-row.has-offer .chat-message-content{width:min(760px,calc(100% - 44px));max-width:calc(100% - 44px)}
body.home-refined #chat-shell .chat-offer-wrap{width:100%;max-width:100%;align-self:auto}
body.home-refined #chat-shell .chat-offer-message{background:var(--paint-surface,#17171b);border-color:var(--paint-line-a11,#ffffff1d);border-radius:14px;box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 5px 16px var(--paint-shadow-a13,#0002)}
body.home-refined #chat-shell .chat-offer-message>header{min-height:44px;gap:8px;padding:0 15px;background:none}
body.home-refined #chat-shell .chat-offer-message>header>svg{width:16px;height:16px;flex:none;color:var(--paint-accent-text,#ed8fa2)}
body.home-refined #chat-shell .chat-offer-message>header>strong{font-weight:500}
body.home-refined #chat-shell .chat-offer-status{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;border:1px solid var(--paint-line-a8,#ffffff14);border-radius:6px;color:var(--paint-text,#c5bdcc);background:var(--paint-tint-a1,#ffffff03);font:400 9px "BGSI Interface",sans-serif;text-transform:none}
body.home-refined #chat-shell .chat-offer-status>svg{width:12px;height:12px;flex:none}
body.home-refined #chat-shell .chat-offer-status.is-accepted{color:#a8e4c0;border-color:#86d5a82b;background:#86d5a806}
body.home-refined #chat-shell .chat-offer-status.is-rejected{color:var(--paint-accent-text,#ddabb4);border-color:var(--paint-accent-a15,#ee859c25);background:var(--paint-accent-a2,#ee859c06)}
body.home-refined #chat-shell .chat-offer-status.is-countered{color:#e7c28e;border-color:#e7c28e25;background:#e7c28e06}
body.home-refined #chat-shell .chat-offer-message.is-rejected{border-color:var(--paint-line-a11,#ffffff1d);background:var(--paint-surface,#17171b);opacity:1}
body.home-refined #chat-shell .chat-offer-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:15px}
body.home-refined #chat-shell .chat-offer-sides>section{min-width:0;padding:0 15px 0 0;border:0;border-radius:0;background:none}
body.home-refined #chat-shell .chat-offer-sides>section+section{padding:0 0 0 15px;border-left:1px solid var(--paint-line-a7,#ffffff12)}
.chat-offer-participant{display:flex;gap:8px;align-items:center;min-width:0;color:var(--paint-text,#eee9f1)}
.chat-offer-participant>span:last-child{display:grid;gap:3px;min-width:0}
.chat-offer-participant>span>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11px "BGSI Interface",sans-serif}
.chat-offer-participant>span>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paint-muted,#a7a0ae);font:400 9px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-participant .chat-player-avatar,.chat-trade-editor .chat-offer-participant .chat-player-avatar{width:32px;height:32px;flex-basis:32px;border-radius:9px}
body.home-refined #chat-shell .chat-offer-sides h3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;margin:13px 0 12px;color:var(--paint-muted,#a8a1af);text-transform:none}
body.home-refined #chat-shell .chat-offer-sides h3>span:first-child{grid-column:1/-1;font:400 9px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-sides h3>strong{font:650 23px/1 "BGSI Display",sans-serif;color:var(--paint-text,#f6f1f8);letter-spacing:-.3px;white-space:nowrap}
body.home-refined #chat-shell .chat-offer-sides>section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.home-refined #chat-shell .chat-offer-embed-pet{display:grid;grid-template-rows:20px 100px auto 25px;gap:5px;min-width:0;padding:7px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-text,#eee8f3);transition:border-color .15s,background .15s}
body.home-refined #chat-shell .chat-offer-embed-pet:hover{border-color:var(--paint-accent-a36,#e83e585c);background:var(--paint-accent-a2,#e83e5805)}
body.home-refined #chat-shell .chat-offer-embed-pet>span{aspect-ratio:auto;min-height:0;border:0;background:none;overflow:visible}
body.home-refined #chat-shell .chat-offer-embed-pet>.chat-offer-pet-art{display:grid;place-items:center;height:100px;min-height:0;overflow:hidden;background:none;border:0}
body.home-refined #chat-shell .chat-offer-embed-pet .chat-offer-pet-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 5px #0003)}
body.home-refined #chat-shell .chat-offer-embed-pet>small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:500 10px/1.4 "BGSI Interface",sans-serif;color:var(--paint-text,#e3dce9)}
body.home-refined #chat-shell .chat-offer-pet-metrics,.chat-selected-metrics,.chat-inventory-metrics{display:flex;justify-content:space-between;align-items:center;gap:4px;min-width:0}
body.home-refined #chat-shell .chat-offer-pet-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;white-space:nowrap;font:400 9px "BGSI Interface",sans-serif;color:var(--paint-text,#bcb2c5)}
body.home-refined #chat-shell .chat-offer-pet-bottom>b{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:4px 5px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:5px;background:var(--paint-base,#0f0f12);color:var(--paint-text,#f6eef9);font:650 12px/1 "BGSI Display",sans-serif}
body.home-refined #chat-shell .chat-offer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;grid-column:1/-1;min-height:165px;border:1px dashed var(--paint-line-a7,#ffffff12);border-radius:10px;background:none;color:var(--paint-muted,#aaa1b3);font:400 10px "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-offer-empty>svg{width:25px;height:25px;opacity:.6}
body.home-refined #chat-shell .chat-offer-actions{gap:8px;padding:12px 15px;background:none}
body.home-refined #chat-shell .chat-offer-actions button{height:35px;border-radius:8px;background:var(--paint-tint-a1,#ffffff03);border-color:var(--paint-line-a11,#ffffff1c);box-shadow:none;color:var(--paint-text,#d3cbdc)}
body.home-refined #chat-shell .chat-offer-actions button:first-child{background:var(--paint-accent,#cc2945);border-color:var(--paint-accent,#ee657b);color:var(--paint-text,#fff)}
body.home-refined #chat-shell .chat-offer-actions button:last-child{color:var(--paint-accent-text,#e1aab7);background:none}
body.home-refined #chat-shell .chat-offer-response{align-self:auto;min-height:39px;max-width:100%;padding:9px 12px;border-color:var(--paint-line-a9,#ffffff16);border-radius:9px;background:var(--paint-tint-a1,#ffffff02);font-family:"BGSI Interface",sans-serif;box-shadow:none}
body.home-refined #chat-shell .chat-offer-response.is-rejected{background:var(--paint-tint-a1,#ffffff02);border-color:var(--paint-line-a9,#ffffff16);color:var(--paint-text,#cdbbc2)}
body.home-refined #chat-shell .chat-offer-response>span:first-child{flex:none;max-width:16px;max-height:16px}
body.home-refined #chat-shell .chat-offer-response>span:nth-child(2){display:grid;gap:4px;text-align:left}
body.home-refined #chat-shell .chat-offer-response strong{font-size:10px;line-height:1.5}
body.home-refined #chat-shell .chat-offer-response small{font-size:9px}
body.home-refined #chat-shell .chat-trade-ready-notice{display:flex;align-items:center;justify-content:center;align-self:center;gap:7px;flex:none;padding:6px 10px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:7px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-muted,#b6afbe);font:400 10px/1.5 "BGSI Interface",sans-serif}
body.home-refined #chat-shell .chat-trade-ready-notice>svg{width:13px;height:13px;flex:none;color:var(--paint-muted,#b6afbe)}
body.home-refined #chat-shell .chat-trade-ready-notice.is-ready>svg{color:#88d8a9}
body.home-refined #chat-shell .chat-trade-ready-notice>time{font-size:8px;color:var(--paint-muted,#a6a0b0)}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand{display:inline-flex;align-items:center;gap:4px;flex:none;margin:0;padding:0;background:none;border:0;font:600 12px/1 "BGSI Display",sans-serif;color:var(--paint-text,#c2b9cb)}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand>svg{display:block;width:14px;height:14px;flex:none}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-none{color:var(--paint-muted,#aba3b4)}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-very-low{color:#ff455f}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-low{color:#ff7174}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-medium{color:#ffce6c}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-high{color:#a6ef83}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-very-high{color:#ff91cc}
:is(#chat-shell,#chat-offer-dialog) .calculator-demand.is-insane{color:#c599ff}
:is(#chat-shell,#chat-offer-dialog) .chat-pet-trend{display:grid;place-items:center;box-sizing:border-box;overflow:hidden;width:19px;height:19px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:5px;background:var(--paint-base-a50,#0d0d1080)}
:is(#chat-shell,#chat-offer-dialog) .chat-pet-trend>svg{display:block;flex:none;width:13px;height:13px;max-width:100%;max-height:100%}
:is(#chat-shell,#chat-offer-dialog) .chat-pet-trend.trend-rising{color:#a6ef83}
:is(#chat-shell,#chat-offer-dialog) .chat-pet-trend.trend-dropping{color:#ff859b}
:is(#chat-shell,#chat-offer-dialog) .chat-pet-trend.trend-unstable{color:#efcb81}
#chat-offer-dialog .chat-trade-editor{width:min(1120px,100%);height:min(840px,calc(100dvh - 48px));background:var(--paint-base,#151518);border-color:var(--paint-line-a15,#ffffff26)}
#chat-offer-dialog .chat-trade-editor>header{min-height:70px;padding:14px 22px;background:none}
#chat-offer-dialog .chat-trade-editor h2{font-weight:550;font-size:19px;color:var(--paint-text,#f7eff8)}
#chat-offer-dialog .chat-trade-editor>header p{color:var(--paint-muted,#b4acbd)}
#chat-offer-dialog .chat-editor-emblem{color:var(--paint-accent-text,#f498af);background:var(--paint-accent-a3,#e83e5808);border-color:var(--paint-accent-a25,#e83e5840)}
#chat-offer-dialog .chat-editor-body{padding:20px 22px;gap:18px;scrollbar-width:none}
#chat-offer-dialog .chat-editor-body::-webkit-scrollbar{display:none}
#chat-offer-dialog .chat-offer-layout{gap:16px}
#chat-offer-dialog .chat-offer-side{display:flex;flex-direction:column;min-height:240px;border:1px solid var(--paint-line-a10,#ffffff19);border-radius:12px;background:var(--paint-tint-a1,#ffffff02)}
#chat-offer-dialog .chat-offer-side>header{gap:10px;padding:12px 14px;background:none;border:0}
#chat-offer-dialog .chat-offer-side>header>button{display:flex;gap:5px;align-items:center;justify-content:center;width:auto;min-width:0;min-height:30px;padding:0 7px;border:1px solid var(--paint-line-a10,#ffffff1a);border-radius:7px;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#bcb1c7);font:400 9px "BGSI Interface",sans-serif}
#chat-offer-dialog .chat-offer-side>header>button:disabled{opacity:.4;cursor:default}
#chat-offer-dialog .chat-offer-side>header>button>svg{width:12px;height:12px;flex:none}
#chat-offer-dialog .chat-side-totals{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px;padding:0 0 12px;border-bottom:1px solid var(--paint-line-a7,#ffffff12)}
#chat-offer-dialog .chat-offer-participant>span>strong{font:500 12px/1.4 "BGSI Interface",sans-serif;letter-spacing:0}
#chat-offer-dialog :is(.chat-selected-metrics,.chat-inventory-metrics){position:static;display:flex;justify-content:space-between;align-items:center;gap:4px;box-sizing:border-box;width:100%;height:20px;min-height:0;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible}
#chat-offer-dialog .chat-side-totals>strong{color:var(--paint-text,#f4edf8);font:650 25px/1 "BGSI Display",sans-serif;white-space:nowrap}
#chat-offer-dialog .chat-side-totals .calculator-demand{font-size:16px}
#chat-offer-dialog .chat-side-totals .calculator-demand>svg{width:17px;height:17px}
#chat-offer-dialog .chat-offer-selected{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:166px;max-height:280px;gap:10px;padding:12px 14px;scrollbar-width:none}
#chat-offer-dialog .chat-offer-selected::-webkit-scrollbar{display:none}
#chat-offer-dialog .chat-selected-pet{position:relative;display:grid;grid-template-rows:auto 20px 112px 22px 30px;align-content:start;gap:5px;min-width:0;aspect-ratio:auto;padding:9px;border:1px solid var(--paint-line-a8,#ffffff14);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);box-shadow:none;transform:none}
#chat-offer-dialog .chat-selected-pet>strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paint-text,#eee6f2);font:500 10px/1.5 "BGSI Interface",sans-serif;text-align:center}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art{position:relative;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-self:auto;width:100%;height:112px;min-height:0;margin:0;padding:0;border:0;aspect-ratio:auto;border-radius:6px;background:none;overflow:hidden;cursor:pointer}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art img{display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art.is-xl img{transform:scale(1.7)}
#chat-offer-dialog .chat-selected-remove{position:absolute;inset:0;display:grid;place-items:center;opacity:0;border:1px solid var(--paint-accent-a31,#e83e5850);border-radius:6px;background:var(--paint-base-a48,#110f157a);color:var(--paint-accent-text,#ffb8c7);transition:opacity .15s}
#chat-offer-dialog .chat-selected-remove>svg{width:24px;height:24px}
#chat-offer-dialog .chat-offer-selected-art:is(:hover,:focus-visible) .chat-selected-remove{opacity:1}
#chat-offer-dialog .chat-selected-pet>small{color:var(--paint-text,#f5eaf8);font:650 16px/1.2 "BGSI Display",sans-serif;text-align:center}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-quantity{position:static;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:2px;width:100%;height:30px;min-height:30px;padding:0;border:1px solid var(--paint-line-a11,#ffffff1b);border-radius:7px;background:var(--paint-base,#111114);overflow:hidden;box-sizing:border-box}
#chat-offer-dialog .chat-offer-selected-quantity>button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:0;background:var(--paint-tint-a1,#ffffff03);color:var(--paint-text,#c8bdcf);cursor:pointer}
#chat-offer-dialog .chat-offer-selected-quantity>button>svg{width:13px;height:13px;flex:none}
#chat-offer-dialog .chat-offer-selected-quantity>label{display:flex;justify-content:center;align-items:center;gap:2px;min-width:0;color:var(--paint-muted,#b2a5bd);font:400 10px "BGSI Interface",sans-serif}
#chat-offer-dialog .chat-offer-selected-quantity input{width:100%;max-width:48px;min-width:0;height:26px;padding:0;border:0;background:none;color:var(--paint-text,#ede5f6);text-align:center;font:500 11px "BGSI Interface",sans-serif}
#chat-offer-dialog .chat-selection-add{display:grid;place-items:center;align-self:start;width:100%;height:166px;min-height:166px;margin:0;padding:0;border:1px dashed var(--paint-line-a13,#ffffff20);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-accent-text,#e18397);cursor:pointer;transition:background .15s,border-color .15s}
#chat-offer-dialog .chat-selection-add>svg{display:block;width:36px;height:36px;flex:none;stroke-width:2.8}
#chat-offer-dialog .chat-selection-add:hover{border-color:var(--paint-accent-a40,#e83e5865);background:var(--paint-accent-a3,#e83e5808)}
#chat-offer-dialog .chat-offer-picker{min-height:250px;flex:1 0 250px}
#chat-offer-dialog .chat-offer-picker>header{flex:none;height:auto;min-height:38px}
#chat-offer-dialog .chat-trade-editor{box-sizing:border-box;max-width:100%}
#chat-offer-dialog .chat-offer-inventory-tabs{background:var(--paint-base,#111114);border-color:var(--paint-line-a11,#ffffff1c)}
#chat-offer-dialog .chat-offer-inventory-tabs>button[aria-pressed=true]{color:var(--paint-accent-text,#ffc3d0);background:var(--paint-accent-a7,#e83e5813);border-color:var(--paint-accent-a25,#e83e5840)}
#chat-offer-dialog .chat-offer-inventory-search{height:38px;border-color:var(--paint-line-a13,#ffffff22);background:var(--paint-base,#101013)}
#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-height:350px;min-height:180px;padding:1px 2px 8px;scrollbar-width:none}
#chat-offer-dialog .chat-inventory-grid::-webkit-scrollbar{display:none}
#chat-offer-dialog .chat-inventory-pet{position:relative;display:grid;grid-template-rows:auto 20px 20px 100px;gap:5px;min-width:0;padding:10px 8px 27px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:10px;background:var(--paint-tint-a1,#ffffff02);box-shadow:none;transform:none;color:var(--paint-text,#f2e9f7)}
#chat-offer-dialog .chat-inventory-pet>strong{font:500 10px/1.5 "BGSI Interface",sans-serif;color:var(--paint-text,#e9e0f0);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#chat-offer-dialog .chat-inventory-pet>small{font:650 15px/1.2 "BGSI Display",sans-serif;color:var(--paint-text,#f2e7f9);text-align:center}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art{display:grid;place-items:center;width:100%;height:100px;min-height:0;margin:0;overflow:hidden;aspect-ratio:auto;background:none;border:0;border-radius:0}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art img{width:100%;height:100%;object-fit:contain}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-quantity{display:inline-flex;justify-content:center;align-items:center;position:absolute;inset:auto 7px 6px auto;box-sizing:border-box;min-height:18px;max-height:20px;margin:0;padding:2px 5px;border:1px solid var(--paint-line-a9,#ffffff17);border-radius:5px;background:var(--paint-base,#131216);color:var(--paint-text,#beb1ca);font:400 9px/1 "BGSI Interface",sans-serif;white-space:nowrap;gap:3px}
#chat-offer-dialog .chat-inventory-quantity>b{color:var(--paint-accent-text,#ffc3d0);font-weight:500}
#chat-offer-dialog .chat-inventory-pet:hover{border-color:var(--paint-accent-a40,#e83e5866);background:var(--paint-accent-a2,#e83e5804)}
#chat-offer-dialog .chat-inventory-pet.is-selected{border-color:var(--paint-accent-a44,#e83e5870);background:var(--paint-accent-a3,#e83e5807)}
#chat-offer-dialog .chat-trade-editor>footer{min-height:62px;padding:12px 22px;gap:16px;background:var(--paint-base,#141417);border-color:var(--paint-line-a8,#ffffff15)}
#chat-offer-dialog .chat-trade-editor>footer>.chat-offer-error{margin:0;color:#f1abb9;font:400 11px/1.5 "BGSI Interface",sans-serif}
#chat-offer-dialog .chat-trade-editor>footer>[data-chat-offer-send]{flex:none;margin-left:auto;min-width:130px;height:38px;border:1px solid var(--paint-accent,#ef667d);border-radius:8px;background:var(--paint-accent,#cf2948);color:var(--paint-text,#fff);box-shadow:inset 0 1px var(--paint-shadow-a10,#ffffff19);font:500 11px "BGSI Interface",sans-serif}
#chat-offer-dialog :is(button,input):focus-visible{outline:2px solid var(--paint-accent,#ef879c);outline-offset:2px}
#chat-offer-dialog button:disabled{opacity:.5;cursor:default}
@media(max-width:1100px){
#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
body.home-refined #chat-shell .chat-offer-sides>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
body.home-refined #chat-shell .chat-messages{padding:14px 10px}
body.home-refined #chat-shell .chat-message-row{gap:7px}
body.home-refined #chat-shell .chat-message-row .chat-message-avatar{width:26px;height:26px;flex-basis:26px;border-radius:8px}
body.home-refined #chat-shell .chat-message-content{max-width:calc(100% - 33px)}
body.home-refined #chat-shell .chat-message-row.has-offer .chat-message-content{width:calc(100% - 33px);max-width:calc(100% - 33px)}
body.home-refined #chat-shell .chat-message-row .chat-message{max-width:100%;padding:10px 12px 7px;font-size:12px}
body.home-refined #chat-shell .chat-offer-sides{padding:11px 9px}
body.home-refined #chat-shell .chat-offer-sides>section{padding-right:8px}
body.home-refined #chat-shell .chat-offer-sides>section+section{padding-left:8px}
body.home-refined #chat-shell .chat-offer-participant{gap:5px}
body.home-refined #chat-shell .chat-offer-participant .chat-player-avatar{width:23px;height:23px;flex-basis:23px;border-radius:7px}
body.home-refined #chat-shell .chat-offer-participant>span>strong{font-size:9px}
body.home-refined #chat-shell .chat-offer-participant>span>small{font-size:8px}
body.home-refined #chat-shell .chat-offer-sides h3>strong{font-size:19px}
body.home-refined #chat-shell .chat-offer-sides h3 .calculator-demand{font-size:11px;gap:2px}
body.home-refined #chat-shell .chat-offer-sides h3 .calculator-demand>svg{width:11px;height:11px}
body.home-refined #chat-shell .chat-offer-sides>section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
body.home-refined #chat-shell .chat-offer-embed-pet{grid-template-rows:18px 62px auto 23px;padding:4px;gap:4px;border-radius:7px}
body.home-refined #chat-shell .chat-offer-embed-pet>.chat-offer-pet-art{height:62px}
body.home-refined #chat-shell .chat-offer-embed-pet>small{font-size:8px}
body.home-refined #chat-shell .chat-offer-pet-metrics .calculator-demand{font-size:9px;gap:2px}
body.home-refined #chat-shell .chat-offer-pet-metrics .calculator-demand>svg{width:10px;height:10px}
body.home-refined #chat-shell .chat-offer-pet-bottom{font-size:8px}
body.home-refined #chat-shell .chat-offer-pet-bottom>b{font-size:10px;padding:3px}
body.home-refined #chat-shell .chat-offer-pet-metrics .chat-pet-trend{width:15px;height:15px;border:0}
body.home-refined #chat-shell .chat-pet-trend>svg{width:11px;height:11px}
body.home-refined #chat-shell .chat-offer-empty{min-height:136px;font-size:9px}
body.home-refined #chat-shell .chat-trade-ready-notice{font-size:9px;flex-wrap:wrap;gap:5px}
#chat-offer-dialog .chat-trade-editor{height:calc(100dvh - 24px);border-radius:13px}
#chat-offer-dialog .chat-trade-editor>header{min-height:63px;padding:11px 13px;gap:9px}
#chat-offer-dialog .chat-trade-editor h2{font-size:16px}
#chat-offer-dialog .chat-trade-editor>header p{font-size:10px}
#chat-offer-dialog .chat-editor-emblem{width:35px;height:35px;flex-basis:35px;border-radius:9px}
#chat-offer-dialog .chat-editor-body{padding:13px;gap:15px}
#chat-offer-dialog .chat-offer-layout{gap:9px}
#chat-offer-dialog .chat-offer-side>header{padding:10px 8px;gap:4px}
#chat-offer-dialog .chat-offer-participant{gap:5px}
#chat-offer-dialog .chat-offer-participant .chat-player-avatar{width:24px;height:24px;flex-basis:24px;border-radius:7px}
#chat-offer-dialog .chat-offer-participant>span>strong{font-size:9px}
#chat-offer-dialog .chat-offer-participant>span>small{font-size:8px}
#chat-offer-dialog .chat-offer-side>header>button{width:22px;min-width:22px;padding:0;border:0;min-height:26px;background:none}
#chat-offer-dialog .chat-offer-side>header>button>span{display:none}
#chat-offer-dialog .chat-side-totals{margin:0 8px;padding-bottom:10px;gap:3px}
#chat-offer-dialog .chat-side-totals>strong{font-size:21px}
#chat-offer-dialog .chat-side-totals .calculator-demand{font-size:12px;gap:2px}
#chat-offer-dialog .chat-side-totals .calculator-demand>svg{width:12px;height:12px}
#chat-offer-dialog .chat-offer-selected{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px 8px;min-height:140px;max-height:241px}
#chat-offer-dialog .chat-offer-selected{grid-template-columns:minmax(0,1fr)}
#chat-offer-dialog .chat-selected-pet{grid-template-rows:auto 20px 94px 19px 30px;padding:7px;gap:5px;border-radius:8px}
#chat-offer-dialog .chat-selected-pet>strong{font-size:10px}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art{height:94px}
#chat-offer-dialog .chat-selected-pet>small{font-size:13px}
#chat-offer-dialog .chat-selected-metrics .calculator-demand{font-size:10px;gap:2px}
#chat-offer-dialog .chat-selected-metrics .calculator-demand>svg{width:11px;height:11px}
#chat-offer-dialog .chat-selected-metrics .chat-pet-trend{width:15px;height:15px}
#chat-offer-dialog .chat-offer-selected-quantity{grid-template-columns:28px minmax(0,1fr) 28px!important;height:30px!important;min-height:30px!important}
#chat-offer-dialog .chat-offer-selected-quantity>button{width:28px;height:28px}
#chat-offer-dialog .chat-offer-selected-quantity>button>svg{width:11px;height:11px}
#chat-offer-dialog .chat-offer-selected-quantity input{max-width:42px;font-size:10px;height:26px}
#chat-offer-dialog .chat-offer-selected-quantity>label{font-size:8px;gap:0}
#chat-offer-dialog .chat-selection-add{height:140px;min-height:140px}
#chat-offer-dialog .chat-selection-add>svg{width:29px;height:29px}
#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#chat-offer-dialog .chat-inventory-pet{grid-template-rows:auto 18px 18px 84px;gap:4px;padding:8px 6px 25px}
#chat-offer-dialog .chat-inventory-pet>strong{font-size:9px}
#chat-offer-dialog .chat-inventory-pet>small{font-size:13px}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art{height:84px}
#chat-offer-dialog .chat-inventory-metrics .calculator-demand{font-size:10px;gap:2px}
#chat-offer-dialog .chat-inventory-metrics .calculator-demand>svg{width:12px;height:12px}
#chat-offer-dialog .chat-offer-inventory-tabs>button{font-size:9px}
#chat-offer-dialog .chat-offer-picker>header{min-height:88px}
#chat-offer-dialog .chat-trade-editor>footer{padding:11px 13px;min-height:59px;gap:8px}
#chat-offer-dialog .chat-trade-editor>footer>.chat-offer-error{font-size:10px}
#chat-offer-dialog .chat-trade-editor>footer>[data-chat-offer-send]{min-width:115px;height:44px}
}
@media(prefers-reduced-motion:reduce){#chat-offer-dialog .chat-selected-remove{transition:none}}

body.home-refined #chat-shell .chat-new-button{width:40px;height:40px;border-radius:11px;background:var(--paint-tint-a2,#ffffff06);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff0a);color:var(--paint-text,#eee9ed)}
body.home-refined #chat-shell .chat-new-button>svg{width:23px;height:23px;max-width:100%;max-height:100%;stroke-width:1.8}
body.home-refined #chat-shell .chat-conversation-profile{gap:12px;min-width:0}
body.home-refined #chat-shell .chat-conversation-profile .chat-player-avatar{width:46px;height:46px;flex-basis:46px;border-radius:13px;border:1px solid var(--paint-line-a13,#ffffff21);background:var(--paint-surface,#242427);box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0c)}
body.home-refined #chat-shell .chat-conversation-copy>strong{font:600 16px/1.4 "BGSI Interface",sans-serif;letter-spacing:-.3px;color:var(--paint-text,#f6f3f5)}
body.home-refined #chat-shell .chat-conversation-copy>small{font:400 11px/1.5 "BGSI Interface",sans-serif;color:var(--paint-muted,#b7b0b7)}
body.home-refined #chat-shell .chat-message-row{gap:10px;align-items:flex-start}
body.home-refined #chat-shell .chat-message-row .chat-message-avatar{width:38px;height:38px;flex-basis:38px;margin-top:0;border-radius:11px;background:var(--paint-surface,#242427);border:1px solid var(--paint-line-a11,#ffffff1c)}
body.home-refined #chat-shell .chat-message-author{display:block;min-height:22px;margin-bottom:3px;padding:0 2px;font:550 12px/1.6 "BGSI Interface",sans-serif;color:var(--paint-text,#ede8ed)}
body.home-refined #chat-shell .chat-message-content{max-width:calc(100% - 48px)}
body.home-refined #chat-shell .chat-message-row.has-offer .chat-message-content{width:calc(100% - 48px);max-width:calc(100% - 48px)}
body.home-refined #chat-shell .chat-message-row.is-own .chat-message-author{text-align:right}
body.home-refined #chat-shell .chat-player-avatar img{object-fit:contain;padding:2px;box-sizing:border-box}
#chat-offer-dialog .chat-offer-participant{gap:10px;min-width:0}
#chat-offer-dialog .chat-offer-participant .chat-player-avatar{width:36px;height:36px;flex-basis:36px;border-radius:10px;border:1px solid var(--paint-line-a13,#ffffff21);background:var(--paint-surface,#242427)}
#chat-offer-dialog .chat-offer-participant>span>strong{font:550 13px/1.5 "BGSI Interface",sans-serif;color:var(--paint-text,#f1edf0)}
#chat-offer-dialog .chat-offer-participant>span>small{font:400 10px/1.4 "BGSI Interface",sans-serif;color:var(--paint-muted,#b7b0b7)}
#chat-offer-dialog .chat-offer-selected{max-height:300px;gap:10px;padding:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
#chat-offer-dialog .chat-selected-pet{box-sizing:border-box;grid-template-rows:18px 22px 124px 22px 32px;gap:5px;height:260px;min-height:260px;align-self:start;padding:10px 8px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;background:var(--paint-tint-a1,#ffffff03);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),0 3px 8px var(--paint-shadow-a13,#0002);overflow:hidden;transition:border-color .15s,background .15s}
#chat-offer-dialog .chat-selected-pet:hover{border-color:var(--paint-accent-a47,#ef526477);background:var(--paint-tint-a2,#ffffff05)}
#chat-offer-dialog .chat-selected-pet>strong{font:600 11px/18px "BGSI Interface",sans-serif;letter-spacing:-.15px;color:var(--paint-text,#f4f0f3)}
#chat-offer-dialog .chat-selected-pet>small{grid-row:4;align-self:center;font:650 18px/22px "BGSI Display",sans-serif;color:var(--paint-text,#faf6f8);font-variant-numeric:tabular-nums}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art{grid-row:3;height:124px;min-width:0;min-height:0;overflow:hidden}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art img,#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-art.is-xl img{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:4px;object-fit:contain;transform:none}
#chat-offer-dialog .chat-selected-pet>.chat-offer-selected-quantity{grid-row:5;height:32px;min-height:32px;grid-template-columns:30px minmax(0,1fr) 30px;border-radius:8px;background:var(--paint-base,#101012);border-color:var(--paint-line-a13,#ffffff20);gap:0}
#chat-offer-dialog .chat-offer-selected-quantity>button{width:30px;height:30px;color:var(--paint-text,#eee7eb);background:var(--paint-tint-a2,#ffffff04)}
#chat-offer-dialog .chat-offer-selected-quantity>button:hover:not(:disabled){color:var(--paint-text,#fff);background:var(--paint-accent-a15,#ef425426)}
#chat-offer-dialog .chat-offer-selected-quantity>button>svg{width:14px;height:14px;stroke-width:2.7}
#chat-offer-dialog .chat-offer-selected-quantity>label{font-size:12px;color:var(--paint-muted,#aaa2a8);gap:3px}
#chat-offer-dialog .chat-offer-selected-quantity input{font:600 13px "BGSI Display",sans-serif;color:var(--paint-text,#f8f2f5);max-width:55px}
#chat-offer-dialog .chat-selection-add{height:248px;min-height:248px;border-radius:12px}
#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;max-height:360px;gap:10px;scroll-behavior:smooth;overscroll-behavior:contain;overflow-anchor:none}
#chat-offer-dialog .chat-inventory-pet{box-sizing:border-box;display:grid;grid-template-rows:18px 23px 22px 124px 23px;height:248px;min-height:248px;gap:4px;padding:10px 8px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;background:var(--paint-tint-a1,#ffffff03);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07),0 3px 8px var(--paint-shadow-a13,#0002);overflow:hidden;transform:none;transition:border-color .15s,background .15s}
#chat-offer-dialog .chat-inventory-pet>strong{grid-row:1;min-width:0;font:600 11px/18px "BGSI Interface",sans-serif;color:var(--paint-text,#f4f0f3);letter-spacing:-.15px}
#chat-offer-dialog .chat-inventory-pet>small{grid-row:2;font:650 18px/23px "BGSI Display",sans-serif;color:var(--paint-text,#faf6f8);font-variant-numeric:tabular-nums}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-metrics{grid-row:3;height:22px;min-width:0;overflow:hidden}
#chat-offer-dialog :is(.chat-selected-metrics,.chat-inventory-metrics) .calculator-demand{font:650 13px/1 "BGSI Display",sans-serif;gap:4px}
#chat-offer-dialog :is(.chat-selected-metrics,.chat-inventory-metrics) .calculator-demand>svg{width:14px;height:14px}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art{grid-row:4;position:static;display:grid;place-items:center;box-sizing:border-box;height:124px;min-width:0;min-height:0;width:100%;aspect-ratio:auto;padding:0;margin:0;border:0;border-radius:0;background:none;overflow:hidden}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art img,#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art.is-xl img{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:4px;object-fit:contain;transform:none}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-quantity{grid-row:5;position:static;inset:auto;display:flex;justify-content:center;align-items:center;gap:6px;align-self:center;justify-self:center;width:auto;max-width:100%;height:23px;min-height:23px;max-height:23px;aspect-ratio:auto;padding:0 7px;margin:0;border:1px solid var(--paint-line-a10,#ffffff1a);border-radius:6px;background:var(--paint-base,#101012);overflow:hidden;color:var(--paint-text,#d0c8ce);font:550 11px/1 "BGSI Display",sans-serif;white-space:nowrap}
#chat-offer-dialog .chat-inventory-quantity>b{padding-left:6px;border-left:1px solid var(--paint-line-a13,#ffffff20);color:var(--paint-accent-text,#ff9dad);font:500 10px/1 "BGSI Interface",sans-serif}
#chat-offer-dialog .chat-inventory-pet.is-selected{background:var(--paint-accent-a3,#e83e5808);border-color:var(--paint-accent-a43,#ed53666e)}
#chat-offer-dialog .chat-inventory-pet:disabled{opacity:.7}
#chat-offer-dialog .chat-inventory-sentinel{grid-column:1/-1;display:block;height:1px;min-height:1px;width:100%;padding:0;border:0;background:none;aspect-ratio:auto;overflow:hidden}
body.home-refined #chat-shell .chat-offer-embed-pet img,body.home-refined #chat-shell .chat-offer-embed-pet.is-xl img{box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;padding:3px;transform:none}
@media(max-width:900px){#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){
body.home-refined #chat-shell .chat-conversation-profile{gap:8px}
body.home-refined #chat-shell .chat-conversation-profile .chat-player-avatar{width:36px;height:36px;flex-basis:36px;border-radius:10px}
body.home-refined #chat-shell .chat-conversation-copy>strong{font-size:13px}
body.home-refined #chat-shell .chat-message-row .chat-message-avatar{width:30px;height:30px;flex-basis:30px;border-radius:9px}
body.home-refined #chat-shell .chat-message-author{font-size:11px}
body.home-refined #chat-shell .chat-message-content,body.home-refined #chat-shell .chat-message-row.has-offer .chat-message-content{max-width:calc(100% - 40px)}
body.home-refined #chat-shell .chat-message-row.has-offer .chat-message-content{width:calc(100% - 40px)}
#chat-offer-dialog .chat-offer-selected{grid-template-columns:minmax(0,1fr);padding:9px;max-height:285px}
#chat-offer-dialog .chat-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#chat-offer-dialog .chat-inventory-pet{height:222px;min-height:222px;grid-template-rows:17px 21px 20px 108px 22px;padding:8px 5px;gap:3px}
#chat-offer-dialog .chat-inventory-pet>strong{font-size:10px;line-height:17px}
#chat-offer-dialog .chat-inventory-pet>small{font-size:16px;line-height:21px}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-art{height:108px}
#chat-offer-dialog .chat-inventory-pet>.chat-inventory-quantity{font-size:10px;gap:3px;padding:0 4px}
#chat-offer-dialog .chat-inventory-quantity>b{font-size:8px;padding-left:3px}
#chat-offer-dialog .chat-offer-participant{gap:6px}
#chat-offer-dialog .chat-offer-participant>span>strong{font-size:11px}
#chat-offer-dialog .chat-offer-participant .chat-player-avatar{width:29px;height:29px;flex-basis:29px}
}
@media(prefers-reduced-motion:reduce){#chat-offer-dialog .chat-inventory-grid{scroll-behavior:auto}#chat-offer-dialog :is(.chat-inventory-pet,.chat-selected-pet){transition:none}}

body.home-refined #chat-shell button.chat-new-button{position:relative;display:block;box-sizing:border-box;width:40px;height:40px;min-width:40px;padding:0;line-height:0;overflow:hidden}
body.home-refined #chat-shell button.chat-new-button>svg{position:absolute;display:block;left:50%;top:50%;width:22px;height:22px;max-width:none;max-height:none;margin:0;transform:translate(-50%,-50%);stroke-width:1.8}
#chat-offer-dialog .offer-workbench{position:relative;box-sizing:border-box;width:min(1160px,100%);height:min(680px,calc(100dvh - 48px));min-width:0;display:grid;grid-template-rows:88px minmax(0,1fr) 76px;border:1px solid var(--paint-line-a15,#ffffff25);border-radius:18px;background:var(--paint-base,#101012);color:var(--paint-text,#f6f3f5);box-shadow:0 24px 100px var(--paint-shadow-a73,#000b);overflow:hidden;animation:none;font-family:"BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench button>svg{display:block;flex:none;width:16px;height:16px;max-width:100%;max-height:100%}
#chat-offer-dialog .offer-workbench>header{display:flex;justify-content:space-between;align-items:center;gap:16px;height:auto;min-height:0;padding:18px 26px;margin:0;background:var(--paint-base,#151517);border-bottom:1px solid var(--paint-line-a7,#ffffff12)}
#chat-offer-dialog .offer-workbench .offer-heading-label{display:block;color:var(--paint-muted,#aaa3a9);font:500 10px/1.5 "BGSI Interface",sans-serif;letter-spacing:1px;text-transform:uppercase}
#chat-offer-dialog .offer-workbench h2{margin:3px 0 0;color:var(--paint-text,#faf7f9);font:600 24px/1.25 "BGSI Interface",sans-serif;letter-spacing:-.7px}
#chat-offer-dialog .offer-workbench .offer-close{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:10px;background:var(--paint-tint-a2,#ffffff04);box-shadow:none;color:var(--paint-text,#d0c8ce)}
#chat-offer-dialog .offer-workbench .offer-close>svg{width:18px;height:18px}
#chat-offer-dialog .offer-workbench .offer-workbench-body{display:block;min-height:0;overflow:hidden;padding:24px 26px;margin:0;scrollbar-width:none}
#chat-offer-dialog .offer-workbench .offer-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:100%;min-height:0;overflow:visible;padding:0}
#chat-offer-dialog .offer-workbench[data-browsing=true] .offer-canvas{display:none}
#chat-offer-dialog .offer-workbench .offer-side{display:grid;grid-template-rows:54px 60px minmax(0,1fr);min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:none;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-side+ .offer-side{border-left:1px solid var(--paint-line-a7,#ffffff12);padding-left:24px}
#chat-offer-dialog .offer-workbench .offer-side>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;margin:0;padding:0 0 10px;border:0;background:none}
#chat-offer-dialog .offer-workbench .offer-side .chat-offer-participant{display:flex;align-items:center;gap:10px;min-width:0}
#chat-offer-dialog .offer-workbench .offer-side .chat-player-avatar{display:block;position:relative;flex:0 0 38px;width:38px;height:38px;border-radius:11px;border:1px solid var(--paint-line-a11,#ffffff1c);background:var(--paint-surface,#232326);overflow:hidden}
#chat-offer-dialog .offer-workbench .chat-offer-participant>span:last-child{display:grid;gap:1px;min-width:0}
#chat-offer-dialog .offer-workbench .chat-offer-participant strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paint-text,#f6f1f4);font:550 14px/1.5 "BGSI Interface",sans-serif;letter-spacing:-.2px}
#chat-offer-dialog .offer-workbench .chat-offer-participant small{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paint-muted,#a7a0a6);font:400 10px/1.4 "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-side>header>.offer-reset{display:flex;justify-content:center;align-items:center;gap:5px;flex:none;width:auto;min-width:0;height:30px;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:none;color:var(--paint-muted,#a7a0a6);font:450 10px "BGSI Interface",sans-serif;box-shadow:none}
#chat-offer-dialog .offer-workbench .offer-reset>svg{width:14px;height:14px}
#chat-offer-dialog .offer-workbench .offer-reset:disabled{opacity:.35;cursor:default}
#chat-offer-dialog .offer-workbench .offer-side-metrics{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:0;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--paint-line-a8,#ffffff15);background:none}
#chat-offer-dialog .offer-workbench .offer-side-metrics>strong{font:650 30px/1 "BGSI Display",sans-serif;letter-spacing:-.8px;white-space:nowrap;color:var(--paint-text,#f8f3f6)}
#chat-offer-dialog .offer-workbench .offer-side-metrics .calculator-demand{font:600 18px/1 "BGSI Display",sans-serif;gap:5px}
#chat-offer-dialog .offer-workbench .offer-side-metrics .calculator-demand>svg{width:19px;height:19px}
#chat-offer-dialog .offer-workbench .offer-selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:246px;align-items:start;align-content:start;height:100%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;gap:12px;margin:0;padding:1px 2px 8px;scrollbar-width:none;overscroll-behavior:contain}
#chat-offer-dialog .offer-workbench .offer-selected-grid::-webkit-scrollbar,#chat-offer-dialog .offer-workbench .offer-library-grid::-webkit-scrollbar{display:none}
#chat-offer-dialog .offer-workbench .offer-selected-card{position:relative;display:grid;grid-template-rows:26px 108px 55px 34px;gap:3px;box-sizing:border-box;width:100%;min-width:0;height:246px;padding:8px;border:1px solid var(--paint-line-a13,#ffffff21);border-radius:12px;background:var(--paint-tint-a1,#ffffff03);overflow:hidden;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05);transition:border-color .15s}
#chat-offer-dialog .offer-workbench .offer-selected-card:hover{border-color:var(--paint-accent-a47,#ec405577)}
#chat-offer-dialog .offer-workbench .offer-card-signals{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
#chat-offer-dialog .offer-workbench :is(.offer-card-signals,.offer-library-signals) .calculator-demand{font:650 12px/1 "BGSI Display",sans-serif;gap:3px}
#chat-offer-dialog .offer-workbench :is(.offer-card-signals,.offer-library-signals) .calculator-demand>svg{width:14px;height:14px}
#chat-offer-dialog .offer-workbench .offer-selected-art{position:relative;display:grid;place-items:center;box-sizing:border-box;width:100%;height:108px;min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:none;overflow:hidden}
#chat-offer-dialog .offer-workbench :is(.offer-selected-art,.offer-library-art)>img{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:3px;object-fit:contain;transform:none;user-select:none}
#chat-offer-dialog .offer-workbench :is(.offer-selected-art,.offer-library-art)>svg{width:32px;height:32px;color:var(--paint-muted,#817b80)}
#chat-offer-dialog .offer-workbench .offer-remove-overlay{position:absolute;inset:0;display:grid;place-items:center;color:var(--paint-accent-text,#ffb9c5);background:var(--paint-base-a65,#100e12a6);opacity:0;transition:opacity .15s}
#chat-offer-dialog .offer-workbench .offer-remove-overlay>svg{width:24px;height:24px}
#chat-offer-dialog .offer-workbench .offer-selected-art:is(:hover,:focus-visible) .offer-remove-overlay{opacity:1}
#chat-offer-dialog .offer-workbench .offer-card-copy{display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;padding:3px 0}
#chat-offer-dialog .offer-workbench :is(.offer-card-copy,.offer-library-copy)>strong{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--paint-text,#f1edf0);font:550 11px/1.4 "BGSI Interface",sans-serif;letter-spacing:-.1px}
#chat-offer-dialog .offer-workbench :is(.offer-card-copy,.offer-library-copy)>small{display:block;color:var(--paint-text,#fff6fa);font:650 19px/1.1 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
#chat-offer-dialog .offer-workbench .offer-quantity-control{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:0;width:100%;height:34px;min-width:0;border:1px solid var(--paint-line-a13,#ffffff21);border-radius:8px;background:var(--paint-base,#0d0d10);box-sizing:border-box;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button{display:grid;place-items:center;width:28px;height:32px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:var(--paint-tint-a2,#ffffff04);box-shadow:none;color:var(--paint-text,#e5dfe3)}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button>svg{width:13px;height:13px;stroke-width:2.5}
#chat-offer-dialog .offer-workbench .offer-quantity-control>label{display:flex;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0;border:0;background:none;color:var(--paint-muted,#9e969d);font:450 11px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-quantity-control input{display:block;box-sizing:border-box;width:100%;max-width:44px;min-width:0;height:30px;padding:0;border:0;outline:none;border-radius:0;background:none;box-shadow:none;color:var(--paint-text,#f5eef2);text-align:center;font:600 13px "BGSI Display",sans-serif}
#chat-offer-dialog .offer-workbench .offer-add-tile{display:grid;place-items:center;align-self:start;box-sizing:border-box;width:100%;height:246px;min-height:0;padding:0;border:1px dashed var(--paint-line-a15,#ffffff26);border-radius:12px;background:var(--paint-tint-a1,#ffffff02);box-shadow:none;color:var(--paint-accent,#e6556b);cursor:pointer}
#chat-offer-dialog .offer-workbench .offer-add-tile>svg{width:42px;height:42px;stroke-width:2.5}
#chat-offer-dialog .offer-workbench .offer-add-tile:hover{background:var(--paint-accent-a3,#ed3e5508);border-color:var(--paint-accent-a40,#ed3e5565)}
#chat-offer-dialog .offer-workbench .offer-library{display:grid;grid-template-rows:46px minmax(0,1fr);gap:18px;height:100%;min-height:0}
#chat-offer-dialog .offer-workbench .offer-library>header{display:flex;align-items:center;gap:14px;min-width:0;min-height:0;padding:0;margin:0;border:0;background:none}
#chat-offer-dialog .offer-workbench .offer-library-back{display:flex;align-items:center;gap:5px;flex:none;height:36px;padding:0 4px;border:0;background:none;color:var(--paint-text,#d5cdd3);font:450 11px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-library-back>svg{width:16px;height:16px}
#chat-offer-dialog .offer-workbench .offer-library-tabs{display:flex;gap:3px;min-width:0;padding:4px;border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:10px;background:var(--paint-base,#161619)}
#chat-offer-dialog .offer-workbench .offer-library-tabs>button{height:32px;min-height:0;min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px;border:1px solid transparent;border-radius:6px;background:none;color:var(--paint-muted,#aaa2a9);font:450 11px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-library-tabs>button[aria-pressed=true]{color:var(--paint-accent-text,#ffc4cf);background:var(--paint-accent-a8,#ec3c5514);border-color:var(--paint-accent-a23,#ed3e553a)}
#chat-offer-dialog .offer-workbench .offer-library-search{display:flex;align-items:center;gap:8px;flex:1;min-width:100px;max-width:310px;height:40px;margin-left:auto;padding:0 12px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:10px;background:var(--paint-base,#161619);color:var(--paint-muted,#a59aa2)}
#chat-offer-dialog .offer-workbench .offer-library-search:focus-within{border-color:var(--paint-accent-a50,#e9586c80);box-shadow:0 0 0 2px var(--paint-accent-a6,#e9586c10)}
#chat-offer-dialog .offer-workbench .offer-library-search>svg{width:15px;height:15px;flex:none}
#chat-offer-dialog .offer-workbench .offer-library-search>input{width:100%;min-width:0;height:38px;padding:0;border:0;outline:none;background:none;box-shadow:none;color:var(--paint-text,#f0e9ee);font:400 12px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-library-search>input::placeholder{color:var(--paint-muted,#aaa1a8)}
#chat-offer-dialog .offer-workbench .offer-library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:228px;align-content:start;align-items:start;gap:12px;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:1px 2px 10px;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:contain;overflow-anchor:none}
#chat-offer-dialog .offer-workbench .offer-library-card{position:relative;display:block;box-sizing:border-box;isolation:isolate;min-width:0;width:100%;height:228px;padding:0;overflow:hidden;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:13px;background:var(--paint-tint-a1,#ffffff03);box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06);color:var(--paint-text,#eee7ec);cursor:pointer;transition:border-color .15s,background .15s}
#chat-offer-dialog .offer-workbench .offer-library-card:hover{border-color:var(--paint-accent-a47,#ed526577);background:var(--paint-tint-a2,#ffffff05)}
#chat-offer-dialog .offer-workbench .offer-library-card.is-selected{border-color:var(--paint-accent-a43,#e747606e);background:var(--paint-accent-a3,#e7476008)}
#chat-offer-dialog .offer-workbench .offer-library-card:disabled{opacity:.8;cursor:default}
#chat-offer-dialog .offer-workbench .offer-library-signals{position:absolute;inset:8px 8px auto;z-index:2;display:flex;justify-content:space-between;align-items:center;height:24px;padding:0;border:0;border-radius:0;background:none;aspect-ratio:auto;overflow:visible}
#chat-offer-dialog .offer-workbench .offer-library-art{position:absolute;inset:34px 4px 66px;display:grid;place-items:center;box-sizing:border-box;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;aspect-ratio:auto;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-library-copy{position:absolute;inset:auto 7px 7px;display:grid;justify-items:center;gap:5px;min-width:0;min-height:49px;padding:8px 4px;border:1px solid var(--paint-line-a9,#ffffff17);border-radius:8px;background:var(--paint-base-a93,#141416ed);box-shadow:0 3px 8px var(--paint-shadow-a13,#0002);aspect-ratio:auto;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-library-stock{position:absolute;top:37px;right:9px;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;height:20px;min-width:22px;padding:0 5px;border:1px solid var(--paint-line-a11,#ffffff1d);border-radius:5px;background:var(--paint-base-a91,#141416e8);color:var(--paint-text,#e1d8df);font:600 10px "BGSI Display",sans-serif;aspect-ratio:auto;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-library-chosen{position:absolute;left:8px;bottom:70px;z-index:2;display:flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:3px 5px;border:1px solid var(--paint-accent-a34,#ed526557);border-radius:5px;background:var(--paint-surface-a93,#21141bed);color:var(--paint-accent-text,#ffbdc9);aspect-ratio:auto;overflow:hidden}
#chat-offer-dialog .offer-workbench .offer-library-chosen>svg{width:11px;height:11px}
#chat-offer-dialog .offer-workbench .offer-library-chosen>b{font:450 9px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench [hidden]{display:none!important}
#chat-offer-dialog .offer-workbench .offer-library-sentinel{grid-column:1/-1;width:100%;height:1px;min-height:1px;border:0;padding:0;background:none}
#chat-offer-dialog .offer-workbench .offer-library-empty{grid-column:1/-1;display:grid;justify-items:center;align-content:center;gap:12px;min-height:220px;color:var(--paint-muted,#b9b0b7);font:450 13px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-library-empty>svg{width:28px;height:28px;color:var(--paint-muted,#898187)}
#chat-offer-dialog .offer-workbench .offer-library-empty>strong{font-weight:450}
#chat-offer-dialog .offer-workbench>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:0;height:auto;padding:16px 26px;border-top:1px solid var(--paint-line-a9,#ffffff16);background:var(--paint-base,#151517)}
#chat-offer-dialog .offer-workbench>footer>.chat-offer-error{display:block;flex:1;min-width:0;margin:0;color:#f4a4b5;font:400 11px/1.5 "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench>footer>.offer-send{display:flex;justify-content:center;align-items:center;gap:8px;flex:none;width:auto;min-width:142px;height:42px;min-height:42px;padding:0 18px;margin:0;border:1px solid var(--paint-accent,#f46a81);border-radius:10px;background:var(--paint-accent,#db2548);box-shadow:inset 0 1px var(--paint-shadow-a11,#ffffff1c);color:var(--paint-text,#fff);font:500 12px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench>footer>.offer-send:hover:not(:disabled){background:var(--paint-accent,#ec3154)}
#chat-offer-dialog .offer-workbench>footer>.offer-review{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;height:42px;min-height:42px;min-width:0;padding:0 12px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:10px;background:var(--paint-tint-a1,#ffffff03);box-shadow:none;color:var(--paint-text,#eee5eb);font:450 11px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-review>svg{width:14px;height:14px}
#chat-offer-dialog .offer-workbench .offer-review>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:5px;background:var(--paint-accent-a13,#ed3e5520);color:var(--paint-accent-text,#ffb6c4);font:600 11px "BGSI Display",sans-serif}
#chat-offer-dialog .offer-workbench .offer-loading{height:100%;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--paint-text,#c9bec6);font:450 13px "BGSI Interface",sans-serif}
#chat-offer-dialog .offer-workbench .offer-loading>span{width:28px;height:28px;border:2px solid var(--paint-line-a8,#ffffff15);border-top-color:var(--paint-accent,#ed405a);border-radius:50%;animation:offer-workbench-spin .7s linear infinite}
@keyframes offer-workbench-spin{to{transform:rotate(360deg)}}
#chat-offer-dialog .offer-workbench :is(button,input):focus-visible{outline:2px solid var(--paint-accent,#f18094);outline-offset:2px}
#chat-offer-dialog .offer-workbench .offer-library-search>input:focus-visible{outline:none}
#chat-offer-dialog .offer-workbench button:disabled{cursor:default}
body.home-refined #chat-shell .chat-offer-empty{gap:9px;border:1px dashed var(--paint-line-a9,#ffffff16);border-radius:9px;background:var(--paint-tint-a1,#ffffff02);color:var(--paint-muted,#aba3ac)}
body.home-refined #chat-shell .chat-offer-empty>svg{width:24px;height:24px;color:var(--paint-muted,#8e858e)}
@media(max-width:900px){
#chat-offer-dialog .offer-workbench .offer-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#chat-offer-dialog .offer-workbench .offer-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:620px){
#chat-offer-dialog .offer-workbench{height:calc(100dvh - 24px);grid-template-rows:76px minmax(0,1fr) 70px;border-radius:14px}
#chat-offer-dialog .offer-workbench>header{padding:15px}
#chat-offer-dialog .offer-workbench h2{font-size:21px}
#chat-offer-dialog .offer-workbench .offer-heading-label{font-size:9px;letter-spacing:.7px}
#chat-offer-dialog .offer-workbench .offer-workbench-body{padding:16px 12px}
#chat-offer-dialog .offer-workbench .offer-canvas{gap:12px}
#chat-offer-dialog .offer-workbench .offer-side+ .offer-side{padding-left:12px}
#chat-offer-dialog .offer-workbench .offer-side{grid-template-rows:48px 54px minmax(0,1fr)}
#chat-offer-dialog .offer-workbench .offer-side .chat-offer-participant{gap:6px}
#chat-offer-dialog .offer-workbench .offer-side .chat-player-avatar{width:29px;height:29px;flex-basis:29px;border-radius:8px}
#chat-offer-dialog .offer-workbench .chat-offer-participant strong{font-size:11px;max-width:83px}
#chat-offer-dialog .offer-workbench .chat-offer-participant small{font-size:8px;max-width:83px}
#chat-offer-dialog .offer-workbench .offer-side>header>.offer-reset{width:22px;height:30px;padding:0}
#chat-offer-dialog .offer-workbench .offer-reset>span{display:none}
#chat-offer-dialog .offer-workbench .offer-side-metrics>strong{font-size:23px}
#chat-offer-dialog .offer-workbench .offer-side-metrics .calculator-demand{font-size:13px}
#chat-offer-dialog .offer-workbench .offer-side-metrics .calculator-demand>svg{width:14px;height:14px}
#chat-offer-dialog .offer-workbench .offer-selected-grid{grid-template-columns:minmax(0,1fr);gap:10px}
#chat-offer-dialog .offer-workbench .offer-library{grid-template-rows:92px minmax(0,1fr);gap:14px}
#chat-offer-dialog .offer-workbench .offer-library>header{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px}
#chat-offer-dialog .offer-workbench .offer-library-back{display:grid;place-items:center;width:32px;height:40px;padding:0}
#chat-offer-dialog .offer-workbench .offer-library-back>span{display:none}
#chat-offer-dialog .offer-workbench .offer-library-tabs{justify-content:center}
#chat-offer-dialog .offer-workbench .offer-library-tabs>button{flex:1;max-width:none;min-width:0;padding:0 8px;font-size:10px}
#chat-offer-dialog .offer-workbench .offer-library-search{grid-column:1/-1;max-width:none;min-width:0;margin:0;height:40px}
#chat-offer-dialog .offer-workbench .offer-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:198px;gap:8px}
#chat-offer-dialog .offer-workbench .offer-library-card{height:198px;border-radius:10px}
#chat-offer-dialog .offer-workbench .offer-library-signals{inset:7px 5px auto}
#chat-offer-dialog .offer-workbench .offer-library-signals .calculator-demand{font-size:11px}
#chat-offer-dialog .offer-workbench .offer-library-signals .calculator-demand>svg{width:12px;height:12px}
#chat-offer-dialog .offer-workbench .offer-library-art{inset:33px 2px 61px}
#chat-offer-dialog .offer-workbench .offer-library-copy{inset:auto 4px 4px;min-height:46px;padding:7px 2px;gap:4px}
#chat-offer-dialog .offer-workbench .offer-library-copy>strong{font-size:9px}
#chat-offer-dialog .offer-workbench .offer-library-copy>small{font-size:16px}
#chat-offer-dialog .offer-workbench .offer-library-stock{top:32px;right:5px;height:18px;font-size:9px}
#chat-offer-dialog .offer-workbench .offer-library-chosen{left:5px;bottom:65px;max-width:calc(100% - 10px);padding:2px 3px;gap:2px}
#chat-offer-dialog .offer-workbench .offer-library-chosen>b{font-size:8px}
#chat-offer-dialog .offer-workbench>footer{padding:12px;gap:8px}
#chat-offer-dialog .offer-workbench>footer>.offer-send{min-width:120px;padding:0 12px;font-size:11px}
#chat-offer-dialog .offer-workbench>footer>.offer-review{padding:0 9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
#chat-offer-dialog .offer-workbench .offer-library-grid{scroll-behavior:auto}
#chat-offer-dialog .offer-workbench :is(.offer-selected-card,.offer-library-card,.offer-remove-overlay){transition:none}
#chat-offer-dialog .offer-workbench .offer-loading>span{animation:none}
}

#chat-offer-dialog .offer-workbench .chat-player-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;box-sizing:border-box;padding:1px;object-fit:contain;background:var(--paint-surface,#232326)}
#chat-offer-dialog .offer-workbench{--offer-pet-card-height:208px}
#chat-offer-dialog .offer-workbench .offer-selected-grid{grid-auto-rows:var(--offer-pet-card-height)}
#chat-offer-dialog .offer-workbench .offer-selected-card{grid-template-rows:30px 104px 48px;height:var(--offer-pet-card-height);gap:4px;padding:8px}
#chat-offer-dialog .offer-workbench .offer-card-signals{grid-row:1;position:relative;gap:6px;overflow:visible}
#chat-offer-dialog .offer-workbench .offer-card-signals .calculator-demand{flex:none;font-size:15px;gap:4px}
#chat-offer-dialog .offer-workbench .offer-card-signals .calculator-demand>svg{width:17px;height:17px}
#chat-offer-dialog .offer-workbench .offer-selected-art{grid-row:2;height:104px}
#chat-offer-dialog .offer-workbench .offer-card-copy{grid-row:3}
#chat-offer-dialog .offer-workbench .offer-selected-trend{position:absolute;right:9px;top:45px;z-index:2;pointer-events:none}
#chat-offer-dialog .offer-workbench .offer-quantity-control{flex:none;width:96px;height:28px;grid-template-columns:24px minmax(0,1fr) 24px;border-radius:7px;border-color:var(--paint-line-a15,#ffffff25);background:var(--paint-surface,#19181c);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08)}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button{width:24px;height:26px;color:var(--paint-text,#c8c0c6);background:none}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button:first-child{border-right:1px solid var(--paint-line-a6,#ffffff10)}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button:last-child{border-left:1px solid var(--paint-line-a6,#ffffff10)}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button:is(:hover,:focus-visible):not(:disabled){background:var(--paint-accent-a9,#ed405a18);color:var(--paint-accent-text,#ffa6b9)}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button:disabled{opacity:.4}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button>svg{width:12px;height:12px;stroke-width:2.7}
#chat-offer-dialog .offer-workbench .offer-quantity-control>label{gap:1px;font-size:10px;color:var(--paint-muted,#aca1a9)}
#chat-offer-dialog .offer-workbench .offer-quantity-control input{width:100%;max-width:33px;height:25px;font-size:14px;color:var(--paint-text,#fff3f8)}
#chat-offer-dialog .offer-workbench .offer-add-tile{height:var(--offer-pet-card-height);width:100%;max-width:none;border-radius:12px;transition:border-color .18s,background .18s}
#chat-offer-dialog .offer-workbench .offer-add-tile>svg{width:34px;height:34px;stroke-width:2.8;transition:transform .18s}
#chat-offer-dialog .offer-workbench .offer-add-tile:hover>svg{transform:scale(1.06)}
#chat-offer-dialog .offer-workbench .offer-library-signals{height:26px}
#chat-offer-dialog .offer-workbench .offer-library-signals .chat-pet-trend{position:absolute;top:30px;right:0}
#chat-offer-dialog .offer-workbench .offer-library-stock{top:8px;right:8px;height:26px;min-width:31px;padding:0 7px;border-radius:7px;font-size:13px;border-color:var(--paint-line-a15,#ffffff27);background:var(--paint-base-a95,#171519f2);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07)}
#chat-offer-dialog .offer-workbench .offer-library-art{inset:40px 4px 66px}
#chat-offer-dialog .offer-workbench .offer-library-chosen{left:8px;bottom:70px;gap:5px;padding:5px 7px;min-height:26px;box-sizing:border-box;border-radius:7px;border-color:var(--paint-accent-a45,#ed526572);background:var(--paint-surface-a93,#2c1620ee);box-shadow:0 2px 6px var(--paint-shadow-a27,#0004)}
#chat-offer-dialog .offer-workbench .offer-library-chosen>svg{width:13px;height:13px;stroke-width:2.2}
#chat-offer-dialog .offer-workbench .offer-library-chosen>b{font-size:12px;font-weight:500}
#chat-offer-dialog .offer-workbench .is-estimated{color:var(--paint-text,#e8d7df)}
#chat-offer-dialog .offer-workbench{animation:offer-dialog-arrive .2s cubic-bezier(.2,.7,.2,1)}
#chat-offer-dialog .offer-workbench .offer-library,#chat-offer-dialog .offer-workbench[data-browsing=false] .offer-canvas{animation:offer-pane-arrive .18s ease-out}
#chat-offer-dialog .offer-workbench .offer-selected-card{animation:offer-card-arrive .18s ease-out;transition:border-color .18s,background .18s}
#chat-offer-dialog .offer-workbench :is(.offer-send,.offer-review,.offer-reset,.offer-library-tabs>button){transition:background .18s,border-color .18s,color .18s}
@keyframes offer-dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
@keyframes offer-pane-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes offer-card-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:620px){
#chat-offer-dialog .offer-workbench .offer-quantity-control{width:88px;grid-template-columns:22px minmax(0,1fr) 22px}
#chat-offer-dialog .offer-workbench .offer-quantity-control>button{width:22px}
#chat-offer-dialog .offer-workbench .offer-card-signals{gap:3px}
#chat-offer-dialog .offer-workbench .offer-card-signals .calculator-demand{font-size:14px;gap:3px}
#chat-offer-dialog .offer-workbench .offer-card-signals .calculator-demand>svg{width:16px;height:16px}
#chat-offer-dialog .offer-workbench .offer-library-stock{top:7px;right:5px;height:25px;padding:0 6px;font-size:12px}
#chat-offer-dialog .offer-workbench .offer-library-signals{height:25px}
#chat-offer-dialog .offer-workbench .offer-library-signals .chat-pet-trend{top:29px}
#chat-offer-dialog .offer-workbench .offer-library-art{inset:37px 2px 61px}
#chat-offer-dialog .offer-workbench .offer-library-chosen{left:5px;bottom:65px;min-height:23px;padding:4px 5px;gap:3px}
#chat-offer-dialog .offer-workbench .offer-library-chosen>b{font-size:10px}
#chat-offer-dialog .offer-workbench .offer-library-chosen>svg{width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){
#chat-offer-dialog .offer-workbench,#chat-offer-dialog .offer-workbench :is(.offer-library,.offer-canvas,.offer-selected-card){animation:none}
#chat-offer-dialog .offer-workbench :is(.offer-add-tile,.offer-add-tile>svg,.offer-send,.offer-review,.offer-reset,.offer-selected-card,.offer-library-tabs>button){transition:none}
}

#settingsMenu2:not(.open),#settingsOverlay2:not(.open){display:none}
body.home-refined .value-card-image{max-height:100%;overflow:hidden;isolation:isolate}
body.home-refined .value-card-image>img{max-width:100%;max-height:calc(100% - 8px)}
body.home-refined .value-card-image.is-xl>img{transform:scale(2)}
body.home-refined .value-card:hover .value-card-image.is-xl>img{transform:translateY(-3px) rotate(-3deg) scale(2.08)}

body.catalog-refined #petValuesPage .catalog-card-top{position:absolute;inset:8px 8px auto;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none}
body.catalog-refined #petValuesPage .catalog-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;margin-left:auto}
body.catalog-refined #petValuesPage :is(.catalog-variant,.catalog-edited,.catalog-card-right .trendmini){box-sizing:border-box;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:20px;background:var(--paint-surface,#1b1b20);box-shadow:0 2px 6px var(--paint-shadow-a20,#0003);font-family:"BGSI Interface",sans-serif;font-weight:500}
body.catalog-refined #petValuesPage .catalog-variant{display:block;min-width:0;max-width:100%;padding:6px 8px;color:var(--paint-text,#eeeef5);font-size:10px;line-height:1.4;white-space:normal;text-align:center;overflow-wrap:normal}
body.catalog-refined #petValuesPage .catalog-card-right .catalog-edited{display:flex;align-items:center;gap:4px;min-height:28px;padding:0 8px;color:var(--paint-text,#eeeef5);font-size:10px;line-height:1;white-space:nowrap}
body.catalog-refined #petValuesPage .catalog-edited svg{width:12px;height:12px;flex:0 0 12px;color:var(--paint-muted,#c3c3d0)}
body.catalog-refined #petValuesPage .catalog-card-right .trendmini{position:static;display:grid;place-items:center;flex:none;width:28px;height:28px;margin:0;padding:0;pointer-events:auto;transform:none}
body.catalog-refined #petValuesPage .catalog-card-right .trendmini svg{display:block;width:16px;height:16px}
body.catalog-refined #petValuesPage .catalog-card-right .trendmini:focus-visible{outline:2px solid var(--paint-accent-text,#ff9c91);outline-offset:3px}
@media(max-width:360px){body.catalog-refined #petValuesPage .catalog-card-top{left:5px;right:5px;gap:4px}body.catalog-refined #petValuesPage .catalog-variant{padding:5px 6px}body.catalog-refined #petValuesPage .catalog-card-right .catalog-edited{padding:0 6px}}

body.catalog-refined #settingsMenu2{box-sizing:border-box;width:328px;max-width:calc(100vw - 24px);border-radius:12px;overflow:hidden;transform:none;transition:none;font-family:"BGSI Interface",sans-serif;outline:none}
body.catalog-refined #settingsMenu2 .menu-panel{display:flex;flex-direction:column;max-height:inherit;padding:0;background:none;border:0;box-shadow:none}
body.catalog-refined #settingsMenu2 .menu-head{flex:none;min-height:56px;box-sizing:border-box;padding:6px 8px 6px 18px;border-color:var(--paint-line-a10,#ffffff1a)}
body.catalog-refined #settingsMenu2 .menu-head strong{font-size:14px;font-weight:600;letter-spacing:0}
body.catalog-refined #settingsClose2{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:none;color:var(--paint-muted,#c3c3d0);cursor:pointer}
body.catalog-refined #settingsClose2 svg{width:18px;height:18px}
body.catalog-refined #settingsClose2:hover{background:var(--paint-tint-a5,#ffffff0d);color:var(--paint-text,#eeeef5)}
body.catalog-refined #settingsMenu2 .menu-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 12px;scrollbar-width:thin}
body.catalog-refined #settingsMenu2 .catalog-menu-group{min-width:0;padding:0;margin:0;border:0}
body.catalog-refined #settingsMenu2 .catalog-menu-group+ .catalog-menu-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--paint-line-a10,#ffffff1a)}
body.catalog-refined #settingsMenu2 legend{padding:0;margin-bottom:12px;color:var(--paint-muted,#c3c3d0);font-size:11px;font-weight:500;line-height:1.4}
body.catalog-refined #settingsMenu2 .catalog-filter-field{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:10px;font-size:12px}
body.catalog-refined #settingsMenu2 .catalog-filter-field:last-child{margin-bottom:0}
body.catalog-refined #settingsMenu2 select{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 9px;border:1px solid var(--paint-line-a15,#ffffff26);border-radius:7px;background:var(--paint-surface,#1b1b20);color:var(--paint-text,#eeeef5);font:500 12px "BGSI Interface",sans-serif;cursor:pointer;color-scheme:dark}
html[data-theme=light] body.catalog-refined #settingsMenu2 select{color-scheme:light}
body.catalog-refined #settingsMenu2 .menu-item{min-height:44px;margin:0;padding:8px 0;gap:12px;border:0;border-radius:0;background:none;cursor:pointer}
body.catalog-refined #settingsMenu2 .menu-item span{min-width:0;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.4}
body.catalog-refined #settingsMenu2 .menu-item strong{display:block;font-size:12px;font-weight:500}
body.catalog-refined #settingsMenu2 .menu-item small{display:block;margin-top:3px;color:var(--paint-muted,#c3c3d0);font-size:11px;font-weight:400;line-height:1.4}
body.catalog-refined #settingsMenu2 :is(button,select,input):focus-visible{outline:2px solid var(--paint-accent-text,#ff9c91);outline-offset:3px}

body #warnTooltip{--tooltip-tone:var(--paint-accent-text,#ff9c91);position:fixed;width:min(300px,calc(100vw - 24px));box-sizing:border-box;padding:0;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:12px;background:var(--paint-surface,#1b1b20);color:var(--paint-text,#eeeef5);box-shadow:0 8px 24px var(--paint-shadow-a27,#0004);font-family:"BGSI Interface",sans-serif;opacity:0;visibility:hidden;transform:none;pointer-events:none;transition:none}
body #warnTooltip.open{opacity:1;visibility:visible;transform:none;pointer-events:none}
body #warnTooltip::before{content:"";position:absolute;left:var(--tooltip-anchor,50%);width:10px;height:10px;background:var(--paint-surface,#1b1b20);border:1px solid var(--paint-line-a14,#ffffff24);transform:translateX(-50%) rotate(45deg);pointer-events:none}
body #warnTooltip[data-placement="top"]::before{bottom:-6px;border-top:0;border-left:0}
body #warnTooltip[data-placement="bottom"]::before{top:-6px;border-right:0;border-bottom:0}
body #warnTooltip .wt-header{display:flex;align-items:center;gap:11px;padding:14px 16px 12px;border-bottom:1px solid var(--paint-line-a9,#ffffff17)}
body #warnTooltip .wt-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:var(--tooltip-tone)}
body #warnTooltip .wt-icon :is(svg,.icon){display:block;width:23px;height:23px}
body #warnTooltip .wt-heading{display:grid;gap:3px;min-width:0}
body #warnTooltip .wt-kicker{color:var(--paint-text,#eeeef5);font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
body #warnTooltip .wt-title{display:block;margin:0;color:var(--paint-text,#eeeef5);font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:0}
body #warnTooltip .wt-rating{display:flex;align-items:baseline;gap:4px;margin-left:auto;white-space:nowrap;color:var(--paint-text,#eeeef5);font-size:25px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
body #warnTooltip .wt-rating>span{font-size:12px;font-weight:400}
body #warnTooltip .wt-body{padding:13px 16px 15px;max-height:calc(100dvh - 120px);overflow:auto;box-sizing:border-box}
body #warnTooltip .wt-row{margin:0;padding:0;border:0;border-radius:0;background:none}
body #warnTooltip .wt-row+.wt-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--paint-line-a9,#ffffff17)}
body #warnTooltip .wt-h{display:block;margin:0 0 4px;color:var(--paint-text,#eeeef5);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0}
body #warnTooltip .wt-p{color:var(--paint-text,#eeeef5);font-family:inherit;font-size:13px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
body #warnTooltip .wt-p strong{font-weight:600}
body #warnTooltip .wt-demand-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:13px}
body #warnTooltip .wt-demand-scale>span{height:6px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:2px;background:var(--paint-raised,#292930);box-sizing:border-box}
body #warnTooltip .wt-demand-scale>.is-filled{border-color:var(--tooltip-tone);background:var(--tooltip-tone)}
body #warnTooltip .wt-scale-labels{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--paint-text,#eeeef5);font-size:10px;line-height:1.3;font-variant-numeric:tabular-nums}
body #warnTooltip .wt-scale-labels>span{display:flex;gap:5px}
body #warnTooltip[data-trend="rising"]{--tooltip-tone:#a8ddbd}
body #warnTooltip[data-trend="dropping"]{--tooltip-tone:#ffa49f}
body #warnTooltip[data-trend="unstable"]{--tooltip-tone:#efca79}
html[data-theme="light"] body #warnTooltip[data-trend="rising"]{--tooltip-tone:#246b45}
html[data-theme="light"] body #warnTooltip[data-trend="dropping"]{--tooltip-tone:#aa352e}
html[data-theme="light"] body #warnTooltip[data-trend="unstable"]{--tooltip-tone:#805a10}

body #warnTooltip[data-kind=demand] .wt-rating{color:var(--tooltip-tone)}
body #warnTooltip[data-kind=demand][data-demand-level=very-low]{--tooltip-tone:#ff5265}
body #warnTooltip[data-kind=demand][data-demand-level=low]{--tooltip-tone:#ff6469}
body #warnTooltip[data-kind=demand][data-demand-level=medium]{--tooltip-tone:#ffda55}
body #warnTooltip[data-kind=demand][data-demand-level=high]{--tooltip-tone:#a7ef57}
body #warnTooltip[data-kind=demand][data-demand-level=very-high]{--tooltip-tone:#ff8dd0}
body #warnTooltip[data-kind=demand][data-demand-level=insane]{--tooltip-tone:#c896ff}
html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=very-low],html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=low]{--tooltip-tone:#b8253c}
html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=medium]{--tooltip-tone:#826000}
html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=high]{--tooltip-tone:#426b1d}
html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=very-high]{--tooltip-tone:#a02469}
html[data-theme=light] body #warnTooltip[data-kind=demand][data-demand-level=insane]{--tooltip-tone:#7436aa}

body.catalog-refined #settingsMenu2 .custom-select { min-width: 0; width: 100%; }
body.catalog-refined #settingsMenu2 .custom-select-trigger { min-height: 40px; padding: 0 9px; border-radius: 7px; font-size: 12px; }
body.catalog-refined #settingsMenu2 .custom-select-menu { max-height: 180px; min-width: 100%; }

/* Align catalog values even when enchantment names wrap onto two lines. */
body.catalog-refined #petValuesPage #cards { align-items: stretch; }
body.catalog-refined #petValuesPage #cards .card .head { min-height: 34px; height: 34px; }
body.catalog-refined #petValuesPage #cards .card .namewrap { height: 100%; }
body.catalog-refined #petValuesPage #cards .card .name[style] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 32px; overflow: hidden; }
.tracking-metric { cursor: help; }
.tracking-metric:focus-visible { outline: 2px solid #bda1ff; outline-offset: 3px; border-radius: 4px; }
.player-tag-developer { color: #c7afff; background: #9a6cff20; border-color: #9a6cff70; }