*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0f0a2e;--bg-mid: #1a1145;--bg-card: #231a52;--bg-card-hover: #2d2266;--bg-surface: rgba(255, 255, 255, .05);--purple-500: #7c3aed;--purple-400: #a855f7;--purple-300: #c084fc;--pink-500: #ec4899;--green-400: #4ade80;--green-500: #22c55e;--yellow-400: #facc15;--red-400: #f87171;--red-500: #ef4444;--text: #f1f0f7;--text-dim: rgba(255, 255, 255, .6);--text-dimmer: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .08);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 4px 24px rgba(0, 0, 0, .3)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-deep);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--purple-300);text-decoration:none}a:hover{text-decoration:underline}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0a2ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text);font-size:1.15rem;font-weight:700;cursor:pointer}.nav-logo svg{color:var(--purple-400)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links button,.nav-links a{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-dim);font-size:.9rem;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-decoration:none}.nav-links button:hover,.nav-links a:hover{color:var(--text);background:var(--bg-surface)}.nav-links button.active{color:var(--purple-300);background:#7c3aed1f}.nav-download-btn{background:var(--purple-500)!important;color:#fff!important;font-weight:600!important;border-radius:var(--radius-sm)!important}.nav-download-btn:hover{background:var(--purple-400)!important}.hero{padding:8rem 1.5rem 4rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(124,58,237,.2) 0%,transparent 60%)}.hero-inner{max-width:800px;margin:0 auto}.hero-badge{display:inline-block;padding:4px 14px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:999px;font-size:.8rem;color:var(--purple-300);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,var(--purple-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-dim);max-width:600px;margin:0 auto 2rem;line-height:1.7}.hero-subtitle strong{color:var(--text)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat strong{font-size:1.8rem;font-weight:800;color:var(--purple-300)}.hero-stat span{font-size:.8rem;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--purple-500),var(--pink-500));color:#fff;box-shadow:0 2px 12px #7c3aed4d}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:#ffffff26}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius)}.section{padding:5rem 1.5rem}.section-dark{background:var(--bg-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--text-dim);max-width:600px;margin:0 auto 2.5rem}.section-subtitle strong{color:var(--text)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.75rem;color:var(--text)}.tool-card:hover{border-color:var(--purple-500);transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed26}.tool-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#7c3aed1f;border-radius:var(--radius-sm);color:var(--purple-400)}.tool-card h3{font-size:1.15rem;font-weight:700}.tool-card p{color:var(--text-dim);font-size:.9rem;line-height:1.5;flex:1}.tool-cta{color:var(--purple-300);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:2.5rem}.feature-item{display:flex;gap:1rem;padding:1rem;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border)}.feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#7c3aed1f;border-radius:var(--radius-xs);color:var(--purple-400)}.feature-item strong{font-size:.95rem;display:block;margin-bottom:2px}.feature-item p{font-size:.82rem;color:var(--text-dim);line-height:1.45}.cta-box{text-align:center;padding:2rem;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius)}.cta-note{font-size:.8rem;color:var(--text-dimmer);margin-top:.75rem}.comparison-table{max-width:700px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.comparison-header,.comparison-row{display:grid;grid-template-columns:1fr 80px 120px;gap:0}.comparison-header{background:var(--bg-card);font-weight:700;font-size:.85rem;border-bottom:1px solid var(--border)}.comparison-row{border-bottom:1px solid var(--border);font-size:.88rem}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:var(--bg-surface)}.comparison-feature{padding:10px 16px;display:flex;align-items:center}.comparison-col{padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;flex-direction:column;font-size:.78rem}.comparison-col.highlight{background:#7c3aed0f}.free-badge{display:inline-block;padding:1px 8px;background:var(--green-500);color:#000;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase}.icon-pass{color:var(--green-400)}.icon-na{color:var(--text-dimmer)}.page-section{padding:5rem 1.5rem 3rem;min-height:calc(100vh - 60px)}.page-inner{max-width:1000px;margin:0 auto}.page-inner>h1{font-size:1.8rem;display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.page-inner>h1 svg{color:var(--purple-400)}.page-subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h3{font-size:1rem;display:flex;align-items:center;gap:8px;margin-bottom:1rem}.card h3 svg{color:var(--purple-400)}.form-group{margin-bottom:1rem;position:relative}.form-group label{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:6px;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--purple-500)}.form-group select{cursor:pointer;appearance:auto}.gpu-match-info{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--green-400);margin-top:6px;padding:6px 10px;background:#4ade800f;border-radius:var(--radius-xs)}.gpu-match-info.warn{color:var(--yellow-400);background:#facc150f}.desktop-promo-inline{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--text-dim);padding:10px;background:#7c3aed0f;border-radius:var(--radius-xs);border:1px solid rgba(124,58,237,.12);margin-top:.5rem}.desktop-promo-inline svg{flex-shrink:0;color:var(--purple-400);margin-top:2px}.desktop-promo-inline a{color:var(--purple-300)}.ciri-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:300px;overflow-y:auto;z-index:50;box-shadow:var(--shadow)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:.88rem;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-card)}.dropdown-item:last-child{border-bottom:none}.dropdown-name{flex:1}.dropdown-year{color:var(--text-dimmer);font-size:.8rem}.dropdown-section-label{padding:.35rem .75rem .2rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dimmer);border-bottom:1px solid var(--border)}.selected-game-info{padding:12px;background:var(--bg-surface);border-radius:var(--radius-sm);margin-top:.5rem}.selected-game-info strong{font-size:1rem}.engine-tag,.year-tag{display:inline-block;padding:2px 8px;font-size:.72rem;border-radius:999px;margin-left:6px}.engine-tag{background:#a855f726;color:var(--purple-300)}.year-tag{background:var(--bg-surface);color:var(--text-dim)}.req-summary{margin-top:8px;font-size:.82rem;color:var(--text-dim);display:flex;flex-direction:column;gap:2px}.verdict-card{text-align:center;padding:2.5rem;border-radius:var(--radius);border:2px solid;margin-top:1rem}.verdict-yes{border-color:var(--green-500);background:#22c55e0f}.verdict-warn{border-color:var(--yellow-400);background:#facc150f}.verdict-no{border-color:var(--red-500);background:#ef44440f}.verdict-yes .verdict-icon{color:var(--green-400)}.verdict-warn .verdict-icon{color:var(--yellow-400)}.verdict-no .verdict-icon{color:var(--red-400)}.verdict-card h2{font-size:1.5rem;margin:1rem 0 .5rem}.verdict-card>p{color:var(--text-dim);max-width:500px;margin:0 auto 1.5rem}.compat-table{max-width:620px;margin:0 auto 1.5rem;text-align:left;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.07)}.compat-header,.compat-row{display:grid;grid-template-columns:70px 1fr 1fr 1fr;gap:0}.compat-header{background:#ffffff0d;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dimmer);padding:8px 12px}.compat-row{padding:8px 12px;font-size:.86rem;border-top:1px solid rgba(255,255,255,.05);align-items:center}.compat-col-label{font-weight:700;color:var(--text)}.compat-cell{display:flex;align-items:flex-start;gap:5px;color:var(--text-dim);font-size:.82rem}.compat-icon{display:flex;flex-shrink:0;margin-top:2px}.compat-text{line-height:1.4}.compat-pass .compat-icon{color:var(--green-400)}.compat-warn .compat-icon{color:var(--yellow-400)}.compat-fail .compat-icon{color:var(--red-400)}.compat-yours,.compat-yours-cell{font-weight:600;color:var(--text)}.goal-panel{max-width:580px;margin:0 auto 1.5rem;background:#facc150d;border:1px solid rgba(250,204,21,.2);border-radius:var(--radius);padding:1.25rem 1.5rem;text-align:left}.goal-panel-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem;margin-bottom:.85rem;color:var(--yellow-400)}.goal-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.goal-chip{padding:6px 14px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:.83rem;color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.goal-chip.active,.goal-chip:hover{background:#facc151f;border-color:#facc1566;color:var(--yellow-400)}.goal-suggestions{display:flex;flex-direction:column;gap:6px}.goal-suggestion-row{display:grid;grid-template-columns:160px 120px 1fr;gap:8px;align-items:baseline;font-size:.83rem;padding:5px 8px;background:#ffffff08;border-radius:var(--radius-xs)}.goal-setting{font-weight:600;color:var(--text)}.goal-value{color:var(--green-400);font-weight:600}.goal-reason{color:var(--text-dimmer);font-size:.78rem}.inline-compat{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid;margin-bottom:1rem;font-size:.86rem}.inline-compat-yes{border-color:#4ade804d;background:#4ade800f}.inline-compat-warn{border-color:#facc154d;background:#facc150f}.inline-compat-no{border-color:#ef44444d;background:#ef44440f}.inline-compat-yes .inline-compat-icon{color:var(--green-400)}.inline-compat-warn .inline-compat-icon{color:var(--yellow-400)}.inline-compat-no .inline-compat-icon{color:var(--red-400)}.inline-compat-icon{display:flex;align-items:center;flex-shrink:0}.inline-compat-text{flex:1}.inline-compat-check-btn{padding:4px 10px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:.78rem;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.inline-compat-check-btn:hover{border-color:#fff6;color:var(--text)}.fps-estimates{font-size:.88rem;color:var(--text-dim);padding:12px;background:var(--bg-surface);border-radius:var(--radius-sm);max-width:400px;margin:0 auto 1rem;text-align:left}.req-notes,.req-notes-detail{margin:0 auto 1rem;max-width:500px;text-align:left}.req-note{display:flex;align-items:flex-start;gap:6px;font-size:.82rem;color:var(--text-dim);margin-bottom:4px}.req-note svg{flex-shrink:0;color:var(--purple-400);margin-top:2px}.verdict-cta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.verdict-cta p{margin-bottom:.75rem;font-size:.9rem;color:var(--text-dim)}.browser-controls{margin-bottom:1.5rem}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.search-bar svg{color:var(--text-dimmer);flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;outline:none}.search-bar input::placeholder{color:var(--text-dimmer)}.clear-btn{background:none;border:none;color:var(--text-dimmer);cursor:pointer;padding:4px}.clear-btn:hover{color:var(--text)}.filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--purple-500);color:var(--text)}.chip.active{background:#7c3aed26;border-color:var(--purple-500);color:var(--purple-300)}.result-count{font-size:.8rem;color:var(--text-dimmer);margin-left:auto}.loading-state{text-align:center;padding:3rem;color:var(--text-dim)}.game-list{display:flex;flex-direction:column;gap:8px}.game-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 20px;cursor:pointer;transition:all .15s;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text);width:100%}.game-list-item:hover{border-color:var(--purple-500);background:var(--bg-card-hover);transform:translate(4px);box-shadow:0 4px 12px #7c3aed1a}.game-item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.game-name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-year{font-size:.8rem;color:var(--text-dimmer);flex-shrink:0}.game-item-meta{display:flex;align-items:center;gap:24px;flex-shrink:0}.game-item-tags{display:flex;gap:6px}.game-item-badges{display:flex;gap:8px;width:180px;justify-content:flex-end}.tag{padding:2px 10px;font-size:.75rem;border-radius:999px;background:var(--bg-surface);color:var(--text-dim)}.tag-engine{background:#a855f71f;color:var(--purple-300);font-weight:500}.badge{padding:3px 8px;font-size:.65rem;border-radius:var(--radius-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-reqs{background:#4ade8014;color:var(--green-400);border:1px solid rgba(74,222,128,.15)}.badge-settings{background:#7c3aed14;color:var(--purple-300);border:1px solid rgba(124,58,237,.15)}.item-arrow{color:var(--text-dimmer);transition:all .2s;flex-shrink:0}.game-list-item:hover .item-arrow{color:var(--purple-400);transform:translate(2px)}.load-more{display:block;margin:2.5rem auto 0}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--purple-300);font-size:.88rem;cursor:pointer;padding:6px 0;margin-bottom:1rem}.back-btn:hover{text-decoration:underline}.game-detail-header{margin-bottom:2rem}.game-detail-header h1{font-size:2rem;margin-bottom:.5rem}.game-detail-meta{display:flex;gap:6px;flex-wrap:wrap}.detail-section{margin-bottom:2.5rem}.detail-section h2{font-size:1.2rem;display:flex;align-items:center;gap:8px;margin-bottom:1rem}.detail-section h2 svg{color:var(--purple-400)}.reqs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.req-card{padding:1.25rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.req-min{background:var(--bg-surface)}.req-rec{background:#7c3aed0f;border-color:#7c3aed33}.req-card h3{font-size:.9rem;margin-bottom:.75rem;display:flex;align-items:center;gap:6px}.req-rec h3{color:var(--purple-300)}.req-rec h3 svg{color:var(--purple-400)}.req-line{display:flex;align-items:flex-start;gap:6px;font-size:.85rem;margin-bottom:6px;color:var(--text-dim)}.req-line svg{flex-shrink:0;color:var(--text-dimmer);margin-top:2px}.req-line strong{color:var(--text);margin-right:2px}.fps-card{padding:1rem;background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:1rem}.fps-card h3{font-size:.88rem;display:flex;align-items:center;gap:6px;margin-bottom:.5rem;color:var(--purple-300)}.fps-card div{font-size:.85rem;color:var(--text-dim);margin-bottom:2px}.req-notes-detail{max-width:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:1.5rem}.setting-card{padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.setting-name{font-weight:600;font-size:.9rem;margin-bottom:6px}.setting-values{display:flex;flex-wrap:wrap;gap:4px}.setting-value{padding:2px 8px;font-size:.72rem;border-radius:var(--radius-xs);background:var(--bg-surface);color:var(--text-dim)}.setting-format{display:inline-block;padding:2px 8px;font-size:.72rem;border-radius:var(--radius-xs);background:#7c3aed1a;color:var(--purple-300);margin-top:6px}.desktop-promo-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius)}.desktop-promo-card>svg{flex-shrink:0;color:var(--purple-400)}.desktop-promo-card div{flex:1}.desktop-promo-card strong{display:block;margin-bottom:2px}.desktop-promo-card p{font-size:.82rem;color:var(--text-dim)}.desktop-promo-card .btn{flex-shrink:0;white-space:nowrap}.no-data-card{padding:2rem;text-align:center;color:var(--text-dim);background:var(--bg-surface);border-radius:var(--radius)}.footer{padding:2rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-mid)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}.footer-brand svg{color:var(--purple-400)}.footer-links{display:flex;gap:1.5rem}.footer-links a{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-dim)}.footer-links a:hover{color:var(--purple-300)}.footer-copy{font-size:.75rem;color:var(--text-dimmer);width:100%;text-align:center;margin-top:.5rem}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:#0f0a2ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;padding:1rem;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links button,.nav-links a{width:100%;justify-content:flex-start;padding:12px 16px}.hero{padding:6rem 1rem 3rem}.hero h1{font-size:1.8rem}.hero-stats{gap:1rem}.ciri-grid,.reqs-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{grid-template-columns:1fr 60px 90px;font-size:.8rem}.comparison-feature{font-size:.78rem;padding:8px 10px}.tools-grid,.features-grid,.game-grid,.settings-grid{grid-template-columns:1fr}.desktop-promo-card{flex-direction:column;text-align:center}.desktop-promo-card .btn{width:100%;justify-content:center}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}.compat-header,.compat-row{grid-template-columns:55px 1fr 1fr 1fr;font-size:.78rem}.goal-suggestion-row{grid-template-columns:1fr;gap:2px}.goal-reason{display:none}.optimize-setup-grid{grid-template-columns:1fr}.browse-search-bar{max-width:100%}.optimize-goal-header{flex-wrap:wrap}.goal-resolution-note{margin-left:0}}.settings-rec-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.settings-rec-header h2{margin:0}.settings-gpu-picker{position:relative;display:flex;align-items:center;gap:.4rem;font-size:.83rem}.sgp-label{color:var(--text-dimmer);white-space:nowrap}.sgp-chip{display:flex;align-items:center;gap:2px}.settings-gpu-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.8rem;cursor:pointer;white-space:nowrap}.settings-gpu-btn:hover{border-color:var(--purple-500);color:var(--text)}.settings-gpu-btn.has-gpu{border-color:#7c3aed66;color:var(--purple-300);background:#7c3aed14}.settings-gpu-btn svg{flex-shrink:0}.sgp-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--text-dimmer);cursor:pointer;border-radius:4px}.sgp-clear:hover{color:var(--red-400);background:#f8717114}.settings-gpu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;z-index:60}.sgp-search-wrap{padding:8px 10px;border-bottom:1px solid var(--border)}.sgp-search-wrap input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);padding:6px 10px;font-size:.82rem;outline:none}.sgp-search-wrap input:focus{border-color:var(--purple-500)}.no-gpu-hint{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-dimmer);font-style:italic;margin-bottom:1rem}.no-gpu-hint svg{flex-shrink:0;color:var(--purple-400)}.gpu-tier-summary{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-dim);margin-bottom:1rem;padding:8px 12px;background:#4ade800d;border:1px solid rgba(74,222,128,.15);border-radius:var(--radius-sm)}.gpu-tier-summary svg{color:var(--green-400);flex-shrink:0}.settings-by-category{display:flex;flex-direction:column;gap:.25rem}.settings-category-group{margin-bottom:1.25rem}.settings-category-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dimmer);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.setting-card-v2{display:flex;align-items:center;padding:9px 12px;background:var(--bg-surface);border-radius:var(--radius-xs);margin-bottom:4px;gap:.75rem;overflow:hidden}.setting-name-v2{font-size:.85rem;font-weight:500;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-values-area{display:flex;flex-wrap:wrap;gap:3px;align-items:center;min-width:0;flex-shrink:1;max-width:55%}.rec-col{width:130px;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;padding-left:.75rem;border-left:1px solid var(--border)}.rec-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;font-size:.73rem;font-weight:600;white-space:nowrap}.rec-badge.quality{background:#4ade801a;color:var(--green-400);border:1px solid rgba(74,222,128,.2)}.rec-badge.perf{background:#facc1514;color:var(--yellow-400);border:1px solid rgba(250,204,21,.2)}.rec-badge.neutral{background:#a855f71a;color:var(--purple-300);border:1px solid rgba(168,85,247,.2)}.setting-values-v2{display:flex;flex-wrap:wrap;gap:3px}.setting-val-chip{padding:2px 7px;background:var(--bg-card);border-radius:var(--radius-xs);font-size:.7rem;color:var(--text-dimmer);border:1px solid transparent}.setting-val-chip.recommended{background:#4ade8014;color:var(--green-400);border-color:#4ade8040;font-weight:600}.settings-show-all-btn{margin-top:1rem;padding:.45rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:var(--purple-300);font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s;width:100%;text-align:center}.settings-show-all-btn:hover{background:#6366f133;border-color:#6366f180}.optimize-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}.optimize-hw-card,.optimize-game-card{position:relative}.label-required{color:var(--red-400);font-size:.8rem}.label-hint{color:var(--text-dimmer);font-weight:400;font-size:.78rem}.clear-gpu-link{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:.75rem;color:var(--text-dimmer);background:none;border:none;cursor:pointer;padding:0}.clear-gpu-link:hover{color:var(--red-400)}.advanced-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--purple-400);font-size:.82rem;cursor:pointer;padding:6px 0;margin-top:.25rem;transition:color .15s}.advanced-toggle:hover{color:var(--purple-300)}.advanced-hw-panel{margin-top:.5rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.75rem}.resolution-chips{display:flex;gap:6px}.res-chip{padding:5px 12px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:.82rem;color:var(--text-dim);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.res-chip.active{background:#6366f126;border-color:#6366f166;color:var(--purple-300)}.selected-game-card{margin-top:.75rem;padding:.85rem;background:#6366f112;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm)}.sgc-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:.4rem}.sgc-header strong{font-size:.95rem}.sgc-detail-link{display:flex;align-items:center;gap:3px;font-size:.75rem;color:var(--purple-400);background:none;border:none;cursor:pointer;white-space:nowrap}.sgc-detail-link:hover{color:var(--purple-300)}.sgc-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.5rem}.sgc-reqs{display:flex;gap:1rem;font-size:.8rem;color:var(--text-dim);flex-wrap:wrap}.badge-mini{display:inline-block;font-size:.68rem;padding:1px 5px;border-radius:4px;font-weight:600;margin-left:3px}.badge-mini.badge-reqs{background:#6366f126;color:var(--purple-300)}.badge-mini.badge-settings{background:#22c55e1f;color:var(--green-400)}.optimize-empty-hint{display:flex;align-items:center;gap:8px;margin-top:1rem;padding:.75rem;background:#ffffff08;border-radius:var(--radius-sm);font-size:.84rem;color:var(--text-dimmer)}.optimize-empty-hint svg{color:var(--purple-400);flex-shrink:0}.optimize-results{margin-bottom:2rem}.optimize-goal-section{background:var(--bg-surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.optimize-goal-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;margin-bottom:.85rem;color:var(--text)}.optimize-goal-header svg{color:var(--purple-400)}.goal-resolution-note{margin-left:auto;font-size:.8rem;color:var(--text-dimmer);display:flex;align-items:center;gap:4px}.res-inline-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:none;color:var(--purple-400);font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline;text-decoration-style:dotted}.goal-panel-ok-note{display:flex;align-items:flex-start;gap:7px;margin-top:.75rem;padding:.6rem .75rem;background:#4ade8012;border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-sm);font-size:.84rem;color:var(--green-400)}.goal-panel-ok-note svg{flex-shrink:0;margin-top:1px}.optimize-settings-section{background:var(--bg-surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.optimize-settings-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem;flex-wrap:wrap}.optimize-settings-header h2{font-size:1.05rem;margin:0;display:flex;align-items:center;gap:8px}.link-btn{background:none;border:none;color:var(--purple-400);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.optimize-browse-strip{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07)}.optimize-browse-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.optimize-browse-header h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0;color:var(--text-dim)}.browse-search-bar{max-width:300px;flex:1}.browse-compact .game-list-item{padding:8px 12px}.browse-compact .game-name{font-size:.88rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}