:root{--bg: #0d0e12;--panel: #1b1b24;--line: #ffffff10;--muted: #9692a4;--accent: #bba3ff;--accent-text: #d3b9ff;--on-accent: #28193d;--accent-hover: #c7b4ff;--success: #91d6b6;--warn: #e6bc87;--surface-card: #19191f;--surface-raised: #211e2a;--surface-dialog: #17161e;--text: #f4f1fa;--font-body: Inter, Manrope, system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-control: 10px;--radius-card: 12px;--radius-dialog: 16px;--radius-large: 20px;--radius-round: 50%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--motion-out: cubic-bezier(.22, 1, .36, 1);--motion-fast: .16s;--motion-normal: .22s;--duration-press: 75ms;--duration-exit: .14s;--duration-fast: .16s;--duration-hover: .18s;--duration-normal: .22s;--duration-layout: .24s;--duration-dialog: .26s;--duration-ripple: .38s;--duration-hero: .6s;--duration-spinner: .8s;--duration-pulse: 2.5s}:root{color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text)}button:disabled{opacity:.4;cursor:default}a{-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{font:inherit;-webkit-tap-highlight-color:transparent;color:inherit;cursor:pointer;border:0}select{font:inherit;-webkit-tap-highlight-color:transparent;color:#f5f1ff;background:#202029;border:1px solid #ffffff17;border-radius:9px}input{font:inherit;color:#f5f1ff;background:#202029;border:1px solid #ffffff17;border-radius:9px;min-width:0}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}h1{font-size:15px;margin:0;font-weight:600}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}button{position:relative;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:scale var(--duration-normal) var(--motion-out),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease}button:not(:disabled).is-pressed{scale:.96;transition-duration:var(--duration-press)}button img{pointer-events:none;-webkit-user-drag:none}input,select{transition:border-color var(--duration-fast) ease,box-shadow var(--duration-hover) ease,background-color var(--duration-fast) ease}input:focus-visible{box-shadow:0 0 0 3px #bba3ff12}select:focus-visible{box-shadow:0 0 0 3px #bba3ff12}@media(prefers-reduced-motion:reduce){button,input{transition:none!important}}@media(prefers-reduced-motion:reduce){select{transition:none!important}}.app{max-width:1120px;margin:auto;padding:0 18px max(30px,env(safe-area-inset-bottom))}.header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:var(--space-2);font-size:23px;font-weight:760;letter-spacing:-1px;color:var(--accent)}.brand span{color:#f3f0fa}.brand i{color:var(--accent);font-style:normal}.icon-button{background:#25232e;border:1px solid #ffffff13;width:36px;height:36px;border-radius:var(--radius-control);display:grid;place-items:center;font-size:22px;padding:0;line-height:1;flex-shrink:0}.ui-icon{display:block;width:18px;height:18px;flex-shrink:0;pointer-events:none}.icon-button>.ui-icon{width:19px;height:19px}.scene-control{position:absolute;z-index:3}.scene-control select{font-size:10px;padding:7px;background:#17171de0;max-width:130px}.spinner{width:33px;height:33px;border:3px solid #bba3ff24;border-top-color:var(--accent);border-radius:var(--radius-round);animation:spin var(--duration-spinner) linear infinite}.build-heading{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#9690a6;font-weight:650}.loadout-name{background:none;border:0;font-size:24px;font-weight:650;letter-spacing:-.8px;padding:4px 0;width:min(100%,280px);border-radius:0}.side-switch{display:flex;gap:3px;padding:var(--space-1);background:#1c1b25;border:1px solid var(--line);border-radius:11px;flex-shrink:0}.side-switch button{padding:8px 14px;border-radius:7px;background:none;color:#898497;font-size:12px;font-weight:700}.side-switch button[aria-pressed=true]{background:#353040;color:#f3edff;box-shadow:0 1px 5px #0003}.valuation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 13px;padding:var(--space-4);background:#1a1922;border:1px solid var(--line);border-radius:14px}.label{color:var(--muted);font-size:10px}.total{font-size:25px;letter-spacing:-.7px;font-weight:650;margin:3px 0}.small{font-size:11px;line-height:1.5}.muted{color:var(--muted)}.currency{display:block;text-align:right;font-size:9px;color:#797284;margin-top:var(--space-2);max-width:170px}.market-banner{border:1px solid #e6bc8727;background:#e6bc870b;border-radius:var(--radius-control);padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px;color:#d5c1a8;line-height:1.5}.text-button{padding:0;background:none;color:var(--accent);font-size:11px;white-space:nowrap}.categories{margin-top:var(--space-5);display:flex;border-bottom:1px solid var(--line)}.categories button{background:none;font-weight:600;color:#8b8598;border-bottom:2px solid transparent;white-space:nowrap}.categories button[aria-current=page]{color:var(--accent-text);border-bottom-color:var(--accent)}.slots-heading{display:flex;align-items:center;justify-content:space-between;margin:19px 0 12px}footer{text-align:center;color:#645e70;font-size:10px;line-height:1.8;padding:25px 0 0}footer div{font-size:9px;margin-top:6px}footer a{text-decoration:none;color:#81738f}.error-panel{padding:var(--space-5);border:1px solid #da8d8d40;border-radius:var(--radius-card);color:#e6aaaa;margin-top:var(--space-5)}.error-panel button{color:inherit;background:none;text-decoration:underline}dialog{color:#f2ecf8;background:var(--surface-dialog);border:1px solid #ffffff16;padding:0}.load-more{display:flex;justify-content:center;gap:10px;margin-top:18px}.minor{border:1px solid #ffffff19;background:#292333;color:#d4c4e2;padding:10px 13px;font-size:12px;border-radius:9px}.sources{border-radius:19px;width:calc(100% - 32px);max-width:430px;max-height:90svh;padding:var(--space-5);overflow:auto;box-shadow:0 22px 100px #0008}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.modal-top h2{font-size:20px;margin:4px 0 0;font-weight:600;letter-spacing:-.5px}.primary{border:0;border-radius:var(--radius-control);padding:12px 16px;background:var(--accent);color:var(--on-accent);font-weight:650;font-size:13px}.danger{padding:7px;background:none;color:#d595a4;font-size:11px}.source-item{padding:17px 0;border-bottom:1px solid #ffffff0b}.source-item strong{font-size:15px}.source-item p{font-size:12px;line-height:1.6;color:#a996b9}.source-badge{background:#7fbda312;color:#a0d2b7;border-radius:5px;padding:4px 6px;font-size:10px}.source-item form label{display:block;font-size:11px;color:#c2afce}.source-item form input{display:block;width:100%;padding:10px;margin-top:7px;background:#211b2b;font-size:12px}.source-item form .primary{font-size:12px;margin:3px 0 8px;width:100%}.source-item .text-link{font-size:11px;color:var(--accent)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:#373043;border:1px solid #ffffff20;border-radius:var(--radius-control);padding:11px 16px;font-size:12px;box-shadow:0 8px 30px #0005;max-width:90%;text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}@media(min-width:680px){.app{padding-left:28px;padding-right:28px}.header{height:76px}}@media(min-width:680px){.build-heading{margin-top:27px}}@media(max-width:360px){.app{padding-left:13px;padding-right:13px}}@media(max-width:360px){.valuation{padding:var(--space-3)}.loadout-name{font-size:22px;width:180px}}@media(max-width:360px){.side-switch button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:var(--duration-pulse)}}.scene-control{inset:auto 10px 10px auto}.name-label{display:inline-flex;align-items:center;gap:7px;cursor:text}.name-label svg{color:#b7a5cf}.build-heading>div:first-child{min-width:0}.loadout-name{display:block;max-width:100%}.categories{gap:0;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.categories button{padding:0 2px 12px;font-size:11px}.categories::-webkit-scrollbar{display:none}@media(min-width:680px){.categories{justify-content:flex-start;gap:29px}.categories button{font-size:12px}}@media(max-width:380px){.categories button{font-size:10px;padding-right:0;padding-left:0}}.header+.build-heading{margin-top:var(--space-2)}.side-switch.side-selector{width:100%;margin-top:var(--space-3);padding:5px;gap:7px;background:#191820}.side-selector button[data-side=CT][aria-pressed=true]{background:#5e7b8f20;border-color:#7194ad48;color:#c5d8e6}.side-selector button[data-side=T][aria-pressed=true]{background:#bda45a18;border-color:#c4ab5d45;color:#e4d5a4}summary{position:relative;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:scale var(--duration-normal) var(--motion-out),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease}.icon-button,.minor,.primary{overflow:hidden}.side-selector,.categories{position:relative;isolation:isolate}.side-selector button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:8px 14px;border:1px solid transparent;font-size:13px;overflow:hidden;z-index:1}.categories button{overflow:hidden;z-index:1}.side-selector img{width:40px;height:40px;object-fit:contain;opacity:.55;flex-shrink:0;transition:opacity var(--duration-hover) ease,scale var(--duration-layout) var(--motion-out)}.side-selector button[aria-pressed=true] img{opacity:1;scale:1.06}.loadout-name:focus-visible{box-shadow:none}.total{font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.primary:hover{background:var(--accent-hover)}.side-selector button:hover img{opacity:1}}@media(prefers-reduced-motion:reduce){summary{transition:none!important}.side-selector img{transition:none!important}}.market-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid #ffffff12;border-radius:var(--radius-control);background:#ffffff04;color:#cbc7d3;font-size:11px;font-weight:550}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.slot{min-height:155px;border:1px dashed #ffffff16;border-radius:15px;position:relative;background:#17171e;overflow:hidden;transition:border-color var(--duration-exit)}.slot-button{display:flex;width:100%;flex-direction:column;align-items:flex-start;background:none;text-align:left}.slot-empty-img{position:absolute;inset:22px 16px 25px;object-fit:contain;filter:grayscale(1);pointer-events:none}.slot-name{position:relative;z-index:1;color:#a49dae;font-weight:550}.slot-plus{font-size:25px;font-weight:200;color:#7d718e;margin:auto;align-self:center;z-index:1}.slot-hint{font-size:9px;color:#685e78;z-index:1}.slot.equipped{border:1px solid #ffffff13;background:linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 90%),var(--panel) 70%);border-bottom:2px solid var(--rarity)}.slot.equipped .slot-button{padding-bottom:10px}.slot.equipped .slot-button>img{display:block}.slot-finish{color:#eee6f8;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.slot-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:5px}.wear-pill{font-size:9px;background:#ffffff09;border:1px solid var(--line);color:#b9afc8;padding:2px 5px;border-radius:5px}.price{font-size:12px;color:#dfd3f2;font-weight:600}.slot-preview{position:absolute;right:9px;top:9px;z-index:2;width:28px;height:28px;border:1px solid #ffffff15;border-radius:var(--radius-md);background:#17151ed9;color:#c5aedf}.slot.equipped .slot-name{color:#a79cac}.slot:hover{border-color:#a88bd063}.slot .price.unknown{color:#81748f;font-weight:400}.skin-card{background:linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 94%),#211e29 75%);border:1px solid #ffffff0b;border-bottom:2px solid color-mix(in srgb,var(--rarity),transparent 25%);border-radius:13px;text-align:left;min-width:0}.skin-card-select>img{margin-bottom:7px}.skin-card .skin-kind{color:#a795b7;margin-bottom:2px;display:block}.skin-card .skin-title{font-weight:550;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skin-card .card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px}.skin-card .phase{color:#ae91c5;display:block;margin-top:3px}.skin-card:hover{border-color:#b797dd77}.skin-card .stamp{color:#786982;margin-top:5px;display:block}@media(min-width:680px){.slots{grid-template-columns:repeat(3,minmax(0,1fr))}.slot{min-height:175px}}.wear-pill .st-label{color:#eea15d}.wear-pill .spec-separator{color:#8f809d}.wear-pill.pattern-pill{padding:2px 5px;background:#ffffff09;border:1px solid var(--line);border-radius:5px;font-size:9px;color:#b9afc8;font-variant-numeric:tabular-nums}.slots{align-items:stretch}.slot{display:flex;flex-direction:column;min-width:0}.slot-button{flex:1;height:auto;min-height:185px;padding:14px}.slot-empty-img{inset:27px 12px auto;width:calc(100% - 24px);height:147px;opacity:.12}.slot.equipped{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--rarity),transparent 82%),transparent 78%),linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 85%),var(--panel) 78%)}.slot.equipped .slot-button>img{flex-shrink:0;margin:1px 0 5px;filter:drop-shadow(0 7px 9px #0003)}.slot.equipped .slot-name{padding-right:0}.slot-bottom{gap:5px}.item-spec{display:flex;gap:var(--space-1);align-items:center;min-width:0}.pattern-pill{font-size:9px;color:#b3a7c1;white-space:nowrap;font-variant-numeric:tabular-nums}.wear-pill{white-space:nowrap}.slot-copy{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:calc(100% - 20px);margin:0 10px 10px;padding:9px 10px;border:1px solid #bba3ff28;border-radius:var(--radius-md);background:#bba3ff0c;color:var(--accent-text);text-align:left;line-height:1.3}.slot-copy>span{display:flex;justify-content:space-between;gap:6px;width:100%}.slot-copy small{color:#8e819f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-copy:hover{background:#bba3ff1c;border-color:#bba3ff60}.has-copy .slot-empty-img{height:127px}.slot-preview{display:none}.skin-card{background:radial-gradient(ellipse at 50% 53%,color-mix(in srgb,var(--rarity),transparent 83%),transparent 79%),linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 86%),#211e29 85%)}.skin-card-select>img{margin:1px 0 7px;filter:drop-shadow(0 7px 8px #0003)}.skin-card .card-meta{margin-top:var(--space-2)}@media(min-width:680px){.slot-button{min-height:205px}.slot-empty-img{height:167px}}@media(max-width:380px){.slot-button{padding:11px;min-height:175px}.skin-card{padding:10px}}@media(max-width:380px){.slot-copy{padding:var(--space-2)}}.slot,.skin-card{--card-text-scale: 1.1}.slot-name{font-size:calc(12px * var(--card-text-scale))}.slot.equipped .slot-name{font-size:calc(11px * var(--card-text-scale))}.slot-finish,.skin-card .skin-title{font-size:calc(12px * var(--card-text-scale))}.slot .price.unknown{font-size:calc(10px * var(--card-text-scale))}.slot .wear-pill,.skin-card .wear-pill,.slot .wear-pill.pattern-pill{font-size:calc(9px * var(--card-text-scale));padding:2.2px 5.5px;border-radius:5.5px}.skin-card .skin-kind{font-size:calc(10px * var(--card-text-scale))}.skin-card .phase{font-size:calc(9px * var(--card-text-scale))}.skin-card .stamp{font-size:calc(8px * var(--card-text-scale))}.slot-copy{font-size:calc(10px * var(--card-text-scale))}.slot-copy small{font-size:calc(9px * var(--card-text-scale))}.slot-bottom,.skin-card .card-meta{row-gap:6px;flex-wrap:wrap}.slot .price,.skin-card .price{font-size:calc(12px * var(--card-text-scale));margin-left:auto;white-space:nowrap}@media(max-width:380px){.slot-finish{font-size:calc(11px * var(--card-text-scale))}.slot-copy{font-size:calc(9px * var(--card-text-scale))}}.slot{transition:scale var(--duration-normal) var(--motion-out),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.slot:has(.slot-button:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.skin-card,.slot-button,.slot-copy{overflow:hidden}.price{font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.slot:hover,.skin-card:hover{box-shadow:0 7px 20px #0003}}@media(hover:none){.slot:hover{border-color:#ffffff16}.slot.equipped:hover{border-color:#ffffff13;border-bottom-color:var(--rarity)}}@media(hover:none){.skin-card:hover{border-color:#ffffff0b;border-bottom-color:color-mix(in srgb,var(--rarity),transparent 25%)}}@media(prefers-reduced-motion:reduce){.slot{transition:none!important}}.skin-card{padding:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--rarity),transparent 77%),transparent 76%),linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 88%),var(--surface-card) 83%)}.skin-card-select{display:block;flex:1;width:100%;min-width:0;padding:var(--space-3);background:transparent;text-align:left;border:0;border-radius:var(--radius-card);color:inherit;overflow:hidden}.skin-card-select>img{filter:drop-shadow(0 5px 11px color-mix(in srgb,var(--rarity),transparent 61%));height:150px}.slot.equipped .slot-button>img{filter:drop-shadow(0 5px 11px color-mix(in srgb,var(--rarity),transparent 61%));height:141px}.slot.equipped{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--rarity),transparent 79%),transparent 77%),linear-gradient(0deg,color-mix(in srgb,var(--rarity),transparent 87%),var(--surface-card) 83%)}.skin-card .skin-kind,.skin-card .phase{color:#a8a5b0}.skin-card-select:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(min-width:680px){.skin-card-select>img{height:181px}.slot.equipped .slot-button>img{height:168px}}@media(max-width:380px){.skin-card-select{padding:10px}.skin-card-select>img{height:140px}}@media(max-width:380px){.slot.equipped .slot-button>img{height:131px}}.slot.equipped .slot-button>img{width:100%;max-width:100%;margin-inline:0;object-fit:contain}.skin-card-select>img{display:block;width:100%;max-width:100%;margin-inline:0;object-fit:contain;object-position:center}dialog.picker{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border:0;padding:0 18px 28px;overflow-y:auto}.picker-header{display:flex;align-items:center;gap:var(--space-3);padding:16px 0 14px;background:var(--surface-dialog);position:sticky;top:0;z-index:4}.picker-header h2{font-size:20px;margin:4px 0 0;letter-spacing:-.5px}.picker-header>div:nth-child(2){flex:1}.picker-filters{position:sticky;top:78px;z-index:3;background:#17161ef5;backdrop-filter:blur(10px);padding-bottom:var(--space-3)}.search-wrap{display:flex;align-items:center;gap:9px;background:#23202c;border:1px solid #ffffff0c;border-radius:11px;padding:0 12px}.search-wrap span{color:#a49aad;font-size:23px}.search-wrap input{background:none;border:0;padding:11px 0;font-size:13px;width:100%;outline:none}.search-wrap input::placeholder{color:#8f839e}.filter-row{display:flex;margin-top:9px}.filter-row select{font-size:11px;padding:9px 8px;flex:1;min-width:0;background:var(--surface-raised)}.st-filter{font-size:10px;color:#c4b4d1;white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.st-filter input{margin:0}#model-filter{width:100%;margin-top:9px;padding:9px;font-size:12px}.picker-price-status{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:10px;color:#8f829d;margin-top:11px}.picker-alert{color:#dfbb95;font-size:11px;padding:9px 11px;background:#e6bc870b;border:1px solid #e6bc8725;border-radius:9px;margin-top:10px;line-height:1.5}.picker-alert button{font-size:11px;background:none;color:var(--accent-text);text-decoration:underline}.picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:var(--space-2)}.empty-results{text-align:center;padding:50px 12px;color:#a595b4;font-size:13px}.empty-results button{display:block;margin:18px auto}.picker-footnote{font-size:10px;line-height:1.6;color:#76677f;text-align:center;margin:24px auto 0}@media(min-width:680px){dialog.picker{padding-left:max(28px,calc((100vw - 1050px)/2));padding-right:max(28px,calc((100vw - 1050px)/2))}.picker-results{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:360px){.picker-header{gap:var(--space-2)}.picker-header h2{font-size:18px}}.filter-row{gap:9px;align-items:stretch}.filter-row>.select-filter{flex:1;min-width:0;min-height:39px}.select-filter{position:relative}.select-filter select{display:block;width:100%;height:100%;min-height:39px;appearance:none;-webkit-appearance:none;padding:9px 36px 9px 10px;color:#ddd1eb}.filter-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#a28eb7;pointer-events:none}.search-wrap>.ui-icon{width:18px;height:18px;color:#a49aad}.color-filter{position:relative;flex:1;min-width:0;font-size:11px}.color-filter summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:39px;padding:9px 36px 9px 10px;background:var(--surface-raised);border:1px solid #ffffff17;border-radius:9px;color:#ddd1eb;cursor:pointer;white-space:nowrap}.color-filter summary::-webkit-details-marker{display:none}.color-filter[open] summary{border-color:#bba3ff70;background:#2a2336}.color-chevron{color:#a28eb7}.color-filter[open] .color-chevron{transform:translateY(-50%) rotate(180deg)}.color-menu{position:absolute;top:calc(100% + 7px);right:0;width:290px;max-width:calc(100vw - 36px);padding:15px;background:#24202e;border:1px solid #c4a7ff35;border-radius:13px;box-shadow:0 12px 38px #0009;z-index:6}.color-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.color-menu-heading strong{font-size:12px;font-weight:550}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.color-option{display:flex;align-items:center;gap:var(--space-2);background:#ffffff04;border:1px solid #ffffff0b;border-radius:7px;padding:var(--space-2);font-size:11px;text-align:left;color:#c4b9d0;min-height:35px}.color-option i,.selected-swatches i{display:block;width:13px;height:13px;flex-shrink:0;border-radius:var(--radius-round);background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff20}.color-option .color-check{margin-left:auto;opacity:0;color:var(--accent-text)}.color-option[aria-pressed=true]{border-color:#bba3ff7a;background:#bba3ff12;color:#eee5fa}.color-option[aria-pressed=true] .color-check{opacity:1}.color-menu p{font-size:10px;color:#978aa6;line-height:1.6;margin:12px 0 0}.selected-swatches{display:flex;padding-left:0;max-width:65px;overflow:hidden}.selected-swatches i+i{margin-left:-5px;box-shadow:0 0 0 2px var(--surface-raised)}.color-filter summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.picker-filters:has(.color-filter[open]){z-index:5}.picker-footnote{max-width:570px}@media(min-width:680px){.color-filter{flex:0 0 220px}.picker-results{gap:13px}}@media(max-width:380px){.color-menu{max-width:calc(100vw - 26px)}}.color-option{overflow:hidden}.color-option .color-check{transition:opacity var(--duration-exit) ease,scale var(--duration-hover) var(--motion-out);scale:.65}.color-option[aria-pressed=true] .color-check{scale:1}.color-filter[open] .color-menu{animation:color-menu-enter var(--duration-hover) var(--motion-out);transform-origin:top right}.color-chevron{transition:transform var(--duration-hover) var(--motion-out)}@media(prefers-reduced-motion:reduce){.color-option .color-check,.color-chevron{transition:none!important}}@media(prefers-reduced-motion:reduce){.color-filter[open] .color-menu{animation:none!important}}.configure{border-radius:19px;width:calc(100% - 32px);max-width:430px;max-height:90svh;padding:var(--space-5);overflow:auto;box-shadow:0 22px 100px #0008}.replace-image{background:radial-gradient(ellipse at center,#382c48,#201b2a 75%);width:100%;border:1px solid #ffffff0a;border-radius:13px;padding:var(--space-3);margin-top:17px;display:flex;flex-direction:column;align-items:center}.replace-image img{object-fit:contain}.replace-image span{font-size:9px;color:#a08caf;margin-top:7px}.config-pricing{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0}.config-pricing strong{font-size:24px;letter-spacing:-.7px}.config-pricing span{text-align:right;font-size:10px;max-width:210px}.float-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b8a6c9}.float-heading span{color:var(--accent);font-size:10px;margin-left:var(--space-1)}.float-heading input{width:112px;padding:7px;font-size:12px;text-align:right;background:#25202f}.wear-strip{position:relative;height:22px;margin-top:var(--space-3);background-size:100% 7px;background-position:center;background-repeat:no-repeat}.wear-strip input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize}.wear-buttons{display:flex;gap:5px;margin-top:11px}.wear-buttons button{flex:1;padding:6px 4px;font-size:10px;border:1px solid #ffffff0d;border-radius:var(--radius-sm);background:#221d2b;color:#9d8aaa}.wear-buttons button[aria-pressed=true]{border-color:#bba3ff80;color:var(--accent-text);background:#bba3ff14}.config-options{margin:16px 0;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:11px;color:#b9a7c8}.st-toggle{display:flex;align-items:center;gap:9px}.seed-input{display:flex;align-items:center;gap:7px}.seed-input input{width:61px;padding:6px;text-align:right;font-size:11px}.config-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.wear-labels{display:flex;color:#776883;font-size:8px;margin-top:2px;gap:0;justify-content:initial}.wear-labels span{flex-grow:0;flex-shrink:1;min-width:0;text-align:center;overflow:hidden}.float-bounds{display:flex;justify-content:space-between;font-size:9px;margin-top:7px}.wear-strip:focus-within{outline:1px solid var(--accent);outline-offset:4px;border-radius:3px}.wear-strip>span{position:absolute;top:0;left:22%;width:10px;height:15px;border-radius:3px 3px 6px 6px;background:#f3eafb;transform:translate(-50%);pointer-events:none;transition:left var(--duration-fast) var(--motion-out)}.wear-strip:has(input:active)>span{transition:none}@media(prefers-reduced-motion:reduce){.wear-strip>span{transition:none!important}}.replace-image{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity),transparent 76%),var(--surface-card) 80%);border-color:color-mix(in srgb,var(--rarity),transparent 85%);overflow:hidden}.replace-image img{height:174px;max-width:none;width:108%;filter:drop-shadow(0 5px 15px color-mix(in srgb,var(--rarity),transparent 65%))}.replace-image span{color:#a8a5b0}.market-buy{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;border:1px solid color-mix(in srgb,var(--rarity, #a6a6b2),transparent 79%);border-radius:9px;background:#ffffff05;color:#d7d5df;font-size:11px;font-weight:550;text-decoration:none;transition:background var(--duration-hover) ease,border-color var(--duration-hover) ease,scale var(--duration-exit) ease}.csfloat-logo{display:inline-block;width:22px;height:22px;overflow:hidden;border-radius:4px;flex:none}.csfloat-logo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;margin:0!important;filter:none!important}.config-preview-wrap{position:relative;margin-top:17px}.config-preview-wrap .replace-image{margin-top:0;padding-top:30px}.config-preview-wrap .preview-buy{position:absolute;top:9px;right:9px;z-index:2;min-height:36px;padding:5px 8px;gap:6px;background:#191a22e8;border-color:#ffffff18;backdrop-filter:blur(8px)}.market-buy:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(hover:hover)and (pointer:fine){.market-buy:hover{background:#ffffff0c;border-color:color-mix(in srgb,var(--rarity, #a6a6b2),transparent 50%)}}@media(pointer:coarse){.config-preview-wrap .preview-buy{min-height:40px}}.cleanup-trigger{flex-shrink:0;width:40px;height:40px;color:#ddd4eb}.cleanup-trigger:hover{color:var(--accent);border-color:#bba3ff4d}.cleanup{width:calc(100% - 28px);max-width:680px;height:min(690px,85svh);max-height:85svh;border-radius:17px;overflow:hidden;box-shadow:0 22px 100px #0008}.cleanup[open]{display:flex;flex-direction:column}.cleanup-header{position:relative;flex-shrink:0;min-height:154px;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px) minmax(0,1fr);align-items:center;gap:18px;padding:26px 22px 18px;background:radial-gradient(ellipse at 50% 10%,#bba3ff09,transparent 65%),var(--surface-dialog);border-bottom:1px solid #ffffff0b}.cleanup-heading-content{flex:1;min-width:0}.cleanup-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.cleanup-heading h2{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cleanup-total{flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:23px;font-weight:600;letter-spacing:-.6px;white-space:nowrap;color:#ded1ee}.cleanup-body{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scrollbar-gutter:stable;overscroll-behavior:contain}.cleanup-header h2{font-size:18px;font-weight:600;margin:0}.cleanup-header>#cleanup-close{position:absolute;right:8px;top:7px;width:36px;height:36px;padding:0;background:transparent;border-color:transparent;color:#9e93ae}.cleanup-header>#cleanup-close>.ui-icon{width:19px;height:19px}.cleanup-chart-panel{grid-column:2;min-width:0;width:100%;padding-top:5px;justify-self:center}.cleanup-ranges{display:flex;gap:5px;justify-content:space-between;margin-top:9px}.cleanup-ranges>button{display:grid;place-items:center;flex:1;min-width:0;min-height:30px;padding:5px 2px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:#887b99;font-size:10px;line-height:1.2}.cleanup-ranges>button[aria-pressed=true]{background:#bba3ff12;border-color:#bba3ff20;color:#d2bcfb}.cleanup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;padding:10px 16px 0}.cleanup-toolbar>span{font-size:11px;color:#a093af}.cleanup-toolbar .select-filter{width:170px}.cleanup-toolbar select{font-size:11px;min-height:33px;padding-block:7px;background:var(--surface-raised)}.cleanup-toolbar .filter-chevron{top:50%;transform:translateY(-50%);width:13px;height:13px}.cleanup-list{padding:10px 12px}.cleanup-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto 30px;align-items:center;gap:10px;height:78px;min-height:0;margin-top:var(--space-2);padding:10px 8px;border:1px solid color-mix(in srgb,var(--rarity),transparent 82%);border-left:2px solid color-mix(in srgb,var(--rarity),transparent 12%);border-radius:var(--radius-control);background:linear-gradient(90deg,color-mix(in srgb,var(--rarity),transparent 89%),color-mix(in srgb,var(--rarity),transparent 98%));overflow:hidden;transition:height var(--duration-hover) ease,padding var(--duration-hover) ease,margin var(--duration-hover) ease,border-width var(--duration-hover) ease,opacity var(--duration-exit) ease,transform var(--duration-hover) ease;--card-text-scale: 1.1}.cleanup-row:first-child{margin-top:0}.cleanup-row.is-removing{height:0;padding-top:0;padding-bottom:0;margin-top:0;border-top-width:0;border-bottom-width:0;opacity:0;transform:translate(8px);pointer-events:none}.cleanup-row>img{width:62px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 5px #0003)}.cleanup-item{min-width:0}.cleanup-item>strong{display:block;font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cleanup-item .item-spec{margin-top:6px;flex-wrap:wrap;row-gap:4px}.cleanup-row .wear-pill,.cleanup-row .wear-pill.pattern-pill{font-size:9.9px;padding:2.2px 5.5px;border-radius:5.5px}.cleanup-price{font-size:13px;font-weight:600;white-space:nowrap;color:#ded1ee;text-align:right}.cleanup-side{font-size:9px;font-weight:600;padding:2px 4px;border-radius:4px;line-height:1.2}.cleanup-side.ct{color:#adc7de;background:#6a98bd20}.cleanup-side.t{color:#dfcc8d;background:#c9aa5320}.cleanup-price.unknown{font-size:11px;font-weight:400;color:#8c7d99}.cleanup-remove{display:grid;place-items:center;width:30px;height:34px;padding:0;border-radius:var(--radius-md);background:none;color:#a18fac;font-size:23px;line-height:1;justify-self:center}.cleanup-remove>.ui-icon{width:17px;height:17px}.cleanup-remove:hover{color:#f0a1b0;background:#e0789012}.cleanup-empty{position:absolute;inset:0;display:grid;place-items:center;padding:30px 20px;text-align:center;font-size:12px;pointer-events:none}.cleanup-footer{flex-shrink:0;min-height:60px;display:flex;align-items:center;justify-content:flex-end;padding:11px 16px;border-top:1px solid #ffffff0b}.cleanup-all{border:1px solid #de7c8b40;border-radius:var(--radius-md);padding:9px 13px;background:#df738515;color:#efa5b2;font-size:12px}.cleanup-all:hover:enabled{background:#df738528;border-color:#de7c8b70}@media(max-width:600px){.cleanup-header{min-height:190px;gap:14px;padding:24px 16px 16px;grid-template-columns:minmax(0,1fr)}.cleanup-heading-content{padding-right:36px}}@media(max-width:600px){.cleanup-heading{flex-direction:row;align-items:baseline;gap:var(--space-3)}.cleanup-heading h2{flex:1;font-size:16px}}@media(max-width:600px){.cleanup-total{max-width:45%;font-size:20px}.cleanup-chart-panel{grid-column:1;width:min(100%,200px)}}@media(max-width:600px){.cleanup-chart-wrap{height:54px}.cleanup-ranges{gap:2px}}@media(max-width:600px){.cleanup-ranges>button{min-height:32px;font-size:9px}}@media(max-width:380px){.cleanup-heading{gap:var(--space-2)}.cleanup-heading h2{font-size:15px}}@media(max-width:380px){.cleanup-total{font-size:18px}.cleanup-row{padding-right:5px;padding-left:5px}}@media(prefers-reduced-motion:reduce){.cleanup-row{transition:none}}@media(max-width:380px){.cleanup-list{padding:0 12px}.cleanup-row{grid-template-columns:48px minmax(0,1fr) auto 28px;gap:7px}}@media(max-width:380px){.cleanup-row>img{width:48px;height:52px}.cleanup-item>strong{font-size:12px}}@media(max-width:380px){.cleanup-price{font-size:12px}}.cleanup-remove.is-pressed{scale:.9}.cleanup-all,.cleanup-remove{overflow:hidden}.cleanup-total,.cleanup-price{font-variant-numeric:tabular-nums}@media(hover:none){.cleanup-remove:hover{color:#a18fac;background:none}}.cleanup-chart-panel[hidden]{display:none}.viewer-wrap{height:224px;position:sticky;top:8px;z-index:10;border:1px solid #ffffff0e;overflow:hidden;border-radius:19px;background:radial-gradient(ellipse at 50% 80%,#373040,#1c1b25 65%);box-shadow:0 10px 24px #0003}.viewer-wrap iframe{width:100%;height:100%;border:0;display:block}.viewer-empty{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;color:var(--muted);font-size:11px}.viewer-empty strong{font-size:15px;color:#e9e3f5;font-weight:550}.viewer-symbol{font-size:36px;color:var(--accent-text);margin-bottom:3px}.fullscreen{position:absolute;right:10px;z-index:3;background:#15151bd9}.viewer-loading,.viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#17171dd9;padding:25px;text-align:center;z-index:2;font-size:12px}.viewer-error span{color:var(--muted);font-size:11px;max-width:330px}.viewer-wrap:fullscreen{border:0;border-radius:0;width:100%;height:100%;background:#17171d}.viewer-wrap.expanded{border:0;border-radius:0;width:100%;height:100%;background:#17171d;position:fixed;inset:0;z-index:200}.viewer-wrap[aria-busy=true] iframe{pointer-events:none}@media(min-width:680px){.viewer-wrap{height:300px}}.viewer-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.viewer-tools .minor{font-size:10px;padding:7px 9px}.viewer-tools button[aria-pressed=true]{color:var(--accent);border-color:#bba3ff60}.viewer-key-hint{font-size:9px;color:var(--muted);align-self:center;margin-left:auto}@media(max-width:480px){.viewer-key-hint{width:100%;margin:2px 0 0}}.viewer-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:9px;padding:8px 10px;border-radius:var(--radius-md);background:#ffffff06;font-size:10px;line-height:1.5}.viewer-action-keys{display:flex;gap:6px}.viewer-tools .action-key{min-width:44px;min-height:44px;padding:8px 10px;font-size:12px;letter-spacing:.4px;font-weight:650;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.viewer-tools .action-key.held{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.viewer-tools .action-key[data-unavailable=true]{opacity:.3;cursor:not-allowed}.viewer-tools{align-items:center;justify-content:space-between}.viewer-settings{display:flex;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel)}.viewer-settings label{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;font-size:10px;color:var(--muted)}.viewer-settings select{width:100%;min-width:0;padding:var(--space-2);font-size:11px}.fullscreen{top:auto;bottom:10px}.viewer-tools>.icon-button{width:36px;height:36px;font-size:18px}.viewer-paused{position:relative;top:auto}.market-banner:not([hidden])+.viewer-wrap{margin-top:var(--space-3)}.history-card{min-width:0;color:var(--accent);min-height:110px}.history-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:22px;font-size:8px;line-height:1.5;color:#9f92ad}.history-meta>span{min-width:0}.history-change{color:#9fd0b5;font-size:11px;font-weight:550;white-space:nowrap}.history-change.negative{color:#e598a8}.history-plot{height:59px;width:100%;outline-offset:3px;border-radius:4px;touch-action:pan-y}.history-plot>svg{display:block;width:100%;height:100%;overflow:visible}.history-grid{stroke:#bba3ff12;stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.history-note{min-height:22px;margin-top:3px;line-height:1.4;font-size:8px;color:#93869f;overflow-wrap:anywhere}.history-empty{display:grid;place-items:center;min-height:90px;text-align:center;font-size:10px;color:#92849f;line-height:1.5}.build-sparkline>.history-mini-label{position:absolute;inset:0 0 auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;line-height:1.2;color:#b4a3c8}.history-mini-label>small{font-size:7px;color:#83758e}.build-sparkline>.history-mini-empty{display:grid;place-items:center;height:100%;font-size:12px;color:#8c7e99}.build-sparkline>svg{padding-top:var(--space-3)}@media(max-width:540px){.build-sparkline>.history-mini-label{font-size:7px}.history-mini-label>small{font-size:6px}}.cleanup.history-disabled .cleanup-header{min-height:108px;grid-template-columns:minmax(0,1fr);padding:30px 52px 22px 22px}.cleanup.history-disabled .cleanup-heading-content{padding-right:0}.cleanup.history-disabled .cleanup-heading{flex-direction:row;align-items:baseline;gap:var(--space-4)}.cleanup.history-disabled .cleanup-heading h2{flex:1;min-width:0}.cleanup.history-disabled .cleanup-total{max-width:50%}@media(max-width:600px){.cleanup.history-disabled .cleanup-header{min-height:100px;padding:32px 20px 18px}.cleanup.history-disabled .cleanup-heading{gap:10px}}@keyframes spin{to{transform:rotate(360deg)}}dialog::backdrop{background:#08070dbd;backdrop-filter:blur(5px)}summary.is-pressed{scale:.96;transition-duration:var(--duration-press)}.skin-card.is-pressed{scale:.978}.icon-button.is-pressed{scale:.9}.slot-button.is-pressed{scale:1}.slot:has(.slot-button.is-pressed){scale:.978;transition-duration:var(--duration-press)}.tap-ring{position:absolute;pointer-events:none;border-radius:var(--radius-round);background:currentColor;opacity:0;z-index:2;transform-origin:center;will-change:transform,opacity}.motion-indicator{position:absolute;left:0;top:0;display:block;border-radius:var(--radius-sm);pointer-events:none;z-index:0;background:var(--accent)}.motion-ready>.motion-indicator{transition:transform var(--duration-dialog) var(--motion-out),width var(--duration-layout) var(--motion-out),height var(--duration-layout) var(--motion-out),background-color var(--duration-normal) ease,border-color var(--duration-normal) ease}.side-selector>.motion-indicator{border-radius:var(--radius-md);border:1px solid #7194ad48;background:#5e7b8f20}.side-selector[data-active-side=T]>.motion-indicator{border-color:#c4ab5d45;background:#bda45a18}.side-selector.motion-ready button[data-side][aria-pressed=true]{background:transparent;border-color:transparent;box-shadow:none}.side-selector button.is-pressed img{scale:.96}.categories>.motion-indicator{border-radius:2px}.categories.motion-ready button[aria-current=page]{border-bottom-color:transparent}dialog[open]::backdrop{animation:dialog-backdrop-in var(--duration-hover) ease both}dialog[data-motion-closing]{pointer-events:none}dialog[data-motion-closing]::backdrop{animation:dialog-backdrop-out var(--duration-exit) ease both}@keyframes color-menu-enter{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.motion-ready>.motion-indicator{transition:none!important}.is-pressed{scale:1!important}}@media(prefers-reduced-motion:reduce){.slot:has(.slot-button.is-pressed){scale:1!important}dialog[open]::backdrop{animation:none!important}}@media(prefers-reduced-motion:reduce){dialog[data-motion-closing]::backdrop{animation:none!important}.tap-ring{display:none}}.skin-card:has(.skin-card-select.is-pressed){scale:.978}.market-buy.is-pressed{scale:.978}@media(prefers-reduced-motion:reduce){.skin-card:has(.skin-card-select.is-pressed){scale:1}.market-buy.is-pressed{scale:1}}.header{height:76px;align-items:center}.header .brand{height:44px;display:flex;align-items:center;align-self:center;line-height:1;margin-block:0;padding-block:0}.header-account{display:flex;align-items:center;justify-content:flex-end;align-self:center;height:44px;margin-left:auto;line-height:1}.guest-actions{display:flex;align-items:center;gap:var(--space-2);font-size:12px}.guest-actions>span{color:#4e485b}.guest-actions .text-button{font-size:12px;padding:11px 2px;color:#ded6eb}.guest-actions .text-button:hover{color:var(--accent)}.account-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;flex-shrink:0;margin:0;padding:0;background:#25232e;color:#e3dceb;border:1px solid #ffffff20;border-radius:var(--radius-round);font-size:16px;font-weight:700;overflow:hidden;box-shadow:none;line-height:1}.app-tabs{position:relative;isolation:isolate;display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:26px}.app-tabs>button{background:none;padding:5px 0 15px;color:#8f899e;font-size:13px;font-weight:550;border-bottom:2px solid transparent;z-index:1}.app-tabs>button[aria-current=page]{color:#e6dbfb;border-bottom-color:var(--accent);text-shadow:0 0 14px #bba3ff40}.app-tabs>.motion-indicator{border-radius:2px;box-shadow:0 0 8px #bba3ff66,0 0 20px #a175f533}.app-tabs>.motion-indicator:before{content:"";position:absolute;inset:-20px -14px -12px;background:radial-gradient(ellipse,#a175f524,transparent 72%);filter:blur(5px);pointer-events:none}.app-tabs.motion-ready>button[aria-current=page]{border-bottom-color:transparent}.library-page{padding:8px 0 12px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.library-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#7f758f}.library-heading h1{font-size:19px;font-weight:550;letter-spacing:-.5px;margin:7px 0 0;display:flex;align-items:center;gap:9px}.library-heading h1>span{display:inline-grid;place-items:center;min-width:22px;height:20px;font-size:10px;letter-spacing:0;background:#bba3ff0d;color:#a99abf;border:1px solid #bba3ff16;border-radius:var(--radius-sm)}.library-heading .minor{font-size:11px;padding:9px 11px}.library-heading .minor>span{font-size:15px}.library-loading{text-align:center;font-size:12px;padding:45px}.build-list{display:flex;flex-direction:column;gap:10px}.build-row{position:relative;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;min-height:82px;border:1px solid #ffffff0d;border-radius:var(--radius-card);background:#1a1821;transition:border-color var(--duration-hover) ease,background-color var(--duration-hover) ease}.build-row:has(.build-menu[open]){z-index:5;border-color:#bba3ff3b}.build-open{display:flex;align-items:center;gap:13px;flex:1;min-width:0;text-align:left;background:none;padding:2px 0;color:inherit}.build-symbol{display:grid;place-items:center;width:42px;height:44px;flex-shrink:0;background:linear-gradient(140deg,#bba3ff10,#bba3ff03);border:1px solid #bba3ff15;border-radius:var(--radius-control);font-size:24px;color:#bba3ff9c}.build-details{min-width:0}.build-details>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;font-size:13px;line-height:1.5}.build-details>small{display:block;font-size:10px;color:#8e849b;margin-top:5px}.build-details>small>span{padding:0 4px;color:#5d526d}.build-price{flex-shrink:0;color:#e5d9f5;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.build-menu{position:relative;flex-shrink:0}.build-menu>summary{display:grid;place-items:center;list-style:none;width:32px;height:40px;border-radius:7px;cursor:pointer;color:#a698b6;font-size:24px}.build-menu>summary::-webkit-details-marker{display:none}.build-menu[open]>summary{background:#bba3ff10;color:#dfcfff}.build-context{position:absolute;top:46px;right:0;width:155px;z-index:8;background:#26212e;border:1px solid #bba3ff22;box-shadow:0 12px 36px #0008;padding:5px;border-radius:11px;animation:build-menu-in var(--duration-fast) var(--motion-out);transform-origin:top right}.build-menu.opens-up>.build-context{top:auto;bottom:46px;transform-origin:bottom right}.build-context>button{display:flex;align-items:center;gap:9px;padding:10px;width:100%;text-align:left;background:none;color:#dfd3ec;font-size:12px;border-radius:var(--radius-sm)}.build-context>button>span{width:16px;text-align:center;font-size:17px;color:#a993c2}.build-context>.context-delete{color:#e79ca9}.build-context>.context-delete>span{color:#db8b9c;font-size:20px}.build-context>button:hover{background:#ffffff08}.library-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:37px 20px 32px;border:1px dashed #bba3ff20;border-radius:14px;background:#bba3ff03}.empty-build-icon{color:#bba3ff7d;font-size:30px}.library-empty h2{margin:13px 0 0;font-size:17px;letter-spacing:-.4px;font-weight:500}.library-empty p{font-size:12px;color:#95899f;line-height:1.7;margin:10px 0 20px}.library-empty .minor{font-size:11px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:var(--space-3)}.editor-toolbar .text-button{display:flex;align-items:center;gap:var(--space-2);padding:5px 0;font-size:11px;color:#aca0be}.editor-toolbar .text-button>span{font-size:17px}.editor-autosave{display:flex;align-items:center;gap:6px;color:#83778f;font-size:9px}.editor-autosave>i{width:4px;height:4px;border-radius:var(--radius-round);background:#91d6b680}.editor-sources{margin:-4px 0 14px auto;font-size:9px;color:#887b9b}.editor-page .build-heading{margin-top:0}.profile-heading{padding:5px 0 24px}.profile-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#8e819f}.profile-heading h1{font-size:28px;letter-spacing:-1px;font-weight:550;margin:9px 0 0}.profile-card{display:flex;align-items:center;flex-direction:column;text-align:center;padding:34px 22px;border:1px solid #bba3ff15;background:radial-gradient(ellipse at 50% 0,#bba3ff0b,transparent 65%),#19171f;border-radius:18px}.profile-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:var(--radius-round);font-size:26px;font-weight:500;color:#d9c5f8;background:linear-gradient(145deg,#49365d,#2a2236);border:1px solid #bba3ff2c;box-shadow:0 0 0 7px #bba3ff05}.profile-card h2{margin:24px 0 8px;font-size:23px;font-weight:550;letter-spacing:-.8px}.profile-card>p{font-size:12px;color:#92849f;line-height:1.7;margin:0}.profile-preview{display:inline-block;margin-top:14px;font-size:8px;letter-spacing:1.2px;color:#b9a2d3;background:#bba3ff0a;border:1px solid #bba3ff16;border-radius:5px;padding:5px 7px}.profile-stats{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);width:100%;border-block:1px solid #ffffff0a;padding:20px 0;margin:27px 0 23px}.profile-stats strong{font-size:23px;font-weight:550;color:#e7daf6}.profile-stats span{font-size:12px;color:#94869f}.profile-card .profile-note{font-size:11px;margin-bottom:25px}.profile-card>.primary{font-size:12px;min-width:160px}.profile-card>.minor{font-size:12px;min-width:160px}.auth-dialog{width:calc(100% - 32px);max-width:385px;padding:23px;border-radius:17px}.auth-dialog h2{font-size:25px;letter-spacing:-.7px;margin-top:var(--space-2)}.auth-dialog .eyebrow{font-size:8px;letter-spacing:1.5px}.auth-description{font-size:12px;line-height:1.6;color:#a89ab8;margin:20px 0}.auth-dialog form>label{display:block;font-size:11px;color:#b7a6ca;margin-bottom:9px}.auth-dialog form>input{width:100%;padding:11px 12px;font-size:13px}.auth-dialog form>.small{font-size:10px;line-height:1.7;margin:14px 0 21px}.auth-dialog form>.primary{width:100%;font-size:12px;display:flex;align-items:center;justify-content:space-between}.app{display:flex;flex-direction:column;min-height:100dvh}.app>header{flex-shrink:0}.app>nav{flex-shrink:0}.app>section{flex-shrink:0}.app>footer{flex-shrink:0;padding-top:52px;margin-top:auto;line-height:1.8}.app>footer #save-state{font-size:9px;color:#766b84}.app>footer a{font-size:9px}.build-sparkline{position:relative;flex-shrink:0;width:104px;height:43px;margin-inline:4px 9px;color:#bba3ff9c;pointer-events:none}.build-sparkline>span{position:absolute;right:0;top:-1px;font-size:7px;line-height:1;color:#81768e;letter-spacing:.2px}.build-sparkline>svg{display:block;width:100%;height:100%;padding-top:10px;overflow:visible}@media(max-width:540px){.build-sparkline{width:64px;height:34px;margin-inline:0 2px}.build-sparkline>span{font-size:6px}.build-sparkline>svg{padding-top:var(--space-2)}}@media(max-width:360px){.build-sparkline{width:48px}}@keyframes build-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:680px){.app-tabs{gap:34px}.library-page{padding-top:var(--space-2)}.build-row{min-height:88px;padding:14px 15px 14px 18px}.build-details>strong{font-size:14px}}@media(max-width:420px){.header{height:68px}.brand{font-size:22px}.guest-actions{gap:5px}.guest-actions .text-button{font-size:11px}.app-tabs{gap:26px;margin-bottom:22px}.build-row{gap:7px;padding:10px}.build-open{gap:10px}.build-symbol{width:34px;height:39px;font-size:22px}.build-details>strong{font-size:12px}.build-details>small{font-size:9px}.build-price{font-size:12px}.build-menu>summary{width:26px}.library-heading h1{font-size:18px}.library-heading .minor{padding:var(--space-2);font-size:10px}}@media(hover:hover)and (pointer:fine){.build-row:hover{border-color:#bba3ff26;background:#1d1a26}.build-menu>summary:hover{background:#bba3ff0a}.app-tabs>button:hover{color:#d6c9e6}}@media(prefers-reduced-motion:reduce){.build-row{transition:none}.build-context{animation:none}}.toast-undo{margin-left:14px;padding:5px 3px;background:none;font-size:12px;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.steam-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0;background:transparent;border-radius:var(--radius-sm)}.steam-login>img{display:block;width:180px;max-width:100%;height:auto}.steam-login:hover{opacity:.85}.account-avatar>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;border-radius:var(--radius-round)}.profile-avatar>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;border-radius:var(--radius-round)}.profile-avatar{overflow:hidden}.account-avatar:has(>img){background:transparent}.build-menu>summary .ui-icon{width:20px;height:20px;stroke-width:3}.build-context>button>.ui-icon{width:17px;height:17px;color:#a993c2}.build-context>.context-delete>.ui-icon{color:#db8b9c}.library-heading .minor,.library-empty .minor,.editor-sources{display:inline-flex;align-items:center;justify-content:center;gap:7px}.editor-toolbar .ui-icon{width:16px;height:16px}.editor-sources .ui-icon{width:12px;height:12px}#profile-steam-link{font-size:11px;margin:0 0 20px;color:var(--accent-text)}.editor-autosave[data-sync=offline],.editor-autosave[data-sync=error],.editor-autosave[data-sync=signed_out]{color:#d9b38c}.editor-autosave[data-sync=offline]>i{background:#d9b38c}.editor-autosave[data-sync=error]>i{background:#d9b38c}.editor-autosave[data-sync=signed_out]>i{background:#d9b38c}.editor-autosave[data-sync=saving]>i{background:var(--accent);animation:sync-pulse var(--duration-spinner) ease-in-out infinite}.editor-autosave[data-sync=pending]>i{background:var(--accent);animation:sync-pulse var(--duration-spinner) ease-in-out infinite}@keyframes sync-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.editor-autosave>i{animation:none!important}}.home-page{--hero-accent: #a175f5;flex:1;padding:8px 0}.home-hero{display:flex;flex-direction:column;align-items:center;padding:0 0 18px}.home-art{position:relative;isolation:isolate;width:min(73vw,310px);margin:9px auto 0;flex:none;animation:home-arrive var(--duration-hero) cubic-bezier(.22,1,.36,1) both}.home-art:before{content:"";position:absolute;inset:7% -9% 3%;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#a175f53d 0%,#9462ed26 42%,#bba3ff0c 62%,transparent 76%);filter:blur(30px);pointer-events:none}.home-art>img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 26px #0005);user-select:none;pointer-events:none}.home-copy{text-align:center;width:100%;max-width:490px;margin:34px auto 0;animation:home-arrive var(--duration-hero) var(--duration-press) cubic-bezier(.22,1,.36,1) both}.home-copy h1{margin:0;font-size:clamp(44px,11vw,64px);line-height:1.06;letter-spacing:-2.5px;font-weight:750;color:#f8f7fb}.home-copy h1>span{display:block}.home-copy h1>span:last-child{color:var(--hero-accent)}.home-dot{color:var(--hero-accent)}.home-copy p{margin:19px auto 0;max-width:330px;padding:0 4px;color:#9c9ca8;font-size:14px;line-height:1.7;font-weight:400;text-wrap:pretty}.home-create{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:53px;width:min(100%,294px);margin-top:26px;padding:14px 21px;border:1px solid #be98ff25;border-radius:var(--radius-card);background:linear-gradient(115deg,#9462ed,#8753e1);box-shadow:0 7px 28px #8451e012;color:#fff;font-size:15px;font-weight:650;line-height:1.2;transition:background var(--duration-hover) ease,box-shadow var(--duration-hover) ease,translate var(--duration-hover) ease;overflow:hidden}.home-create .ui-icon{width:21px;height:21px;flex:none}.home-create:focus-visible{outline:2px solid #d0b6ff;outline-offset:4px}.home-create.is-pressed{scale:.98}body[data-view=home] .app>footer{text-align:center;padding-top:68px;padding-bottom:10px;color:#737480}body[data-view=home] .app>footer #save-state{font-size:10px;color:#858590}body[data-view=home] .app>footer>div{margin-top:9px}body[data-view=home] .app>footer a{font-size:10px;color:#858590;text-decoration:none}body[data-view=home] .app>footer a:hover{color:#c6b0f4}#home-error{max-width:440px;margin:12px auto}@keyframes home-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:680px)and (max-width:899px){.home-art{width:315px;margin-top:var(--space-3)}.home-copy{margin-top:38px}.home-copy h1{font-size:66px}.home-copy p{max-width:390px;font-size:16px}.home-create{min-height:56px;width:320px;font-size:16px}}@media(min-width:900px){.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:17px 8px 30px;min-height:580px}.home-hero{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy art";align-items:center;gap:40px;padding:0}.home-art{grid-area:art;width:min(100%,405px);margin:0 auto}.home-copy{grid-area:copy;max-width:490px;margin:0;text-align:left}.home-copy h1{font-size:clamp(68px,6.6vw,88px);letter-spacing:-4px}.home-copy p{margin:23px 0 0;max-width:400px;padding:0;font-size:17px;line-height:1.75}.home-create{width:306px;min-height:58px;margin-top:30px;font-size:16px}body[data-view=home] .app>footer{padding-top:var(--space-5);padding-bottom:15px}}@media(max-width:360px){.home-art{width:73vw}.home-copy{margin-top:29px}.home-copy h1{font-size:43px;letter-spacing:-2px}.home-copy p{font-size:13px;max-width:285px}.home-create{width:270px;max-width:100%;font-size:14px}}@media(hover:hover)and (pointer:fine){.home-create:hover{background:linear-gradient(115deg,#a172f5,#955fe9);box-shadow:0 9px 32px #8451e025;translate:0 -1px}}@media(prefers-reduced-motion:reduce){.home-art,.home-copy{animation:none}.home-create{transition:none}.home-create.is-pressed{scale:1}}