@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d1013;--panel:#151a1f;--line:#292e33;--muted:#899198;--gold:#d9b977;--green:#83c7aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf0ee;font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#dfe3e3;border:1px solid #343b40;background:#1c2227;border-radius:7px;padding:10px 15px;transition:.15s}button:hover{background:#303830;border-color:#9b895f}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);border-color:var(--gold);color:#201d16;font-weight:700}a{color:inherit;text-decoration:none}aside{width:246px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 20px;background:var(--panel);z-index:2}.brand{display:flex;align-items:center;gap:11px;font-size:29px;color:var(--gold);margin:0 5px 57px}.brand>span{font-size:19px;letter-spacing:2px;font-weight:700;color:#f4f4ec}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8c9496;margin-top:7px}.gold{color:var(--gold)}.nav-label{font-size:10px;color:#6f777c;letter-spacing:1.8px;margin:0 14px 17px}nav{display:grid;gap:9px}nav button{display:flex;align-items:center;gap:11px;border:1px solid transparent;background:none;text-align:left;padding:13px 12px;color:#a0a8ab;font-size:13px}nav button span{flex:1}nav b{font-size:10px;font-weight:500;background:#252b30;padding:3px 6px;border-radius:4px}nav button.active{background:color-mix(in srgb,var(--gold),transparent 93%);border-color:color-mix(in srgb,var(--gold),transparent 85%);color:var(--gold)}.sidebar-bottom{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:12px;font-size:12px}.sidebar-bottom small{display:block;color:#7b858b;font-size:10px;margin-top:5px}.orb{border:1px solid #6a5b3f;background:#302a20;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--gold)}main{margin-left:246px;padding:0 42px;max-width:1900px}header{height:86px;display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid var(--line);gap:20px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{font-size:12px}.saved{font-size:10px;color:var(--green);margin-right:13px}.muted{color:var(--muted)}.hero{height:310px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border-bottom:1px solid #282b2e}.eyebrow{letter-spacing:3px;font-size:9px;color:var(--gold);margin-bottom:16px}h1{font:500 37px/1.2 'Manrope',Arial;margin:0;letter-spacing:-1.4px}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:12px;line-height:1.8;color:#a0a6a8;margin:16px 0}.hero button{font-size:10px;padding:8px 12px;background:none}.hero-art{height:100%;width:40%;position:relative;text-align:center}.hero-art img{height:325px;max-width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 0 30px #c9b48122)}.halo{width:260px;height:260px;border:1px solid #ac8d5326;border-radius:50%;position:absolute;top:20px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 25px #ac8d5305,0 0 0 65px #ac8d5303;background:radial-gradient(#9f835624,transparent 70%)}.hero-caption{position:absolute;bottom:20px;right:0;font-size:9px;letter-spacing:2px;text-shadow:0 2px 3px black}.hero-caption small{display:block;font-size:6px;color:#999;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;margin:25px 0 34px;background:var(--panel)}.stats>div{padding:20px 23px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{font-size:9px;letter-spacing:1.3px;color:#a3a8a8;display:block}.stats strong{display:block;font:500 30px 'Manrope';margin:9px 0 5px}.stats small{font-size:10px;color:#778187}.green{color:var(--green)}.stats i{float:right;font-style:normal}.section-title{display:flex;align-items:center;justify-content:space-between}h2{font:600 21px 'Manrope';margin:0 0 8px}.section-title p{color:#848e94;font-size:11px;margin:0 0 20px}.section-title>span{font-size:11px}.filters{display:flex;gap:10px;margin-bottom:17px}.search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--line);border-radius:6px;background:#161b1f;padding:0 13px;font-size:21px;color:#8b959a}input,select,textarea{color:#e3e6e4;background:var(--panel);border:1px solid #343b40;border-radius:5px;padding:10px;min-width:0}.search input{border:0;background:none;width:100%;outline:none;font-size:12px;padding:12px 0}select{font-size:11px;padding:0 12px;max-width:210px}.chips{display:flex;align-items:center;gap:6px;margin-bottom:20px}.chips button{font-size:10px;background:none;border:0;padding:7px 12px;color:#8e999f}.chips button.selected{background:#2a2820;color:var(--gold)}.chips span{margin-left:auto;font-size:9px;color:#78848c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden;transition:border-color .15s}.card:hover{border-color:#756544}.card-top{height:170px;position:relative;display:flex;justify-content:center;background:radial-gradient(ellipse at center,#35362b50,transparent 65%)}.card-top img{height:160px;width:82%;object-fit:contain;padding:13px;transition:transform .2s}.card:hover .card-top img{transform:scale(1.06)}.card .tag{position:absolute;top:14px;left:15px;font-size:8px;letter-spacing:1px;color:var(--gold);background:color-mix(in srgb,var(--gold),transparent 93%);border:1px solid color-mix(in srgb,var(--gold),transparent 85%);padding:4px 6px;border-radius:3px}.star{position:absolute;right:10px;top:8px;border:0;background:none;font-size:20px;padding:2px 6px;color:#798187}.star.on{color:var(--gold)}.card-body{padding:0 18px 17px}.card-name{display:flex;align-items:center;gap:8px;justify-content:space-between}.card h3{font:600 16px 'Manrope';margin:0 0 5px}.category{font-size:9px;color:#7b858c}.status{display:inline-block;font-size:8px;white-space:nowrap;color:#b6a17c;background:#a58d4c14;border-radius:4px;padding:4px 6px}.status.ready{background:#83c7aa12;color:var(--green)}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#8a959a;margin:18px 0 8px}.bar{height:3px;border-radius:3px;background:#2b3237;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.bar.complete i{background:var(--green)}.parts-preview{display:flex;gap:6px;margin:14px 0}.part-mini{position:relative;background:#101519;border:1px solid #2c3439;border-radius:5px;flex:1;min-width:0;height:45px;text-align:center}.part-mini img{width:100%;height:36px;object-fit:contain}.part-mini span{position:absolute;right:3px;bottom:1px;font-size:8px;color:#b0b9bd}.part-mini.owned{border-color:#83c7aa55;background:#83c7aa09}.manage{width:100%;font-size:10px;padding:9px;background:#1d2429;color:#cbd0d0}.more{display:block;margin:25px auto;background:none}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:9px;color:#909a9f}.empty h3{color:var(--gold)}footer{color:#647078;font-size:9px;line-height:1.9;padding:35px 0 25px}footer a{text-decoration:underline}dialog{background:var(--panel);color:#e8ebea;border:1px solid #485047;border-radius:13px;max-width:690px;width:calc(100% - 32px);padding:27px;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;gap:20px;align-items:center;margin-bottom:18px}.dialog-head img{width:95px;height:100px;object-fit:contain}.dialog-head h2{font-size:25px}.dialog-head p{font-size:11px;color:#98a3a9}.close{margin-left:auto;align-self:flex-start;background:none;border:0;font-size:20px}.notice{background:color-mix(in srgb,var(--gold),transparent 96%);border:1px solid color-mix(in srgb,var(--gold),transparent 85%);color:#c4b28b;padding:12px;border-radius:6px;font-size:11px;line-height:1.6;margin:15px 0}.part-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a3237;padding:10px 0}.part-row img{width:54px;height:45px;object-fit:contain}.part-info{flex:1}.part-info strong{display:block;font-size:12px}.part-info small{font-size:10px;color:#8c999f;display:block;margin-top:5px}.quantity{display:flex;gap:5px}.quantity button{padding:6px 10px}.quantity input{width:62px;text-align:center;padding:7px 2px}.fields{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:20px 0}.fields label{font-size:11px;color:#95a0a5}.fields input,.fields textarea{width:100%;margin-top:7px}.fields textarea{height:62px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.dialog-actions button{font-size:11px}.dialog-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0;font-size:12px}.dialog-foot a{color:var(--gold);font-size:11px}.history-row{display:flex;gap:15px;align-items:center;padding:18px;background:#171e23;border-bottom:1px solid var(--line)}.history-row span{flex:1}.history-row small{color:#8a969c;display:block;margin-top:5px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--gold);color:#201b12;padding:14px 24px;border-radius:8px;display:none;z-index:9;font-size:12px;box-shadow:0 10px 40px #0009}#restore p{line-height:1.7;color:#aab4b9;font-size:13px}[hidden]{display:none!important}@media(min-width:1600px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){aside{width:210px;padding:30px 12px}main{margin-left:210px;padding:0 25px}.saved{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.search{flex-basis:100%}select{height:36px;flex:1}.stats>div{padding:18px 15px}.stats span{font-size:8px}.chips span{display:none}}@media(max-width:760px){aside{position:static;width:100%;padding:17px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 18px;font-size:20px}.brand>span{font-size:16px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{white-space:nowrap;font-size:10px;padding:9px}nav b{display:none}main{margin:0;padding:0 18px}header{height:70px}header>span{display:none}.header-actions{width:100%;justify-content:flex-end}.hero{height:280px}h1{font-size:28px}.hero-art{width:34%}.hero-art img{height:280px;max-width:190%;width:210px;margin-left:-45px}.hero-caption{display:none}.hero>div:first-child{z-index:1}.hero p{font-size:10px}.hero button{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);margin:20px 0}.stats>div{border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats strong{font-size:26px}.grid{gap:10px}.card-body{padding:0 11px 12px}.card h3{font-size:12px}.card-name{display:block}.status{margin-top:6px}.card-top{height:135px}.card-top img{height:130px}.part-mini{height:34px}.part-mini img{height:28px}.parts-preview{gap:3px}.filters select{max-width:none;width:45%}.section-title>span{font-size:9px}h2{font-size:18px}.section-title p{font-size:10px}.dialog-head{gap:10px}.dialog-head h2{font-size:20px}dialog{padding:18px}.quantity{gap:3px}.quantity input{width:42px}.part-row{gap:7px}.part-row img{width:35px}.fields{grid-template-columns:95px 1fr}.dialog-foot{font-size:10px}}

