/* PC FIT · Spec Finder UI */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.card-kicker{margin:0 0 8px;color:#d8bd62;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
#recommendCard{position:relative;overflow:hidden}
#recommendCard::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-230px;top:-250px;background:radial-gradient(circle,rgba(242,201,76,.075),transparent 68%);pointer-events:none}
.rec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:1}
.rec-head>div{max-width:830px}.rec-head h2{font-size:24px;margin:0 0 8px;letter-spacing:-.035em}.rec-head p{font-size:13px;line-height:1.65;max-width:800px}
.rec-controls{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:14px;margin-top:22px;align-items:stretch;position:relative;z-index:1}
.rec-searchbox,.rec-settingbox{background:#0c0f13;border:1px solid #2a3039;border-radius:18px;padding:17px}
.rec-searchbox{display:flex;flex-direction:column;min-height:220px}.rec-searchrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:10px}
.control-title{font-size:13px;font-weight:900;letter-spacing:-.02em;color:#f5f6f8;margin:0 0 3px}.control-title::before{content:"";display:inline-block;width:3px;height:12px;border-radius:4px;background:var(--accent);margin-right:8px;vertical-align:-1px}
.rec-searchrow input{width:100%;min-width:0;background:#15191f;border:1px solid #363d48;color:#fff;border-radius:12px;padding:13px 14px;outline:none;transition:border-color .16s,box-shadow .16s}.rec-searchrow input:focus{border-color:#866e27;box-shadow:0 0 0 3px rgba(242,201,76,.08)}
.rec-live-status{margin-top:9px;color:#88929e;font-size:11px;line-height:1.5}.rec-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:14px}.quick-chip{border:1px solid #303741;background:#13171c;color:#bdc4cd;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;cursor:pointer}.quick-chip:hover{border-color:#725f25;color:#f0d985;background:#17140c}
.rec-settingbox{display:grid;gap:10px}.rec-setting{background:#111419;border:1px solid #292f38;border-radius:14px;padding:13px}.rec-setting .control-title{margin-bottom:10px}
.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;padding:4px;border-radius:12px;background:#0b0d10;border:1px solid #252b33}.seg{border:0;background:transparent;color:#9199a4;border-radius:9px;padding:9px 8px;font-size:11px;font-weight:850;white-space:nowrap}.seg.active{background:#242a31;color:#fff;box-shadow:inset 0 0 0 1px #3a424d}.seg:hover{color:#fff}
.game-setting{display:none;grid-template-columns:1fr 1fr;gap:7px}.game-setting.show{display:grid}.game-setting .control-title{grid-column:1/-1}.game-setting select{width:100%;min-width:0;background:#15191f;color:#fff;border:1px solid #353c46;border-radius:10px;padding:9px 10px;outline:none}
.live-game-results{display:grid;gap:7px;margin-top:10px}.live-game-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #2a3039;background:#111419;border-radius:12px;padding:10px 11px}.live-game-item:hover{border-color:#50451f}.live-game-item img{width:42px;height:42px;object-fit:cover;border-radius:9px;background:#191d22}.gname{font-size:12px;font-weight:850;color:#f0f2f4}.gmeta{font-size:10px;color:#818a95;margin-top:3px}.gadd{border:1px solid #5f5020;background:#19160d;color:#f1d57b;border-radius:9px;padding:7px 9px;font-weight:850;font-size:10px}
.selected-wrap{margin-top:14px;padding:14px 15px;border:1px solid #292f38;border-radius:16px;background:#0d1014}.selected-wrap .section-label{margin:0 0 10px;color:#d6d9de;font-size:12px;text-transform:none;letter-spacing:-.01em}.selected-workloads{display:flex;gap:7px;flex-wrap:wrap;min-height:32px;align-items:center}.selected-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#1a1e24;border:1px solid #373e48;padding:7px 10px;color:#eef0f2;font-size:11px;font-weight:750}.selected-chip i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#2b3139;color:#b9c0c8;font-style:normal;line-height:1}.empty-chip{color:#78818c;font-size:11px}
.rec-actions{margin-top:14px}.rec-actions .btn{min-width:145px}.recommend-result{display:none;margin-top:20px;padding-top:20px;border-top:1px solid #242a31}.recommend-result.show{display:block}
.rec-summary{padding:17px;border-radius:17px;border:1px solid #4f441f;background:linear-gradient(135deg,#17140d,#101216)}.rec-summary h3{font-size:18px;margin:0 0 7px}.rec-summary p{font-size:12px}.rec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.rec-tags span{padding:6px 9px;border-radius:999px;background:#242117;border:1px solid #4e4526;color:#e7d89c;font-size:10px;font-weight:750}
.rec-specgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.rec-spec{min-width:0;background:#0d1014;border:1px solid #292f38;border-radius:15px;padding:13px}.rec-spec span{display:block;color:#858f9a;font-size:10px}.rec-spec b{display:block;font-size:14px;line-height:1.35;margin-top:5px;word-break:keep-all}.rec-spec small{display:block;color:#707985;font-size:10px;line-height:1.4;margin-top:5px}
.rec-models,.program-results{margin-top:18px}.rec-models .section-label,.program-results .section-label{margin:0 0 10px;color:#f0f2f4;font-size:13px;text-transform:none;letter-spacing:-.02em}.rec-modelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.model-card{position:relative;background:#0d1014;border:1px solid #2b313a;border-radius:15px;padding:15px;min-height:145px}.model-rank{display:inline-flex;padding:5px 8px;border-radius:999px;background:#1a1710;border:1px solid #55471d;color:#efcf69;font-size:9px;font-weight:900;margin-bottom:9px}.model-card>b{display:block;font-size:13px;line-height:1.35}.model-card p{font-size:11px;margin-top:6px;line-height:1.5}.model-fit{margin-top:10px;color:#a7efc2;font-size:10px;font-weight:800}
.program-list{display:grid;gap:8px}.program-card{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #293039;background:#0d1014;border-radius:14px;padding:13px}.pname b{display:block;font-size:12px}.pname span{display:block;color:#818a95;font-size:10px;margin-top:4px}.preq{font-size:11px;color:#a8b0ba;line-height:1.55}.pmatch{align-self:center;border-radius:999px;padding:6px 9px;border:1px solid #343b45;font-size:10px;font-weight:900;white-space:nowrap}.pmatch.good{background:#102018;border-color:#285a3f;color:#a5efc3}.pmatch.warn{background:#24190e;border-color:#65451f;color:#ffd39a}.pmatch.bad{background:#271114;border-color:#663137;color:#ffb2b7}.official-req{white-space:pre-line;margin-top:8px;padding:9px 10px;border-radius:10px;border:1px solid #292f38;background:#111419;color:#939ca7;font-size:10px}.official-req b{display:block;color:#d9dde2;margin-bottom:4px}.source-tag{display:inline-block;margin-top:7px;color:#6f7984;font-size:9px}
.prototype-note{margin-top:14px;color:#7f8995;font-size:10px;line-height:1.55}.prototype-note b{color:#aab2bc}
@media(max-width:940px){.rec-controls{grid-template-columns:1fr}.rec-settingbox{grid-template-columns:repeat(3,1fr)}.rec-specgrid{grid-template-columns:repeat(3,1fr)}.rec-modelgrid{grid-template-columns:1fr 1fr}.program-card{grid-template-columns:150px 1fr}.pmatch{grid-column:2;justify-self:start}.rec-setting{min-width:0}}
@media(max-width:680px){.rec-head{display:block}.rec-head .badge{margin-top:10px}.rec-settingbox{grid-template-columns:1fr}.rec-specgrid{grid-template-columns:1fr 1fr}.rec-modelgrid{grid-template-columns:1fr}.program-card{grid-template-columns:1fr}.pmatch{grid-column:auto;justify-self:start}.rec-searchrow{grid-template-columns:1fr}.rec-searchrow .btn{width:100%}.rec-actions .btn{flex:1 1 140px}.game-setting{grid-template-columns:1fr 1fr}.rec-controls{margin-top:16px}}
@media(max-width:440px){.rec-specgrid{grid-template-columns:1fr}.game-setting{grid-template-columns:1fr}.game-setting .control-title{grid-column:auto}}