.avatar-center{color:#e6e7ee;gap:10px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.avatar-center *,.avatar-center :before,.avatar-center :after{box-sizing:border-box}.avatar-test{color:#ffd99a;background:#2a2214;border-radius:10px;margin:0;padding:8px 10px;font-size:12px}.avatar-empty,.avatar-note{color:#a8aab9;margin:6px 0;font-size:13px}.avatar-notice{color:#ffd99a;background:#1b170f;border:1px solid #6b5226;border-radius:10px;margin:0;padding:8px 10px;font-size:13px}.avatar-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:14px;display:grid}.avatar-nav{background:#1a1610;border:1px solid #3a2f1c;border-radius:14px;gap:10px;padding:10px;display:grid;position:sticky;top:64px}.avatar-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.avatar-nav button{color:#d9d3c4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;font:700 13px/1.2 system-ui,sans-serif;display:flex}.avatar-nav button:hover{background:#2a2214}.avatar-nav button.is-active{color:#ffd99a;background:#3a2a12;box-shadow:inset 3px 0 #ffb347}.avatar-nav button span{text-align:center;flex:0 0 20px;place-items:center;width:20px;display:grid}.avatar-nav button span img{object-fit:contain;width:20px;height:20px}.avatar-search{background:#11100c;border:1px solid #4a3a20;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.avatar-search input{color:#f2f2f6;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.avatar-quote{color:#ffd99a;background:#11100c;border-radius:10px;margin:0;padding:8px 10px;font-size:12px;font-weight:800;display:grid}.avatar-quote small{color:#a8aab9;font-weight:500}.avatar-main{gap:12px;min-width:0;display:grid}.avatar-market-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.avatar-fee-chip{background:#1b170f;border:1px solid #3a2f1c;border-radius:11px;flex-wrap:wrap;justify-self:start;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0;padding:7px 9px 7px 12px;font-size:12px;display:inline-flex}.avatar-fee-chip small{color:#a8aab9}.avatar-info{color:#ffd99a;cursor:pointer;background:#2a2214;border:1px solid #6b5226;border-radius:50%;width:24px;height:24px;font:800 13px/1 Georgia,serif}.avatar-rarity{color:#f2f2f6;background:#11121a;border:1px solid #33354a;border-radius:10px;min-width:170px;padding:7px 10px}.avatar-fee-info{background:#1b170f;border:1px solid #6b5226;border-radius:12px;gap:6px;padding:10px 12px;font-size:13px;display:grid}.avatar-fee-info p{margin:0}.avatar-fee-info table{border-collapse:collapse;width:100%}.avatar-fee-info td{border-bottom:1px solid #3a2f1c;padding:3px 4px}.avatar-fee-info .is-current td{color:#ffb347;font-weight:800}.avatar-fee-info button,.avatar-sell-dialog button,.avatar-rows button,.avatar-look li>button.avatar-sell,.avatar-shop li>button,.avatar-primary{color:#f2f2f6;cursor:pointer;background:#1d1f2b;border:1px solid #3a3d55;border-radius:9px;justify-self:start;padding:7px 12px;font-weight:700}.avatar-center button:disabled{opacity:.5;cursor:not-allowed}.avatar-buy,.avatar-primary{color:#17100d!important;background:linear-gradient(105deg,#f74228,#ffb509)!important;border:0!important;border-radius:10px!important;padding:8px 14px!important;font-weight:900!important}.avatar-box{background:#16151c;border:1px solid #2f2a20;border-radius:14px;align-content:start;gap:8px;padding:12px;display:grid}.avatar-box h4{margin:0;font-size:16px}.avatar-pill{color:#eaf1ff;background:#2c4c8c;border-radius:999px;justify-self:start;padding:3px 10px;font-size:12px;font-weight:800}.avatar-power{margin:0;font-size:13px;color:#9fe3b0!important}.avatar-tags{flex-wrap:wrap;gap:6px;margin:0;display:flex}.avatar-tags span{color:#c9cad6;border:1px solid #3a3d55;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.avatar-card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.avatar-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:#1b1914;border:2px solid #2f2a20;border-radius:14px;padding:0;transition:transform .12s,border-color .12s;display:grid;overflow:hidden}.avatar-card:hover,.avatar-card:focus-visible{border-color:var(--rarity);outline:none;transform:translateY(-2px)}.avatar-card-top{background:#241f15;justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex}.avatar-card-top b{text-overflow:ellipsis;white-space:nowrap;color:#ffd99a;overflow:hidden}.avatar-card-count{color:#eaf1ff;background:#2c4c8c;border-radius:7px;padding:1px 7px;font-size:11px;font-weight:800}.avatar-card-art{background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 70%);place-items:center;padding:14px 0;display:grid;position:relative}.avatar-card-fav{color:#ff6e8a;font-style:normal;position:absolute;top:6px;right:8px}.avatar-card-body{border-top:1px solid #2f2a20;gap:2px;padding:8px 10px 10px;display:grid}.avatar-card-body strong{font-size:13px}.avatar-card-body small{color:#a8aab9;font-size:11px}.avatar-item-page{gap:10px;display:grid}.avatar-back{color:#ffd99a;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-weight:800;text-decoration:underline}.avatar-item-grid{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.avatar-item-side,.avatar-item-main{gap:10px;min-width:0;display:grid}.avatar-item-art{aspect-ratio:1;border:2px solid var(--rarity);background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 28%,#16151c),#16151c 72%);border-radius:16px;place-items:center;display:grid;position:relative}.avatar-fav{color:#ff6e8a;cursor:pointer;background:#1d1f2b;border:1px solid #3a3d55;border-radius:50%;width:38px;height:38px;font-size:18px;position:absolute;bottom:10px;right:10px}.avatar-fav.is-on{background:#3a1520}.avatar-item-head{grid-template-columns:1fr auto;align-items:center}.avatar-big-price{color:#ffd99a;margin:6px 0 0;font-size:20px;font-weight:900}.avatar-big-price small{color:#a8aab9;font-size:13px;font-weight:600}.avatar-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.avatar-stats b{font-size:18px}.avatar-change{color:#a8aab9;font-size:16px;font-weight:900}.avatar-change.is-up{color:#6fdc8c}.avatar-change.is-down{color:#ff7a7a}.avatar-rows{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.avatar-rows li{background:#1d1b16;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.avatar-rows li:nth-child(2n){background:#22201a}.avatar-row-who{flex:1;min-width:0;font-size:13px;font-weight:700;display:grid}.avatar-row-who small{color:#a8aab9;font-weight:500}.avatar-market,.avatar-shop,.avatar-look{gap:10px;display:grid}.avatar-look-head{align-items:center;gap:12px;display:flex}.avatar-look-head p{margin:4px 0;font-size:13px}.avatar-look-head small{color:#a8aab9;font-size:11px}.avatar-preview{background:#11131b;border-radius:14px;flex:0 0 96px;width:96px;height:96px}.avatar-slot h4{letter-spacing:.06em;text-transform:uppercase;color:#a8aab9;margin:8px 0 4px;font-size:12px}.avatar-look ul,.avatar-shop ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.avatar-look li,.avatar-shop li{background:#12131c;border:1px solid #262733;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.avatar-look li.is-equipped{border-color:#ffb347}.avatar-unit{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.avatar-unit:disabled{cursor:default;opacity:.75}.avatar-unit>span:last-child,.avatar-shop li>span:not(.avatar-icon):not(.avatar-price){flex:1;gap:1px;min-width:0;display:grid}.avatar-look li strong,.avatar-shop li strong{font-size:13px}.avatar-look li small,.avatar-shop li small{color:#a8aab9;font-size:11px;line-height:1.35}.avatar-icon{background:#0c0d13;border:2px solid;border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.avatar-icon img{object-fit:contain;image-rendering:pixelated}.avatar-icon-fallback{border-radius:50%;place-items:center;width:70%;height:70%;display:grid}.avatar-price{white-space:nowrap;justify-items:end;font-size:12px;display:grid}.avatar-price small{color:#a8aab9}.avatar-shop ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:10px}.avatar-shop li{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.avatar-shop li>.avatar-icon{grid-area:1/1}.avatar-shop li>span:not(.avatar-icon):not(.avatar-price){overflow-wrap:normal;word-break:normal;grid-area:1/2/auto/4;min-width:0}.avatar-shop li>.avatar-price{white-space:normal;text-align:left;grid-area:2/1/auto/3;justify-items:start;min-width:0}.avatar-shop li>.avatar-price b{overflow-wrap:anywhere}.avatar-shop li>.avatar-buy{white-space:nowrap;grid-area:2/3;justify-self:end}.avatar-sell-dialog{background:#15130f;border:1px solid #ffb347;border-radius:14px;gap:8px;padding:12px;display:grid}.avatar-sell-dialog h4{margin:0}.avatar-sell-dialog p{margin:0;font-size:13px}.avatar-sell-dialog label{gap:4px;font-size:13px;display:grid}.avatar-sell-dialog input{color:#f2f2f6;background:#11121a;border:1px solid #3a3d55;border-radius:9px;padding:8px 10px}.avatar-sell-dialog>div{justify-content:flex-end;gap:8px;display:flex}.avatar-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080bcc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.avatar-center.is-modal{overscroll-behavior:contain;background:linear-gradient(160deg,#1b1a22,#13131a);border:1px solid #76502c;border-radius:20px;flex-direction:column;width:min(1180px,100%);height:min(90vh,900px);padding:0 18px 20px;display:flex;overflow:hidden;box-shadow:0 30px 80px #000a}.avatar-modal-head{z-index:2;background:linear-gradient(90deg,#2a1c10,#1a1921);border-bottom:1px solid #3a2f1c;justify-content:space-between;align-items:center;margin:0 -18px;padding:14px 18px 12px;display:flex;position:sticky;top:0}.avatar-center.is-modal>.avatar-layout{flex:1;align-items:stretch;min-height:0;overflow:hidden}.avatar-center.is-modal .avatar-nav,.avatar-center.is-modal .avatar-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#76502c transparent;align-content:start;min-height:0;overflow-y:auto}.avatar-center.is-modal .avatar-nav{position:static}.avatar-modal-head h2{color:#ffd99a;margin:0;font:900 22px/1.1 Manrope,system-ui,sans-serif}.avatar-modal-head small{color:#c9b89a;font-size:12px}.avatar-close{color:#f2f2f6;cursor:pointer;background:#1d1f2b;border:1px solid #3a3d55;border-radius:50%;width:38px;height:38px;font-size:16px}@media (max-width:760px){.avatar-layout{grid-template-columns:1fr}.avatar-nav{padding:8px;position:static}.avatar-nav ul{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.avatar-nav li{flex:none}.avatar-nav button{white-space:nowrap;padding:7px 10px}.avatar-nav button.is-active{box-shadow:inset 0 -3px #ffb347}.avatar-quote{display:none}.avatar-item-grid{grid-template-columns:1fr}.avatar-item-art{justify-self:center;width:100%;max-width:220px}.avatar-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.avatar-center.is-modal>.avatar-layout{grid-template-rows:auto minmax(0,1fr)}.avatar-center.is-modal .avatar-nav{overflow:visible}}@media (max-width:600px){.avatar-modal-backdrop{place-items:stretch stretch;padding:0}.avatar-center.is-modal{border-radius:0;height:100dvh;padding:0 12px 16px}.avatar-modal-head{margin:0 -12px;padding:10px 12px}.avatar-rarity{flex:1}.avatar-stats{gap:6px}.avatar-stats .avatar-box{padding:8px}}@media (prefers-reduced-motion:reduce){.avatar-card{transition:none}.avatar-card:hover{transform:none}}.avatar-nav,.avatar-search{min-width:0}.avatar-search input{width:100%}@media (max-width:760px){.avatar-layout{grid-template-columns:minmax(0,1fr)}}.avatar-center,.avatar-modal-backdrop{box-sizing:border-box}.avatar-look li>button.avatar-wear{color:#ffe3a8;cursor:pointer;white-space:nowrap;background:#2a2010;border:1px solid #6b5226;border-radius:9px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.avatar-look li>button.avatar-sell{white-space:nowrap;flex:none;padding:6px 10px;font-size:12px}.avatar-look li>button.avatar-unit{flex:auto;min-width:0}.avatar-look li>button.avatar-wear:hover{border-color:#ffb347}.avatar-look li>button.avatar-wear.is-on{color:#9fe8a8;background:#12261b;border-color:#3f8a5c}.avatar-look li>button.avatar-wear.is-on:hover{color:#ffd0d0;border-color:#ff7a7a}.avatar-look li>button.avatar-wear:disabled{opacity:.6;cursor:wait}.avatar-look ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}.avatar-look li{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto auto;align-content:start;gap:8px;padding:10px;display:grid}.avatar-look li>button.avatar-unit{grid-area:1/1/auto/-1;align-items:flex-start;width:100%}.avatar-look li>button.avatar-wear{grid-area:2/2;justify-self:end}.avatar-look li>button.avatar-sell{grid-area:2/3;justify-self:end}
