/* Refined required-first calculator layout */
:root{--accent-cyan:#37e5ff;--accent-violet:#8b5cf6;--accent-pink:#ff4fd8;--accent-lime:#b7ff3c;--panel-deep:#080d1a;--panel-soft:#0d1427;--line-bright:rgba(90,219,255,.25)}
.nav-actions{margin-inline-start:auto}.header-language-dropdown{display:none!important}
.brand-mark{display:grid;place-items:center}.brand-mark i{font-size:1.1rem}
.mobile-language-title{display:flex;align-items:center;gap:.55rem}
.calculator-refined{position:relative}
.setup-card{position:relative;overflow:visible;border-color:rgba(55,229,255,.26);background:linear-gradient(145deg,rgba(13,20,39,.96),rgba(8,13,26,.98));box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 0 1px rgba(139,92,246,.05) inset}
.setup-glow{position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit}.setup-glow:before{content:"";position:absolute;width:360px;height:360px;right:-140px;top:-220px;background:radial-gradient(circle,rgba(55,229,255,.22),transparent 68%)}.setup-glow:after{content:"";position:absolute;width:300px;height:300px;left:-150px;bottom:-210px;background:radial-gradient(circle,rgba(255,79,216,.14),transparent 70%)}
.setup-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;position:relative}.setup-header .card-title{font-size:clamp(1.35rem,2.4vw,2rem);gap:.75rem}.setup-header .card-title i{color:var(--accent-cyan);filter:drop-shadow(0 0 14px rgba(55,229,255,.4))}
.setup-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.36rem .68rem;border-radius:999px;background:rgba(183,255,60,.1);border:1px solid rgba(183,255,60,.22);color:var(--accent-lime);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem}
.setup-progress{min-width:76px;aspect-ratio:1;display:grid;place-items:center;align-content:center;border-radius:22px;background:linear-gradient(145deg,rgba(55,229,255,.1),rgba(139,92,246,.12));border:1px solid rgba(55,229,255,.22);box-shadow:inset 0 0 22px rgba(55,229,255,.05)}.setup-progress span{font-size:1.35rem;font-weight:900;color:#fff}.setup-progress small{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan)}
.required-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;position:relative}.required-field{min-width:0;padding:1rem;border-radius:18px;background:rgba(3,7,18,.46);border:1px solid rgba(148,163,184,.13);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.required-field:hover{border-color:var(--line-bright);transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.required-field>.label{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;font-weight:800}.required-field>.label>i{color:var(--accent-cyan)}.required-field:nth-child(2)>.label>i{color:var(--accent-violet)}.required-field:nth-child(3)>.label>i{color:var(--accent-pink)}.required-field:nth-child(4)>.label>i{color:var(--accent-lime)}
.field-required{color:#ff6b8a}.required-field .count-note{margin-inline-start:auto;font-size:.68rem;color:#9ddfff;background:rgba(55,229,255,.08);border:1px solid rgba(55,229,255,.16);padding:.18rem .45rem;border-radius:999px}
.required-field .select-wrap{position:relative;z-index:auto}.required-field .select-wrap.open{z-index:120}.required-field .dropdown{z-index:150;max-height:min(420px,58vh)}.required-field .options{max-height:330px;overflow-y:auto;overscroll-behavior:contain}
.native-select-shell{position:relative;display:flex;align-items:center}.native-select-shell>i:first-child{position:absolute;left:1rem;color:var(--accent-lime);pointer-events:none;z-index:2}.native-select-shell .native-select{appearance:none;padding-left:2.75rem;padding-right:2.75rem;min-height:58px;background:linear-gradient(180deg,rgba(13,20,39,.98),rgba(8,13,26,.98));border:1px solid rgba(183,255,60,.24);font-weight:700;color:#f8fbff}.native-select-shell .native-select:focus{border-color:var(--accent-lime);box-shadow:0 0 0 3px rgba(183,255,60,.1),0 0 24px rgba(183,255,60,.08)}.select-chevron{position:absolute;right:1rem;color:#b8c4df;pointer-events:none}.resolution-help{margin-top:.55rem!important}
.advanced-settings-panel{overflow:hidden;border-color:rgba(139,92,246,.22);background:linear-gradient(145deg,rgba(12,18,35,.96),rgba(8,12,25,.96))}.advanced-settings-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.35rem;user-select:none}.advanced-settings-panel>summary::-webkit-details-marker{display:none}.advanced-summary-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(255,79,216,.12));border:1px solid rgba(139,92,246,.3);color:#c4b5fd;font-size:1.1rem}.advanced-settings-panel summary span:nth-child(2){display:grid;gap:.22rem;flex:1}.advanced-settings-panel summary strong{font-size:1.03rem;color:#fff}.advanced-settings-panel summary small{color:#8f9bb6;font-size:.78rem}.advanced-chevron{color:#a9b5ce;transition:transform .25s ease}.advanced-settings-panel[open] .advanced-chevron{transform:rotate(180deg)}
.advanced-content{padding:0 1.35rem 1.35rem;display:grid;gap:1rem}.advanced-group{padding:1rem;border-radius:16px;background:rgba(3,7,18,.42);border:1px solid rgba(148,163,184,.11)}.advanced-group h3{display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem;font-size:.92rem;color:#eaf3ff}.advanced-group h3 i{color:#a78bfa}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.advanced-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-field{min-width:0}.advanced-field .label{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.advanced-field .label i{color:#65dcff}.advanced-field .native-select{min-height:48px;background:#0a1020;border-color:rgba(148,163,184,.16)}
.refined-action{background:linear-gradient(145deg,rgba(8,13,26,.98),rgba(13,20,39,.98));border-color:rgba(55,229,255,.18)}.refined-action .fps-calc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:58px;padding-inline:2rem;background:linear-gradient(100deg,#14c9ff,#7558ff 52%,#e644c8);box-shadow:0 12px 34px rgba(64,103,255,.25)}.refined-action .fps-calc-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(88,89,255,.36)}.refined-action .fps-calc-btn:disabled{background:#1a2336;color:#6d7890;box-shadow:none}.refined-action p i{margin-inline-end:.35rem;color:var(--accent-cyan)}
.card-title i,.fps-card-title i{margin-inline-end:.15rem}.select-icon i{color:var(--accent-cyan)}
@media(max-width:900px){.required-grid,.advanced-grid.three{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr}.setup-header{align-items:flex-start}.setup-progress{min-width:66px}}
@media(max-width:720px){.nav-actions{margin-inline-start:auto}.setup-header{padding:1rem}.setup-card .card-content{padding:1rem}.required-grid{gap:.85rem}.required-field{padding:.85rem}.setup-progress{display:none}.advanced-settings-panel>summary{padding:1rem}.advanced-summary-icon{width:42px;height:42px}.advanced-settings-panel summary small{line-height:1.45}.advanced-content{padding:0 .9rem .9rem}.refined-action .fps-calc-btn{width:100%;padding-inline:1rem}.native-select-shell .native-select{font-size:.86rem}.required-field .dropdown{position:fixed;left:12px;right:12px;top:84px;bottom:14px;max-height:none;width:auto}.required-field .options{max-height:calc(100vh - 170px)}}


/* Responsive dropdown reliability patch v4 */
html,body{max-width:100%;overflow-x:hidden}
.calculator-refined,.setup-card,.setup-card .card-content,.required-grid,.required-field,.select-wrap{min-width:0}
.required-grid{isolation:isolate}
.required-field{position:relative;z-index:1}
.required-field:hover{transform:none!important}
.required-field.dropdown-active{z-index:5000;border-color:rgba(55,229,255,.5);box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 0 1px rgba(55,229,255,.12)}
.select-wrap{width:100%;max-width:100%}
.select-wrap.open{z-index:6000}
.select-btn{width:100%;max-width:100%;min-width:0;overflow:hidden}
.select-btn>.select-left{flex:1;min-width:0;overflow:hidden}
.select-btn>.select-left>span:not(.select-icon){min-width:0;max-width:100%}
.select-btn>span:last-child{flex:0 0 auto;margin-inline-start:.55rem}
.select-placeholder,.select-name,.select-specs{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.dropdown{left:0!important;right:auto!important;width:100%;min-width:0;max-width:min(100%,680px);top:calc(100% + 8px)!important;bottom:auto!important;max-height:var(--dropdown-max-height,min(520px,65vh));transform:none!important;contain:layout paint;z-index:2147483001!important}
.select-wrap.drop-up .dropdown{top:auto!important;bottom:calc(100% + 8px)!important}
.search-row{display:flex;align-items:center;gap:.65rem;min-width:0}
.search-input{min-width:0;flex:1}
.dropdown-close{display:none;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(104,173,255,.26);border-radius:12px;background:linear-gradient(135deg,rgba(139,92,255,.22),rgba(0,229,255,.08));color:#fff;cursor:pointer;font-size:17px;align-items:center;justify-content:center}
.dropdown-close:hover,.dropdown-close:focus-visible{border-color:rgba(55,229,255,.65);box-shadow:0 0 0 3px rgba(55,229,255,.1);outline:none}
.options{min-width:0;overflow-x:hidden!important}
.option{min-width:0;max-width:100%;align-items:flex-start!important}
.option>span:first-child{min-width:0;max-width:100%;overflow-wrap:anywhere}
.option-name,.option-specs,.option-score{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.native-select-shell,.native-select{width:100%;max-width:100%;min-width:0}
.native-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-backdrop{position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:rgba(0,4,14,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:dropdownFade .16s ease-out}
@keyframes dropdownFade{from{opacity:0}to{opacity:1}}

@media(max-width:1024px){
  body.dropdown-modal-open{overflow:hidden;touch-action:none}
  .select-wrap.open .dropdown{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:max(74px,env(safe-area-inset-top))!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:min(calc(100vw - 24px),680px)!important;
    max-width:680px!important;
    max-height:none!important;
    transform:translateX(-50%)!important;
    border-radius:20px!important;
    display:flex!important;
    flex-direction:column;
    contain:layout paint;
  }
  .select-wrap.drop-up .dropdown{top:max(74px,env(safe-area-inset-top))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
  .select-wrap.open .options{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  .select-wrap.open .search-row{position:relative;top:auto;flex:0 0 auto;padding:12px!important}
  .select-wrap.open .dropdown-close{display:inline-flex}
  .required-field.dropdown-active{z-index:7000}
}

@media(max-width:560px){
  .select-wrap.open .dropdown{left:8px!important;right:8px!important;top:max(66px,env(safe-area-inset-top))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;transform:none!important;border-radius:17px!important}
  .select-btn{min-height:56px;height:auto;padding:9px 10px}
  .select-icon{font-size:18px}
  .option{padding:12px 10px!important;margin:3px 5px;gap:8px}
  .option-name{font-size:13px}
  .option-specs,.option-score{font-size:11px}
  .hide-mobile{display:none!important}
  .native-select{font-size:14px!important;padding-inline-start:2.5rem!important;padding-inline-end:2.4rem!important}
}
/* Fixed-position dropdowns must not be trapped by glass-card containing blocks. */
.setup-card,.setup-card .card-content,.calculator-refined,.required-grid,.required-field{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;perspective:none!important;contain:none!important}

/* Dropdown portal layer v5: prevents every card/grid stacking context from clipping menus. */
.dropdown.portal-open{display:flex!important;position:fixed!important;z-index:2147483646!important;flex-direction:column;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;max-width:none!important;max-height:none!important;transform:none!important;contain:layout paint;background:#080f23!important}
.dropdown.portal-desktop{left:var(--dd-left)!important;top:var(--dd-top)!important;width:var(--dd-width)!important;max-height:var(--dd-max-height)!important}
.dropdown.portal-desktop.drop-up{top:auto!important;bottom:var(--dd-bottom)!important}
.dropdown.portal-desktop .options{flex:1;min-height:0;max-height:calc(var(--dd-max-height) - 72px)!important}
.dropdown.portal-mobile{left:50%!important;right:auto!important;top:max(74px,env(safe-area-inset-top))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:min(calc(100vw - 24px),680px)!important;transform:translateX(-50%)!important;border-radius:20px!important}
.dropdown.portal-mobile .options{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
.dropdown.portal-mobile .search-row{position:relative!important;top:auto!important;flex:0 0 auto}
.dropdown.portal-mobile .dropdown-close{display:inline-flex}
.dropdown-backdrop{pointer-events:auto!important;z-index:2147483645!important}
@media(max-width:560px){.dropdown.portal-mobile{left:8px!important;right:8px!important;top:max(66px,env(safe-area-inset-top))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important;border-radius:17px!important}}

/* =========================================================
   Modern dropdown + results dashboard v6
   ========================================================= */
:root{
  --modern-bg:#050816;
  --modern-panel:#0a1022;
  --modern-panel-2:#0d1530;
  --modern-line:rgba(151,171,255,.16);
  --modern-text:#f5f7ff;
  --modern-muted:#94a0bd;
  --modern-cyan:#4de8ff;
  --modern-blue:#5f7cff;
  --modern-violet:#9b6cff;
  --modern-pink:#ff5ecf;
  --modern-lime:#9cf56b;
  --modern-amber:#ffba52;
}

/* Modern required dropdown controls */
.modern-select-btn{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:72px!important;
  padding:11px 13px!important;
  border-radius:17px!important;
  border:1px solid rgba(140,162,255,.2)!important;
  background:
    linear-gradient(180deg,rgba(16,25,54,.98),rgba(8,14,32,.98)) padding-box,
    linear-gradient(135deg,rgba(77,232,255,.35),rgba(155,108,255,.18),rgba(255,94,207,.24)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}
.modern-select-btn:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(77,232,255,.05),transparent 36%,rgba(155,108,255,.07));
}
.modern-select-btn:hover{
  border-color:rgba(77,232,255,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 34px rgba(0,0,0,.26),0 0 0 3px rgba(77,232,255,.055)!important;
}
.select-wrap.open .modern-select-btn{
  border-color:rgba(77,232,255,.8)!important;
  box-shadow:0 0 0 4px rgba(77,232,255,.11),0 16px 42px rgba(0,0,0,.32)!important;
}
.modern-select-btn .select-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.modern-select-btn .select-icon{
  position:relative;
  width:45px;height:45px;min-width:45px;
  display:grid;place-items:center;
  border-radius:14px;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(77,232,255,.18),rgba(95,124,255,.17));
  border:1px solid rgba(77,232,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.16);
}
.required-field:nth-child(2) .modern-select-btn .select-icon{background:linear-gradient(145deg,rgba(155,108,255,.23),rgba(255,94,207,.12));border-color:rgba(155,108,255,.28)}
.required-field:nth-child(3) .modern-select-btn .select-icon{background:linear-gradient(145deg,rgba(255,94,207,.2),rgba(255,186,82,.1));border-color:rgba(255,94,207,.25)}
.modern-select-btn .select-icon i{font-size:1rem;color:inherit!important}
.select-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;text-align:left;flex:1}
[dir="rtl"] .select-copy{text-align:right;align-items:flex-start}
.modern-select-btn .select-name,.modern-select-btn .select-placeholder{display:block;max-width:100%;font-size:.94rem;font-weight:800;color:#f8fbff;line-height:1.15}
.modern-select-btn .select-placeholder{color:#c5cce0;font-weight:700}
.modern-select-btn .select-specs,.modern-select-btn .select-hint{display:block;max-width:100%;font-size:.69rem;line-height:1.25;color:#8190af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-end{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.select-ready{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(156,245,107,.12);border:1px solid rgba(156,245,107,.26);color:var(--modern-lime);font-size:.68rem}
.select-arrow{color:#8997b6;font-size:.78rem;transition:transform .22s ease,color .22s ease}
.select-wrap.open .select-arrow{transform:rotate(180deg);color:var(--modern-cyan)}

/* Searchable dropdown panel */
.modern-dropdown{
  overflow:hidden!important;
  border:1px solid rgba(128,153,255,.26)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#0e1732 0%,#070d1e 100%)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.56),0 0 0 1px rgba(77,232,255,.05) inset!important;
}
.modern-dropdown .search-row{
  position:sticky;
  top:0;
  z-index:3;
  padding:12px!important;
  background:linear-gradient(180deg,rgba(14,23,50,.99),rgba(11,18,40,.96));
  border-bottom:1px solid rgba(136,156,227,.13);
}
.modern-dropdown .search-icon{position:absolute;left:27px;z-index:2;color:#7182a8;font-size:.84rem;pointer-events:none}
[dir="rtl"] .modern-dropdown .search-icon{left:auto;right:27px}
.modern-dropdown .search-input{
  width:100%;height:48px!important;
  padding:0 44px!important;
  border-radius:14px!important;
  border:1px solid rgba(129,151,230,.19)!important;
  background:rgba(3,8,22,.82)!important;
  color:#f8fbff!important;
  font-size:.86rem!important;
  font-weight:650;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.modern-dropdown .search-input:focus{border-color:rgba(77,232,255,.68)!important;box-shadow:0 0 0 3px rgba(77,232,255,.09)!important}
.modern-dropdown .search-input::placeholder{color:#657392}
.modern-dropdown .options{padding:7px!important;scrollbar-width:thin;scrollbar-color:rgba(95,124,255,.48) transparent}
.modern-dropdown .options::-webkit-scrollbar{width:8px}
.modern-dropdown .options::-webkit-scrollbar-thumb{background:linear-gradient(var(--modern-blue),var(--modern-violet));border-radius:20px;border:2px solid #090f22}
.modern-option{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
  gap:12px!important;
  padding:11px 12px!important;
  margin:3px 0!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.modern-option:hover{background:linear-gradient(90deg,rgba(77,232,255,.08),rgba(155,108,255,.07))!important;border-color:rgba(77,232,255,.16)!important;transform:translateX(2px)}
[dir="rtl"] .modern-option:hover{transform:translateX(-2px)}
.modern-option.is-selected{background:linear-gradient(90deg,rgba(95,124,255,.15),rgba(155,108,255,.12))!important;border-color:rgba(120,141,255,.27)!important}
.modern-option .option-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.option-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.modern-option .option-name{font-size:.86rem!important;font-weight:800;color:#eef3ff;line-height:1.25;white-space:normal!important;overflow:visible!important}
.modern-option .badge{font-size:.58rem;padding:.18rem .42rem;border-radius:999px}
.modern-option .option-specs{display:block!important;font-size:.68rem!important;color:#7e8caa;line-height:1.3;white-space:normal!important;overflow:visible!important}
.option-score-row{display:flex;justify-content:space-between;gap:14px;font-size:.63rem;color:#6f7d9d;margin-top:2px}
.option-score-row strong{color:#bcc7df;font-size:.66rem}
.option-meter{display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.option-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--modern-cyan),var(--modern-blue),var(--modern-violet));box-shadow:0 0 10px rgba(77,232,255,.35)}
.option-check{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;color:var(--modern-lime);font-size:.7rem}
.modern-option.is-selected .option-check{background:rgba(156,245,107,.1);border:1px solid rgba(156,245,107,.22)}
.no-options{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#8290ac;padding:24px}
.no-options[hidden]{display:none!important}.no-options i{font-size:1.5rem;color:#6577a3}.no-options strong{color:#d7def1}

/* Native dropdowns also receive a modern shell */
.native-select-shell .modern-native-select,.advanced-field .native-select{
  border-radius:15px!important;
  border:1px solid rgba(129,151,230,.2)!important;
  background:linear-gradient(180deg,#0d1630,#080e20)!important;
  color:#eef3ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.native-select-shell .modern-native-select:hover,.advanced-field .native-select:hover{border-color:rgba(77,232,255,.38)!important}
.native-select-shell .modern-native-select:focus,.advanced-field .native-select:focus{border-color:rgba(77,232,255,.72)!important;box-shadow:0 0 0 4px rgba(77,232,255,.09)!important;outline:none!important}

/* Results dashboard */
.modern-results{position:relative}
.modern-results:before{content:"";position:absolute;inset:-80px -10vw auto;height:480px;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(80,112,255,.14),transparent 40%),radial-gradient(circle at 70% 20%,rgba(255,94,207,.09),transparent 38%);filter:blur(20px);z-index:-1}
.result-command-card{
  overflow:hidden;
  position:relative;
  border:1px solid rgba(127,149,245,.19);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(13,22,48,.98),rgba(6,11,27,.99));
  box-shadow:0 30px 85px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
}
.result-command-card:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-250px;background:radial-gradient(circle,rgba(77,232,255,.16),transparent 68%);pointer-events:none}
.result-command-card:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-180px;bottom:-260px;background:radial-gradient(circle,rgba(155,108,255,.15),transparent 70%);pointer-events:none}
.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(133,151,220,.12);position:relative;z-index:1}
.result-back-btn{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 13px;border-radius:12px;border:1px solid rgba(134,153,220,.18);background:rgba(4,9,23,.48);color:#dce4f8;font-weight:750;cursor:pointer;transition:.18s ease}
.result-back-btn:hover{border-color:rgba(77,232,255,.45);color:#fff;transform:translateY(-1px)}
.result-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(156,245,107,.18);border-radius:999px;background:rgba(156,245,107,.07);color:#c6fbae;font-size:.69rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.result-live-pill>span{width:7px;height:7px;border-radius:50%;background:var(--modern-lime);box-shadow:0 0 12px rgba(156,245,107,.9);animation:resultPulse 1.9s ease-in-out infinite}
@keyframes resultPulse{50%{opacity:.45;transform:scale(.8)}}
.result-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(245px,.75fr) minmax(0,1.65fr);gap:24px;padding:28px}
.fps-dial-wrap{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:23px;background:linear-gradient(145deg,rgba(4,9,24,.7),rgba(11,18,40,.64));border:1px solid rgba(119,141,230,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.fps-dial{--ring:260deg;width:205px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(from 218deg,var(--modern-cyan) 0deg,var(--modern-violet) var(--ring),rgba(255,255,255,.07) var(--ring) 360deg);box-shadow:0 0 50px rgba(95,124,255,.19)}
.fps-dial:before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(145deg,#0c1530,#060b1b);box-shadow:inset 0 0 40px rgba(0,0,0,.46)}
.fps-dial:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(77,232,255,.12)}
.fps-dial-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1}
.fps-dial-inner span{font-size:clamp(3.2rem,6vw,4.5rem);font-weight:950;letter-spacing:-.07em;color:#fff;text-shadow:0 0 28px rgba(77,232,255,.22)}
.fps-dial-inner small{margin-top:8px;font-size:.8rem;font-weight:900;letter-spacing:.25em;color:var(--modern-cyan)}
.dial-caption{text-align:center;display:grid;gap:5px}.dial-caption strong{font-size:1rem;color:#fff}.dial-caption span{max-width:260px;color:#8794b1;font-size:.74rem;line-height:1.45}
.result-summary-panel{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:10px 4px}
.result-game-line{display:flex;align-items:center;gap:14px}.result-game-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,rgba(95,124,255,.28),rgba(155,108,255,.2));border:1px solid rgba(136,146,255,.25);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.result-game-line>div>span{display:block;color:#7080a2;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.result-game-line h1{margin:0;color:#fff;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.08}.result-game-line p{margin:.35rem 0 0;color:#98a5c1;font-size:.8rem}
.result-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.result-stat{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border-radius:16px;background:rgba(4,9,23,.5);border:1px solid rgba(130,149,222,.12)}
.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;flex:0 0 auto}.stat-icon.violet{background:rgba(155,108,255,.13);color:#c09dff}.stat-icon.cyan{background:rgba(77,232,255,.11);color:#7aeeff}.stat-icon.lime{background:rgba(156,245,107,.1);color:#aef584}.stat-icon.amber{background:rgba(255,186,82,.1);color:#ffc569}
.result-stat>div{min-width:0;display:flex;flex-direction:column;gap:3px}.result-stat small{color:#7d8aa7;font-size:.65rem;font-weight:750}.result-stat strong{color:#f6f8ff;font-size:1.05rem;line-height:1.15;white-space:normal}.result-stat strong em{font-style:normal;font-size:.63rem;color:#8e9bb5;font-weight:700}.result-stat .limiter-balanced{color:var(--modern-lime)}.result-stat .limiter-cpu{color:#ffbd6c}.result-stat .limiter-gpu{color:#78e9ff}
.refresh-track{padding:13px 14px;border-radius:15px;background:linear-gradient(90deg,rgba(95,124,255,.07),rgba(77,232,255,.045));border:1px solid rgba(111,140,255,.13)}
.refresh-track-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:#8e9bb5;font-size:.67rem}.refresh-track-head strong{color:#dbe3f6}.refresh-track-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden}.refresh-track-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--modern-blue),var(--modern-cyan),var(--modern-lime));box-shadow:0 0 16px rgba(77,232,255,.35)}

.modern-section-card{overflow:hidden!important;border-radius:24px!important;border-color:rgba(127,148,235,.15)!important;background:linear-gradient(145deg,rgba(11,18,39,.97),rgba(6,11,26,.98))!important;box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important}
.modern-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.modern-card-header .card-title{margin-top:5px;font-size:1.22rem}.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#7deeff;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.section-kicker i{font-size:.65rem}.impact-badge{display:flex;flex-direction:column;align-items:flex-end;min-width:105px;padding:10px 12px;border-radius:13px;font-size:.95rem;font-weight:900}.impact-badge small{font-size:.62rem}.impact-badge.positive{color:#bff99e;background:rgba(156,245,107,.08);border:1px solid rgba(156,245,107,.18)}.impact-badge.negative{color:#ff9ba9;background:rgba(255,94,123,.08);border:1px solid rgba(255,94,123,.18)}
.resolution-modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.resolution-modern-item{position:relative;min-width:0;padding:15px;border-radius:17px;background:rgba(4,9,23,.5);border:1px solid rgba(128,148,216,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.resolution-modern-item:hover{transform:translateY(-2px);border-color:rgba(77,232,255,.26)}.resolution-modern-item.selected{background:linear-gradient(145deg,rgba(95,124,255,.14),rgba(77,232,255,.07));border-color:rgba(77,232,255,.42);box-shadow:0 12px 30px rgba(0,0,0,.2),0 0 0 1px rgba(77,232,255,.05) inset}.resolution-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.resolution-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(95,124,255,.1);color:#9aabff}.selected-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(156,245,107,.09);border:1px solid rgba(156,245,107,.16);color:#baf998;font-size:.56rem;font-weight:850;text-transform:uppercase}.resolution-modern-item h3{margin:13px 0 8px;color:#aeb9d0;font-size:.72rem;line-height:1.35;font-weight:720}.resolution-fps{display:flex;align-items:flex-end;gap:6px}.resolution-fps strong{font-size:1.75rem;color:#fff;line-height:1;font-weight:950;letter-spacing:-.04em}.resolution-fps span{font-size:.62rem;color:#7785a4;font-weight:800;margin-bottom:3px}.resolution-meter{height:5px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.resolution-meter i{display:block;height:100%;border-radius:inherit}.resolution-meter i.ultra{background:linear-gradient(90deg,#7d6cff,#4de8ff)}.resolution-meter i.smooth{background:linear-gradient(90deg,#4de8ff,#9cf56b)}.resolution-meter i.playable{background:linear-gradient(90deg,#ffba52,#f4dc61)}.resolution-meter i.low{background:linear-gradient(90deg,#ff5e7b,#ff9668)}
.advanced-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.advanced-modern-item{display:flex;gap:11px;min-width:0;padding:13px;border-radius:15px;background:rgba(4,9,23,.45);border:1px solid rgba(128,147,216,.11)}.advanced-modern-icon{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(145deg,rgba(155,108,255,.14),rgba(77,232,255,.07));color:#b399ff}.advanced-modern-item>div{min-width:0}.advanced-modern-item small{display:block;color:#7785a2;font-size:.62rem;margin-bottom:4px}.advanced-modern-item strong{display:block;color:#ecf1ff;font-size:.8rem;line-height:1.25}.advanced-modern-item p{margin:5px 0 0;color:#66728e;font-size:.6rem;line-height:1.35}.advanced-impact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.advanced-impact-strip>div{padding:12px 13px;border-radius:14px;background:linear-gradient(90deg,rgba(95,124,255,.07),rgba(77,232,255,.035));border:1px solid rgba(111,138,238,.12)}.advanced-impact-strip span{display:block;color:#75829e;font-size:.62rem;margin-bottom:4px}.advanced-impact-strip strong{display:block;color:#e9eeff;font-size:.76rem;line-height:1.35}
.hardware-modern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(250px,.9fr);gap:12px}.hardware-component,.game-requirements-modern{min-width:0;padding:15px;border-radius:17px;background:rgba(4,9,23,.48);border:1px solid rgba(128,147,216,.11)}.hardware-component{display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px;align-items:center}.hardware-image-wrap{position:relative;width:70px;height:70px;border-radius:15px;overflow:hidden;background:#0a1125;border:1px solid rgba(129,150,224,.14)}.hardware-image-wrap img{width:100%;height:100%;object-fit:cover}.hardware-type{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:6px;background:rgba(2,6,18,.82);color:#bcd0ff;font-size:.52rem;font-weight:900}.hardware-component h3{margin:0 0 5px;color:#f1f5ff;font-size:.84rem;line-height:1.3}.hardware-component p{margin:0;color:#7b89a6;font-size:.64rem}.hardware-score{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#707e9b;font-size:.59rem}.hardware-score strong{color:#cbd5ec}.hardware-score-bar{height:4px;margin-top:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.hardware-score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--modern-violet),var(--modern-cyan))}.game-requirements-modern h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#f0f4ff;font-size:.83rem}.game-requirements-modern h3 i{color:var(--modern-cyan)}.game-requirements-modern .system-line{padding:7px 0;border-color:rgba(130,148,216,.09)}.optimization-modern{margin-top:11px;padding-top:10px;border-top:1px solid rgba(130,148,216,.1)}.optimization-modern>span{display:block;color:#7784a0;font-size:.61rem;margin-bottom:7px}

/* Existing secondary result cards follow the new visual system */
.modern-results .other-games-card,.modern-results .compare-card,.modern-results .share-card{border-radius:22px!important;border-color:rgba(127,148,235,.14)!important;background:linear-gradient(145deg,rgba(10,17,37,.97),rgba(5,10,24,.98))!important;box-shadow:0 20px 52px rgba(0,0,0,.18)!important}
.modern-results .other-game-card{border-radius:16px!important;background:rgba(4,9,23,.5)!important;border-color:rgba(128,147,216,.12)!important}
.modern-results .btn{border-radius:12px}

@media(max-width:1024px){
  .result-hero-grid{grid-template-columns:1fr;gap:16px}.fps-dial-wrap{min-height:285px}.result-summary-panel{padding:4px}.hardware-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-requirements-modern{grid-column:1/-1}.advanced-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-impact-strip{grid-template-columns:1fr}
}
@media(max-width:720px){
  .modern-select-btn{min-height:66px!important;padding:9px 10px!important;border-radius:15px!important}.modern-select-btn .select-icon{width:41px;height:41px;min-width:41px;border-radius:12px}.modern-select-btn .select-name,.modern-select-btn .select-placeholder{font-size:.86rem}.modern-select-btn .select-hint{display:none}.select-ready{display:none}
  .result-toolbar{padding:13px 14px}.result-back-btn span{display:none}.result-back-btn{width:40px;padding:0;justify-content:center}.result-live-pill{font-size:.6rem;padding:7px 9px}.result-hero-grid{padding:16px}.fps-dial-wrap{min-height:250px}.fps-dial{width:170px}.result-summary-panel{gap:15px}.result-game-icon{width:46px;height:46px;border-radius:14px}.result-stat-grid{grid-template-columns:1fr}.result-stat{padding:11px}.modern-card-header{align-items:flex-start!important}.impact-badge{min-width:92px}.resolution-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-modern-grid{grid-template-columns:1fr}.hardware-modern-grid{grid-template-columns:1fr}.game-requirements-modern{grid-column:auto}.modern-section-card{border-radius:20px!important}
}
@media(max-width:430px){
  .result-game-line h1{font-size:1.28rem}.result-game-line p{font-size:.7rem}.resolution-modern-grid{grid-template-columns:1fr}.fps-dial{width:155px}.fps-dial-wrap{min-height:230px}.fps-dial-inner span{font-size:3rem}.hardware-component{grid-template-columns:58px minmax(0,1fr)}.hardware-image-wrap{width:58px;height:58px}.modern-dropdown .search-row{padding:10px!important}.modern-dropdown .search-icon{left:23px}.modern-dropdown .search-input{height:44px!important}.modern-option{padding:10px!important}
}


/* Conditional advanced-result visibility and graphical FPS comparison v7 */
.result-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.fps-graph-shell{margin-top:22px;padding:20px;border:1px solid rgba(122,147,230,.15);border-radius:20px;background:linear-gradient(145deg,rgba(4,10,25,.72),rgba(10,14,34,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.fps-graph-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.fps-graph-head h3{margin:6px 0 0;color:#f4f7ff;font-size:1rem;line-height:1.4}.fps-graph-note{display:inline-flex;align-items:center;gap:8px;max-width:260px;padding:9px 11px;border-radius:12px;background:rgba(77,232,255,.07);border:1px solid rgba(77,232,255,.13);color:#8ea1c6;font-size:.68rem;line-height:1.4}.fps-graph-note i{color:#4de8ff}
.fps-graph-body{display:grid;gap:10px}.fps-graph-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid transparent;border-radius:14px;transition:.18s ease}.fps-graph-row:hover{background:rgba(255,255,255,.018);border-color:rgba(126,146,219,.09)}.fps-graph-row.is-current{background:linear-gradient(90deg,rgba(92,108,255,.1),rgba(77,232,255,.025));border-color:rgba(92,126,255,.22)}
.fps-graph-label{display:flex;align-items:center;gap:9px;min-width:0;color:#cfd8ed;font-size:.72rem;font-weight:800}.fps-graph-label i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(112,125,255,.11);color:#93a4ff;flex:0 0 auto}.fps-graph-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fps-graph-series{display:grid;gap:7px}.fps-graph-line{display:grid;grid-template-columns:88px minmax(80px,1fr) 52px;gap:10px;align-items:center}.fps-graph-line>span{color:#7f8daa;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.fps-graph-line>strong{color:#f4f7ff;text-align:right;font-size:.72rem;font-variant-numeric:tabular-nums}.fps-graph-track{height:9px;border-radius:999px;background:rgba(126,144,209,.1);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.28)}.fps-graph-track i{display:block;height:100%;min-width:3%;border-radius:inherit;background:linear-gradient(90deg,#706dff,#4de8ff);box-shadow:0 0 16px rgba(77,232,255,.25)}.fps-graph-line.low .fps-graph-track{height:6px}.fps-graph-line.low .fps-graph-track i{background:linear-gradient(90deg,#9b6cff,#ff72c7);box-shadow:0 0 13px rgba(255,114,199,.18)}.fps-graph-line.low>strong{color:#d8c4ff}
.fps-graph-axis{display:grid;grid-template-columns:repeat(5,1fr);padding:9px 0 0 calc(220px + 14px + 98px);color:#52617f;font-size:.58rem;font-weight:750}.fps-graph-axis span{text-align:center}.fps-graph-axis span:first-child{text-align:left}.fps-graph-axis span:last-child{text-align:right}
@media(max-width:760px){.fps-graph-shell{padding:15px}.fps-graph-head{display:block}.fps-graph-note{margin-top:12px;max-width:none}.fps-graph-row{grid-template-columns:1fr;gap:9px;padding:10px}.fps-graph-label span{white-space:normal}.fps-graph-line{grid-template-columns:72px minmax(60px,1fr) 44px;gap:8px}.fps-graph-axis{padding-left:80px}}
@media(max-width:420px){.fps-graph-shell{padding:12px;border-radius:16px}.fps-graph-line{grid-template-columns:60px minmax(50px,1fr) 38px;gap:6px}.fps-graph-line>span{font-size:.54rem}.fps-graph-line>strong{font-size:.64rem}.fps-graph-axis{padding-left:66px;font-size:.5rem}}


/* Browser-detectable system information */
.system-detect-card{position:relative;overflow:hidden;border:1px solid rgba(124,92,255,.32);background:linear-gradient(145deg,rgba(18,22,42,.98),rgba(9,13,29,.98));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)}
.system-detect-card::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(34,211,238,.06),transparent 38%,rgba(168,85,247,.08));pointer-events:none}
.system-card-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.35;pointer-events:none}.system-card-orb-one{width:220px;height:220px;right:-70px;top:-100px;background:#7c5cff}.system-card-orb-two{width:150px;height:150px;left:-60px;bottom:-80px;background:#22d3ee}
.system-detect-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 28px 20px}
.system-head-copy{max-width:780px}.system-eyebrow-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.system-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.system-context-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(168,85,247,.32);border-radius:999px;background:rgba(168,85,247,.1);color:#d8b4fe;font-size:12px;font-weight:800}
.system-detect-head h2{margin:10px 0 8px;font-size:clamp(23px,3vw,34px);line-height:1.1;color:#f8fafc}.system-detect-head p{margin:0;color:#aeb8d0;line-height:1.65;font-size:14px}
.system-scan-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid rgba(34,211,238,.38);border-radius:13px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(124,92,255,.2));color:#ecfeff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 12px 30px rgba(34,211,238,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.system-scan-button:hover{transform:translateY(-2px);border-color:#67e8f9;box-shadow:0 16px 38px rgba(34,211,238,.15)}.system-scan-button:focus-visible{outline:3px solid rgba(34,211,238,.24);outline-offset:3px}.system-detect-card.is-scanning .system-scan-button i{animation:system-spin .9s linear infinite}@keyframes system-spin{to{transform:rotate(360deg)}}
.system-info-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 28px 22px}.system-info-item{min-width:0;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(148,163,184,.14);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:border-color .2s ease,transform .2s ease,background .2s ease}.system-info-item:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.055)}.system-info-wide{grid-column:span 3}.system-info-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(34,211,238,.17),rgba(124,92,255,.19));color:#67e8f9;box-shadow:inset 0 0 0 1px rgba(103,232,249,.12)}.system-info-item>div{min-width:0}.system-info-item small{display:block;margin-bottom:5px;color:#8f9bb4;font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.system-info-item strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#f8fafc;font-size:14px;white-space:nowrap}.system-info-wide strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.system-local-note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:9px;margin:0;padding:15px 28px;border-top:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.24);color:#91a0bc;font-size:12px;line-height:1.55}.system-local-note i{margin-top:2px;color:#a7f3d0}
@media(max-width:820px){.system-detect-head{flex-direction:column;padding:22px 20px 17px}.system-scan-button{width:100%}.system-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 18px}.system-info-wide{grid-column:span 2}.system-local-note{padding:14px 20px}}
@media(max-width:520px){.system-detect-head{padding:20px 16px 15px}.system-detect-head h2{font-size:24px}.system-info-grid{grid-template-columns:1fr;gap:9px;padding:0 16px 16px}.system-info-wide{grid-column:auto}.system-info-item{padding:13px}.system-info-item strong,.system-info-wide strong{font-size:13px;white-space:normal;overflow-wrap:anywhere}.system-local-note{padding:13px 16px}.system-context-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.system-scan-button,.system-info-item{transition:none}.system-detect-card.is-scanning .system-scan-button i{animation-duration:1.8s}}


/* CPU brand artwork supplied for AMD Ryzen and Intel Core */
.cpu-logo-shell{
  width:74px!important;
  min-width:74px!important;
  height:48px!important;
  padding:4px!important;
  overflow:hidden;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(1,5,14,.92))!important;
  border-color:rgba(255,255,255,.12)!important;
}
.cpu-brand-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:9px;
  user-select:none;
  pointer-events:none;
}
.cpu-brand-amd{background:#151513;object-fit:cover}
.cpu-brand-intel{background:#0874c9;object-fit:contain}
.cpu-brand-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--modern-cyan)}
.option-vendor-logo{
  width:58px;
  min-width:58px;
  height:43px;
  display:grid;
  place-items:center;
  padding:3px;
  overflow:hidden;
  border-radius:11px;
  border:1px solid rgba(140,162,255,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(2,7,18,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.18);
}
.option-vendor-logo .cpu-brand-image{border-radius:8px}
.modern-option:has(.cpu-brand-amd):hover{border-color:rgba(255,124,45,.32)!important;background:linear-gradient(90deg,rgba(255,105,37,.10),rgba(155,108,255,.06))!important}
.modern-option:has(.cpu-brand-intel):hover{border-color:rgba(37,167,255,.34)!important;background:linear-gradient(90deg,rgba(20,133,255,.10),rgba(77,232,255,.055))!important}
.system-detect-card{margin-top:clamp(12px,2vw,24px)}
@media(max-width:760px){
  .cpu-logo-shell{width:60px!important;min-width:60px!important;height:42px!important;padding:3px!important}
  .option-vendor-logo{width:50px;min-width:50px;height:39px}
  .modern-option{gap:9px!important}
}
@media(max-width:420px){
  .cpu-logo-shell{width:53px!important;min-width:53px!important;height:39px!important}
  .option-vendor-logo{width:45px;min-width:45px;height:36px}
}


/* GPU brand artwork supplied for AMD Radeon and NVIDIA GeForce RTX */
.gpu-logo-shell{
  width:74px!important;
  min-width:74px!important;
  height:48px!important;
  padding:4px!important;
  overflow:hidden;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(1,5,14,.92))!important;
  border-color:rgba(255,255,255,.12)!important;
}
.gpu-brand-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:9px;
  user-select:none;
  pointer-events:none;
}
.gpu-brand-amd{background:#1f1312;object-fit:cover}
.gpu-brand-nvidia{background:#8ec63d;object-fit:cover}
.gpu-brand-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--modern-cyan)}
.option-vendor-logo .gpu-brand-image{border-radius:8px}
.modern-option:has(.gpu-brand-amd):hover{border-color:rgba(255,88,58,.32)!important;background:linear-gradient(90deg,rgba(255,88,58,.12),rgba(255,170,0,.055))!important}
.modern-option:has(.gpu-brand-nvidia):hover{border-color:rgba(111,214,30,.34)!important;background:linear-gradient(90deg,rgba(124,188,0,.12),rgba(115,255,162,.055))!important}
@media(max-width:760px){
  .gpu-logo-shell{width:60px!important;min-width:60px!important;height:42px!important;padding:3px!important}
}
@media(max-width:420px){
  .gpu-logo-shell{width:53px!important;min-width:53px!important;height:39px!important}
}

/* Transparent estimate disclosure */
.estimate-disclosure{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border:1px solid rgba(56,189,248,.28);border-radius:16px;background:linear-gradient(135deg,rgba(8,47,73,.72),rgba(30,27,75,.66));color:#dbeafe;box-shadow:0 14px 34px rgba(2,6,23,.2)}
.estimate-disclosure>i{color:#67e8f9;font-size:1.05rem;margin-top:2px}
.estimate-disclosure div{display:grid;gap:4px;min-width:0}.estimate-disclosure strong{color:#f8fafc;font-size:.94rem}.estimate-disclosure span{color:#bfdbfe;font-size:.82rem;line-height:1.55}
@media(max-width:640px){.estimate-disclosure{padding:13px 14px;border-radius:14px}.estimate-disclosure span{font-size:.78rem}}


/* Hardware summary: use the supplied local CPU and GPU brand artwork */
.hardware-brand-wrap{display:grid;place-items:center;padding:7px 7px 18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(2,7,20,.94));isolation:isolate}
.hardware-brand-wrap .cpu-brand-image,.hardware-brand-wrap .gpu-brand-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;border-radius:10px;position:relative;z-index:1}
.hardware-brand-wrap .cpu-brand-fallback,.hardware-brand-wrap .gpu-brand-fallback{display:grid;width:100%;height:100%;place-items:center;font-size:1.4rem}
.hardware-brand-wrap .hardware-type{z-index:2;left:6px;bottom:5px;background:rgba(2,6,18,.9);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.24)}
.hardware-cpu-brand:has(.cpu-brand-intel){background:linear-gradient(145deg,rgba(0,113,197,.22),rgba(2,7,20,.94))}
.hardware-cpu-brand:has(.cpu-brand-amd){background:linear-gradient(145deg,rgba(244,81,30,.16),rgba(2,7,20,.94))}
.hardware-gpu-brand:has(.gpu-brand-nvidia){background:linear-gradient(145deg,rgba(118,185,0,.18),rgba(2,7,20,.94))}
.hardware-gpu-brand:has(.gpu-brand-amd){background:linear-gradient(145deg,rgba(237,28,36,.16),rgba(2,7,20,.94))}
.hardware-brand-note{display:flex;align-items:flex-start;gap:8px;margin:13px 2px 0;color:#7786a5;font-size:.66rem;line-height:1.5}
.hardware-brand-note i{margin-top:2px;color:#58d9f7}
@media(max-width:640px){.hardware-brand-wrap{padding:6px 6px 16px}.hardware-brand-note{font-size:.62rem}}


/* Unique FPS tools V13: presets, heatmap, transparent factors, upgrade lab, share links and history */
.goal-preset-panel{margin-top:26px;padding-top:24px;border-top:1px solid rgba(123,145,255,.16)}
.goal-preset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.goal-preset-head h3{margin:5px 0 6px;font-size:1.2rem;color:#f7f9ff}.goal-preset-head p{margin:0;color:#9aa7c7;max-width:720px}.goal-selected-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(75,236,190,.38);border-radius:999px;background:rgba(75,236,190,.09);color:#67f4c8;font-size:.78rem;font-weight:800;white-space:nowrap}.goal-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.goal-preset-btn{position:relative;display:flex;align-items:center;gap:11px;min-height:88px;padding:14px;border:1px solid rgba(127,149,214,.17);border-radius:16px;background:linear-gradient(145deg,rgba(15,22,48,.94),rgba(7,12,31,.96));color:#eaf0ff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.goal-preset-btn:hover{transform:translateY(-2px);border-color:rgba(94,226,255,.48);box-shadow:0 14px 36px rgba(0,0,0,.24)}.goal-preset-btn.is-active{border-color:#62e6ff;background:linear-gradient(145deg,rgba(15,52,76,.96),rgba(21,18,64,.96));box-shadow:0 0 0 1px rgba(98,230,255,.18),0 16px 44px rgba(32,190,255,.14)}.goal-preset-btn>span:nth-child(2){display:grid;gap:5px;min-width:0}.goal-preset-btn strong{font-size:.9rem}.goal-preset-btn small{font-size:.72rem;line-height:1.35;color:#929fc0}.goal-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:linear-gradient(135deg,rgba(93,228,255,.16),rgba(152,93,255,.18));color:#65e9ff}.goal-check{position:absolute;top:9px;right:9px;color:#69f0c1}
.fps-heatmap-card{overflow:hidden}.heatmap-scroll{overflow-x:auto;padding-bottom:5px}.fps-heatmap{width:100%;min-width:680px;border-collapse:separate;border-spacing:8px}.fps-heatmap th,.fps-heatmap td{border-radius:12px;padding:13px;text-align:center}.fps-heatmap thead th{background:rgba(83,104,166,.12);color:#9faccc;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.fps-heatmap tbody th{min-width:225px;background:rgba(10,16,37,.9);border:1px solid rgba(129,151,214,.13);text-align:left;color:#e9efff}.fps-heatmap tbody th i{margin-right:9px;color:#68e8ff}.fps-heatmap tbody th span{display:inline}.fps-heatmap tbody th em{display:block;margin:5px 0 0 25px;color:#67f4c8;font-size:.7rem;font-style:normal}.fps-heatmap td{min-width:92px;border:1px solid transparent;transition:transform .2s ease}.fps-heatmap td:hover{transform:translateY(-2px)}.fps-heatmap td strong{display:block;font-size:1.18rem}.fps-heatmap td small{font-size:.68rem;color:rgba(255,255,255,.72)}.fps-heatmap td.heat-excellent{background:linear-gradient(145deg,rgba(28,189,125,.23),rgba(16,105,91,.15));border-color:rgba(66,241,177,.25);color:#7bf7ca}.fps-heatmap td.heat-smooth{background:linear-gradient(145deg,rgba(36,174,231,.22),rgba(67,87,203,.15));border-color:rgba(98,226,255,.24);color:#78eaff}.fps-heatmap td.heat-playable{background:linear-gradient(145deg,rgba(240,168,52,.22),rgba(170,102,30,.13));border-color:rgba(255,190,80,.24);color:#ffd072}.fps-heatmap td.heat-low{background:linear-gradient(145deg,rgba(233,70,109,.2),rgba(130,36,74,.13));border-color:rgba(255,102,141,.24);color:#ff9bb6}.fps-heatmap td.is-current{box-shadow:0 0 0 2px #f5f7ff,0 0 24px rgba(100,226,255,.22)}.heatmap-legend{display:flex;align-items:center;gap:8px;margin:12px 5px 0;color:#8f9bbb;font-size:.8rem}.heatmap-legend i{color:#66e8ff}
.factor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.factor-item{display:flex;gap:12px;min-height:142px;padding:17px;border:1px solid rgba(126,147,210,.14);border-radius:17px;background:linear-gradient(145deg,rgba(11,17,39,.9),rgba(8,12,29,.96))}.factor-item>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:rgba(102,232,255,.1);color:#67e9ff}.factor-item div{min-width:0}.factor-item small{display:block;color:#8f9bbc;font-size:.72rem;text-transform:uppercase;letter-spacing:.055em}.factor-item strong{display:block;margin:7px 0;color:#f4f7ff;line-height:1.25}.factor-item p{margin:0;color:#7f8cab;font-size:.74rem;line-height:1.45}
.unique-compare-wrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:16px}.upgrade-compare-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:18px}.current-build-panel,.proposed-build-panel{padding:18px;border:1px solid rgba(126,147,210,.15);border-radius:18px;background:rgba(7,12,30,.76)}.build-panel-label{display:inline-flex;margin-bottom:13px;color:#76eaff;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.build-chip{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:11px;border-radius:14px;background:rgba(18,26,55,.72)}.build-chip img{width:42px;height:42px;object-fit:contain;border-radius:9px}.build-chip>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(103,232,255,.11)}.build-chip div{min-width:0}.build-chip small{display:block;color:#8290b2}.build-chip strong{display:block;color:#f1f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-build-panel>p{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:#8f9bbc;font-size:.78rem}.compare-select-block{margin-bottom:15px}.compare-select-block>label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#b7c3df;font-size:.78rem;font-weight:800}.compare-keep-btn{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:6px 9px;border:0;background:transparent;color:#79ddff;font-size:.72rem;cursor:pointer}.upgrade-compare-btn{margin-top:8px}.upgrade-result{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;margin-top:18px;padding:16px;border:1px solid rgba(108,232,255,.2);border-radius:18px;background:linear-gradient(135deg,rgba(14,30,58,.92),rgba(26,18,58,.9))}.upgrade-build-result{display:flex;flex-direction:column;padding:14px;border-radius:14px;background:rgba(5,10,27,.65)}.upgrade-build-result small{color:#8c99b8;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.upgrade-build-result>strong{margin:8px 0;font-size:1.75rem;color:#f5f7ff}.upgrade-build-result>strong em{font-size:.72rem;font-style:normal;color:#7ee9ff}.upgrade-build-result>span{color:#9ba8c5;font-size:.78rem;line-height:1.45}.upgrade-build-result>b{margin-top:auto;padding-top:10px;color:#cfd8ee;font-size:.75rem}.upgrade-delta{display:grid;place-items:center;align-content:center;min-width:132px;text-align:center}.upgrade-delta>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(100,231,255,.1);color:#6feaff}.upgrade-delta strong{margin-top:8px;color:#fff}.upgrade-delta em{font-size:.78rem;font-style:normal;color:#8fa0c2}.upgrade-delta small{margin-top:4px;font-weight:800;color:#77eac1}.upgrade-result.negative .upgrade-delta small,.upgrade-result.negative .upgrade-delta>span{color:#ff9db4}.upgrade-model-note{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#8391b0;font-size:.75rem}.compare-error{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,173,76,.26);border-radius:13px;background:rgba(153,91,24,.12);color:#ffd08a}.unique-share-card .modern-share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modern-share-buttons .btn{justify-content:center}.share-privacy{display:flex;gap:8px;margin:13px 0 0;color:#7f8cac;font-size:.72rem;line-height:1.45}.share-privacy i{color:#68e9ff;margin-top:2px}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.history-item{padding:15px;border:1px solid rgba(125,146,207,.14);border-radius:17px;background:linear-gradient(145deg,rgba(12,18,41,.94),rgba(7,11,28,.98))}.history-game{display:flex;align-items:center;gap:10px;margin-bottom:12px}.history-game>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(86,225,255,.14),rgba(163,91,255,.16));color:#6be9ff}.history-game div{min-width:0}.history-game strong,.history-game small{display:block}.history-game strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-game small{color:#8390af;font-size:.7rem}.history-item>p{margin:5px 0;color:#96a3bf;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-result{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:13px 0;padding:10px;border-radius:12px;background:rgba(100,230,255,.06)}.history-result strong{color:#6feaff}.history-result span{color:#8f9bbc;font-size:.7rem}.history-empty{display:grid;place-items:center;gap:8px;min-height:130px;color:#7f8cab}.history-empty i{font-size:1.7rem}.compact-btn{padding:9px 12px;font-size:.75rem}
@media(max-width:1180px){.goal-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.factor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.unique-compare-wrap{grid-template-columns:1fr}.unique-share-card .modern-share-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.goal-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-compare-grid{grid-template-columns:1fr}.upgrade-result{grid-template-columns:1fr}.upgrade-delta{min-height:100px}.upgrade-model-note{grid-column:1}.history-grid{grid-template-columns:1fr}.unique-share-card .modern-share-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.goal-preset-head,.modern-card-header{align-items:flex-start}.goal-selected-pill{display:none}.goal-preset-grid,.factor-grid{grid-template-columns:1fr}.goal-preset-btn{min-height:76px}.fps-heatmap{min-width:610px}.unique-share-card .modern-share-buttons{grid-template-columns:1fr}.upgrade-result{padding:11px}.upgrade-build-result>strong{font-size:1.45rem}.compact-btn{width:100%;margin-top:10px}.history-card .modern-card-header{display:block}}


/* v14 transparent calculation breakdown */
.calculation-breakdown-card{overflow:hidden;border:1px solid rgba(94,234,212,.28);background:linear-gradient(145deg,rgba(10,18,40,.98),rgba(8,12,29,.98));box-shadow:0 24px 70px rgba(3,7,18,.42),inset 0 1px 0 rgba(255,255,255,.035)}
.calculation-breakdown-card>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:22px 24px;background:linear-gradient(90deg,rgba(34,211,238,.07),rgba(139,92,246,.06),rgba(244,63,94,.04));transition:background .2s ease}
.calculation-breakdown-card>summary::-webkit-details-marker{display:none}
.calculation-breakdown-card>summary:hover{background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(139,92,246,.1),rgba(244,63,94,.07))}
.calculation-summary-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#67e8f9;background:linear-gradient(145deg,rgba(34,211,238,.2),rgba(99,102,241,.14));border:1px solid rgba(103,232,249,.28);box-shadow:0 10px 30px rgba(34,211,238,.11)}
.calculation-summary-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.calculation-summary-copy small{text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:900;color:#67e8f9}
.calculation-summary-copy strong{font-size:clamp(1.02rem,2vw,1.28rem);color:#f8fafc}
.calculation-summary-copy em{font-style:normal;font-size:.82rem;color:#94a3b8;white-space:normal}
.calculation-summary-result{display:flex;align-items:baseline;gap:5px;padding:10px 14px;border-radius:14px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.14)}
.calculation-summary-result b{font-size:1.35rem;color:#a7f3d0}.calculation-summary-result small{font-weight:800;color:#64748b}
.calculation-chevron{color:#94a3b8;transition:transform .24s ease}.calculation-breakdown-card[open] .calculation-chevron{transform:rotate(180deg)}
.calculation-breakdown-body{padding:24px;border-top:1px solid rgba(148,163,184,.1)}
.calculation-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.calculation-core-card,.calculation-final-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:18px;border-radius:18px;background:rgba(2,6,23,.46);border:1px solid rgba(148,163,184,.13)}
.calculation-final-card{background:linear-gradient(145deg,rgba(16,185,129,.1),rgba(34,211,238,.05));border-color:rgba(52,211,153,.22)}
.calc-card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#c4b5fd;background:rgba(139,92,246,.13);border:1px solid rgba(196,181,253,.2)}
.calculation-final-card .calc-card-icon{color:#6ee7b7;background:rgba(16,185,129,.13);border-color:rgba(110,231,183,.2)}
.calculation-core-card small,.calculation-final-card small{display:block;color:#94a3b8;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.calculation-core-card strong,.calculation-final-card strong{display:block;margin-top:2px;color:#f8fafc;font-size:1.35rem}.calculation-core-card p,.calculation-final-card p{margin:5px 0 0;color:#94a3b8;font-size:.8rem;line-height:1.45}
.calculation-flow{display:flex;align-items:stretch;gap:10px;margin:20px 0;padding:18px;border-radius:18px;background:linear-gradient(90deg,rgba(8,15,34,.8),rgba(14,12,34,.72));border:1px solid rgba(148,163,184,.11);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.4) transparent}
.calculation-step{display:flex;align-items:center;gap:9px;min-width:190px;flex:1}.step-node{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#67e8f9;background:#071426;border:1px solid rgba(103,232,249,.28)}
.calculation-step.up .step-node{color:#86efac;border-color:rgba(134,239,172,.3)}.calculation-step.down .step-node{color:#fda4af;border-color:rgba(253,164,175,.3)}.calculation-step.final .step-node{color:#fde68a;border-color:rgba(253,230,138,.34);box-shadow:0 0 20px rgba(250,204,21,.12)}
.step-card{min-width:120px;flex:1}.step-card small{display:block;color:#64748b;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.step-card strong{display:block;color:#f8fafc;margin:3px 0 7px}.step-meter{height:5px;border-radius:99px;background:rgba(51,65,85,.65);overflow:hidden}.step-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.calculation-step.final .step-meter i{background:linear-gradient(90deg,#34d399,#facc15)}
.step-connector{color:#475569;flex:0 0 auto}
.calculation-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px}
.calculation-factors,.calculation-formula-card{position:relative;padding:18px;border-radius:18px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.12);overflow:hidden}
.calc-section-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.calc-section-head>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(34,211,238,.1);color:#67e8f9}.calc-section-head h3{margin:0;color:#f8fafc;font-size:1rem}.calc-section-head p{margin:3px 0 0;color:#64748b;font-size:.77rem}
.calc-factor-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid rgba(148,163,184,.08)}.calc-factor-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(99,102,241,.1);color:#a5b4fc}.calc-factor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.calc-factor-head span{min-width:0}.calc-factor-head strong{display:block;color:#e2e8f0;font-size:.86rem}.calc-factor-head small{display:block;color:#64748b;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-factor-head b{color:#cbd5e1;font-size:.82rem}.calc-impact-track{height:5px;margin-top:7px;background:rgba(51,65,85,.6);border-radius:99px;overflow:hidden}.calc-impact-track i{display:block;height:100%;border-radius:99px;background:#64748b}.calc-factor-row.positive .calc-impact-track i{background:linear-gradient(90deg,#10b981,#22d3ee)}.calc-factor-row.negative .calc-impact-track i{background:linear-gradient(90deg,#fb7185,#f59e0b)}.calc-factor-copy p{margin:5px 0 0;font-size:.7rem;color:#64748b}.calc-factor-row.positive .calc-factor-copy p{color:#6ee7b7}.calc-factor-row.negative .calc-factor-copy p{color:#fda4af}
.calc-no-advanced{display:flex;align-items:center;gap:10px;padding:14px;border-radius:13px;color:#a7f3d0;background:rgba(16,185,129,.08);border:1px solid rgba(52,211,153,.16);font-size:.82rem;line-height:1.45}
.calculation-formula-card{background:linear-gradient(145deg,rgba(79,70,229,.11),rgba(2,6,23,.58));border-color:rgba(129,140,248,.18)}.formula-orb{position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-70px;background:rgba(34,211,238,.1);filter:blur(8px);pointer-events:none}.formula-kicker{position:relative;display:flex;align-items:center;gap:8px;color:#a5b4fc;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.calculation-formula-card code{position:relative;display:block;margin:14px 0;padding:15px;border-radius:13px;background:#030712;border:1px solid rgba(148,163,184,.13);color:#67e8f9;font-size:clamp(.78rem,1.5vw,.98rem);white-space:normal;overflow-wrap:anywhere}.mini-calculation-grid{position:relative;display:grid;gap:9px}.mini-calculation-grid>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(148,163,184,.09)}.mini-calculation-grid small{color:#94a3b8}.mini-calculation-grid strong{color:#e2e8f0;text-align:right;font-size:.82rem}.calculation-formula-card>p{position:relative;display:flex;gap:8px;margin:13px 0 0;color:#64748b;font-size:.72rem;line-height:1.45}.calculation-formula-card>p i{color:#34d399;margin-top:2px}
[dir="rtl"] .step-connector i{transform:rotate(180deg)}
@media(max-width:860px){.calculation-detail-grid{grid-template-columns:1fr}.calculation-overview-grid{grid-template-columns:1fr}.calculation-flow{padding:14px}.calculation-step{min-width:170px}}
@media(max-width:600px){.calculation-breakdown-card>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:17px 15px;gap:11px}.calculation-summary-icon{width:42px;height:42px;border-radius:13px}.calculation-summary-result{grid-column:2;padding:7px 10px;justify-self:start}.calculation-chevron{grid-column:3;grid-row:1/3}.calculation-breakdown-body{padding:15px}.calculation-core-card,.calculation-final-card{padding:14px}.calculation-flow{margin:15px 0}.calculation-factors,.calculation-formula-card{padding:14px}.mini-calculation-grid>div{display:block}.mini-calculation-grid strong{display:block;text-align:left;margin-top:4px}[dir="rtl"] .mini-calculation-grid strong{text-align:right}}


/* Upgrade Impact Lab responsive redesign v15 */
.unique-compare-wrap{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:1180px!important;
  width:100%;
}
.upgrade-lab-card{
  min-width:0;
  overflow:visible!important;
  container-type:inline-size;
  border:1px solid rgba(91,223,255,.2)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(139,92,246,.13),transparent 31%),
    radial-gradient(circle at 4% 100%,rgba(34,211,238,.08),transparent 34%),
    linear-gradient(145deg,rgba(10,17,39,.98),rgba(5,10,25,.99))!important;
}
.upgrade-lab-card .card-content{min-width:0;overflow:visible!important}
.upgrade-compare-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  gap:18px!important;
  align-items:stretch;
  min-width:0;
}
.current-build-panel,.proposed-build-panel{
  min-width:0;
  width:100%;
  height:100%;
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid rgba(126,147,210,.16)!important;
  background:
    linear-gradient(180deg,rgba(12,20,45,.88),rgba(6,11,28,.88)) padding-box,
    linear-gradient(135deg,rgba(77,232,255,.2),rgba(155,108,255,.09),rgba(255,94,207,.12)) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 32px rgba(0,0,0,.15);
}
.proposed-build-panel{display:flex;flex-direction:column}
.build-panel-label{
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(77,232,255,.07);
  border:1px solid rgba(77,232,255,.13);
}
.compare-select-block{min-width:0;width:100%;margin-bottom:16px!important}
.compare-select-block .select-wrap{min-width:0;width:100%}
.compare-select-block .modern-select-btn{width:100%!important;min-width:0!important}
.compare-select-block .select-left,.compare-select-block .select-copy{min-width:0!important}
.compare-select-block .select-name,.compare-select-block .select-placeholder,
.compare-select-block .select-specs,.compare-select-block .select-hint{max-width:100%!important}
.compare-keep-btn{
  min-height:34px;
  margin-top:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(77,232,255,.12)!important;
  border-radius:10px!important;
  background:rgba(77,232,255,.055)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.compare-keep-btn:hover{background:rgba(77,232,255,.1)!important;border-color:rgba(77,232,255,.28)!important;transform:translateY(-1px)}
.upgrade-compare-btn{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  width:100%!important;
  min-width:0;
  min-height:58px;
  margin-top:auto!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:16px!important;
  overflow:hidden;
  color:#fff!important;
  background:
    linear-gradient(110deg,#6d5dfc 0%,#a843ee 35%,#ec4899 68%,#17cfe7 100%)!important;
  box-shadow:0 14px 34px rgba(113,71,235,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
  text-align:left;
  font-size:.9rem!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.005em;
  white-space:normal!important;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.upgrade-compare-btn:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.18) 43%,transparent 62%);
  transform:translateX(-115%);
  transition:transform .55s ease;
}
.upgrade-compare-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.12);box-shadow:0 18px 42px rgba(113,71,235,.38),0 0 0 3px rgba(77,232,255,.08),inset 0 1px 0 rgba(255,255,255,.28)!important}
.upgrade-compare-btn:hover:before{transform:translateX(115%)}
.upgrade-compare-btn:active{transform:translateY(0)!important}
.upgrade-compare-btn:focus-visible{outline:3px solid rgba(77,232,255,.35)!important;outline-offset:3px}
.upgrade-btn-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(4,8,25,.28);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.upgrade-btn-label{min-width:0;overflow-wrap:anywhere;text-wrap:balance}
.upgrade-btn-arrow{justify-self:end;opacity:.9;transition:transform .2s ease}
.upgrade-compare-btn:hover .upgrade-btn-arrow{transform:translateX(3px)}

@container (max-width:760px){
  .upgrade-compare-grid{grid-template-columns:1fr!important}
  .current-build-panel,.proposed-build-panel{padding:17px!important}
}
@media(max-width:720px){
  .unique-compare-wrap{gap:14px!important}
  .upgrade-lab-card .card-header{padding:18px 16px!important}
  .upgrade-lab-card .card-content{padding:0 14px 16px!important}
  .upgrade-compare-grid{grid-template-columns:1fr!important;gap:14px!important}
  .current-build-panel,.proposed-build-panel{padding:15px!important;border-radius:17px!important}
  .build-chip{padding:10px!important;gap:10px!important}
  .build-chip img,.build-chip>span{width:40px!important;height:40px!important;min-width:40px!important}
  .upgrade-compare-btn{grid-template-columns:40px minmax(0,1fr) 20px;min-height:56px;padding:7px 11px!important;border-radius:15px!important;font-size:.84rem!important}
  .upgrade-btn-icon{width:40px;height:40px;border-radius:11px}
}
@media(max-width:390px){
  .upgrade-lab-card .card-content{padding-inline:10px!important}
  .current-build-panel,.proposed-build-panel{padding:12px!important}
  .upgrade-compare-btn{grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:54px}
  .upgrade-btn-icon{width:36px;height:36px}
  .upgrade-btn-arrow{display:none}
}

/* Solid button system v16: one consistent action color, no gradients */
:root{
  --button-primary:#6d5dfc;
  --button-primary-hover:#5b4bea;
  --button-primary-active:#4938c8;
  --button-secondary:#111a31;
  --button-secondary-hover:#182342;
  --button-secondary-border:#344262;
  --button-focus:#8fe9ff;
}

/* Remove gradient fills from every interactive button while preserving dropdown surfaces. */
button,
.btn,
.menu-toggle,
.system-scan-button,
.goal-preset-btn,
.compare-keep-btn,
.result-back-btn,
.select-btn,
.modern-select-btn,
.language-slider-controls button{
  background-image:none!important;
}

/* Primary actions use one solid violet color across the whole site. */
.btn-primary,
.fps-calc-btn,
.upgrade-compare-btn,
.system-scan-button,
.btn-primary.share-btn{
  background:var(--button-primary)!important;
  border:1px solid var(--button-primary)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(109,93,252,.28)!important;
  filter:none!important;
}
.btn-primary:hover,
.fps-calc-btn:not(:disabled):hover,
.upgrade-compare-btn:hover,
.system-scan-button:hover,
.btn-primary.share-btn:hover{
  background:var(--button-primary-hover)!important;
  border-color:var(--button-primary-hover)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(109,93,252,.34)!important;
  filter:none!important;
  transform:translateY(-2px)!important;
}
.btn-primary:active,
.fps-calc-btn:not(:disabled):active,
.upgrade-compare-btn:active,
.system-scan-button:active,
.btn-primary.share-btn:active{
  background:var(--button-primary-active)!important;
  border-color:var(--button-primary-active)!important;
  transform:translateY(0)!important;
  box-shadow:0 8px 20px rgba(109,93,252,.24)!important;
}
.btn-primary:disabled,
.fps-calc-btn:disabled,
.upgrade-compare-btn:disabled,
.system-scan-button:disabled{
  background:#27304a!important;
  border-color:#27304a!important;
  color:#7f8aa6!important;
  box-shadow:none!important;
  cursor:not-allowed;
}

/* Secondary actions stay dark and clean, with the same violet interaction cue. */
.btn-outline,
.result-back-btn,
.compare-keep-btn,
.menu-toggle,
.language-slider-controls button,
.btn-outline.share-btn,
.compact-btn{
  background:var(--button-secondary)!important;
  border:1px solid var(--button-secondary-border)!important;
  color:#eef2ff!important;
  box-shadow:none!important;
}
.btn-outline:hover,
.result-back-btn:hover,
.compare-keep-btn:hover,
.menu-toggle:hover,
.language-slider-controls button:hover,
.btn-outline.share-btn:hover,
.compact-btn:hover{
  background:var(--button-secondary-hover)!important;
  border-color:var(--button-primary)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

/* Dropdown triggers remain form controls, not bright action buttons. */
.select-btn,
.modern-select-btn{
  background:#080f22!important;
  border-color:#2d3a5e!important;
  color:#f3f6ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.select-btn:hover,
.modern-select-btn:hover,
.select-btn[aria-expanded="true"],
.modern-select-btn[aria-expanded="true"]{
  background:#0c1530!important;
  border-color:var(--button-primary)!important;
  box-shadow:0 0 0 3px rgba(109,93,252,.14)!important;
  transform:none!important;
}

/* Preset cards use a solid dark fill; only the selected preset is violet. */
.goal-preset-btn{
  background:#0d1530!important;
  border-color:#2b385a!important;
  box-shadow:none!important;
}
.goal-preset-btn:hover{
  background:#131e3c!important;
  border-color:#6d5dfc!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.goal-preset-btn.is-active{
  background:var(--button-primary)!important;
  border-color:var(--button-primary)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(109,93,252,.25)!important;
}
.goal-preset-btn.is-active small,
.goal-preset-btn.is-active .goal-icon,
.goal-preset-btn.is-active .goal-check{color:#fff!important}
.goal-icon{
  background:rgba(109,93,252,.16)!important;
  color:#b8afff!important;
}
.goal-preset-btn.is-active .goal-icon{
  background:rgba(3,7,24,.22)!important;
}

/* Remove the animated rainbow sheen from the upgrade button. */
.upgrade-compare-btn:before{display:none!important}
.upgrade-compare-btn:hover:before{transform:none!important}
.upgrade-btn-icon{
  background:rgba(4,8,25,.23)!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* Consistent accessible focus ring on every control. */
button:focus-visible,
.btn:focus-visible,
.select-btn:focus-visible,
.modern-select-btn:focus-visible,
summary:focus-visible{
  outline:3px solid rgba(143,233,255,.42)!important;
  outline-offset:3px!important;
}

@media(max-width:600px){
  .btn-primary,.fps-calc-btn,.upgrade-compare-btn,.system-scan-button{box-shadow:0 10px 22px rgba(109,93,252,.24)!important}
}


/* Mobile dropdown stability and clearer Advanced controls v8 */
.advanced-settings-panel>summary{
  position:relative;
  min-height:72px;
}
.advanced-chevron{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:999px;
  border:1px solid rgba(139,92,246,.34);
  background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(55,229,255,.10));
  box-shadow:0 8px 22px rgba(69,55,170,.12);
  font-size:1rem;
}
.advanced-settings-panel>summary:hover .advanced-chevron,
.advanced-settings-panel>summary:focus-visible .advanced-chevron{
  border-color:rgba(55,229,255,.62);
  box-shadow:0 0 0 4px rgba(55,229,255,.09),0 8px 22px rgba(69,55,170,.14);
}
.advanced-settings-panel>summary:focus-visible{
  outline:3px solid rgba(103,87,232,.18);
  outline-offset:3px;
}
.advanced-settings-panel[open] .advanced-chevron{
  transform:rotate(180deg);
}

/* Light-theme shorthand previously removed the native select arrow in Advanced. */
body .advanced-field .native-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-inline-end:48px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' stroke='%235447cc' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center!important;
  background-size:16px 16px!important;
}
[dir="rtl"] body .advanced-field .native-select{
  padding-inline-start:48px!important;
  background-position:left 16px center!important;
}

.dropdown.portal-mobile,
.dropdown.portal-mobile .options{
  touch-action:pan-y;
  overscroll-behavior:contain;
}
@media(max-width:720px){
  .advanced-chevron{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-width:2px;
  }
}


/* CPU/GPU dropdown search visibility fix v9 */
.modern-dropdown .modern-option[hidden]{display:none!important}