body.detail-refined .pet-detail-page{margin-top:25px;--pet-profile-line:#ffffff12;--pet-profile-muted:#a0a0ad}
body.detail-refined .pet-detail-shell{display:flex;flex-direction:column;gap:0;--pet-detail-card-height:auto}
.pet-profile-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--paint-muted,#a0a0ad);font-size:11px;font-weight:450}
.pet-profile-topline>a{display:inline-flex;gap:8px;align-items:center;color:var(--paint-text,#b6b6c0);text-decoration:none;min-height:36px;transition:color .15s}
.pet-profile-topline>a:hover{color:var(--paint-text,#fff)}
.pet-profile-topline svg{width:17px;height:17px}
.pet-profile-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:48px;align-items:center}
.pet-model-stage{position:relative;height:480px;min-width:0;isolation:isolate;overflow:hidden;border:1px solid var(--paint-line-a8,#ffffff14);border-radius:22px;background:radial-gradient(ellipse at 50% 50%,var(--paint-surface,#25212a) 0%,var(--paint-base,#151317) 38%,var(--paint-base,#0b0b0e) 75%);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 20px 60px var(--paint-shadow-a33,#0005)}
.pet-model-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--paint-tint-a2,#ffffff04) 1px,transparent 1px),linear-gradient(90deg,var(--paint-tint-a2,#ffffff04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}
.pet-model-stage:after{content:"";position:absolute;left:16%;right:16%;height:20%;bottom:13%;border-radius:50%;background:radial-gradient(ellipse,var(--paint-base-a53,#0008),transparent 65%);z-index:-1}
.pet-model-stage-header{position:absolute;z-index:3;left:23px;right:23px;top:22px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pet-model-status{display:flex;align-items:center;gap:8px;color:var(--paint-muted,#b7b3bb);font-size:10px;font-weight:450}
.pet-model-status[hidden]{display:none}
.pet-model-stage-header:has(.pet-model-status[hidden]){justify-content:flex-end}
.pet-model-status:before{content:"";width:5px;height:5px;background:var(--paint-highlight,#9c96a1);border-radius:50%}
.pet-model-stage[data-model-state=ready] .pet-model-status:before{background:var(--paint-accent,#fc4f61);box-shadow:0 0 10px var(--paint-accent-a20,#fc4f6133)}
.pet-model-modes{display:flex;padding:3px;background:var(--paint-base-a70,#060607b3);border:1px solid var(--paint-line-a7,#ffffff12);border-radius:9px;gap:2px}
.pet-model-modes button{min-height:32px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:var(--paint-muted,#a0a0ad);font:450 10px "BGSI Interface",sans-serif;cursor:pointer}
.pet-model-modes button[aria-pressed=true]{background:var(--paint-surface,#2a272d);color:var(--paint-text,#fff);box-shadow:inset 0 1px var(--paint-shadow-a6,#ffffff10),0 2px 4px var(--paint-shadow-a33,#0005)}
.pet-model-watermark{position:absolute;inset:16% 2% auto;z-index:-1;color:var(--paint-text-a2,#ffffff04);text-transform:uppercase;line-height:.9;text-align:center;letter-spacing:-5px;font:850 clamp(65px,8vw,110px)/.92 "BGSI Display",sans-serif;overflow-wrap:anywhere;pointer-events:none}
.pet-model-surface{position:absolute;inset:65px 0 61px;visibility:hidden}
.pet-model-surface canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}
.pet-model-surface canvas.is-dragging{cursor:grabbing}
.pet-model-surface canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--paint-accent-a42,#ff58696b);border-radius:12px}
.pet-model-artwork{position:absolute;inset:63px 30px 48px;display:grid;place-items:center;color:var(--paint-muted,#a0a0ad);font-size:12px}
.pet-model-artwork img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 14px 22px #0008)}
.pet-model-artwork.is-xl{inset:52px 12px 24px}
.pet-model-artwork.is-xl img{max-width:100%;max-height:100%;transform:none;object-fit:contain}
.pet-model-stage[data-mode=model][data-model-state=ready] .pet-model-surface{visibility:visible}
.pet-model-stage[data-mode=model] .pet-model-artwork{visibility:hidden}
.pet-model-footer{position:absolute;z-index:3;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pet-model-hint{display:inline-flex;align-items:center;gap:8px;color:var(--paint-muted,#a29ba5);font-size:10px;font-weight:400}
.pet-model-hint svg{width:17px;height:17px}
.pet-model-controls{display:flex;padding:3px;border:1px solid var(--paint-line-a9,#ffffff18);border-radius:11px;background:var(--paint-base-a80,#0a090dcc);gap:2px}
.pet-model-controls button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--paint-text,#cbc6cf);cursor:pointer;transition:background .15s,color .15s}
.pet-model-controls button:hover{background:var(--paint-surface,#29242c);color:var(--paint-text,#fff)}
.pet-model-controls button:disabled{opacity:.3;cursor:default}
.pet-model-controls svg{width:17px;height:17px}
.pet-model-controls [data-model-action=lock]{position:relative;margin-right:6px}
.pet-model-controls [data-model-action=lock]:after{content:"";position:absolute;right:-5px;top:9px;bottom:9px;width:1px;background:var(--paint-tint-a10,#ffffff1a)}
.pet-model-controls [data-model-action=lock][aria-pressed=true]{color:var(--paint-accent-text,#ffadba);background:var(--paint-accent-a8,#ff607414)}
.pet-model-controls [aria-pressed=true] .pet-camera-lock-open,.pet-model-controls [aria-pressed=false] .pet-camera-lock-closed{display:none}
.pet-model-hint [data-model-hint-compact]{display:none}
@media(max-width:760px){.pet-model-hint [data-model-hint]{display:none}.pet-model-hint [data-model-hint-compact]{display:inline}}
.pet-model-stage[data-mode=artwork] .pet-model-footer{display:none}
.pet-model-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--paint-text,#bcb7c2);font-size:11px;pointer-events:none}
.pet-model-stage[data-model-state=loading][data-mode=model] .pet-model-loading{display:flex}
.pet-model-loading>span{width:30px;height:30px;border:2px solid var(--paint-line-a8,#ffffff15);border-top-color:var(--paint-accent,#ff5264);border-radius:50%;animation:pet-model-loading 1s linear infinite}
@keyframes pet-model-loading{to{transform:rotate(360deg)}}
.pet-profile-info{min-width:0;padding:12px 0}
.pet-section-label{display:block;color:var(--paint-muted,#a09ca8);font-size:10px;line-height:1.5;font-weight:450;letter-spacing:.3px}
.pet-profile-heading .pet-section-label{color:var(--paint-accent-text,#ff7785);margin-bottom:10px}
body.detail-refined .pet-profile-heading h1{margin:0;color:var(--paint-text,#f5f2f6);font:750 clamp(30px,3.2vw,48px)/1.06 "BGSI Display",sans-serif;letter-spacing:-1.5px;overflow-wrap:normal;text-wrap:balance}
body.detail-refined .pet-profile-info .pet-detail-tabs{padding:0;margin:22px 0 28px;gap:6px}
body.detail-refined .pet-profile-info .pet-detail-variant{height:35px;padding:0 12px;border-radius:8px;background:var(--paint-base,#171519);border:1px solid var(--paint-line-a7,#ffffff12);color:var(--paint-muted,#aaa5b2);font:450 11px "BGSI Interface",sans-serif;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06)}
body.detail-refined .pet-profile-info .pet-detail-variant .icon{width:14px;height:14px}
body.detail-refined .pet-profile-info .pet-detail-variant.is-active{background:var(--paint-accent-a9,#fb526417);border-color:var(--paint-accent-a33,#fb526455);color:var(--paint-accent-text,#ff98a4)}
.pet-profile-market{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--pet-profile-line);border-bottom:1px solid var(--pet-profile-line)}
.pet-market-value{min-width:0}
.pet-market-value>strong{display:block;color:var(--paint-text,#fff);font:750 clamp(32px,3.7vw,52px)/1.12 "BGSI Display",sans-serif;letter-spacing:-1.5px;margin-top:7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 2px 0 var(--paint-shadow,#000)}
.pet-market-value>small{display:block;margin-top:6px;color:var(--paint-muted,#a09ca8);font-size:10px}
.pet-market-demand{padding-left:24px;border-left:1px solid var(--pet-profile-line);min-width:0}
.pet-market-demand>strong{display:flex;align-items:center;gap:10px;color:var(--pet-demand-color);font:700 37px/1.4 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;margin-top:1px}
.pet-market-demand>strong svg{width:29px;height:29px;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--pet-demand-color) 20%,transparent))}
.pet-market-trend{display:inline-flex;align-items:center;gap:5px;font-size:10px;text-transform:capitalize;margin-top:3px;color:var(--paint-muted,#b5b0bc)}
.pet-market-trend svg{width:16px;height:16px}
.pet-market-trend.trend-rising{color:#a7ef57}.pet-market-trend.trend-dropping{color:#ff6469}.pet-market-trend.trend-unstable{color:#ffda55}
.pet-profile-facts{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;gap:20px}
.pet-profile-facts>div:last-child{padding-left:24px}
.pet-profile-facts strong{display:block;margin-top:5px;color:var(--paint-text,#d3ccd8);font:600 19px/1.2 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
.pet-profile-origin{padding-top:5px}
.pet-profile-origin p{margin:0;color:var(--paint-muted,#a9a3af);font-size:11px;line-height:1.9;max-width:44ch}
.pet-profile-origin a{color:var(--paint-text,#eadce4);text-decoration-color:var(--paint-accent-a30,#ff65754d);text-underline-offset:4px}
.pet-profile-origin .pet-detail-chance{color:var(--paint-text,#eadce4)}
body.detail-refined .pet-profile-stats{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:25px 0 30px;padding:18px 22px;border:1px solid var(--paint-line-a5,#ffffff0d);border-radius:12px;background:linear-gradient(100deg,var(--paint-base,#131115),var(--paint-base,#0c0c0e));min-width:0}
.pet-profile-stats-heading{display:flex;gap:20px;align-items:center;min-width:0}
body.detail-refined .pet-profile-stats .pet-detail-inline-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;padding:0;margin:0;background:none;border:0}
body.detail-refined .pet-profile-stats .pet-detail-stat{background:none;border:0;font:600 17px "BGSI Display",sans-serif;padding:0;gap:8px;color:var(--paint-text,#d2ccd8)}
body.detail-refined .pet-profile-stats .pet-detail-stat-decal{width:23px;height:23px}
body.detail-refined .pet-detail-right{height:440px;border-radius:14px;background:var(--paint-base,#0d0c10);border-color:var(--paint-line-a7,#ffffff12);box-shadow:none}
body.detail-refined .pet-detail-view-control{padding:16px 20px;background:transparent;border-bottom:1px solid var(--paint-line-a5,#ffffff0d);gap:16px}
body.detail-refined .pet-detail-view{height:calc(100% - 75px);padding:20px;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}
body.detail-refined .pet-detail-dropdown-trigger{font-family:"BGSI Interface",sans-serif;font-weight:500;background:var(--paint-surface,#18151c);border-color:var(--paint-line-a9,#ffffff18);color:var(--paint-text,#e7e1ec)}
body.detail-refined .pet-detail-dropdown-menu{background:var(--paint-surface,#1b171f);border-color:var(--paint-line-a13,#ffffff21);backdrop-filter:none;min-width:190px;width:190px}
body.detail-refined .pet-detail-dropdown-menu button{font-family:"BGSI Interface",sans-serif;font-size:11px;color:var(--paint-text,#c8c0ce)}
body.detail-refined .pet-detail-dropdown-menu button:hover{background:var(--paint-accent-a8,#ff526415);color:var(--paint-text,#fff)}
body.detail-refined .pet-profile-hero button:focus-visible,body.detail-refined .pet-profile-topline a:focus-visible{outline:2px solid var(--paint-accent,#ff7585);outline-offset:3px}
@media(min-width:1700px){.pet-model-stage{height:520px}}
@media(max-width:1050px){.pet-profile-hero{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}.pet-model-stage{height:450px}.pet-model-hint{font-size:9px}.pet-model-footer{left:16px;right:16px;gap:6px}.pet-model-hint svg{display:none}.pet-model-controls button{width:32px}.pet-profile-market{gap:12px}.pet-market-demand{padding-left:15px}.pet-profile-facts>div:last-child{padding-left:15px}.pet-profile-stats-heading{gap:12px}}
@media(max-width:760px){.pet-profile-hero{grid-template-columns:1fr;gap:22px}.pet-model-stage{height:420px}.pet-profile-info{padding:0}.pet-profile-heading{max-width:100%}body.detail-refined .pet-profile-heading h1{font-size:36px;letter-spacing:-1px}.pet-profile-market{grid-template-columns:1fr 1fr;padding:20px 0}.pet-market-value>strong{font-size:44px}.pet-market-demand>strong{font-size:35px}.pet-profile-origin p{max-width:100%;font-size:12px}.pet-profile-facts{padding:18px 0}.pet-model-watermark{font-size:88px}.pet-profile-topline{margin-bottom:12px}body.detail-refined .pet-profile-stats{flex-direction:column;align-items:stretch;padding:16px;gap:16px;margin:24px 0}.pet-profile-stats-heading{justify-content:space-between}body.detail-refined .pet-profile-stats .pet-detail-inline-stats{justify-content:flex-start;gap:20px}body.detail-refined .pet-detail-right{height:450px}body.detail-refined .pet-detail-view{padding:12px}body.detail-refined .pet-detail-view-control{padding:12px;flex-wrap:wrap}}
@media(max-width:420px){.pet-model-stage{height:355px;border-radius:16px}.pet-model-stage-header{left:16px;right:16px;top:16px}.pet-model-footer{bottom:16px}.pet-model-hint{max-width:150px;line-height:1.6}.pet-model-surface{inset:55px 0 63px}.pet-model-artwork{inset:56px 15px 28px}.pet-model-watermark{font-size:70px;letter-spacing:-3px}.pet-profile-topline{font-size:10px}body.detail-refined .pet-profile-info .pet-detail-tabs{margin:18px 0 24px}body.detail-refined .pet-profile-heading h1{font-size:33px}.pet-profile-market{gap:12px}.pet-market-demand{padding-left:18px}.pet-market-demand>strong{font-size:32px}.pet-market-demand>strong svg{width:26px;height:26px}.pet-market-value>strong{font-size:39px}.pet-profile-facts>div:last-child{padding-left:18px}}
@media(prefers-reduced-motion:reduce){.pet-model-loading>span{animation:none}.pet-profile-hero *{transition:none}}
.pet-model-modes button:disabled{opacity:.35;cursor:default}
.pet-model-stage[data-mode=model][data-model-state=ready] .pet-model-surface canvas{filter:drop-shadow(0 8px 14px #0004)}
.pet-profile-skeleton{min-width:0}
.pet-profile-skeleton .pet-profile-topline{min-height:36px}
.profile-skeleton-line{display:block;height:12px;border-radius:5px;background:var(--paint-tint-a3,#ffffff08)}
.pet-profile-skeleton .pet-profile-topline>.profile-skeleton-line{width:74px;height:10px}
.pet-profile-skeleton .pet-profile-topline>.profile-skeleton-line:last-child{width:95px}
.pet-profile-skeleton-stage{display:grid;place-items:center;background:var(--paint-base,#0c0b0e)}
.pet-profile-skeleton-stage>.profile-skeleton-line{width:48%;height:48%;max-width:260px;aspect-ratio:1;border-radius:22%;background:var(--paint-tint-a2,#ffffff06)}
.profile-skeleton-edition{width:72px;height:12px;margin-bottom:10px}
.profile-skeleton-name{width:76%;height:45px;max-width:360px}
.profile-skeleton-variants{display:flex;gap:6px}
.profile-skeleton-variants>span{display:block;width:82px;height:35px;border:1px solid var(--paint-line-a5,#ffffff0e);border-radius:8px;background:var(--paint-tint-a2,#ffffff04)}
.profile-skeleton-label{width:68px;height:10px}
.profile-skeleton-value{width:78%;height:52px;margin-top:12px}
.profile-skeleton-demand{width:64px;height:46px;margin-top:9px}
.profile-skeleton-fact{width:76px;height:22px;margin-top:8px}
.profile-skeleton-edit{width:104px;height:40px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:9px;background:var(--paint-tint-a2,#ffffff04)}
.profile-skeleton-origin{display:flex;flex-direction:column;gap:9px;padding-top:5px;max-width:340px}
.profile-skeleton-origin>.profile-skeleton-line{height:11px;width:100%}
.profile-skeleton-origin>.profile-skeleton-line:last-child{width:78%}
.profile-skeleton-tabs{min-height:63px;gap:30px;padding:20px 28px}
.profile-skeleton-tabs>span{display:block;width:76px;height:12px;flex-shrink:0;border-radius:4px;background:var(--paint-tint-a3,#ffffff08)}
.profile-skeleton-history-body{padding:26px 24px}
.profile-skeleton-history-value{width:170px;height:36px;margin:12px 0 24px}
.profile-skeleton-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:28px}
.profile-skeleton-metrics>span{height:55px;background:var(--paint-tint-a2,#ffffff04);border-radius:6px}
.profile-skeleton-chart{height:360px;border:1px solid var(--paint-line-a2,#ffffff06);border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0,transparent 71px,var(--paint-tint-a2,#ffffff05) 71px,var(--paint-tint-a2,#ffffff05) 72px)}
.pet-profile-skeleton :is(.profile-skeleton-line,.profile-skeleton-variants>span,.profile-skeleton-metrics>span){animation:profile-skeleton-pulse 1.6s ease-in-out infinite}
@keyframes profile-skeleton-pulse{50%{opacity:.5}}
.pet-profile-error{padding:80px 24px;text-align:center;color:var(--paint-muted,#b1a7bb)}
body.detail-refined .pet-profile-error h1{font:700 30px "BGSI Display",sans-serif;color:var(--paint-text,#eee8f2)}
.pet-profile-error p{font-size:12px;line-height:1.8}
.pet-profile-error button,.pet-profile-error a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:16px 5px 0;padding:0 15px;border-radius:8px;font:450 11px "BGSI Interface",sans-serif;text-decoration:none;color:var(--paint-text,#fff)}
.pet-profile-error button{background:#d8394b;border:1px solid #f45464;cursor:pointer}
.pet-profile-error a{background:var(--paint-surface,#1d1821);border:1px solid var(--paint-line-a8,#ffffff14)}
@media(max-width:760px){.profile-skeleton-name{height:36px}.profile-skeleton-value{height:42px}.profile-skeleton-tabs{min-height:54px;padding:18px 18px;gap:24px}.profile-skeleton-tabs>span{width:65px}.profile-skeleton-history-body{padding:22px 12px}.profile-skeleton-metrics{gap:12px}.profile-skeleton-chart{height:330px}}
@media(max-width:420px){.profile-skeleton-name{height:33px}}
@media(prefers-reduced-motion:reduce){.pet-profile-skeleton :is(.profile-skeleton-line,.profile-skeleton-variants>span,.profile-skeleton-metrics>span){animation:none}}
.pet-model-runtime{display:block;width:100%;height:100%;border:0;border-radius:12px;background:var(--paint-base,#0b0a0e)}
.pet-model-stage .pet-model-surface:has(.pet-model-runtime){inset:0}
.pet-model-stage-header,.pet-model-footer{pointer-events:none}
.pet-model-stage-header button,.pet-model-footer button{pointer-events:auto}
.pet-model-stage[data-mode=model][data-model-state=loading] .pet-model-surface{visibility:visible}
.pet-model-loading{z-index:2;background:var(--paint-base,#0b0a0e)}
.pet-model-error{position:absolute;z-index:4;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ff697536;border-radius:10px;background:var(--paint-surface-a95,#21151af2);color:var(--paint-text,#d9bcc5);font-size:10px;line-height:1.65}
.pet-model-error span{flex:1;min-width:0}
.pet-model-error button{flex-shrink:0;min-height:36px;padding:0 12px;background:#a73043;border:1px solid #e85064;border-radius:7px;color:var(--paint-text,#fff);font:500 10px "BGSI Interface",sans-serif;cursor:pointer}
.pet-rarity-text{font-weight:650;color:var(--paint-text,#f4eef4)}
.pet-rarity-secret{--pet-rarity-gradient:linear-gradient(135deg,#f700ff 0%,#ffabc8 50%,#f700ff 100%)}
.pet-rarity-infinity{--pet-rarity-gradient:linear-gradient(100deg,#5d00ff 0%,#ff0004 50%,#5d00ff 100%)}
.pet-rarity-void{--pet-rarity-gradient:linear-gradient(100deg,#2b0001 0%,#2b00ff 25%,#ea00ff 50%,#2b00ff 75%,#2b0001 100%)}
.pet-rarity-celestial{--pet-rarity-gradient:linear-gradient(100deg,#ff9bf7 0%,#79f8ff 50%,#ff9bf7 100%)}
@supports(background-clip:text){.pet-rarity-text[class*="pet-rarity-secret"],.pet-rarity-text[class*="pet-rarity-infinity"],.pet-rarity-text[class*="pet-rarity-void"],.pet-rarity-text[class*="pet-rarity-celestial"]{display:inline-block;background:var(--pet-rarity-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.pet-rarity-void,.pet-rarity-infinity{-webkit-text-stroke:.2px #ffffff38}}
body.detail-refined .pet-stat-edit-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:9px;background:linear-gradient(var(--paint-surface,#252525),var(--paint-base,#171717));box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0c),0 3px 7px var(--paint-shadow-a33,#0005);color:var(--paint-text,#eae8eb);font:500 11px "BGSI Interface",sans-serif;cursor:pointer;transition:border-color .18s,background .18s}
.pet-stat-edit-button svg{width:17px;height:17px;color:var(--paint-accent-text,#ff6979)}
body.detail-refined .pet-stat-edit-button:hover{border-color:var(--paint-accent-a36,#fb52645c);background:linear-gradient(var(--paint-surface,#302226),var(--paint-surface,#20171a))}
body.detail-refined .pet-stat-edit-button:focus-visible{outline:2px solid var(--paint-accent,#ff7887);outline-offset:3px}
body.detail-refined .pet-stat-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100% - 32px));max-width:600px;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:20px;background:linear-gradient(140deg,var(--paint-surface,#1d1c1d),var(--paint-base,#101011) 65%);color:var(--paint-text,#f7f5f7);box-shadow:inset 0 1px var(--paint-shadow-a5,#ffffff0c),0 36px 100px var(--paint-shadow-a73,#000b);font-family:"BGSI Interface",sans-serif;color-scheme:dark}
.pet-stat-dialog[open]{display:flex;flex-direction:column;animation:pet-stat-enter .18s ease-out}
body.pet-stat-modal-open{overflow:hidden}
.pet-stat-dialog::backdrop{background:var(--paint-base-a75,#050506bf);backdrop-filter:blur(8px)}
.pet-stat-dialog-header{position:relative;display:flex;justify-content:space-between;gap:20px;padding:26px 28px 22px;border-bottom:1px solid var(--paint-line-a6,#ffffff10);flex-shrink:0}
.pet-stat-dialog-header:before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;background:linear-gradient(90deg,var(--paint-accent,#ff5264),transparent 85%)}
.pet-stat-dialog-header .pet-section-label{color:var(--paint-accent-text,#ff7d8a);font-size:11px}
.pet-stat-dialog-header h2{margin:5px 0 7px;font:750 35px/1.1 "BGSI Display",sans-serif;letter-spacing:-1px}
.pet-stat-dialog-header p{margin:0;color:var(--paint-muted,#b3adb6);font-size:12px;line-height:1.6}
.pet-stat-dialog button{font-family:"BGSI Interface",sans-serif;cursor:pointer}
.pet-stat-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--paint-line-a8,#ffffff15);border-radius:10px;background:var(--paint-tint-a2,#ffffff04);color:var(--paint-text,#bfb8c3);flex-shrink:0}
.pet-stat-close svg{width:20px;height:20px}
.pet-stat-close:hover{background:var(--paint-accent-a7,#ff526412);color:var(--paint-text,#fff);border-color:var(--paint-accent-a24,#ff52643d)}
.pet-stat-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:24px 28px 28px;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;min-height:0}
.pet-stat-preview{padding:16px 18px 20px;border:1px solid var(--paint-accent-a18,#ff52642d);border-radius:12px;background:linear-gradient(120deg,var(--paint-accent-a5,#ff52640c),var(--paint-tint-a1,#ffffff02));box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06)}
.pet-stat-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pet-stat-preview .pet-section-label{color:var(--paint-text,#d3bdc3);font-size:11px}
.pet-stat-preview-level{font:550 11px "BGSI Interface",sans-serif;color:var(--paint-accent-text,#ff919e)}
.pet-stat-preview-values{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center}
body.detail-refined .pet-stat-preview .pet-detail-stat{display:inline-flex;align-items:center;gap:9px;padding:0;background:none;border:0;color:var(--paint-text,#fff)}
body.detail-refined .pet-stat-preview .pet-detail-stat strong{font:700 25px/1.1 "BGSI Display",sans-serif;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
body.detail-refined .pet-stat-preview .pet-detail-stat-decal{width:29px;height:29px;object-fit:contain}
.pet-stat-preview-values>span:not(.pet-detail-stat){font-size:12px;color:var(--paint-text,#bbb4be)}
.pet-stat-settings{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;margin:24px 0}
.pet-stat-level-panel{min-width:0}
.pet-stat-level-panel label{font-size:12px;font-weight:550;color:var(--paint-text,#e5e0e7)}
.pet-stat-level-panel [data-stat-max]{min-height:32px;border:1px solid var(--paint-accent-a15,#ff718425);border-radius:7px;background:var(--paint-accent-a3,#ff718408);color:var(--paint-accent-text,#ff9baa);padding:6px 10px;font-size:10px;font-weight:500}
.pet-stat-level-control{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:10px}
.pet-stat-dialog input[type=number]{width:100%;height:44px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:9px;background:var(--paint-base,#090909);color:var(--paint-text,#f3eff5);font:650 18px "BGSI Display",sans-serif;text-align:center;box-shadow:inset 0 2px 5px var(--paint-shadow-a27,#0004);appearance:textfield;-moz-appearance:textfield}
.pet-stat-dialog input[type=number]::-webkit-inner-spin-button,.pet-stat-dialog input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pet-stat-enchant-panel{display:grid;gap:16px;min-width:0}
.pet-stat-enchant-field{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:12px;font-weight:500;color:var(--paint-text,#e5e0e7)}
.pet-enchant-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;padding:0 12px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:9px;background:linear-gradient(var(--paint-surface,#211c20),var(--paint-base,#171417));color:var(--paint-text,#eee8f1);font:450 11px "BGSI Interface",sans-serif;text-align:left}
.pet-enchant-trigger svg{width:16px;height:16px;flex-shrink:0;color:var(--paint-text,#bcb0c3);transition:transform .15s}
.pet-enchant-trigger[aria-expanded=true]{border-color:var(--paint-accent-a39,#ff718464);background:var(--paint-surface,#251a20)}
.pet-enchant-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.pet-enchant-menu{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid var(--paint-accent-a23,#ff71843b);border-radius:10px;background:var(--paint-surface,#1c171b);box-shadow:0 15px 40px var(--paint-shadow-a73,#000b),inset 0 1px var(--paint-shadow-a2,#ffffff06);color:var(--paint-text,#efe8f4);max-height:260px;overflow-y:auto;scrollbar-width:thin}
.pet-enchant-menu:popover-open{display:grid;gap:2px}
.pet-enchant-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--paint-text,#d9cedf);font:450 11px "BGSI Interface",sans-serif;cursor:pointer;text-align:left}
.pet-enchant-menu button svg{width:15px;height:15px;flex-shrink:0;visibility:hidden}
.pet-enchant-menu button[aria-selected=true]{color:var(--paint-accent-text,#ffb0be);background:var(--paint-accent-a8,#ff607415)}
.pet-enchant-menu button[aria-selected=true] svg{visibility:visible}
.pet-enchant-menu button:hover,.pet-enchant-menu button:focus-visible{background:var(--paint-tint-a3,#ffffff08);color:var(--paint-text,#fff)}
.pet-enchant-menu button:focus-visible{outline:2px solid var(--paint-accent,#ff8799);outline-offset:-2px}
.pet-stat-modifier{padding-top:20px;margin-top:20px;border-top:1px solid var(--paint-line-a6,#ffffff10)}
.pet-stat-modifier h3{margin:0;color:var(--paint-text,#e6e0eb);font-size:12px;font-weight:550}
.pet-stat-modifier p{margin:7px 0 16px;color:var(--paint-muted,#aaa2b0);font-size:11px;line-height:1.65}
.pet-stat-modifier>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pet-stat-modifier label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--paint-text,#c4bdcb);font-size:11px;font-weight:400}
.pet-stat-modifier input[type=number]{flex:0 0 58px;width:58px;height:40px;font-size:17px}
.pet-stat-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid var(--paint-line-a7,#ffffff13);background:var(--paint-base-a50,#0a0a0a80);flex-shrink:0}
.pet-stat-dialog-footer>div{display:flex;align-items:center;gap:10px}
.pet-stat-dialog-footer button{min-height:42px;padding:0 16px;border-radius:9px;font-size:11px;font-weight:500}
.pet-stat-reset{border:0;background:none;color:var(--paint-muted,#b8b0c0);padding-left:0!important}
.pet-stat-reset:hover{color:var(--paint-text,#fff)}
.pet-stat-cancel{border:1px solid var(--paint-line-a11,#ffffff1c);background:var(--paint-surface,#1d1b1d);color:var(--paint-text,#e0d9e7)}
.pet-stat-cancel:hover{border-color:var(--paint-line-a22,#ffffff37);background:var(--paint-surface,#282528)}
body.home-refined .pet-stat-apply.button-primary{display:inline-flex;align-items:center;gap:10px;background:var(--paint-accent,#e33e52);border-color:var(--paint-accent,#fb5264);box-shadow:inset 0 1px var(--paint-shadow-a13,#ffffff20),0 3px 8px var(--paint-shadow-a33,#0005);color:var(--paint-text,#fff);transform:none}
body.home-refined .pet-stat-apply.button-primary:hover,body.home-refined .pet-stat-apply.button-primary:focus-visible{background:var(--paint-accent,#ed4e61);transform:none}
.pet-stat-apply svg{width:17px;height:17px}
.pet-stat-dialog :is(button,input,select):focus-visible{outline:2px solid var(--paint-accent,#ff7887);outline-offset:3px}
body.detail-refined .pet-detail-right.is-history{height:auto;background:linear-gradient(125deg,var(--paint-base,#141314),var(--paint-base,#0c0c0d) 70%);box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff06),0 15px 45px var(--paint-shadow-a20,#0003);overflow:visible}
body.detail-refined .is-history .pet-detail-view-control{padding:16px 24px;border-bottom-color:var(--paint-line-a6,#ffffff10)}
body.detail-refined .is-history .pet-detail-view{height:auto;padding:24px;overflow:visible}
.pet-history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.pet-history-heading .pet-section-label{color:var(--paint-muted,#a9a3ae);font-size:11px;margin-bottom:6px}
.pet-history-heading strong{display:block;color:var(--paint-text,#faf6fa);font:700 clamp(28px,3vw,36px)/1.12 "BGSI Display",sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pet-history-key{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--paint-text,#c3bcc9);flex-shrink:0}
.pet-history-key i{width:7px;height:7px;border-radius:50%;background:var(--paint-accent,#ff6375);box-shadow:0 0 0 4px var(--paint-accent-a7,#ff637512)}
body.detail-refined .pet-detail-history-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 22px;padding:18px 0;border-top:1px solid var(--paint-line-a5,#ffffff0e);border-bottom:1px solid var(--paint-line-a5,#ffffff0e)}
body.detail-refined .pet-detail-history-metrics>div{display:flex;flex-direction:column;gap:8px;padding:0 20px;border:0;border-left:1px solid var(--paint-line-a7,#ffffff12);border-radius:0;background:none}
body.detail-refined .pet-detail-history-metrics>div:first-child{padding-left:0;border:0}
body.detail-refined .pet-detail-history-metrics span{font:450 11px "BGSI Interface",sans-serif;color:var(--paint-muted,#aaa2b1);letter-spacing:0;text-transform:none;white-space:normal}
body.detail-refined .pet-detail-history-metrics strong{display:flex;align-items:center;gap:7px;color:var(--paint-text,#ddd7e3);font:650 22px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
body.detail-refined .pet-detail-history-metrics strong span{font:500 21px "BGSI Display",sans-serif;color:inherit}
body.detail-refined .pet-detail-history-metrics .is-up{color:#a7ef57}
body.detail-refined .pet-detail-history-metrics .is-down{color:var(--paint-accent-text,#ff6b7d)}
body.detail-refined .pet-detail-history{display:block;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--paint-accent,#ff586d);overflow:visible}
body.detail-refined .pet-detail-chart{min-height:0;width:100%;height:auto;max-height:320px;overflow:visible}
body.detail-refined .pet-detail-chart-grid line{stroke:var(--paint-text-a5,#ffffff0e);stroke-dasharray:3 5}
body.detail-refined .pet-detail-chart-grid text,body.detail-refined .pet-detail-chart-date{fill:var(--paint-muted,#aaa1b1);font:450 11px "BGSI Interface",sans-serif}
body.detail-refined .pet-detail-chart-line{stroke:var(--paint-accent,#ff6577);stroke-width:2.5;filter:drop-shadow(0 3px 6px #ff526426)}
body.detail-refined .pet-detail-chart-point{fill:var(--paint-accent-text,#ff7281);stroke:var(--paint-ink,#121112);stroke-width:2}
body.detail-refined .pet-detail-chart-focus{stroke:var(--paint-accent-text-a45,#ff788773)}
body.detail-refined .pet-detail-chart:focus-visible{outline:2px solid var(--paint-accent,#ff7887);outline-offset:5px;border-radius:4px}
body.detail-refined .pet-detail-chart-tooltip{padding:12px 15px;border:1px solid var(--paint-accent-a30,#ff69754d);border-radius:10px;background:var(--paint-base,#181416);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 8px 20px var(--paint-shadow-a53,#0008);min-width:140px}
body.detail-refined .pet-detail-chart-tooltip small{color:var(--paint-text,#bdb2c4);font:400 10px "BGSI Interface",sans-serif;line-height:1.6}
body.detail-refined .pet-detail-chart-tooltip strong{color:var(--paint-text,#fff);font:700 23px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
.pet-history-footer{display:flex;justify-content:space-between;gap:20px;padding-top:16px;margin-top:8px;border-top:1px solid var(--paint-line-a5,#ffffff0c);font-size:10px;color:var(--paint-muted,#a49ba9);line-height:1.7}
.pet-history-footer time{flex-shrink:0;color:var(--paint-text,#bcb2c3);font-variant-numeric:tabular-nums}
body.detail-refined .pet-detail-history-empty{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--paint-text,#bfb4c5);font-size:12px;text-align:center;line-height:1.8}
@keyframes pet-stat-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.pet-market-value>strong{font-size:clamp(22px,7vw,36px)}body.detail-refined .is-history .pet-detail-view{padding:18px 12px}body.detail-refined .is-history .pet-detail-view-control{padding:12px}.pet-history-heading{gap:12px;margin-bottom:20px}.pet-history-key{font-size:10px}body.detail-refined .pet-detail-history-metrics>div{padding:0 10px}body.detail-refined .pet-detail-history-metrics span{font-size:10px}body.detail-refined .pet-detail-history-metrics strong{font-size:19px}.pet-history-footer{flex-direction:column;gap:5px}.pet-stat-dialog-header{padding:22px 22px 18px}.pet-stat-dialog-body{padding:20px 22px 24px}.pet-stat-dialog-footer{padding:16px 22px}.pet-stat-modifier>div{grid-template-columns:1fr;gap:14px}}
@media(max-width:420px){body.detail-refined .pet-stat-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.pet-stat-dialog-header{padding:20px 18px 17px}.pet-stat-dialog-header h2{font-size:31px}.pet-stat-dialog-body{padding:18px}.pet-stat-dialog-footer{padding:14px 18px;gap:8px}.pet-stat-dialog-footer button{padding:0 12px}.pet-stat-dialog-footer>div{gap:7px}.pet-stat-preview{padding:14px}.pet-stat-preview-values{gap:16px}body.detail-refined .pet-stat-preview .pet-detail-stat strong{font-size:21px}body.detail-refined .pet-stat-preview .pet-detail-stat-decal{width:25px;height:25px}body.detail-refined .pet-detail-history-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}body.detail-refined .pet-detail-history-metrics>div:nth-child(3){padding-left:0;border-left:0}.pet-history-heading strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.pet-stat-dialog[open]{animation:none}.pet-stat-dialog *,.pet-detail-chart-tooltip,.pet-detail-chart-point{transition:none!important}}
@media(forced-colors:active){.pet-rarity-text{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;-webkit-text-stroke:0!important}}
body.detail-refined .pet-profile-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
body.detail-refined .pet-profile-market{grid-template-columns:minmax(0,1fr) 112px;gap:20px}
body.detail-refined .pet-market-value{container-type:inline-size}
body.detail-refined .pet-market-value>strong{white-space:nowrap;overflow-wrap:normal;font-size:min(clamp(28px,3.7vw,52px),calc(100cqw / var(--pet-value-length,10) * 1.8));letter-spacing:-1px}
body.detail-refined .pet-market-demand{padding-left:18px}
body.detail-refined .pet-profile-facts{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:16px}
body.detail-refined .pet-profile-facts>div{padding-left:0}
.pet-profile-edit{justify-self:end}
body.detail-refined .pet-detail-right{--accent:#ff6074;--accent-hover:#ff8795;--header:#171617;--panel:#111112;--panel-hover:#211b1e;--border:#ffffff12;--border-hover:#ff617447;--muted:#aaa2af;--soft:#e0d9e6;--text:#f4eff6;--red:#ff7181;--green:#b0eb75;height:clamp(700px,80vh,850px);margin-top:30px;border-radius:16px;background:linear-gradient(125deg,var(--paint-base,#151415),var(--paint-base,#0d0d0e) 70%);border-color:var(--paint-line-a9,#ffffff17);box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff08),0 15px 45px var(--paint-shadow-a20,#0003);overflow:hidden}
body.detail-refined .pet-detail-right.is-history{height:auto;min-height:680px;overflow:hidden}
.pet-activity-tabs{display:flex;align-items:center;gap:8px;padding:10px 18px 0;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--paint-line-a7,#ffffff12);scrollbar-width:none;overscroll-behavior-x:contain}
.pet-activity-tabs::-webkit-scrollbar{display:none}
.pet-activity-tabs button{position:relative;flex-shrink:0;min-height:52px;padding:0 17px;border:0;background:transparent;color:var(--paint-muted,#a9a1b0);white-space:nowrap;font:450 12px "BGSI Interface",sans-serif;cursor:pointer;transition:color .15s,background .15s;border-radius:8px 8px 0 0}
.pet-activity-tabs button:after{content:"";position:absolute;left:17px;right:17px;bottom:-1px;height:2px;border-radius:2px;background:transparent}
.pet-activity-tabs button:hover{color:var(--paint-text,#f4edf8);background:var(--paint-tint-a2,#ffffff04)}
.pet-activity-tabs button[aria-selected=true]{color:var(--paint-accent-text,#ff91a0);background:linear-gradient(0deg,var(--paint-accent-a4,#ff52640b),transparent)}
.pet-activity-tabs button[aria-selected=true]:after{background:var(--paint-accent,#ff6074);box-shadow:0 -2px 10px var(--paint-accent-a14,#ff607424)}
body.detail-refined .pet-detail-right [hidden]{display:none!important}
body.detail-refined .pet-detail-right .pet-detail-view-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--paint-line-a5,#ffffff0c);flex-shrink:0;z-index:2}
body.detail-refined .pet-detail-right .pet-detail-view{height:auto;min-height:0;flex:1 1 auto;padding:22px 24px 24px;scrollbar-width:thin;scrollbar-color:#ffffff23 transparent;scrollbar-gutter:stable;overflow-y:auto;overscroll-behavior-y:auto;scroll-behavior:smooth}
body.detail-refined .pet-detail-right.is-history .pet-detail-view{overflow:visible;padding:26px 24px 22px}
body.detail-refined .is-history .pet-detail-chart{max-height:400px}
body.detail-refined .pet-detail-right .pet-detail-hatch-controls{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--paint-line-a8,#ffffff14);border-radius:10px;background:var(--paint-base-a50,#09090980);min-width:0}
body.detail-refined .pet-detail-hatch-controls button{min-height:36px;padding:0 14px;color:var(--paint-muted,#b1a8b9);font:450 11px "BGSI Interface",sans-serif;border-radius:7px}
body.detail-refined .pet-detail-hatch-controls button:hover{background:var(--paint-tint-a3,#ffffff07);color:var(--paint-text,#fff)}
body.detail-refined .pet-detail-hatch-controls button.is-active{color:var(--paint-accent-text,#ff9caa);background:var(--paint-accent-a9,#ff607417);box-shadow:inset 0 0 0 1px var(--paint-accent-a19,#ff607430)}
body.detail-refined .pet-detail-owner-summary{display:flex;align-items:center;gap:24px;margin:0;min-width:0}
body.detail-refined .pet-detail-owner-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:0;border:0;border-radius:0;background:none;text-align:right}
body.detail-refined .pet-detail-owner-summary span{font:400 10px "BGSI Interface",sans-serif;text-transform:none;color:var(--paint-muted,#aaa2b0)}
body.detail-refined .pet-detail-owner-summary strong{font:650 21px "BGSI Display",sans-serif;color:var(--paint-text,#f5edf7)}
body.detail-refined .pet-detail-right .pet-detail-view:has(.pet-detail-owners){overflow-x:hidden;overflow-y:auto}
body.detail-refined .pet-detail-owners{height:auto;flex:0 0 auto;min-height:0}
.pet-detail-owner-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pet-detail-owner-history-header strong{color:var(--paint-text,#eae2ef);font:550 13px "BGSI Interface",sans-serif}
body.detail-refined .pet-detail-owner-list{gap:0;padding:0;flex:0 0 auto;overflow:visible;overscroll-behavior:auto}
body.detail-refined :is(.pet-detail-owner,.pet-detail-activity.pet-detail-hatch){display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:82px;padding:16px 14px;background:transparent;border:0;border-bottom:1px solid var(--paint-line-a5,#ffffff0d);border-radius:0;color:var(--paint-text,#eee5f3);transition:background .15s}
body.detail-refined :is(.pet-detail-owner,.pet-detail-activity.pet-detail-hatch):hover{background:var(--paint-accent-a3,#ff607408)}
body.detail-refined .pet-detail-owner :is(img,.pet-detail-owner-fallback),body.detail-refined .pet-detail-hatch :is(img,.pet-detail-owner-fallback){width:44px;height:44px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;background:var(--paint-surface,#252023);color:var(--paint-accent-text,#ff9dab);object-fit:cover;font:600 17px "BGSI Display",sans-serif}
body.detail-refined .pet-detail-owner>span:nth-child(2){min-width:0}
body.detail-refined :is(.pet-detail-owner,.pet-detail-hatch) strong{font:550 13px "BGSI Interface",sans-serif;color:var(--paint-text,#eee6f4)}
body.detail-refined :is(.pet-detail-owner,.pet-detail-hatch) small{color:var(--paint-muted,#aaa1b2);font:400 10px/1.5 "BGSI Interface",sans-serif}
body.detail-refined .pet-detail-owner-list>.pet-detail-owner{grid-template-columns:44px minmax(0,1fr) 184px;column-gap:18px;row-gap:8px}
body.detail-refined .pet-detail-owner>.pet-detail-quantity{grid-column:3;grid-row:1;min-width:0}
body.detail-refined .pet-detail-owner-identity{display:flex;flex-direction:column;gap:5px;min-width:0}
.pet-detail-owner-name-line{display:flex;align-items:center;gap:10px;min-width:0}
body.detail-refined .pet-detail-owner-name-line>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.detail-refined .pet-detail-owner-observed{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.detail-refined .pet-detail-quantity,body.detail-refined .pet-detail-hatch-quantity strong{color:var(--paint-accent-text,#ff9caa);font:650 22px/1.2 "BGSI Display",sans-serif;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.detail-refined .pet-detail-quantity small{margin-top:6px;font-size:10px;font-weight:400}
body.detail-refined .pet-detail-owner-tags{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;max-width:65%;flex-shrink:0;overflow-x:auto;scrollbar-width:none}
body.detail-refined .pet-detail-owner-tags::-webkit-scrollbar{display:none}
body.detail-refined .pet-detail-owner-tags>.pet-detail-owner-tag{flex-shrink:0}
body.detail-refined .pet-detail-owner-tags:empty{display:none}
.pet-owner-quantity-line{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--owner-quantity-digits,3) * .6em);align-items:center;gap:8px;width:100%}
.pet-owner-quantity-total{grid-column:2;text-align:left}
.pet-owner-ut{grid-column:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:var(--owner-ut-width,52px);min-height:26px;padding:3px 8px;border:1px solid var(--paint-accent-a22,#ff607438);border-radius:6px;background:linear-gradient(180deg,var(--paint-accent-a9,#ff607416),var(--paint-accent-a3,#ff607408));box-shadow:inset 0 1px var(--paint-shadow-a3,#ffffff07);white-space:nowrap}
.pet-owner-ut-label{color:var(--paint-accent-text,#ffb1bd);font:600 10px/1.4 "BGSI Interface",sans-serif;letter-spacing:.03em}
.pet-owner-ut-count{color:var(--paint-text,#eee6f4);font:650 14px/1.2 "BGSI Display",sans-serif;font-variant-numeric:tabular-nums}
.pet-detail-owner-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:4px 9px;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:8px;color:var(--paint-text,#d4cbdc);background:linear-gradient(180deg,var(--paint-tint-a3,#ffffff07),var(--paint-tint-a1,#ffffff02));box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff05);font:500 10px/1.4 "BGSI Interface",sans-serif;white-space:nowrap}
.pet-detail-owner-tag .icon{width:14px;height:14px;flex-shrink:0}
.pet-detail-owner-tag.tag-nft{color:#ffacb9;border-color:#ff607438;background:linear-gradient(180deg,#ff607411,#ff607405)}
.pet-detail-owner-tag.tag-bot{color:#f1ce8a;border-color:#e3b65e36;background:linear-gradient(180deg,#e3b65e0e,#e3b65e04)}
.pet-owner-load-more{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 0}
.pet-owner-load-more button{min-height:44px;padding:0 16px;border:1px solid var(--paint-accent-a25,#ff607440);border-radius:8px;background:var(--paint-accent-a5,#ff60740c);color:var(--paint-accent-text,#ffb3be);font:450 11px "BGSI Interface",sans-serif;cursor:pointer}
.pet-owner-load-more button:hover{background:var(--paint-accent-a10,#ff607419)}
body.detail-refined .pet-detail-right .pet-detail-list{gap:18px;margin-top:0}
body.detail-refined .pet-detail-view.is-hatches .pet-detail-list{max-height:none;padding:0;overflow:visible;gap:0}
body:is(.detail-refined,.player-refined) .pet-detail-post{padding:20px;background:linear-gradient(110deg,var(--paint-surface,#1a181a),var(--paint-base,#121213));border:1px solid var(--paint-line-a7,#ffffff13);border-radius:12px;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04)}
body:is(.detail-refined,.player-refined) .pet-detail-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:0}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side{padding:0;min-width:0}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side+.pet-detail-activity-side{padding:0 0 0 24px;border-left:1px solid var(--paint-line-a7,#ffffff12);border-top:0}
.pet-detail-side-person{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:22px}
body:is(.detail-refined,.player-refined) .pet-detail-post-player{display:inline-flex;align-items:center;gap:11px;min-width:0;color:var(--paint-text,#eee6f4)}
body:is(.detail-refined,.player-refined) .pet-detail-post-player>span:not(.pet-detail-post-avatar){min-width:0}
body:is(.detail-refined,.player-refined) .pet-detail-post-player img,body:is(.detail-refined,.player-refined) .pet-detail-post-avatar{width:40px;height:40px;border:1px solid var(--paint-line-a11,#ffffff1c);border-radius:11px;background:var(--paint-surface,#282025);color:var(--paint-accent-text,#ff9aaa);flex-shrink:0;font:600 16px "BGSI Display",sans-serif}
body:is(.detail-refined,.player-refined) .pet-detail-post-player strong{font:550 12px "BGSI Interface",sans-serif}
body:is(.detail-refined,.player-refined) .pet-detail-post-player small{margin-top:5px;font:400 10px "BGSI Interface",sans-serif;color:var(--paint-muted,#aaa1b0)}
.pet-detail-post-time{color:var(--paint-muted,#aba0b2);font:400 10px "BGSI Interface",sans-serif;flex-shrink:0}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side>header{min-height:28px;gap:12px;margin-bottom:14px}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side h2{color:var(--paint-text,#bfb3c8);font:500 11px "BGSI Interface",sans-serif;text-transform:none;letter-spacing:0}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side-gave h2,body:is(.detail-refined,.player-refined) .pet-detail-activity-side-offering h2{color:var(--paint-accent-text,#ff98a7)}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side-received h2{color:#b0eb75}
body:is(.detail-refined,.player-refined) .pet-detail-activity-side>header>strong{font:650 18px "BGSI Display",sans-serif;color:var(--paint-text,#f5ecf7);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body:is(.detail-refined,.player-refined) .pet-detail-post .terminal-pets{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px 10px;min-height:0;align-content:start}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet{box-shadow:none;gap:8px;min-width:0}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art{background:var(--paint-base,#0b0b0d);border:1.5px solid var(--paint-line-a8,#ffffff14);border-radius:9px;box-shadow:inset 0 1px var(--paint-shadow-a2,#ffffff04);transition:border-color .15s,background .15s}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet:is(:hover,:focus){box-shadow:none;outline:none}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet:hover .terminal-pet-art{background:var(--paint-base,#161416);border-color:var(--paint-line-a25,#ffffff40)}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet.is-unvalued-pet .terminal-pet-art{border-color:var(--paint-accent,#fb6177);background:var(--paint-accent-a2,#fb617706)}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet.is-unvalued-pet:hover .terminal-pet-art{border-color:var(--paint-accent,#ff8b9b);background:var(--paint-accent-a4,#fb61770b)}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet.is-current-pet .terminal-pet-art{border-color:#86e3a3;background:#86e3a307}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet.is-current-pet:hover .terminal-pet-art{border-color:#a8efbe;background:#86e3a30d}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art>img{width:90%;height:90%;object-fit:contain}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art>.pet-detail-super-legendary{width:23%;height:23%}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art{container-type:inline-size}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art>strong{padding:3px 4px;border:1px solid var(--paint-line-a7,#ffffff12);border-radius:4px;background:var(--paint-base-a92,#0b090bea);color:var(--paint-text,#f0e8f5);font:650 min(10px,calc((100cqw - 12px) / var(--activity-value-length,8) * 1.6)) "BGSI Display",sans-serif;max-width:calc(100% - 6px);overflow:visible;text-overflow:clip;white-space:nowrap;letter-spacing:-.1px}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-name{font:500 11px/1.5 "BGSI Interface",sans-serif;color:var(--paint-text,#d8cedf);min-height:16px}
body:is(.detail-refined,.player-refined) .terminal-pet-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:88px;padding:16px;grid-column:1/-1;color:var(--paint-muted,#b3aaba);border:1px solid var(--paint-line-a4,#ffffff0b);background:linear-gradient(110deg,var(--paint-tint-a1,#ffffff03),transparent);border-radius:9px;font:400 11px "BGSI Interface",sans-serif}
.terminal-pet-empty svg{width:23px;height:23px;flex-shrink:0;color:var(--paint-muted,#847b8c)}
body.detail-refined .pet-terminal-filter{display:flex;align-items:center;gap:10px;padding:7px 10px;font:500 11px "BGSI Interface",sans-serif;color:var(--paint-text,#e8ddeb);cursor:pointer;min-width:0}
.pet-terminal-filter>span{display:flex;flex-direction:column;gap:5px}
.pet-terminal-filter small{color:var(--paint-muted,#aaa1b0);font:400 10px "BGSI Interface",sans-serif}
.pet-terminal-filter small b{color:var(--paint-text,#d9ccdF);font-weight:550}
body.detail-refined .pet-terminal-filter input{appearance:none;display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;margin:0;border:1px solid var(--paint-line-a20,#ffffff32);border-radius:5px;background:var(--paint-base,#080808);cursor:pointer}
.pet-terminal-filter input:checked{border-color:var(--paint-accent,#ff7184);background:var(--paint-accent,#d94357)}
.pet-terminal-filter input:checked:after{content:"";width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}
.pet-offer-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--paint-line-a6,#ffffff10)}
.pet-offer-added-value{display:flex;align-items:center;gap:8px;color:var(--paint-text,#c8bdce);font-size:10px}
.pet-offer-added-value .icon{width:16px;height:16px;color:var(--paint-accent-text,#ff899b)}
.pet-offer-added-value strong{font:650 18px "BGSI Display",sans-serif;color:var(--paint-text,#f5eaf8)}
.pet-offer-actions button{min-height:40px;padding:0 13px;border:1px solid var(--paint-accent-a24,#ff6d813d);border-radius:8px;background:var(--paint-accent,#e03d51);color:var(--paint-text,#fff);font:500 11px "BGSI Interface",sans-serif;cursor:pointer}
.pet-offer-actions small{color:var(--paint-text,#bfb0c9);font-size:10px}
.pet-ct-listings>header{margin-bottom:18px;color:var(--paint-text,#e4d9ed);font:550 13px "BGSI Interface",sans-serif}
.pet-ct-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.pet-ct-price{text-align:right}
body.detail-refined .pet-ct-price strong{font:650 24px "BGSI Display",sans-serif;color:var(--paint-accent-text,#ffadba)}
body.detail-refined .pet-detail-empty{flex:1;min-height:340px;max-width:100%;padding:32px;color:var(--paint-muted,#aaa0b3);font:400 12px/1.9 "BGSI Interface",sans-serif}
body.detail-refined .pet-detail-right :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--paint-accent,#ff8293);outline-offset:3px}
@media(max-width:1050px){body.detail-refined .pet-profile-market{grid-template-columns:minmax(0,1fr) 86px;gap:14px}body.detail-refined .pet-market-demand{padding-left:14px}.pet-activity-tabs{gap:2px;padding-inline:10px}.pet-activity-tabs button{padding-inline:12px;font-size:11px}.pet-activity-tabs button:after{left:12px;right:12px}.pet-detail-owner-meta{gap:12px}.pet-detail-owner-tags{max-width:180px}}
@media(max-width:760px){body.detail-refined .pet-profile-hero{grid-template-columns:1fr}body.detail-refined .pet-profile-market{grid-template-columns:minmax(0,1fr) 82px;gap:14px}body.detail-refined .pet-market-demand{padding-left:14px}body.detail-refined .pet-market-value>strong{font-size:min(42px,calc(100cqw / var(--pet-value-length,10) * 1.8))}body.detail-refined .pet-profile-facts{gap:12px}body.detail-refined .pet-profile-facts strong{font-size:18px}body.detail-refined .pet-stat-edit-button{padding:0 10px;gap:6px;font-size:10px}.pet-stat-edit-button svg{width:15px;height:15px}body.detail-refined .pet-detail-right{height:720px;margin-top:24px;border-radius:12px}body.detail-refined .pet-detail-right.is-history{height:auto;min-height:640px}body.detail-refined .pet-detail-right .pet-detail-view-control{padding:14px;gap:16px}body.detail-refined .pet-detail-right .pet-detail-view{padding:18px 12px}body.detail-refined .pet-detail-right.is-history .pet-detail-view{padding:22px 12px}.pet-activity-tabs{gap:2px;padding:5px 6px 0}.pet-activity-tabs button{min-height:48px;font-size:11px}.pet-detail-owner-meta{flex-direction:column;align-items:flex-end;gap:8px}.pet-detail-owner-tags{max-width:130px}body.detail-refined .pet-detail-owner-summary{width:100%;justify-content:flex-start;gap:28px}body.detail-refined .pet-detail-owner-summary>div{text-align:left}body:is(.detail-refined,.player-refined) .pet-detail-post{padding:16px}body:is(.detail-refined,.player-refined) .pet-detail-comparison{grid-template-columns:1fr;gap:22px}body:is(.detail-refined,.player-refined) .pet-detail-activity-side+.pet-detail-activity-side{padding:20px 0 0;border-left:0;border-top:1px solid var(--paint-line-a8,#ffffff14)}.pet-detail-side-person:empty{display:none}.pet-offer-side-spacer{display:none}.pet-detail-side-person{margin-bottom:16px}body:is(.detail-refined,.player-refined) .pet-detail-post .terminal-pets{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px 8px}body.detail-refined :is(.pet-detail-owner,.pet-detail-activity.pet-detail-hatch){grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:14px 4px}body.detail-refined .pet-detail-owner :is(img,.pet-detail-owner-fallback),body.detail-refined .pet-detail-hatch :is(img,.pet-detail-owner-fallback){width:40px;height:40px}body.detail-refined :is(.pet-detail-owner,.pet-detail-hatch) strong{font-size:12px}body.detail-refined .pet-detail-quantity,body.detail-refined .pet-detail-hatch-quantity strong{font-size:20px}.pet-ct-list-grid{grid-template-columns:1fr}.pet-terminal-filter small{font-size:9px}body.detail-refined .pet-terminal-filter{gap:8px;padding:7px 8px}body.detail-refined .pet-detail-hatch-controls{max-width:100%}body.detail-refined .pet-detail-hatch-controls button{font-size:10px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.pet-activity-tabs button{transition:none}}
@media(max-width:1050px){body.detail-refined .pet-detail-owner-list>.pet-detail-owner{grid-template-columns:44px minmax(0,1fr) 164px;column-gap:14px}}
@media(max-width:760px){body.detail-refined .pet-detail-owner-list>.pet-detail-owner{grid-template-columns:40px minmax(0,1fr) auto;column-gap:10px;row-gap:6px}body.detail-refined .pet-detail-owner>:is(img,.pet-detail-owner-fallback,.pet-activity-avatar){grid-column:1;grid-row:1/3}body.detail-refined .pet-detail-owner-identity{display:contents}.pet-detail-owner-name-line{grid-column:2/-1;grid-row:1;gap:8px}body.detail-refined .pet-detail-owner-observed{grid-column:2;grid-row:2}body.detail-refined .pet-detail-owner>.pet-detail-quantity{grid-column:3;grid-row:2;font-size:18px;width:calc(var(--owner-ut-width,52px) + 8px + var(--owner-quantity-digits,3) * .6em)}.pet-detail-owner-tag{min-height:25px;font-size:9px;padding:3px 7px;gap:5px}.pet-owner-ut{min-height:25px}.pet-owner-ut-count{font-size:13px}.pet-owner-ut-label{font-size:9px}}
.pet-activity-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border:1px solid var(--paint-line-a13,#ffffff20);border-radius:12px;background:linear-gradient(145deg,var(--paint-surface,#30232a),var(--paint-surface,#1a171b));color:var(--paint-accent-text,#ffadbb);font:650 15px "BGSI Display",sans-serif}
body.detail-refined .pet-activity-avatar>img{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;object-fit:cover}
.pet-detail-post-player .pet-activity-avatar{width:40px;height:40px;flex-basis:40px;border-radius:11px}
@media(max-width:760px){.pet-activity-avatar{width:40px;height:40px;flex-basis:40px}}
body.detail-refined .pet-detail-right .pet-detail-terminal-pet:focus-visible{outline:none}
body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet:focus-visible .terminal-pet-art{outline:2px solid var(--paint-line,#eee8f1);outline-offset:3px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-view{padding:12px 16px 16px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-list{gap:10px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side{display:block;padding:0}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side+.pet-detail-activity-side{padding:0 0 0 16px;border-left:1px solid var(--paint-line-a7,#ffffff13);border-top:0}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-side-person{min-height:30px;margin:0 0 8px;gap:8px;flex-direction:row;align-items:center}
body.detail-refined .is-terminal .pet-detail-side-person:empty{display:flex}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player{gap:7px;padding:2px 4px;margin-left:-4px;border-radius:7px;transition:background .15s,color .15s}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player:hover,body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player:focus-visible{background:var(--paint-accent-a5,#ff60740e);color:var(--paint-accent-text,#ffadbb)}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player:hover strong{color:var(--paint-accent-text,#ffadbb)}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player :is(img,.pet-detail-post-avatar,.pet-activity-avatar){width:28px;height:28px;flex-basis:28px;border-radius:8px;font-size:11px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-activity-avatar>img{width:100%;height:100%;border-radius:0}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player strong{font-size:11px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player small{font-size:9px;margin-top:3px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-time{font-size:9px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header{margin:0 0 7px;min-height:20px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side h2{font-size:10px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header>strong{font-size:13px;white-space:normal;overflow-wrap:normal;min-width:0;text-align:right}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header>h2{flex-shrink:0}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>.terminal-pets{grid-template-columns:repeat(auto-fill,64px);gap:8px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet{gap:4px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-art{border-radius:7px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-art>strong{font-size:min(9px,calc((100cqw - 10px) / var(--activity-value-length,8) * 1.6));padding:2px 3px;right:2px;bottom:2px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-name{font-size:9px;line-height:1.4;min-height:13px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .terminal-pet-empty{min-height:60px;font-size:10px;padding:12px;gap:8px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .terminal-pet-empty svg{width:19px;height:19px}
body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post{padding:12px 14px;border-radius:10px}
@media(max-width:760px){body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-view{padding:10px 8px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-comparison{gap:10px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side+.pet-detail-activity-side{padding-left:10px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>.terminal-pets{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:7px 5px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post{padding:10px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-side-person{align-items:flex-start;min-height:42px;position:relative}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player{max-width:100%;gap:5px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player :is(img,.pet-detail-post-avatar,.pet-activity-avatar){width:24px;height:24px;flex-basis:24px;font-size:10px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-activity-avatar>img{width:100%;height:100%}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player strong{font-size:10px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-player small{font-size:8px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-post-time{position:absolute;right:0;bottom:0;font-size:8px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header{margin-bottom:6px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header>strong{font-size:12px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-art>strong{font-size:8px;max-width:calc(100% - 4px)}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-name{font-size:8px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .terminal-pet-empty{min-height:56px;padding:8px;gap:5px;font-size:9px}}
.pet-player-hover{position:fixed;z-index:5000;display:block;width:280px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--paint-line-a13,#ffffff22);border-radius:14px;background:linear-gradient(140deg,var(--paint-surface,#201a1d),var(--paint-base,#141215) 70%);box-shadow:inset 0 1px var(--paint-shadow-a4,#ffffff09),0 16px 50px var(--paint-shadow-a67,#000a),0 3px 12px var(--paint-shadow-a40,#0006);color:var(--paint-text,#f0e8f4);pointer-events:auto;font-family:"BGSI Interface",sans-serif}
.pet-player-hover[hidden]{display:none}
.pet-player-hover:before{content:"";position:absolute;left:18px;top:-1px;width:48px;height:2px;background:var(--paint-accent,#ef5f73);border-radius:2px}
.pet-player-hover-label{display:block;margin-bottom:14px;color:var(--paint-accent-text,#e9a4b0);font:500 10px "BGSI Interface",sans-serif}
.pet-player-hover-main{display:flex;align-items:center;gap:12px}
.pet-player-hover-main>:is(.pet-detail-post-avatar,.pet-activity-avatar,img){display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--paint-line-a14,#ffffff24);border-radius:11px;background:var(--paint-surface,#30232a);color:var(--paint-accent-text,#ffc2ce);object-fit:cover;font:650 16px "BGSI Display",sans-serif}
.pet-player-hover-identity{min-width:0}
.pet-player-hover-identity strong{display:block;font:600 14px/1.5 "BGSI Interface",sans-serif;overflow-wrap:anywhere}
.pet-player-hover small{display:block;color:var(--paint-text,#bdb0c4);font-size:11px;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}
.pet-player-hover-id{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid var(--paint-line-a7,#ffffff12);color:var(--paint-muted,#b6a8bf);font:400 10px "BGSI Interface",sans-serif}
.pet-player-hover-id>span{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pet-player-hover-id img{width:13px;height:13px;opacity:.7;filter:brightness(0) invert(1)}
.pet-player-hover-id strong{color:var(--paint-text,#e8deed);font:550 12px "BGSI Display",sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

body.detail-refined :is(.is-terminal,.is-offers) .pet-detail-hatch-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;padding:0;background:none;border:0;border-radius:0}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter{min-height:60px;padding:12px 15px;gap:12px;border:1px solid var(--paint-line-a9,#ffffff16);border-radius:10px;background:var(--paint-tint-a1,#ffffff03);transition:border-color .15s,background .15s}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter:has(input:checked){background:linear-gradient(110deg,var(--paint-accent-a5,#ff61740c),var(--paint-tint-a1,#ffffff02));border-color:var(--paint-accent-a19,#ff718430)}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter:hover{border-color:var(--paint-accent-a33,#ff718453);background:var(--paint-accent-a3,#ff718408)}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter:focus-within{outline:2px solid var(--paint-accent,#ff8293);outline-offset:3px}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter input{width:20px;height:20px;border-radius:6px;border-color:var(--paint-line-a22,#ffffff38)}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter input:checked{background:var(--paint-accent,#c73549);border-color:var(--paint-accent,#f37286)}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter>span{font-size:12px;font-weight:550;gap:6px}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter small{font-size:10px;font-weight:400;color:var(--paint-text,#bdb0c3)}
body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter small b{color:var(--paint-accent-text,#ffb1be);font-weight:650}
body:is(.detail-refined,.player-refined) .is-terminal .pet-detail-activity-side-wants h2,body.detail-refined .is-offers .pet-detail-activity-side-wants h2{color:var(--paint-text,#bfe5c8)}
body.detail-refined .is-offers .pet-detail-post{padding:16px}
body.detail-refined .is-offers .pet-detail-list{gap:12px}
body.detail-refined .is-offers .pet-detail-side-person{min-height:36px;margin-bottom:14px}
body.detail-refined .is-offers .pet-detail-post-player :is(img,.pet-detail-post-avatar,.pet-activity-avatar){width:32px;height:32px;flex-basis:32px;font-size:13px;border-radius:9px}
body.detail-refined .is-offers .pet-activity-avatar>img{width:100%;height:100%;border-radius:0}
body.detail-refined .is-offers .pet-detail-post-player{gap:8px}
body.detail-refined .is-offers .pet-detail-post-player strong{font-size:11px}
body.detail-refined .is-offers .pet-detail-post-player small{font-size:9px;margin-top:3px}
body.detail-refined .is-offers .pet-detail-activity-side>header{margin-bottom:10px;min-height:22px}
body.detail-refined .is-offers .pet-detail-activity-side>header>strong{font-size:14px;overflow-wrap:normal}
body.detail-refined .is-offers .pet-detail-post .terminal-pets{grid-template-columns:repeat(auto-fill,72px);gap:10px}
body.detail-refined .is-offers .pet-detail-terminal-pet{gap:5px}
body.detail-refined .is-offers .pet-detail-terminal-pet .terminal-pet-name{font-size:9px}
body.detail-refined .is-offers .pet-offer-footer{padding-top:12px;margin-top:14px}
body.detail-refined .is-offers .pet-offer-added-value strong{font-size:15px}
body.detail-refined .pet-owner-untouched abbr{text-decoration:none;color:var(--paint-accent-text,#ffc0cc)}
body.detail-refined .pet-owner-untouched>span{display:flex;align-items:center;gap:7px}
body.detail-refined .pet-owner-untouched small{font:400 9px "BGSI Interface",sans-serif;color:var(--paint-muted,#b7a6be)}
body.detail-refined .pet-owner-untouched>strong{color:var(--paint-accent-text,#ffb1c0)}
@media(max-width:1050px){body.detail-refined .pet-profile-market{grid-template-columns:minmax(0,1fr) 96px}}
@media(max-width:760px){body.detail-refined .pet-profile-market{grid-template-columns:minmax(0,1fr) 90px}.pet-stat-settings{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.pet-enchant-trigger{font-size:10px;padding-inline:9px}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-terminal-pet .terminal-pet-art>strong{font-size:min(8px,calc((100cqw - 10px) / var(--activity-value-length,8) * 1.6))}body:is(.detail-refined,.player-refined) :is(.is-trades,.is-terminal) .pet-detail-activity-side>header>strong{font-size:11px}body.detail-refined :is(.is-terminal,.is-offers) .pet-detail-hatch-controls{gap:8px}body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter{padding:10px;gap:8px;min-height:58px}body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter>span{font-size:11px}body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter small{font-size:9px;line-height:1.5}body.detail-refined .is-offers .pet-detail-post .terminal-pets{grid-template-columns:repeat(auto-fill,64px);gap:10px 8px}body.detail-refined .is-offers .pet-detail-post-time{font-size:9px}body.detail-refined .pet-detail-owner-summary{gap:24px}body.detail-refined .pet-owner-untouched>span{gap:5px}}
@media(prefers-reduced-motion:reduce){.pet-enchant-trigger svg,body.detail-refined :is(.is-terminal,.is-offers) .pet-terminal-filter{transition:none}}
@media(prefers-reduced-motion:reduce){body:is(.detail-refined,.player-refined) .pet-detail-terminal-pet .terminal-pet-art{transition:none}body.detail-refined .pet-detail-right .pet-detail-view{scroll-behavior:auto}}
body.detail-refined .is-trades #pet-detail-activity-controls{display:flex;flex-wrap:wrap;width:100%;gap:6px 20px;padding:0;background:none;border:0;border-radius:0}
body.detail-refined .pet-trade-filter{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--paint-text,#c9becf);font:400 11px "BGSI Interface",sans-serif;cursor:pointer;user-select:none}
body.detail-refined .pet-trade-filter input{position:absolute;width:1px;height:1px;opacity:0}
body.detail-refined .pet-trade-switch{position:relative;width:32px;height:18px;flex:0 0 32px;border:1px solid var(--paint-line-a16,#ffffff2a);border-radius:6px;background:var(--paint-surface,#252127);transition:background-color .16s,border-color .16s}
body.detail-refined .pet-trade-switch::after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:3px;background:var(--paint-highlight,#b6adbe);transition:transform .16s,background-color .16s}
body.detail-refined .pet-trade-filter input:checked+.pet-trade-switch{border-color:var(--paint-accent-a50,#f7776c80);background:var(--paint-accent,#c7352a)}
body.detail-refined .pet-trade-filter input:checked+.pet-trade-switch::after{transform:translateX(14px);background:var(--paint-highlight,#fff3f0)}
body.detail-refined .pet-trade-filter input:checked~span:last-child{color:var(--paint-accent-text,#ffb0a7)}
body.detail-refined .pet-trade-filter input:focus-visible+.pet-trade-switch{outline:2px solid var(--paint-accent,#f65b50);outline-offset:3px}
body.detail-refined .pet-trade-filter:hover .pet-trade-switch{border-color:var(--paint-accent-a44,#ff978a70)}
body.detail-refined .pet-trade-load-more{display:block;min-height:44px;margin:18px auto 0;padding:0 16px;border:1px solid var(--paint-accent-a31,#ec3a3250);border-radius:8px;background:var(--paint-accent-a6,#ec3a3210);color:var(--paint-accent-text,#ffafa5);font:450 11px "BGSI Interface",sans-serif;cursor:pointer}
body.detail-refined .pet-trade-load-more:disabled{opacity:.55;cursor:wait}
@media(max-width:420px){.pet-model-artwork.is-xl{inset:48px 8px 20px}}
@media(prefers-reduced-motion:reduce){body.detail-refined :is(.pet-trade-switch,.pet-trade-switch::after){transition:none}}
body.detail-refined .pet-detail-owner-name-line>strong{flex:1 1 auto}
body.detail-refined .pet-detail-owner-tags{flex-shrink:1}
body.detail-refined .pet-detail-owner-list>.pet-detail-owner{grid-template-columns:44px minmax(0,1fr) max(184px,calc(var(--owner-ut-width,52px) + 8px + var(--owner-quantity-digits,3) * .65em))}
body.detail-refined .pet-detail-owner>.pet-detail-quantity{font-variant-numeric:tabular-nums}
.pet-owner-quantity-line{grid-template-columns:minmax(0,1fr) max-content}
.pet-owner-quantity-total{min-width:calc(var(--owner-quantity-digits,3) * .65em);white-space:nowrap}
@media(max-width:760px){body.detail-refined .pet-detail-owner-list>.pet-detail-owner{grid-template-columns:40px minmax(0,1fr) auto}body.detail-refined .pet-detail-owner>.pet-detail-quantity{width:calc(var(--owner-ut-width,52px) + 8px + var(--owner-quantity-digits,3) * .65em)}}