.stock-banner{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:9px 11px;border:1px solid #83c7aa35;border-radius:6px;background:#83c7aa09;color:var(--green)}.stock-banner strong{font-size:22px}.stock-banner span{font-size:10px}.card-actions{display:flex;gap:7px}.card-actions .manage{flex:1;width:auto}.sell-direct{background:#83c7aa18;border-color:#83c7aa55;color:var(--green);font-weight:700;font-size:11px;min-width:84px}.sell-direct small{display:block;font-size:8px;font-weight:400;margin-top:3px}.sales-summary{display:flex;gap:45px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:23px;margin-bottom:20px}.sales-summary small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.sales-summary strong{display:block;font-size:30px;color:var(--green);margin-top:8px}.sales-summary strong span{font-size:15px}.history-row img{width:55px;height:55px;object-fit:contain}.sold-tag{display:inline-block;color:var(--green);font-size:9px;font-weight:400;margin-left:8px}.history-row{flex-wrap:wrap}@media(max-width:760px){.card-actions{flex-wrap:wrap}.sell-direct{width:100%}.card-actions .manage{flex-basis:100%}.history-row{gap:8px}.history-row img{width:35px;height:40px}.history-row button{font-size:10px}.stock-banner{gap:6px;padding:8px}.stock-banner span{font-size:9px}.stock-banner strong{font-size:19px}}

.brand>span{font-size:15px;letter-spacing:1px}.profile-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.market-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:17px;margin:0 0 28px}.market-title{display:flex;gap:15px;align-items:center;margin-bottom:13px}.market-title strong{font-size:13px;color:var(--gold)}.market-title>span{font-size:10px;color:var(--muted);flex:1}.market-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.market-controls select{height:34px}.market-controls button{font-size:11px}.market-controls label{font-size:10px;color:var(--muted)}.market-toolbar p{font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:0}.market-price{padding:10px 0 2px;font-size:10px}.market-price>div{display:flex;gap:13px;justify-content:space-between}.market-price span{color:var(--muted)}.market-price b{color:var(--gold);font-weight:600}.market-price small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.market-price.compact{padding:5px 0;font-size:9px}.detail-market{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px}.detail-market .market-price{flex:1}.detail-market button{font-size:10px}.theme-presets{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.theme-inputs{display:flex;gap:20px;margin:20px 0}.theme-inputs label{font-size:12px;display:grid;gap:10px}.theme-inputs input{width:90px;height:40px;padding:3px}.card-top img{aspect-ratio:1;contain:layout paint}.card{content-visibility:auto;contain-intrinsic-size:auto 410px}.part-mini img{aspect-ratio:1}.stats{margin-bottom:20px}[data-light="true"]{color-scheme:light;--line:#d2d6da;--muted:#515d66;--green:#297a59}[data-light="true"] body{color:#17232a}[data-light="true"] button,[data-light="true"] input,[data-light="true"] select,[data-light="true"] textarea{background:#eee;color:#1a252c;border-color:#aab3b9}[data-light="true"] .brand>span,[data-light="true"] dialog{color:#17232a}[data-light="true"] .card-top{background:#eef0f2}[data-light="true"] .part-mini{background:#e2e7e9}[data-light="true"] .history-row{background:#f1f4f5}[data-light="true"] .hero p{color:#44545e}[data-light="true"] button.primary{background:var(--gold);color:#151b1e}[data-light="true"] .market-price b{color:#344e60}[data-light="true"] .hero h1 em{color:#344e60}@media(max-width:760px){.market-title{display:block}.market-title>span{display:block;margin-top:9px}.market-controls select{flex-basis:40%}.header-actions{flex-wrap:wrap}.header-actions button{font-size:10px}.market-price>div{gap:5px;flex-wrap:wrap}.part-row .market-price>div{display:block}.part-row .market-price span{display:block}.detail-market{align-items:stretch;flex-direction:column;gap:5px}.theme-inputs{flex-wrap:wrap}}

.welcome{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 75% 15%,#d9b97718,transparent 55%),#0d1013}.welcome-card{max-width:720px;padding:50px;border:1px solid #d9b97740;border-radius:18px;background:#141a1fee}.welcome-card h1{font-size:44px}.welcome-card p{color:#aeb9be;line-height:1.8}.welcome-features{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--gold);margin:30px 0}.account-link{display:inline-block;padding:14px 20px;border-radius:7px;background:var(--gold);color:#201b12;font-weight:700;margin:12px 0}.welcome-card>small{display:block;color:#849198;font-size:11px;line-height:1.7}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.account-bar strong{font-size:12px;overflow-wrap:anywhere}.account-bar small{display:block;font-size:10px;color:var(--green);margin-top:6px;max-width:480px;line-height:1.6}.account-actions{display:flex;gap:10px;align-items:center}.account-actions button,.account-actions a{font-size:10px}.account-actions a{color:var(--gold);padding:9px}.migration{margin:15px 0;padding:18px;background:var(--panel);border:1px solid var(--gold);border-radius:8px}.migration p{font-size:12px;color:var(--muted);line-height:1.6}.migration button{font-size:11px;margin-right:8px}@media(max-width:760px){.welcome-card{padding:27px}.welcome-card h1{font-size:28px}.account-bar{flex-direction:column;align-items:flex-start}.account-actions{flex-wrap:wrap}.saved{display:none}}
/* Codex and responsive workstation */
html{scroll-behavior:smooth}body{overflow-wrap:break-word}main{min-width:0}button,input,select{min-height:40px}.hero-picker{position:absolute;bottom:12px;left:10%;right:0;display:grid;gap:5px;text-align:left;font-size:11px;color:var(--gold);z-index:1}.hero-picker select{width:100%;max-width:none;height:40px;background:var(--bg)}.name-tools{display:inline-flex;align-items:center;gap:4px;max-width:100%}.name-toggle{min-height:32px;background:none;border:0;padding:3px 0;text-align:left;font:inherit;color:inherit;overflow-wrap:anywhere}.name-toggle small{font:9px Arial;color:var(--muted);white-space:nowrap}.copy-name{font-size:16px;padding:3px 7px;min-height:32px;background:transparent;border:0}.card h3{margin-bottom:3px}.card-name>div{min-width:0}.help-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:14px}.help-tabs button{flex:1;max-width:220px;font-size:15px}.source-note{color:var(--muted);font-size:12px;line-height:1.7}.source-note a{text-decoration:underline}.help-search{display:flex;gap:12px;margin:24px 0 12px}.help-search input{flex:1;font-size:16px}.help-search select{font-size:13px}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.codex-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 160px}.codex-card>img{width:80px;height:95px;object-fit:contain;flex-shrink:0}.codex-card h3{font-size:15px;margin:0}.codex-card p{color:var(--muted);font-size:12px;line-height:1.5}.codex-card button:not(.name-toggle):not(.copy-name){font-size:12px}.codex-heading{display:flex;gap:20px;align-items:center}.codex-heading>img{width:110px;height:120px;object-fit:contain}#helpDialog{max-width:800px}#helpDialogContent{line-height:1.6}#helpDialogContent select{height:44px}.rewards>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.rewards b{color:var(--gold);white-space:nowrap}.drop-list{padding-left:22px;max-height:320px;overflow:auto}.drop-list li{padding:6px}.drop-list b{color:var(--gold)}.resource-description{white-space:pre-line}.relic-links{margin-top:7px;font-size:11px;color:var(--gold)}summary{cursor:pointer;padding:10px 0;font-weight:600;line-height:1.5}.relic-links button,.set-relics button{font-size:11px;margin:3px;min-height:36px}.set-relics,.manual-price{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:8px 12px}.set-relics p,.manual-price p{color:var(--muted);font-size:12px}.manual-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;border-top:1px solid var(--line);padding:12px 0}.manual-row>span{grid-column:1/-1}.manual-row label{display:grid;gap:5px;font-size:12px}.manual-row input{width:100%}.build-intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.build-intro p{color:var(--muted);line-height:1.6}.build-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;margin:24px 0}.build-library{display:flex;flex-direction:column;gap:8px}.build-library>button{text-align:left;font-size:13px}.build-library small{display:block;font-size:11px;margin-top:6px;opacity:.7}.editor-heading{display:flex;gap:15px;align-items:center}.editor-heading>img{width:110px;height:120px;object-fit:contain}.editor-heading>div{flex:1;display:grid;gap:10px}.editor-heading label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.editor-heading input,.editor-heading select{width:100%;max-width:none;height:42px;font-size:15px}.build-settings{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.build-settings label{display:flex;align-items:center;gap:7px;font-size:12px}.build-settings input[type=number]{width:65px}.build-settings input[type=checkbox]{min-height:20px}.build-settings button{font-size:12px}.build-metrics{display:flex;flex-wrap:wrap;gap:15px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}.build-metrics b{display:block;font-size:23px;color:var(--gold);margin-top:6px}.over-capacity,.over-capacity b{color:#ff8e8e}.mod-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.mod-slot{background:linear-gradient(160deg,#352c21,var(--panel));border:1px solid #795f3e;border-radius:12px;overflow:hidden;min-width:0}.mod-slot.rare{border-color:#b89649}.mod-slot.uncommon{border-color:#a2b1b6}.mod-slot.legendary{border-color:#c6d6f7;background:linear-gradient(160deg,#393748,var(--panel))}.mod-slot.vacant{border:1px dashed #4a5056;background:var(--panel)}.slot-label{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:11px;color:var(--gold);border-bottom:1px solid #ffffff12}.slot-label button{padding:0 8px;background:none;border:0;min-height:24px}.mod-face{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;height:230px;overflow:auto;background:transparent;border:0;border-radius:0;padding:10px}.mod-face img{width:100%;height:84px;object-fit:contain}.mod-face strong{font-size:13px}.mod-face>span{font-size:11px;line-height:1.5}.mod-face small{font-size:10px;color:var(--gold);margin-top:auto}.mod-face>b{font-size:30px;margin-top:55px}.mod-ranks{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}.mod-ranks label,.polarity-label{font-size:10px;color:var(--muted);display:grid;gap:5px}.mod-ranks input{width:100%;padding:7px}.polarity-label{padding:0 8px 10px}.polarity-label select{width:100%;max-width:none;padding:4px;font-size:11px;height:38px}.mod-copy{padding:0 8px 8px}.mod-copy .name-toggle{font-size:10px}.build-notes{display:grid;gap:10px;color:var(--muted);font-size:13px}.build-notes textarea{width:100%}.templates{padding:16px;border:1px solid var(--line);border-radius:10px;margin:24px 0}.templates>p,.template-card p{font-size:13px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.template-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.template-card h3{color:var(--gold);font-size:15px}.mod-choice{display:flex;gap:14px;align-items:center;width:100%;text-align:left;margin:9px 0;padding:12px}.mod-choice>img{width:70px;height:80px;object-fit:contain}.mod-choice>span{display:grid;gap:7px}.mod-choice small,.mod-choice span>span{font-size:12px;color:var(--muted);line-height:1.5}#modSearch{display:block;width:100%;margin:12px 0;font-size:16px}.help-grid h3{overflow-wrap:anywhere}#modResults{max-height:58vh;overflow:auto}input[type=checkbox]{min-height:auto}#toast{max-width:calc(100vw - 30px);width:max-content}.part-info{min-width:0}.hero-art img{max-width:100%}
@media(max-width:1350px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-layout{grid-template-columns:1fr}.build-library{flex-direction:row;flex-wrap:wrap}.build-library h3{width:100%}.build-library button{max-width:200px}.mod-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){aside{width:184px;padding:24px 8px}.brand>span{font-size:12px}.brand{gap:5px;margin-bottom:30px}main{margin-left:184px;padding:0 20px}.account-bar{flex-wrap:wrap}.header-actions{flex-wrap:wrap}header>span{display:none}.hero h1{font-size:30px}.help-grid{grid-template-columns:1fr}.mod-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.build-intro{flex-wrap:wrap}}
@media(max-width:760px){body{font-size:15px}aside{position:static;width:100%;padding:18px 16px 0;background:var(--bg);border:0}.brand{margin:0}.brand>span{font-size:16px}.brand small{font-size:9px}aside nav{position:fixed;z-index:5;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:6px 2px calc(6px + env(safe-area-inset-bottom));overflow:visible}nav button{display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;white-space:normal;min-height:62px;padding:5px 2px;font-size:18px;border-radius:8px}nav button span{flex:none;font-size:10px;line-height:1.25}nav b{display:none}main{margin:0;padding:0 16px 92px;width:100%}button,input,select{min-height:44px}input,textarea,select,.search input{font-size:16px!important}.account-bar{padding:15px 0;gap:12px;align-items:stretch}.account-bar small{font-size:12px}.account-actions{gap:8px;justify-content:space-between}.account-actions button,.account-actions a{font-size:12px;padding:9px}.header-actions{justify-content:stretch;gap:8px}.header-actions button{flex:1;font-size:12px;padding:8px}header{height:auto;padding:14px 0}.hero{height:auto;min-height:310px;align-items:flex-start;padding:24px 0 65px}.hero>div:first-child{width:66%;z-index:1}.hero h1{font-size:26px;line-height:1.3}.hero p{font-size:12px;line-height:1.6}.hero p br{display:none}.hero button{font-size:12px;line-height:1.5;padding:8px;text-align:left}.hero-art{position:absolute;right:0;top:15px;width:38%;height:100%;pointer-events:none}.hero-art img{width:100%;height:220px;max-width:100%;margin:0;object-fit:contain}.halo{width:140px;height:140px;top:30px}.hero-picker{pointer-events:auto;position:absolute;bottom:25px;left:auto;right:0;width:calc((100vw - 32px));display:flex;align-items:center;gap:14px;font-size:12px}.hero-picker select{flex:1;min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 20px}.stats>div{padding:16px}.stats span{font-size:10px;letter-spacing:.6px}.stats small{font-size:11px}.stats strong{font-size:28px}.market-toolbar{padding:15px}.market-title strong{font-size:15px}.market-title>span{font-size:12px;line-height:1.6}.market-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-controls select{width:100%;max-width:none;height:44px}.market-controls #refreshPrices{grid-column:1/-1;font-size:14px}.market-controls label{font-size:12px;grid-column:1/-1}.market-toolbar p{font-size:12px}.section-title{align-items:flex-start;gap:10px}.section-title h2{font-size:23px}.section-title p{font-size:13px;line-height:1.6}.section-title>span{font-size:11px;white-space:nowrap;padding-top:5px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters .search{grid-column:1/-1;width:100%}.filters select{width:100%;max-width:none;height:46px}.filters #sort{grid-column:1/-1}.chips{gap:5px;flex-wrap:wrap}.chips button{font-size:12px;padding:9px 12px}.grid{grid-template-columns:1fr;gap:18px}.card-top{height:185px}.card-top img{height:185px}.card .tag{font-size:10px}.star{width:44px;height:44px}.card-body{padding:0 18px 18px}.card-name{display:flex;align-items:flex-start}.card h3{font-size:19px}.category{font-size:12px}.status{font-size:11px;padding:6px}.market-price{font-size:14px}.market-price small{font-size:11px}.progress-meta{font-size:12px}.parts-preview{gap:7px}.part-mini{height:52px}.part-mini img{height:45px}.part-mini span{font-size:11px}.card-actions{flex-wrap:nowrap}.card-actions .manage{flex-basis:auto;font-size:13px}.card-actions .sell-direct{width:auto;font-size:13px;min-width:100px}.sell-direct small{font-size:10px}.stock-banner span{font-size:12px}.name-toggle{min-height:36px}.copy-name{min-width:36px;min-height:36px}.stock-banner strong{font-size:24px}dialog{position:fixed;inset:0;width:100%;max-width:none;max-height:100dvh;height:100dvh;margin:0;border-radius:0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));overflow:auto}.dialog-head h2{font-size:23px}.dialog-head img{width:70px;height:85px}.close{position:sticky;top:0;z-index:2;background:var(--panel);min-width:44px}.notice{font-size:13px}.part-row{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;padding:15px 0}.part-row img{width:45px}.part-info strong{font-size:15px}.part-info small{font-size:12px}.part-row .quantity{grid-column:2;justify-self:start}.quantity button{width:44px;font-size:20px}.quantity input{width:86px}.part-row .market-price>div{display:flex;gap:15px;justify-content:flex-start}.market-price.compact{font-size:12px}.fields{grid-template-columns:1fr}.fields label{font-size:13px}.fields textarea{height:90px}.dialog-actions{display:grid;grid-template-columns:1fr;width:100%}.dialog-actions button{font-size:14px}.dialog-foot{font-size:13px;flex-wrap:wrap}.dialog-foot a{font-size:13px}.help-tabs{gap:6px}.help-tabs button{font-size:14px;padding:10px}.help-search{flex-wrap:wrap;gap:10px}.help-search input{width:100%;flex-basis:100%}.help-search select{flex:1;max-width:none}.codex-card{padding:14px}.codex-card h3{font-size:16px}.codex-card>img{width:70px}.codex-card button:not(.name-toggle):not(.copy-name){font-size:13px}.build-layout{gap:16px}.build-library button{max-width:100%;flex:1 1 140px}.build-settings{gap:10px}.build-settings button{flex:1;font-size:12px}.build-metrics{gap:15px;font-size:11px}.build-metrics b{font-size:20px}.mod-slots{gap:9px}.mod-face{height:250px;padding:8px}.mod-face strong{font-size:14px}.mod-face>span{font-size:12px}.mod-ranks{gap:5px;padding:6px}.mod-ranks label{font-size:10px}.mod-ranks input{padding:5px}.slot-label{font-size:11px;padding:8px}.mod-copy .name-toggle{font-size:11px}.mod-copy .copy-name{padding:3px}.mod-copy .name-tools{flex-wrap:wrap}.mod-choice{gap:10px}.mod-choice>img{width:55px}.templates{padding:12px}.codex-heading>img{width:70px;height:95px}.rewards>div{gap:8px;font-size:14px}.relic-links{font-size:12px}.manual-row{grid-template-columns:1fr 1fr}.manual-row>button{grid-column:1/-1}.history-row{padding:14px}.history-row>span{min-width:140px}.history-row button{font-size:12px}.welcome{padding:16px}.welcome-card{padding:25px 20px;width:100%;min-width:0}.welcome-card h1{font-size:clamp(21px,6.5vw,30px);overflow-wrap:anywhere}.welcome-card p{font-size:15px}.welcome-card>small{font-size:12px}.account-link{font-size:14px;text-align:center;width:100%}#toast{bottom:90px;font-size:13px;padding:14px 18px}footer{font-size:11px}.help-tabs{position:sticky;top:0;background:var(--bg);z-index:1;padding-top:8px}}
@media(min-width:540px) and (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-name{display:block}.card h3{font-size:16px}.card-actions{flex-wrap:wrap}.card-actions .manage,.card-actions .sell-direct{width:100%}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-card{display:block}.codex-card>img{display:block;margin:auto}}
.auth-tabs{display:flex;gap:10px;margin:18px 0}.auth-tabs button{flex:1}#authForm,#convertAccount,#changePassword{display:grid;gap:14px;margin:20px 0}#authForm label,#convertAccount label,#changePassword label{display:grid;gap:7px;font-size:14px}#authForm input,#convertAccount input,#changePassword input{width:100%;font-size:16px}#authFeedback,#accountFeedback{color:var(--gold);margin:0;line-height:1.5}.auth-hint{font-size:12px}#recoveryCode{width:100%;font-size:16px;overflow-wrap:anywhere;resize:none;margin:15px 0}#recoveryDialog button{margin:5px}#legacyLogin{font-size:12px;margin-top:18px}.loadout{margin:24px 0}.loadout .help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loadout img{width:100%;height:110px;object-fit:contain}.loadout p{overflow-wrap:anywhere}.loadout button{width:100%;font-size:13px}.rotation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:14px;border-radius:9px;margin:12px 0}.rotation-bar span{font-size:12px;line-height:1.6;color:var(--muted)}.rotation-bar button{flex-shrink:0}#backBuilds{margin-bottom:15px}.build-library{align-content:flex-start}.account-actions{flex-wrap:wrap}@media(max-width:1100px){.loadout .help-grid{grid-template-columns:1fr}.loadout .template-card{display:grid;grid-template-columns:80px 1fr;gap:10px}.loadout img{height:90px;grid-row:1/3}.loadout h3,.loadout p{margin:0}.loadout button{grid-column:1/-1}}@media(max-width:760px){.rotation-bar{flex-direction:column;align-items:stretch}.rotation-bar button{width:100%}.auth-tabs{flex-wrap:wrap}.auth-tabs button{font-size:14px}#accountSettings{flex:1}#accountDialogContent h2{font-size:22px;margin-top:12px}}
/* Orbiter atmosphere */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--gold,#d9b977) 10%,transparent),transparent 50%),radial-gradient(ellipse at 10% 85%,#5b3f7c20,transparent 50%);animation:aurora 22s ease-in-out infinite alternate} @keyframes aurora{to{transform:translateY(-3%);opacity:.5}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.card,.template-card,.notification,.person-row{animation:arrive .3s ease both}.card,.template-card{transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover,.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003;border-color:var(--gold,#d9b977)}button.primary:hover{box-shadow:0 0 24px #d9b97725}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold,#d9b977);outline-offset:3px}
.build-searchbar{display:flex;gap:12px;margin:20px 0}.build-searchbar .search{flex:1;border:1px solid #687080;border-radius:12px;padding:12px 16px;background:#101419}.build-searchbar input{width:100%;border:0;background:transparent;color:inherit}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.frame-template{padding:0!important;overflow:hidden;border:1px solid #ffffff18;border-radius:18px;background:#14191f}.frame-portrait{height:190px;background:radial-gradient(ellipse at 50% 90%,#cbb47825,transparent 70%);display:grid;place-items:center}.frame-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}.frame-copy{padding:20px}.frame-copy h3{font-size:22px;margin:10px 0}.frame-copy p{font-size:13px;line-height:1.65;color:#aeb5bd;min-height:100px}.frame-copy button{width:100%}.saved-build{display:flex!important;align-items:center;text-align:left;gap:10px;width:100%;margin:8px 0}.saved-build img{width:44px;height:52px;object-fit:contain}.saved-build span{min-width:0;overflow-wrap:anywhere}.build-library{max-height:600px;overflow:auto}.templates{margin-top:32px}.templates>.source-note{max-width:900px}.frame-copy .eyebrow{font-size:10px}
.welcome{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,560px);gap:48px;align-items:center;max-width:1260px;margin:auto;padding:56px 40px;min-height:100dvh}.welcome-card{width:100%;max-width:none;margin:0;padding:36px;border:1px solid #ffffff20;background:linear-gradient(145deg,#1a1c24ee,#101319f5);border-radius:24px;box-shadow:0 30px 100px #0005}.welcome-card h1{font-size:clamp(24px,3vw,38px)}.welcome-card>p{font-size:14px}.auth-art{position:relative;min-height:610px;isolation:isolate}.auth-art h2{position:relative;font-size:clamp(35px,4.7vw,66px);line-height:1.15;z-index:2;letter-spacing:-2px}.auth-art em{color:var(--gold,#d9b977);font-style:normal}.auth-art img{position:absolute;width:80%;height:470px;object-fit:contain;right:-20px;top:120px;filter:drop-shadow(0 20px 25px #0009);z-index:1}.auth-art p{position:absolute;bottom:0;letter-spacing:3px;font-size:11px;color:#b6ad9a}.auth-orbit{position:absolute;top:180px;right:-15px;width:350px;height:350px;border:1px solid #d9b97736;border-radius:50%;box-shadow:0 0 100px #ad8edb15,inset 0 0 80px #d9b97712;animation:aurora 8s infinite alternate}.auth-tabs{display:flex;gap:8px;margin:24px 0}.auth-tabs a{flex:1;padding:12px;text-align:center;text-decoration:none;color:inherit;border-radius:10px;border:1px solid #ffffff20}.auth-tabs a.primary{background:#d9b977;color:#15171a}.remember-label{display:flex!important;align-items:center;gap:10px;font-size:13px;margin:16px 0}.remember-label input{width:18px!important;height:18px;accent-color:#d9b977}.auth-hint{line-height:1.6}#authSubmit{width:100%;padding:14px}#authTitle{font-size:21px}
#notificationCount{display:inline-grid;place-items:center;background:#d9b977;color:#101419;min-width:20px;height:20px;border-radius:10px;margin-left:6px}.friend-add{display:flex;align-items:end;gap:12px;padding:24px;background:#ffffff05;border:1px solid #ffffff15;border-radius:16px}.friend-add label{flex:1}.friend-add input{display:block;width:100%;margin-top:10px}.social-list{display:grid;gap:10px;margin-bottom:24px}.person-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #ffffff15;border-radius:14px;background:#ffffff03}.person-row>div{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.avatar-letter,.notification-orb{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #d9b97740;border-radius:14px;background:#d9b97715;color:#e0c690;font-weight:bold}.notification{display:flex;align-items:center;gap:16px;padding:20px;margin:10px 0;border:1px solid #ffffff12;border-radius:14px}.notification.unread{background:#d9b9770c;border-color:#d9b97740}.notification p{margin:6px 0}.notification small{color:#9ba5b2}.notification button{margin-left:auto}.messenger{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #ffffff20;border-radius:18px;overflow:hidden;min-height:500px}.conversation-list{background:#ffffff03;padding:12px;border-right:1px solid #ffffff15}.conversation-list button{width:100%;display:flex;align-items:center;gap:10px;margin:6px 0;text-align:left;overflow-wrap:anywhere}.conversation-list .active{border-color:#d9b977}.conversation-head{padding:20px;border-bottom:1px solid #ffffff15;font-weight:bold}.conversation{min-width:0}#messageList{height:360px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message-bubble{align-self:flex-start;max-width:85%;border-radius:15px 15px 15px 3px;padding:12px 16px;background:#222a34;overflow-wrap:anywhere}.message-bubble.mine{align-self:flex-end;background:#d9b97720;border:1px solid #d9b97730;border-radius:15px 15px 3px 15px}.message-bubble p{white-space:pre-wrap;margin:0 0 6px}.message-bubble small{font-size:10px;opacity:.65}#chatForm{padding:16px;display:flex;gap:10px;border-top:1px solid #ffffff15}#chatForm textarea{flex:1;min-width:0;resize:vertical}.social-tabs{overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.welcome{grid-template-columns:1fr;max-width:620px;padding:24px 16px;gap:16px}.auth-art{display:none}.welcome-card{padding:26px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.messenger{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}nav button{min-width:0;padding:8px 2px!important}nav button span{font-size:9px!important}.build-searchbar{flex-direction:column}.frame-grid{grid-template-columns:1fr}.frame-template{display:grid;grid-template-columns:105px minmax(0,1fr)}.frame-portrait{height:100%;min-height:190px}.frame-copy{padding:16px}.frame-copy h3{font-size:18px}.frame-copy p{min-height:0}.friend-add,.person-row{flex-wrap:wrap}.friend-add label{flex-basis:100%}.person-row>div{margin-left:0;flex-basis:100%}.messenger{grid-template-columns:1fr}.conversation-list{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid #ffffff15}.conversation-list button{width:auto;flex-shrink:0}.conversation-list .avatar-letter{display:none}#chatForm{flex-direction:column}#messageList{height:330px}.notification{gap:10px;padding:12px}.notification-orb{display:none}.account-actions #notificationsBtn>span{display:none}.build-library{max-height:240px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}

/* Orbiter atmosphere — subtle motion, responsive and reduced-motion aware */
body::before{content:"";position:fixed;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--gold,#d9b977) 14%,transparent),transparent 48%),radial-gradient(ellipse at 85% 75%,#517ed31a,transparent 45%);animation:orbiter-drift 20s ease-in-out infinite alternate}
.welcome{isolation:isolate;position:relative}.welcome-card{position:relative;border:1px solid #d9b97735;box-shadow:0 24px 90px #0006,inset 0 1px 0 #ffffff14;animation:orbiter-enter .7s ease-out both}
.auth-art{overflow:hidden}.auth-art img{filter:drop-shadow(0 0 35px #d9b97730);animation:orbiter-float 7s ease-in-out infinite}.auth-orbit{box-shadow:0 0 45px #d9b97718,inset 0 0 30px #d9b97712}
.auth-tabs{gap:10px}.auth-tabs a{transition:background .2s,box-shadow .2s,transform .2s}.auth-tabs .primary{box-shadow:0 4px 26px #d9b97725}
button,.auth-tabs a{transition:transform .2s,box-shadow .2s,border-color .2s}button:active,.auth-tabs a:active{transform:scale(.97)}button.primary{box-shadow:0 4px 24px #d9b97718}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold,#d9b977);outline-offset:3px}input{transition:border-color .2s,box-shadow .2s}input:focus{box-shadow:0 0 0 4px #d9b97712}
dialog[open]{animation:orbiter-enter .22s ease-out}dialog::backdrop{background:#060a10b8;backdrop-filter:blur(5px)}
@media(hover:hover) and (pointer:fine){button:hover,.auth-tabs a:hover{transform:translateY(-2px);box-shadow:0 5px 22px #d9b97720}.card:hover{box-shadow:0 10px 35px #0004;border-color:#d9b97760}}
@keyframes orbiter-drift{to{transform:translate3d(4%,3%,0) rotate(4deg)}}@keyframes orbiter-float{50%{transform:translateY(-10px)}}@keyframes orbiter-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){body::before{animation:none}.welcome-card{padding:24px 18px!important;margin:12px!important;width:auto!important;max-width:100%;box-sizing:border-box}.welcome{min-height:100svh}.auth-art img{animation:none}dialog::backdrop{backdrop-filter:none}.welcome-card h1{font-size:clamp(26px,8vw,42px)}.auth-tabs a{flex:1;text-align:center}.welcome-card input{min-height:46px;font-size:16px}.welcome-card button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}