#pcbm-homepage .hp2-fps-demo{position:relative;overflow:visible}#pcbm-homepage .hp2-fps-demo .hp2-fps-field:nth-child(2){position:relative}#pcbm-homepage .hp2-fps-popup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}#pcbm-homepage .hp2-fps-popup.active{opacity:1;visibility:visible}#pcbm-homepage .hp2-fps-popup__overlay{position:absolute;inset:0;background:rgba(15,23,42,0.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:1rem}#pcbm-homepage .hp2-fps-popup__content{position:relative;width:95%;max-width:380px;background:rgba(30,41,59,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);transform:scale(0.92) translateY(10px);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);overflow:hidden}#pcbm-homepage .hp2-fps-popup.active .hp2-fps-popup__content{transform:scale(1) translateY(0)}#pcbm-homepage .hp2-fps-popup__header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}#pcbm-homepage .hp2-fps-popup__title{font-weight:700;font-size:0.875rem;color:var(--hp2-text-white,#ffffff);margin:0}#pcbm-homepage .hp2-fps-popup__close{width:1.25rem;height:1.25rem;background:rgba(100,116,139,0.9);border:none;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}#pcbm-homepage .hp2-fps-popup__close i{display:none}#pcbm-homepage .hp2-fps-popup__close::before{content:'×';color:#ffffff;font-size:1rem;font-weight:400;line-height:1;font-family:Arial,sans-serif}#pcbm-homepage .hp2-fps-popup__grid{padding:0.75rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem}#pcbm-homepage .hp2-fps-game-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:0.375rem;overflow:hidden;cursor:default;transition:all 0.2s ease;display:flex;flex-direction:column}#pcbm-homepage .hp2-fps-game-card.hover{border-color:var(--hp2-blue-500,#3b82f6);background:rgba(59,130,246,0.1);transform:translateY(-2px)}#pcbm-homepage .hp2-fps-game-card.selected{border-color:var(--hp2-blue-500,#3b82f6);background:rgba(59,130,246,0.2);box-shadow:0 0 0 2px rgba(59,130,246,0.3);animation:fps-game-selected 0.3s ease-out}@keyframes fps-game-selected{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}#pcbm-homepage .hp2-fps-game-card__image{width:100%;aspect-ratio:3 / 4;background:rgba(255,255,255,0.05);overflow:hidden;display:flex;align-items:center;justify-content:center}#pcbm-homepage .hp2-fps-game-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}#pcbm-homepage .hp2-fps-game-card.hover .hp2-fps-game-card__image img{transform:scale(1.05)}#pcbm-homepage .hp2-fps-game-card__image i{font-size:1.25rem;color:var(--hp2-text-slate-500,#737373)}#pcbm-homepage .hp2-fps-game-card__name{padding:0.375rem;font-size:0.5625rem;font-weight:600;color:var(--hp2-text-white,#ffffff);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}#pcbm-homepage .hp2-fps-settings-row{display:flex;gap:0.5rem}#pcbm-homepage .hp2-fps-settings-row .hp2-fps-field--setting{flex:1;position:relative}#pcbm-homepage .hp2-fps-field--setting .hp2-fps-select--small{padding:0.4rem 0.6rem;font-size:0.75rem}#pcbm-homepage .hp2-fps-field--setting .hp2-fps-label{font-size:0.625rem}#pcbm-homepage .hp2-fps-dropdown--setting{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:120px}#pcbm-homepage .hp2-fps-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:rgba(30,41,59,0.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:0.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.4);z-index:40;max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}#pcbm-homepage .hp2-fps-dropdown::-webkit-scrollbar{width:4px}#pcbm-homepage .hp2-fps-dropdown::-webkit-scrollbar-track{background:transparent}#pcbm-homepage .hp2-fps-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}#pcbm-homepage .hp2-fps-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}#pcbm-homepage .hp2-fps-dropdown__item{padding:0.625rem 0.75rem;font-size:0.8125rem;font-weight:500;color:var(--hp2-text-slate-300,#d4d4d4);cursor:default;transition:background 0.15s ease,color 0.15s ease}#pcbm-homepage .hp2-fps-dropdown__item.hover{background:rgba(59,130,246,0.15);color:var(--hp2-text-white,#ffffff)}#pcbm-homepage .hp2-fps-dropdown__item.selected{background:rgba(59,130,246,0.2);color:var(--hp2-blue-400,#60a5fa)}#pcbm-homepage .hp2-fps-dropdown__item:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.05)}#pcbm-homepage .hp2-fps-dropdown__name{display:block}#pcbm-homepage .hp2-fps-calculating{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:1rem 0}#pcbm-homepage .hp2-fps-calculating__spinner{display:flex;gap:0.375rem}#pcbm-homepage .hp2-fps-calculating__dot{width:0.5rem;height:0.5rem;background:var(--hp2-blue-500,#3b82f6);border-radius:50%;animation:fps-demo-bounce 1.4s ease-in-out infinite}#pcbm-homepage .hp2-fps-calculating__dot:nth-child(1){animation-delay:0s}#pcbm-homepage .hp2-fps-calculating__dot:nth-child(2){animation-delay:0.16s}#pcbm-homepage .hp2-fps-calculating__dot:nth-child(3){animation-delay:0.32s}@keyframes fps-demo-bounce{0%,80%,100%{transform:scale(0.6);opacity:0.5}40%{transform:scale(1);opacity:1}}#pcbm-homepage .hp2-fps-calculating__text{font-size:0.875rem;font-weight:500;color:var(--hp2-text-slate-400,#a3a3a3);margin:0}#pcbm-homepage .hp2-fps-result-status.competitive{color:#4ade80}#pcbm-homepage .hp2-fps-result-status.excellent{color:#86efac}#pcbm-homepage .hp2-fps-result-status.good{color:#fbbf24}#pcbm-homepage .hp2-fps-result-status.playable{color:#fb923c}#pcbm-homepage .hp2-fps-result-status.poor{color:#ef4444}#pcbm-homepage .hp2-fps-result-value.competitive{color:#4ade80}#pcbm-homepage .hp2-fps-result-value.excellent{color:#86efac}#pcbm-homepage .hp2-fps-result-value.good{color:#fbbf24}#pcbm-homepage .hp2-fps-result-value.playable{color:#fb923c}#pcbm-homepage .hp2-fps-result-value.poor{color:#ef4444}#pcbm-homepage .hp2-fps-demo[data-state="game-selector"] .hp2-fps-field:nth-child(1) .hp2-fps-select,#pcbm-homepage .hp2-fps-demo[data-state="game-hover"] .hp2-fps-field:nth-child(1) .hp2-fps-select,#pcbm-homepage .hp2-fps-demo[data-state="game-selected"] .hp2-fps-field:nth-child(1) .hp2-fps-select{border-color:var(--hp2-blue-500,#3b82f6)}#pcbm-homepage .hp2-fps-demo[data-state="settings-cycle"] .hp2-fps-field--setting .hp2-fps-select{border-color:var(--hp2-blue-500,#3b82f6)}#pcbm-homepage .hp2-fps-demo[data-state="settings-cycle"] .hp2-fps-field--setting .hp2-fps-select i{transform:rotate(180deg)}#pcbm-homepage .hp2-fps-demo[data-state="gpu-dropdown"] .hp2-fps-field:nth-child(2) .hp2-fps-select,#pcbm-homepage .hp2-fps-demo[data-state="gpu-hover"] .hp2-fps-field:nth-child(2) .hp2-fps-select,#pcbm-homepage .hp2-fps-demo[data-state="gpu-selected"] .hp2-fps-field:nth-child(2) .hp2-fps-select{border-color:var(--hp2-blue-500,#3b82f6)}#pcbm-homepage .hp2-fps-demo[data-state="gpu-dropdown"] .hp2-fps-select i,#pcbm-homepage .hp2-fps-demo[data-state="gpu-hover"] .hp2-fps-select i{transform:rotate(180deg)}#pcbm-homepage .hp2-fps-demo[data-state="resolution-change"] .hp2-fps-resolutions{position:relative}#pcbm-homepage .hp2-fps-demo[data-state="resolution-change"] .hp2-fps-res-btn.active{animation:fps-res-pulse 0.3s ease-out}@keyframes fps-res-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}#pcbm-homepage .hp2-fps-demo[data-state="calculating"] .hp2-fps-result-value,#pcbm-homepage .hp2-fps-demo[data-state="calculating"] .hp2-fps-result-status{opacity:0}#pcbm-homepage .hp2-fps-demo[data-state="result"] .hp2-fps-result-value{animation:fps-count-in 0.4s cubic-bezier(0.34,1.56,0.64,1)}#pcbm-homepage .hp2-fps-demo[data-state="result"] .hp2-fps-result-status{animation:fps-fade-in 0.3s ease 0.2s both}@keyframes fps-count-in{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes fps-fade-in{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}#pcbm-homepage .hp2-fps-demo[data-paused="true"] .hp2-fps-calculating__dot{animation-play-state:paused}@media (prefers-reduced-motion:reduce){#pcbm-homepage .hp2-fps-popup,#pcbm-homepage .hp2-fps-popup__content,#pcbm-homepage .hp2-fps-dropdown,#pcbm-homepage .hp2-fps-game-card,#pcbm-homepage .hp2-fps-game-card__image img,#pcbm-homepage .hp2-fps-dropdown__item{transition:none}#pcbm-homepage .hp2-fps-calculating__dot{animation:none;opacity:1;transform:scale(1)}#pcbm-homepage .hp2-fps-demo[data-state="result"] .hp2-fps-result-value,#pcbm-homepage .hp2-fps-demo[data-state="result"] .hp2-fps-result-status,#pcbm-homepage .hp2-fps-game-card.selected{animation:none}}html.light #pcbm-homepage .hp2-fps-popup__overlay{background:rgba(15,23,42,0.85)}html.light #pcbm-homepage .hp2-fps-popup__content{background:rgba(30,41,59,0.98);border-color:rgba(255,255,255,0.15)}html.light #pcbm-homepage .hp2-fps-popup__title{color:#ffffff}html.light #pcbm-homepage .hp2-fps-popup__close{background:rgba(100,116,139,0.9)}html.light #pcbm-homepage .hp2-fps-popup__close::before{color:#ffffff}html.light #pcbm-homepage .hp2-fps-game-card{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}html.light #pcbm-homepage .hp2-fps-game-card.hover{background:rgba(59,130,246,0.15);border-color:#3b82f6}html.light #pcbm-homepage .hp2-fps-game-card__name{color:#ffffff}html.light #pcbm-homepage .hp2-fps-game-card__image{background:rgba(255,255,255,0.08)}html.light #pcbm-homepage .hp2-fps-game-card__image i{color:#94a3b8}html.light #pcbm-homepage .hp2-fps-dropdown{background:rgba(30,41,59,0.98);border-color:rgba(255,255,255,0.15)}html.light #pcbm-homepage .hp2-fps-dropdown__item{color:#e2e8f0;border-bottom-color:rgba(255,255,255,0.08)}html.light #pcbm-homepage .hp2-fps-dropdown__item.hover{background:rgba(59,130,246,0.2);color:#ffffff}html.light #pcbm-homepage .hp2-fps-dropdown__item.selected{background:rgba(59,130,246,0.25);color:#60a5fa}html.light #pcbm-homepage .hp2-fps-calculating__text{color:#94a3b8}