:root{--bg:#0c0e14;--panel:#141720;--panel2:#1b1f2b;--line:#2b3040;--muted:#9da5b7;--text:#f5f6fa;--lime:#7ba8ff;--green:#7ba8ff;--mint:#d8e6ff;--max:1240px;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',system-ui,sans-serif;line-height:1.65}h1,h2,h3,h4,.brand{font-family:Inter,'Segoe UI',system-ui,sans-serif}p{color:#a6adbe}h2{font-size:clamp(29px,3.3vw,43px);letter-spacing:-.045em}h3{letter-spacing:-.025em}.container{width:min(var(--max),calc(100% - 64px))}.site-header{background:#0c0e14ed;border-bottom:1px solid #ffffff0e;backdrop-filter:blur(20px)}.header-inner{min-height:86px}.brand{font-size:25px;letter-spacing:-1.2px}.brand b,.brand-accent{color:#91b6ff}.brand-mark{width:33px;height:33px;border-radius:9px;color:white;background:#467cf1;box-shadow:0 0 25px #467cf12b;transform:rotate(-5deg)}.top-nav{gap:27px}.top-nav a{font-size:12px;font-weight:600;color:#a3aabb}.top-nav a[aria-current=page]{color:#fff}.btn{border-radius:8px;padding:14px 21px;font-weight:650;letter-spacing:.01em;font-size:13px}.btn-primary{background:#7ba8ff;color:#071327;border-color:#7ba8ff;box-shadow:0 4px 20px #4279e51a}.btn-primary:hover{background:#a5c3ff;border-color:#a5c3ff}.btn-outline{background:#ffffff04;color:#e1e6f2;border-color:#383e4e}.btn-outline:hover{background:#ffffff09;border-color:#7ba8ff}.btn-ghost{color:#c3cbdd}.eyebrow{color:#91b6ff;font-size:10px;letter-spacing:2px;font-weight:700}.hero.new-hero{background:radial-gradient(ellipse at 78% 35%,#2c397d28,transparent 52%);border-bottom:1px solid var(--line);padding-bottom:34px}.new-hero .hero-layout{min-height:595px;padding:70px 0 65px;gap:70px;grid-template-columns:1.08fr 1fr}.new-hero h1{font-size:clamp(49px,6vw,84px);line-height:1.03;letter-spacing:-.065em;font-weight:730;margin:26px 0}.new-hero h1 em{color:#88aeff;font-style:normal}.hero-desc{font-size:17px;max-width:480px;line-height:1.85}.hero-actions{gap:12px;margin-top:32px}.hero-actions .btn{min-height:52px}.hero-actions .btn span{margin-left:20px}.hero-caption{font-size:11px;color:#777f91;margin-top:23px}.live-dot{display:inline-block;width:6px;height:6px;background:#8eb3ff;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #7ba8ff}.rig-stage{min-height:420px;position:relative;isolation:isolate;background:linear-gradient(145deg,#20263870,#11141d);border:1px solid #333b50;border-radius:18px;overflow:hidden;padding:23px 25px}.rig-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:28px 28px;z-index:-1}.rig-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#929bb2}.rig-tag{color:#b3cbff;border:1px solid #435475;border-radius:4px;padding:4px 7px}.rig-orbit{position:absolute;width:290px;height:290px;border:1px solid #6279c232;border-radius:50%;top:65px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 35px #6279c208,0 0 0 70px #6279c205;z-index:-1}.pc-tower{width:208px;height:270px;position:relative;margin:33px auto 30px;transform:perspective(900px) rotateY(-19deg) rotateX(5deg);filter:drop-shadow(0 24px 25px #0009)}.pc-glass{position:absolute;inset:0 41px 0 0;background:linear-gradient(130deg,#1d263eeb,#10131cf5);border:2px solid #4a536b;border-radius:8px 0 0 8px;box-shadow:inset 0 0 25px #598aff13}.pc-front{position:absolute;right:0;top:0;width:44px;height:100%;background:#191d29;border:2px solid #515c76;border-left:0;border-radius:0 9px 9px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.pc-front i{width:29px;height:52px;border:3px solid #8c9dff;border-radius:50%;box-shadow:0 0 10px #667fff,inset 0 0 10px #667fff;background:repeating-conic-gradient(#7ba8ff30 0 30deg,#101727 30deg 60deg)}.pc-cpu{position:absolute;top:47px;left:40px;width:52px;height:52px;border:2px solid #81b3ff;background:#202c47;box-shadow:0 0 20px #5a87f449;display:grid;place-items:center;font-size:18px;font-weight:800;color:#bdd5ff}.pc-pipe{position:absolute;top:25px;left:62px;width:61px;height:48px;border-top:6px solid #4b5d8a;border-right:6px solid #4b5d8a;border-radius:0 15px 0 0}.pc-ram{position:absolute;top:55px;right:16px;width:5px;height:64px;background:#aaa9ff;box-shadow:-10px 0 #7ba8ff,0 0 14px #7ba8ff}.pc-gpu{position:absolute;left:12px;right:9px;bottom:70px;height:30px;background:#2c354b;border:1px solid #697b9b;border-bottom:3px solid #8c9dff;display:flex;align-items:center;padding-left:9px;box-shadow:0 4px 15px #667fff33}.pc-gpu span{font-size:6px;letter-spacing:1px;color:#c3cee8}.pc-psu{position:absolute;left:0;right:0;bottom:0;height:43px;background:#202534;border-top:1px solid #3a435b;padding:14px;font-size:7px;letter-spacing:1px;color:#8a98b7}.pc-power{position:absolute;right:16px;top:12px;width:5px;height:5px;border-radius:50%;background:#bacfff}.rig-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;padding-top:17px}.rig-bottom small{display:block;font-size:8px;letter-spacing:1.4px;color:#818ba4}.rig-bottom strong{font-size:17px;font-weight:600}.rig-bottom a{display:grid;place-items:center;width:36px;height:36px;background:#7ba8ff;color:#101b30;border-radius:50%;text-decoration:none;font-size:23px}.quick-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-routes>a{display:flex;gap:15px;align-items:center;text-decoration:none;border:1px solid #2c3140;border-radius:10px;padding:21px 18px;background:#141720;transition:border-color .2s,transform .2s}.quick-routes>a:hover{border-color:#7ba8ff;transform:translateY(-3px)}.route-icon{font-size:11px;color:#91b6ff;background:#7ba8ff12;padding:9px;border-radius:6px}.quick-routes strong{display:block;font-size:13px;font-weight:600}.quick-routes small{display:block;font-size:10px;color:#8992a7;margin-top:3px}.quick-routes b{margin-left:auto;color:#8da1c9}.site-section{padding:76px 0}.alt-bg{background:#10131b;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.section-heading p{font-size:14px;max-width:610px;margin-top:16px}.panel,.guide-card,.game-card,.spec-box,.builder-fields,.builder-results,.catalog-card{background:#141720;border-color:#2c3140;border-radius:12px;box-shadow:none}.panel{padding:29px}.panel p,.guide-card p{font-size:13px}.step-no{color:#86adff;font-size:10px;letter-spacing:1.5px}.feature-symbol{color:#91b6ff;background:#7ba8ff12;border-radius:9px;width:42px;height:42px;display:grid;place-items:center}.game-card{transition:transform .2s,border-color .2s}.game-card:hover,.guide-card:hover,.catalog-card:hover{border-color:#6179a4;transform:translateY(-2px)}.game-initials{border-radius:8px;background:linear-gradient(140deg,var(--cover,#536785),#202532);box-shadow:inset 0 0 0 1px #ffffff13}.game-arrow{border-color:#ffffff0c;color:#9ba6bc}.game-arrow b{color:#91b6ff}.text-link,.content a{color:#91b6ff}.callout{background:linear-gradient(120deg,#1a2640,#171b2b);border-color:#3a4e77;border-radius:16px;padding:38px}.page-hero{padding:55px 0 34px;border-bottom:1px solid #ffffff0a;margin-bottom:25px}.page-hero h1{font-size:clamp(36px,4.5vw,59px);letter-spacing:-.055em}.crumbs a{color:#a4b8df}.notice,.subtle-box,.sidebar-card{background:#192131;border-color:#364967;color:#b7c4dc}.steam-library{background:#10131b;border:1px solid #2b3040;border-radius:14px;padding:28px;margin-bottom:60px}.library-tools input,.library-tools select,.text-input,.field select,.field input,.search-tools input{background:#0d1018;border-color:#343c50;border-radius:7px}.catalog-badge,.save-game,#comparison a{color:#91b6ff}.catalog-card{padding:22px}.catalog-title h3{font-size:20px}.catalog-actions .btn{border-radius:6px}.compare-tray{background:#1c2942;border-color:#4a6597}.selected-chip{background:#223353;border-color:#4a6597;color:#d9e7ff}.game-option{background:#191e2b;border-color:#343e53}.result-price,.mock-price{background:#1b2942;border-color:#425c8d}.site-footer{background:#090b10;border-top:1px solid #232938;padding-top:50px}.footer-top p{color:#7f899d}.footer-links a{color:#adb6c8}.footer-note{color:#737e94}.site-header .site-menu a{color:#c6d4f3}.brand-period{color:#91b6ff}#comparison th{background:#1d263a}#comparison td,#comparison th{border-color:#303c52}.catalog-card dt,.fineprint{color:#9ca7bd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4c2ff;outline-offset:3px}
@media(max-width:1000px){.top-nav{gap:16px}.header-cta{display:none}.new-hero .hero-layout{gap:30px}.quick-routes>a{padding:17px 12px;gap:10px}.quick-routes strong{font-size:12px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{min-height:71px;flex-wrap:wrap;gap:0;padding:17px 0 0}.brand{font-size:23px}.top-nav{display:flex;order:3;width:100%;margin:14px 0 0;gap:24px;overflow-x:auto;padding:0 0 14px;white-space:nowrap;scrollbar-width:none}.top-nav a{font-size:11px}.new-hero .hero-layout{grid-template-columns:1fr;padding:44px 0 30px;gap:35px}.new-hero h1{font-size:clamp(48px,9vw,68px)}.hero-desc{font-size:15px}.hero-actions .btn{font-size:12px;padding:13px 16px}.hero-caption{font-size:10px}.rig-stage{min-height:365px;padding:20px;max-width:530px;width:100%;margin:auto}.pc-tower{height:230px;width:180px;margin:25px auto}.pc-front i{height:43px;width:26px}.pc-cpu{left:30px}.pc-pipe{left:52px}.pc-gpu span{font-size:5px}.quick-routes{grid-template-columns:1fr;gap:8px}.quick-routes>a{padding:16px}.quick-routes strong{font-size:13px}.quick-routes small{font-size:11px}.site-section{padding:49px 0}.section-header-row{gap:18px;align-items:start}.section-heading{margin-bottom:23px}.callout{padding:26px}.page-hero{padding-top:34px}.steam-library{padding:20px 14px}.builder-fields,.builder-results{padding:20px}.library-tools{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

button.tier-pill{font:inherit;cursor:pointer;color:var(--text);width:100%;text-align:center;transition:border-color .15s,background .15s}button.tier-pill:hover{border-color:var(--lime)}button.tier-pill[aria-pressed="true"]{border-color:var(--lime)}

.brand-mark{font-size:12px;letter-spacing:-.7px;font-weight:850}.brand{letter-spacing:-1.1px}
