:root{--bg:#07090e;--panel:#10141c;--panel2:#181d27;--line:#303744;--text:#fff;--muted:#9aa3b0;--orange:#f11920;--orange2:#9e0005;--green:#35e19a;--red:#ff3b45}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% -20%,#242139 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{height:76px;border-bottom:1px solid #202938;background:#0a0e16dd;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--orange2),var(--orange));display:grid;place-items:center;font-weight:900;font-size:24px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.brand strong,.brand span{display:block;line-height:1}.brand strong{font-size:19px;letter-spacing:2px}.brand span{font-size:10px;color:var(--muted);letter-spacing:3px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:12px}.stock{display:flex;gap:8px;color:var(--muted);font-size:13px}.ghost,.pager button{border:1px solid var(--line);background:#121924;color:#dce3ed;border-radius:8px;padding:10px 15px;cursor:pointer}.ghost:hover,.pager button:hover{border-color:var(--orange)}
main{max-width:1440px;margin:auto;padding:34px}.hero{display:flex;justify-content:space-between;align-items:end;margin:8px 0 32px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--orange);font-weight:800;margin:0 0 9px}.hero h1{font-size:38px;line-height:1.05;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p:last-child{color:var(--muted);margin:12px 0 0}.compat-pill{display:flex;gap:9px;align-items:center;background:#111a21;border:1px solid #1c4938;color:var(--green);border-radius:99px;padding:10px 16px;font-size:13px}.compat-pill i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 13px var(--green)}.layout{display:grid;grid-template-columns:minmax(620px,1fr) 350px;gap:24px}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.slot{position:relative;min-height:144px;background:linear-gradient(135deg,#121925,#0d131d);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:92px 1fr;gap:16px;transition:.2s;overflow:hidden}.slot:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--orange),transparent);opacity:0}.slot:hover{border-color:#4b5669;transform:translateY(-1px)}.slot:hover:before,.slot.selected:before{opacity:1}.part-art{height:92px;border-radius:11px;background:radial-gradient(circle at 35% 30%,#38445a,#171f2d 60%,#0c111a);display:grid;place-items:center;overflow:hidden;position:relative}.part-art img{width:100%;height:100%;object-fit:contain}.part-art .letters{font-size:28px;font-weight:900;color:#aebbd0;text-shadow:0 0 24px #7587a8}.part-info{min-width:0}.slot-top{display:flex;justify-content:space-between;gap:8px}.slot-type{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:1.2px}.count{font-size:11px;color:var(--muted)}.part-info h3{font-size:14px;line-height:1.3;margin:10px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.part-info p{font-size:11px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choose{margin-top:12px;background:transparent;border:0;color:#fff;padding:0;font-weight:700;font-size:12px;cursor:pointer}.choose span{color:var(--orange);margin-left:5px}.remove{position:absolute;right:13px;bottom:12px;background:none;border:0;color:#778398;cursor:pointer}.remove:hover{color:var(--red)}
aside{position:relative}.summary-card{position:sticky;top:100px;background:linear-gradient(160deg,#151d2a,#0e141e);border:1px solid var(--line);border-radius:16px;padding:20px}.summary-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.4px}.summary-head b{color:var(--orange)}.mini-build{margin:18px 0;max-height:225px;overflow:auto}.empty{color:var(--muted);font-size:13px}.mini{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #202a39;padding:9px 0}.mini div{min-width:0}.mini b,.mini small{display:block}.mini b{font-size:11px;color:var(--orange)}.mini small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini span{font-size:11px;color:#cdd5e1;white-space:nowrap}.checks{border-top:1px solid var(--line);padding-top:14px}.checks h3{font-size:12px;letter-spacing:1px}.check{font-size:11px;color:var(--muted);padding:5px 0}.check.ok{color:var(--green)}.check.warn{color:#ffbf5a}.total{border-top:1px solid var(--line);margin-top:15px;padding-top:18px;display:flex;justify-content:space-between;align-items:end}.total span{font-size:10px;color:var(--muted);letter-spacing:1px}.total strong{font-size:22px}
.modal{position:fixed;inset:0;background:#03050acc;backdrop-filter:blur(10px);z-index:100;display:none;padding:28px}.modal.open{display:block}.modal-shell{max-width:1320px;height:calc(100vh - 56px);margin:auto;background:#0d131d;border:1px solid #303b4e;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #000}.modal-head{padding:22px 26px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:27px}.modal-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:12px}.close{width:38px;height:38px;border-radius:50%;background:#171f2d;border:1px solid var(--line);color:#fff;font-size:18px;cursor:pointer}.toolbar{padding:14px 26px;display:flex;gap:12px;background:#0a1019}.search{flex:1;display:flex;align-items:center;background:#151e2b;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search span{font-size:11px;color:var(--orange);font-weight:800;text-transform:uppercase}.search input{flex:1;background:transparent;border:0;outline:0;color:white;padding:12px;font-size:14px}.toolbar select{background:#151e2b;border:1px solid var(--line);color:#d9e1ec;border-radius:9px;padding:0 12px}.product-grid{padding:18px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:auto;flex:1}.product{background:linear-gradient(145deg,#151e2b,#101620);border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer;transition:.15s;display:grid;grid-template-columns:80px 1fr;gap:12px;min-height:126px}.product:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 10px 28px #0008}.product .part-art{height:80px}.product h4{font-size:12px;line-height:1.35;margin:2px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product .price{font-weight:800;color:#fff;font-size:13px}.product .spec{font-size:10px;color:var(--muted);margin-top:5px}.pager{display:flex;justify-content:center;align-items:center;gap:18px;padding:13px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.summary-card{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}aside{order:-1}.slots{grid-template-columns:1fr}}@media(max-width:650px){main{padding:18px}.hero{display:block}.compat-pill{margin-top:18px;display:inline-flex}.product-grid{grid-template-columns:1fr}.modal{padding:8px}.toolbar{flex-direction:column}.toolbar select{padding:10px}}
.filter-bar{display:flex;gap:10px;overflow-x:auto;padding:0 26px 14px;background:#0a1019;border-bottom:1px solid var(--line)}.filter-group{min-width:145px}.filter-group label{display:block;color:#7f8b9e;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0 0 5px 3px}.filter-group select{width:100%;background:#151e2b;border:1px solid var(--line);color:#e5ebf4;border-radius:8px;padding:9px 10px;font-size:11px;outline:0}.filter-group select:focus{border-color:var(--orange)}.filter-clear{align-self:end;height:35px;background:#1a2230;border:1px solid var(--line);color:#aeb8c8;border-radius:8px;padding:0 12px;cursor:pointer;white-space:nowrap}.filter-clear:hover{color:white;border-color:var(--orange)}
.part-art img{grid-area:1/1;background:#fff}.part-art .letters{grid-area:1/1}
.performance{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center}.score-orb{position:relative;width:112px;height:112px}.score-orb svg{width:112px;height:112px;transform:rotate(-90deg)}.orb-track,.orb-fill{fill:none;stroke-width:7}.orb-track{stroke:#232d3d}.orb-fill{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:270;stroke-dashoffset:270;filter:drop-shadow(0 0 6px #ff6b22aa);transition:stroke-dashoffset .7s ease}.score-orb>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.score-orb strong{font-size:22px}.score-orb span{font-size:7px;letter-spacing:1px;color:var(--muted)}.rank>span{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:block}.rank>strong{display:block;font-size:18px;color:var(--orange);margin:4px 0 10px}.rank small{color:var(--muted);font-size:9px}.xp{height:5px;background:#263142;border-radius:5px;overflow:hidden;margin-bottom:8px}.xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#ffcf57);box-shadow:0 0 9px var(--orange);transition:width .7s ease}.achievements{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}.achievement{font-size:9px;border:1px solid #344054;color:#748095;border-radius:20px;padding:5px 8px}.achievement.unlocked{color:#ffd56a;border-color:#7c622b;background:#2b2414}.achievement.unlocked:before{content:'*';margin-right:5px;color:#ffb52d}.checks{max-height:150px;overflow:auto}
.brand-logo{width:62px;height:58px;object-fit:contain;filter:drop-shadow(0 0 8px #e0000055)}.brand strong{font-size:17px;color:#fff}.brand span{color:#e21b23}.data-status{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 10px}.data-status.live{color:var(--green);border-color:#245b47}.buy-build{width:100%;margin-top:16px;border:0;border-radius:9px;padding:14px;background:linear-gradient(135deg,#ff242b,#9d0005);color:#fff;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 10px 30px #e0000033}.buy-build:hover{filter:brightness(1.15)}

/* Preserve the supplied high-resolution logo and give it enough room to render crisply. */
header{height:84px}
.brand-logo{width:76px;height:70px;image-rendering:auto}
.guided-button{border:1px solid #ff343a;background:linear-gradient(135deg,#ff242b,#9d0005);color:#fff;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 20px #e0000038}.guided-button:hover{filter:brightness(1.16);transform:translateY(-1px)}
.budget-panel{border:1px solid #2d3748;background:#0b111a;border-radius:10px;padding:12px;margin:4px 0 13px}.budget-panel>div:first-child{display:flex;justify-content:space-between}.budget-panel span{font-size:9px;color:var(--muted);letter-spacing:1px}.budget-panel strong{font-size:10px;color:#fff}.budget-panel small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.budget-track{height:6px;background:#222d3e;border-radius:8px;margin-top:9px;overflow:hidden}.budget-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#24d58e,#ffcf57);transition:.5s}.budget-track i.over{background:var(--red)}.coach-panel{display:grid;grid-template-columns:38px 1fr;gap:10px;background:linear-gradient(135deg,#251114,#121722);border:1px solid #56272a;border-radius:11px;padding:11px;margin-bottom:13px}.coach-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d5161d;color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 16px #f21f2544}.coach-panel b{font-size:9px;color:#ff363c;letter-spacing:1px}.coach-panel p{font-size:10px;line-height:1.4;color:#d1d8e2;margin:4px 0 0}
.wizard{position:fixed;inset:0;background:#020307e8;backdrop-filter:blur(15px);z-index:150;display:none;padding:28px;overflow:auto}.wizard.open{display:grid;place-items:center}.wizard-shell{position:relative;width:min(820px,100%);background:radial-gradient(circle at 85% 10%,#3c1317,#111620 36%,#090d14 78%);border:1px solid #5e272b;border-radius:22px;padding:34px;box-shadow:0 35px 100px #000}.wizard-close{position:absolute;right:20px;top:20px}.wizard-intro{text-align:center;max-width:590px;margin:0 auto 27px}.wizard-intro img{width:92px;height:88px;object-fit:contain;filter:drop-shadow(0 0 14px #ed1b2455)}.wizard-intro h2{font-size:34px;margin:2px 0 8px}.wizard-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wizard-grid label{display:block;background:#111925;border:1px solid var(--line);border-radius:11px;padding:12px}.wizard-grid label>span,.wizard-games>span{display:block;color:#f02a31;font-size:9px;font-weight:900;letter-spacing:1.4px;margin-bottom:7px}.wizard-grid select{width:100%;background:transparent;border:0;color:#fff;font-size:14px;font-weight:700;outline:0}.wizard-grid option{background:#111925}.wizard-games{margin:19px 0}.wizard-games>div{display:flex;gap:8px;flex-wrap:wrap}.wizard-games button{background:#121a25;border:1px solid var(--line);color:#929dad;border-radius:20px;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer}.wizard-games button.active{border-color:#ef2027;color:#fff;background:#351417;box-shadow:0 0 15px #ed1e2538}.generate-build{width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,#ff252c,#a50006);color:#fff;padding:16px;font-weight:900;letter-spacing:1.4px;cursor:pointer;box-shadow:0 14px 35px #e0000033}.generate-build:disabled{opacity:.6}.generate-build span{float:right}.wizard-progress{text-align:center;min-height:14px;color:#38dfa0;font-size:9px;letter-spacing:1.3px;margin:12px 0 -10px}
@media(max-width:800px){header{height:auto;min-height:84px;padding:8px 16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.data-status,.stock{display:none}.wizard-grid{grid-template-columns:1fr}.wizard{padding:10px}.wizard-shell{padding:25px 18px}.wizard-intro h2{font-size:27px}.guided-button{padding:10px}.brand strong{font-size:14px}}
.extras-total{text-align:right;color:#ffbd65;font-size:9px;margin-top:6px}.setup-button{border-color:#5a3033}.setup-modal{position:fixed;inset:0;background:#020307e8;backdrop-filter:blur(14px);z-index:145;display:none;padding:24px}.setup-modal.open{display:block}.setup-shell{height:calc(100vh - 48px);max-width:1380px;margin:auto;background:#0b1018;border:1px solid #44282b;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 35px 100px #000}.setup-head{padding:20px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 0,#321316,transparent 28%)}.setup-head h2{font-size:28px;margin:0}.setup-head p:last-child{font-size:11px;color:var(--muted);margin:5px 0 0}.setup-body{padding:20px 26px;overflow:auto;flex:1}.service-section h3,.peripheral-section h3{font-size:11px;letter-spacing:1.5px;color:#f22a31}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-card{position:relative;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;background:linear-gradient(135deg,#171e2a,#10151e);border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer}.service-card:has(input:checked){border-color:#ef272d;background:linear-gradient(135deg,#2a1519,#111721);box-shadow:0 0 22px #ed1d2426}.service-card input{position:absolute;opacity:0}.service-icon{height:56px;border-radius:10px;display:grid;place-items:center;background:#261316;color:#ff333a;font-size:10px;font-weight:900;border:1px solid #68262a}.service-card b,.service-card p,.service-card strong{display:block}.service-card b{font-size:13px}.service-card p{font-size:10px;color:var(--muted);margin:5px 0}.service-card strong{font-size:14px}.service-card>i{font-style:normal;border:1px solid #4b5667;border-radius:20px;color:#9ca7b7;font-size:9px;padding:7px 10px}.service-card:has(input:checked)>i{background:#e91e25;border-color:#e91e25;color:#fff}.peripheral-section{margin-top:23px}.peripheral-title{display:flex;justify-content:space-between;align-items:end}.peripheral-title h3{margin:0}.peripheral-title p{font-size:10px;color:var(--muted)}.setup-search input{width:280px;background:#151d29;border:1px solid var(--line);border-radius:9px;color:#fff;padding:11px 13px;outline:0}.setup-search input:focus{border-color:#ed232a}.setup-tabs{display:flex;gap:8px;overflow:auto;margin:12px 0}.setup-tabs button{border:1px solid var(--line);background:#121925;color:#9ca7b7;border-radius:9px;padding:10px 13px;white-space:nowrap;cursor:pointer;font-size:10px;font-weight:800}.setup-tabs button.active{color:#fff;border-color:#ef2229;background:#321418}.setup-tabs button i{color:#3ce1a0;font-style:normal}.setup-tabs button small{margin-left:7px;color:#697588}.setup-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setup-product{display:grid;grid-template-columns:82px 1fr;gap:12px;min-height:128px;background:#111822;border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer}.setup-product:hover,.setup-product.selected{border-color:#ef242b;transform:translateY(-1px)}.setup-product .part-art{height:82px}.setup-product b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.35}.setup-product strong{display:block;font-size:12px;margin:7px 0}.setup-product button{border:0;background:transparent;color:#ef252b;font-size:9px;font-weight:900;padding:0;cursor:pointer}.setup-product.selected button{color:#3ade9d}.setup-footer{border-top:1px solid var(--line);padding:14px 26px;display:flex;align-items:center;justify-content:flex-end;gap:30px;background:#090d14}.setup-footer>div{text-align:right}.setup-footer span,.setup-footer strong,.setup-footer small{display:block}.setup-footer span{font-size:8px;color:var(--muted);letter-spacing:1.2px}.setup-footer strong{font-size:20px}.setup-footer small{font-size:9px;color:#ffbd65}.setup-footer button{border:0;border-radius:9px;background:linear-gradient(135deg,#ff252c,#a50006);color:#fff;padding:14px 20px;font-weight:900;cursor:pointer}.setup-footer button span{float:right;margin-left:35px;color:#fff;font-size:15px}@media(max-width:1050px){.setup-products{grid-template-columns:repeat(2,1fr)}.header-actions .setup-button{display:none}}@media(max-width:650px){.service-grid,.setup-products{grid-template-columns:1fr}.peripheral-title{display:block}.setup-search input{width:100%}.setup-modal{padding:6px}.setup-shell{height:calc(100vh - 12px)}.setup-footer{justify-content:space-between;padding:10px}.setup-footer button{padding:12px}.service-card{grid-template-columns:50px 1fr}.service-card>i{display:none}}
.viewer{position:fixed;inset:0;background:#020306e8;backdrop-filter:blur(12px);z-index:120;display:none;padding:28px}.viewer.open{display:block}.viewer-shell{max-width:1250px;height:calc(100vh - 56px);margin:auto;background:radial-gradient(circle at 30% 30%,#241316,#0b0f16 48%);border:1px solid #4b2528;border-radius:18px;overflow:hidden}.viewer-head{display:flex;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line)}.viewer-head h2{margin:0;font-size:28px}.viewer-head p:last-child{color:var(--muted);margin:5px 0 0;font-size:11px}.viewer-body{display:grid;grid-template-columns:1fr 330px;height:calc(100% - 105px)}.pc-scene{perspective:1100px;display:grid;place-items:center;overflow:hidden;cursor:grab;background:radial-gradient(circle,#301418 0,#10131a 45%,#080b10 70%)}.pc-scene:active{cursor:grabbing}.pc-rig{width:390px;height:480px;position:relative;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(-28deg);transition:transform .08s}.case-face{position:absolute;border:3px solid #68191d;background:#0e131bbb;box-shadow:inset 0 0 40px #000,0 0 24px #ef1c2133;backface-visibility:visible}.case-side{width:390px;height:480px;transform:translateZ(100px);background:linear-gradient(135deg,#121923dd,#080b10ee);overflow:hidden}.case-front{width:200px;height:480px;right:-100px;transform:rotateY(90deg) translateZ(290px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.case-front b{font-size:54px;color:#e11920;text-shadow:0 0 20px red}.case-front i,.rig-fans i{width:78px;height:78px;border:7px double #e51b22;border-radius:50%;box-shadow:0 0 18px #ed1d24,inset 0 0 18px #ed1d24}.case-back{width:200px;height:480px;left:-100px;transform:rotateY(90deg) translateZ(-100px)}.case-top,.case-bottom{width:390px;height:200px;transform:rotateX(90deg)}.case-top{top:-100px;transform:rotateX(90deg) translateZ(-100px)}.case-bottom{bottom:-100px;transform:rotateX(90deg) translateZ(100px)}.rig-mb{position:absolute;left:42px;top:60px;width:250px;height:270px;border:2px solid #546071;color:#7e8da4;font-size:30px;font-weight:900;padding:18px}.rig-cpu{position:absolute;left:80px;top:55px;width:85px;height:85px;border:2px solid #e51b22;color:#fff;font-size:13px;display:grid;place-items:center;box-shadow:0 0 18px #e51b2255}.rig-ram{position:absolute;right:24px;top:35px;width:20px;height:150px;border:2px solid #ee2026;color:#fff;font-size:8px;writing-mode:vertical-rl;padding:8px 1px}.rig-gpu{position:absolute;left:45px;top:285px;width:275px;height:64px;background:#161d28;border-left:5px solid #f21e24;color:#fff;padding:20px;font-size:12px;box-shadow:0 0 20px #f21e2444}.rig-psu{position:absolute;left:0;bottom:0;width:155px;height:90px;background:#07090d;border-top:2px solid #3d4654;color:#8793a5;display:grid;place-items:center;font-weight:900}.rig-fans{position:absolute;right:12px;bottom:15px;display:flex;flex-direction:column;gap:8px}.rig-fans i{width:44px;height:44px;border-width:4px}.viewer-spec{padding:28px;border-left:1px solid var(--line);background:#0b0e14}.viewer-rank{color:#ef2027;font-size:10px;letter-spacing:2px;font-weight:900}.viewer-spec h3{font-size:18px;margin:12px 0 20px}.viewer-part{border-bottom:1px solid var(--line);padding:9px 0}.viewer-part b,.viewer-part span{display:block}.viewer-part b{font-size:9px;color:#e61c23}.viewer-part span{font-size:11px;margin-top:3px}.viewer-spec .ghost{margin-top:20px;width:100%}@media(max-width:850px){.viewer-body{grid-template-columns:1fr}.viewer-spec{display:none}.pc-rig{transform:scale(.75) rotateX(-8deg) rotateY(-28deg)}}
.showcase-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100% - 105px)}.showcase-canvas{position:relative;overflow:hidden;background:radial-gradient(circle at 46% 44%,#391315 0,#11141b 42%,#07090d 72%)}.showcase-glow{position:absolute;width:520px;height:520px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e5192030,transparent 68%);filter:blur(12px)}.showcase-logo{position:absolute;left:24px;top:20px;display:flex;align-items:center;gap:9px;color:#fff;font-size:9px;letter-spacing:2px}.showcase-logo img{width:44px;height:44px;object-fit:contain}.chassis-hero{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:54%;height:70%;display:grid;place-items:center;z-index:2}.chassis-hero img{grid-area:1/1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 35px #000) drop-shadow(0 0 22px #ef20272f)}.hero-placeholder{grid-area:1/1;color:#3c4655;font-size:42px;font-weight:900;text-align:center}.showcase-parts{position:absolute;inset:0;z-index:3}.show-part{position:absolute;width:150px;background:#101620e8;border:1px solid #3b2a2d;border-radius:12px;padding:8px;box-shadow:0 14px 35px #0008;animation:showFloat 5s ease-in-out infinite}.show-part:nth-child(even){animation-delay:-2s}.show-part img{width:100%;height:82px;object-fit:contain;background:#fff;border-radius:8px}.show-part b,.show-part small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-part b{color:#ef2229;font-size:8px;letter-spacing:1px;margin-top:7px}.show-part small{font-size:9px;color:#e6e9ee;margin-top:3px}.show-part:nth-child(1){left:4%;top:18%}.show-part:nth-child(2){right:4%;top:14%}.show-part:nth-child(3){left:3%;bottom:16%}.show-part:nth-child(4){right:3%;bottom:17%}.show-part:nth-child(5){right:18%;bottom:3%}.show-part:nth-child(n+6){display:none}.concept-label{position:absolute;left:24px;bottom:18px;color:#818b99;font-size:8px;letter-spacing:1.5px}@keyframes showFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.show-part{animation:none}}@media(max-width:850px){.showcase-body{grid-template-columns:1fr}.viewer-spec{display:none}.chassis-hero{width:68%}.show-part{width:120px}}

.experience-tabs{display:flex;gap:8px;margin:-12px 0 24px;border-bottom:1px solid #27303d}.experience-tabs button{position:relative;border:0;background:transparent;color:#7f8999;padding:14px 20px;font-size:11px;font-weight:900;letter-spacing:1px;cursor:pointer}.experience-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ed2027;transform:scaleX(0)}.experience-tabs button.active{color:#fff}.experience-tabs button.active:after{transform:scaleX(1)}.experience-view{display:none}.experience-view.active{display:grid}.catalogue-view.active{display:block}.catalogue-head{display:flex;justify-content:space-between;align-items:end;background:linear-gradient(135deg,#15101a,#0c121a);border:1px solid var(--line);border-radius:15px;padding:22px 24px}.catalogue-head h2{font-size:28px;margin:0}.catalogue-head p:last-child{color:var(--muted);font-size:12px}.catalogue-search input{width:320px;background:#151d29;border:1px solid var(--line);border-radius:9px;color:#fff;padding:12px 14px;outline:0}.catalogue-search input:focus{border-color:#ed2229}.catalogue-categories{display:flex;gap:8px;overflow:auto;margin:18px 0}.catalogue-categories button{border:1px solid var(--line);background:#111923;color:#929dad;border-radius:9px;padding:11px 14px;white-space:nowrap;font-size:10px;font-weight:900;cursor:pointer}.catalogue-categories button.active{background:#331417;border-color:#f0232a;color:#fff}.catalogue-categories i{color:#38dda0}.catalogue-categories small{margin-left:8px;color:#687589}.catalogue-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-height:530px}.catalogue-product{display:grid;grid-template-columns:96px 1fr;gap:12px;min-height:144px;background:linear-gradient(145deg,#151d29,#0e141e);border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.catalogue-product:hover,.catalogue-product.selected{border-color:#ef232a;transform:translateY(-1px)}.catalogue-product .part-art{height:96px}.catalogue-product h3{font-size:12px;line-height:1.35;margin:2px 0 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalogue-product strong{display:block;font-size:13px}.catalogue-product button{border:0;background:transparent;color:#f0272e;font-size:9px;font-weight:900;padding:9px 0 0;cursor:pointer}.catalogue-product.selected button{color:#36dda0}.catalogue-pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px 0 80px;color:var(--muted);font-size:11px}.catalogue-pager button,.done-picking{border:1px solid var(--line);background:#151d29;color:#fff;border-radius:8px;padding:9px 14px;cursor:pointer}.catalogue-pager button:disabled{opacity:.4}.catalogue-dock{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:flex-end;gap:25px;background:#101721ee;backdrop-filter:blur(10px);border:1px solid #493033;border-radius:13px;padding:12px 15px;box-shadow:0 15px 45px #000}.catalogue-dock>div{text-align:right}.catalogue-dock span,.catalogue-dock strong{display:block}.catalogue-dock span{font-size:8px;color:var(--muted);letter-spacing:1px}.catalogue-dock strong{font-size:13px}.catalogue-dock button{border:0;background:linear-gradient(135deg,#ff252c,#a50006);color:#fff;border-radius:9px;padding:13px 17px;font-weight:900;cursor:pointer}.slot mark{background:#352119;color:#ffc15f;border-radius:10px;padding:3px 6px;font-size:8px;white-space:nowrap}.assembly-slot{border-color:#4c3033}.assembly-slot .part-art{background:radial-gradient(circle at 35% 30%,#5a2227,#21151b 60%,#0c111a)}.product.picked{border-color:#36dda0;box-shadow:inset 0 0 0 1px #36dda044}.pick-state{margin-top:8px;color:#ef242b;font-size:9px;font-weight:900}.product.picked .pick-state{color:#36dda0}.picker-actions{display:flex;gap:9px}.done-picking{display:none;border-color:#2a8a66;background:#16362d;color:#43e3a6;font-weight:900}.setup-modal.services-only .peripheral-section{display:none}.setup-modal.services-only .setup-body{display:grid;align-content:center}.setup-modal.services-only .setup-shell{height:auto;max-width:900px;margin-top:12vh}.setup-modal.services-only .setup-head p:last-child{font-size:0}.setup-modal.services-only .setup-head p:last-child:after{content:'Choose professional assembly, Windows installation, or both.';font-size:11px}@media(max-width:1050px){.catalogue-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.experience-tabs button{padding:12px 9px;font-size:9px}.catalogue-head{display:block}.catalogue-search input{width:100%;margin-top:12px}.catalogue-products{grid-template-columns:1fr}.catalogue-dock{bottom:6px;justify-content:space-between}.catalogue-dock button{font-size:9px}.setup-modal.services-only .setup-shell{margin-top:3vh}}

.recommended-section{background:linear-gradient(135deg,#231316,#111721 58%);border:1px solid #54282c;border-radius:14px;padding:16px;margin:16px 0}.recommended-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.recommended-head span{color:#ff3037;font-size:9px;font-weight:900;letter-spacing:1.4px}.recommended-head h3{font-size:17px;margin:3px 0 0}.recommended-head small{color:var(--muted);font-size:9px}.recommended-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recommended-product{display:grid;grid-template-columns:70px 1fr;gap:10px;background:#0e151f;border:1px solid #3b3038;border-radius:11px;padding:9px;cursor:pointer}.recommended-product:hover,.recommended-product.selected{border-color:#ef242b}.recommended-product .part-art{height:70px}.recommended-product h3{font-size:10px;line-height:1.3;margin:1px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended-product strong{font-size:11px}.recommended-product button{display:block;border:0;background:transparent;color:#ef252c;font-size:8px;font-weight:900;padding:6px 0 0}.recommended-product.selected button{color:#39dda0}.catalogue-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:9px;align-items:end;background:#0d141e;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}.catalogue-filters label{display:block;color:#7f8a9a;font-size:8px;letter-spacing:1px;margin:0 0 5px 3px}.catalogue-filters select{width:100%;background:#151e2b;border:1px solid var(--line);color:#e4e9f1;border-radius:8px;padding:10px;font-size:10px}.catalogue-filters button{height:36px;background:#1a2230;border:1px solid var(--line);color:#aeb8c8;border-radius:8px;padding:0 12px;font-size:9px;font-weight:800;cursor:pointer}.catalogue-filters button:hover{border-color:#ef242b;color:#fff}.no-results{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--muted)}.no-results b{color:#fff;font-size:18px}@media(max-width:1050px){.recommended-products{grid-template-columns:repeat(2,1fr)}.catalogue-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.recommended-head{display:block}.recommended-head small{display:block;margin-top:5px}.recommended-products{grid-template-columns:1fr}.catalogue-filters{grid-template-columns:1fr}}

.quantity-control{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:4px;background:#0b1119;border:1px solid #334052;border-radius:9px}.quantity-control button{width:28px;height:28px;border:1px solid #465267;background:#182230;color:#fff;border-radius:7px;font-size:17px;cursor:pointer}.quantity-control button:hover{border-color:#ef252c;background:#301519}.quantity-control span{min-width:42px;text-align:center}.quantity-control small,.quantity-control b{display:block}.quantity-control small{font-size:6px;color:#7f8998;letter-spacing:1px}.quantity-control b{font-size:14px;color:#fff}.line-total{display:inline-block;margin-left:7px;color:#ffbd65;font-size:8px}.product.picked{min-height:150px}.product.picked .part-art{align-self:start}

body{background:radial-gradient(circle at 15% -10%,#251231 0,transparent 30%),radial-gradient(circle at 90% 35%,#24100f 0,transparent 25%),#06080d}.player-hud{display:flex;align-items:center;gap:8px;border:1px solid #523039;background:#160f17;border-radius:10px;padding:5px 10px 5px 6px}.player-level{width:38px;height:38px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ff252c,#770005);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.player-level span{font-size:6px;letter-spacing:1px}.player-level b{font-size:18px;line-height:1}.player-progress{width:130px}.player-progress>div:first-child{display:flex;justify-content:space-between;align-items:center}.player-progress strong{font-size:7px;color:#fff;letter-spacing:.7px}.player-progress span{font-size:6px;color:#9ba5b4}.player-xp{height:4px;background:#30394a;border-radius:4px;margin-top:5px;overflow:hidden}.player-xp i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ee2027,#ffd44f);box-shadow:0 0 8px #ff3037;transition:.5s}.challenge-button{margin-top:16px;border:1px solid #703238;background:#281319;color:#ffbd60;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 20px #ef20251f}.challenge-button:hover{border-color:#ef252c;color:#fff}.mission-strip{display:grid;grid-template-columns:auto 1fr 180px auto auto;align-items:center;gap:14px;background:linear-gradient(90deg,#251216,#121823 60%);border:1px solid #5b2c31;border-radius:12px;padding:11px 14px;margin:-10px 0 22px}.mission-badge{background:#ef2027;color:#fff;font-size:8px;font-weight:900;letter-spacing:1px;padding:8px 10px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.mission-strip span,.mission-strip strong{display:block}.mission-strip span{font-size:9px;color:#ffbd62;font-weight:900;letter-spacing:1px}.mission-strip strong{font-size:10px;margin-top:3px}.mission-progress{height:7px;background:#273142;border-radius:10px;overflow:hidden}.mission-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ef2027,#ffc94f);box-shadow:0 0 10px #ef2027;transition:.6s}.mission-strip>b{font-size:8px;color:#9ba6b6}.mission-strip>button{border:1px solid #444f60;background:#161e2a;color:#dce3ed;border-radius:7px;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer}.slot.selected{box-shadow:inset 0 0 25px #ed20270d}.slot.selected:after{content:'EQUIPPED';position:absolute;right:13px;top:13px;color:#37db9d;font-size:6px;letter-spacing:1px}.challenge-modal{position:fixed;inset:0;background:#020307e8;backdrop-filter:blur(14px);z-index:180;display:none;padding:25px}.challenge-modal.open{display:grid;place-items:center}.challenge-shell{width:min(920px,100%);background:radial-gradient(circle at 20% 0,#321418,#0c1119 42%);border:1px solid #5d2a30;border-radius:20px;overflow:hidden;box-shadow:0 35px 100px #000}.challenge-head{display:flex;justify-content:space-between;padding:25px;border-bottom:1px solid var(--line)}.challenge-head h2{font-size:29px;margin:0}.challenge-head p:last-child{font-size:11px;color:var(--muted)}.challenge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:22px}.challenge-grid article{display:grid;grid-template-columns:65px 1fr;gap:13px;align-items:center;background:#111925;border:1px solid #303a4a;border-radius:12px;padding:14px;cursor:pointer}.challenge-grid article:hover,.challenge-grid article.active{border-color:#ef252c;background:#211319;transform:translateY(-1px)}.challenge-grid article>span{height:58px;display:grid;place-items:center;background:#201319;border:1px solid #67262b;color:#ff3037;border-radius:10px;font-size:14px;font-weight:900}.challenge-grid b,.challenge-grid p,.challenge-grid small{display:block}.challenge-grid b{font-size:13px}.challenge-grid p{font-size:10px;color:#9da7b6;margin:4px 0}.challenge-grid small{font-size:8px;color:#ffbd5e}.game-toast{position:fixed;right:25px;top:105px;z-index:250;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;width:320px;background:#101823ee;border:1px solid #5e3639;border-radius:12px;padding:12px;box-shadow:0 20px 50px #000;transform:translateX(380px);transition:.35s}.game-toast.show{transform:translateX(0)}.game-toast>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ed2027;color:#fff;font-size:20px;font-weight:900;box-shadow:0 0 18px #ed2027}.game-toast b{font-size:11px;color:#ffbd5e;letter-spacing:1px}.game-toast p{font-size:10px;color:#dce3ed;margin:4px 0 0}.level-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;pointer-events:none;background:#06080dcc;opacity:0;visibility:hidden;transition:.2s}.level-overlay.show{opacity:1;visibility:visible}.level-overlay>div{text-align:center;animation:levelPop .6s ease}.level-overlay span{display:block;color:#ffbd55;font-size:18px;letter-spacing:8px;font-weight:900}.level-overlay b{display:block;font-size:140px;line-height:1;color:#fff;text-shadow:0 0 45px #ef2027}.level-overlay p{color:#ef242b;font-size:18px;font-weight:900;letter-spacing:3px}@keyframes levelPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@media(max-width:1100px){.player-hud{display:none}.mission-strip{grid-template-columns:auto 1fr auto}.mission-progress,.mission-strip>b{display:none}}@media(max-width:650px){.mission-strip{grid-template-columns:auto 1fr}.mission-strip>button{display:none}.challenge-grid{grid-template-columns:1fr;padding:12px}.challenge-modal{padding:8px}.game-toast{right:10px;width:calc(100% - 20px)}}