.fps-results-section{margin-top:clamp(2rem,4vw,2.5rem)}.fps-empty-state{text-align:center;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem);background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);box-shadow:var(--shadow-sm)}.empty-icon{margin-bottom:clamp(0.75rem,1.5vw,1rem);opacity:0.35}.empty-icon svg{width:44px;height:44px}.fps-empty-state h3{color:var(--text-secondary);margin:0 0 clamp(0.375rem,0.75vw,0.5rem);font-size:clamp(1rem,2vw + 0.2rem,1.25rem);font-weight:600}.fps-empty-state p{margin:0;font-size:clamp(0.8125rem,1.25vw + 0.1rem,0.875rem);max-width:380px;margin:0 auto;line-height:1.6}.fps-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem);background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;text-align:center;box-shadow:var(--shadow-sm)}.loading-spinner{position:relative;width:56px;height:56px;margin-bottom:clamp(1rem,2vw,1.25rem)}.loading-spinner::before{content:'';position:absolute;inset:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner::after{content:'';position:absolute;inset:8px;border:2px solid transparent;border-top-color:rgba(var(--accent-rgb),0.4);border-radius:50%;animation:spin 0.75s linear infinite reverse}.spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.fps-loading-state h3{font-size:clamp(1rem,2vw + 0.2rem,1.25rem);font-weight:600;color:var(--text-primary);margin:0 0 clamp(0.375rem,0.75vw,0.5rem)}.loading-dots span{animation:blink 1.4s infinite}.loading-dots span:nth-child(2){animation-delay:0.2s}.loading-dots span:nth-child(3){animation-delay:0.4s}@keyframes blink{0%,80%,100%{opacity:0}40%{opacity:1}}.fps-loading-state p{color:var(--text-muted);margin:0;max-width:300px;font-size:clamp(0.8125rem,1.25vw + 0.1rem,0.875rem);line-height:1.6}.fps-results-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:clamp(1.5rem,3vw,2.25rem);position:relative;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.06)}.fps-results-panel:hover{border-color:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.08),0 0 0 1px rgba(var(--accent-rgb),0.1);transform:translateY(-2px)}.fps-results-panel.is-animating{animation:fadeInUp 0.4s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fps-ram-warning{display:flex;align-items:center;gap:clamp(0.5rem,1.25vw,0.75rem);padding:clamp(0.625rem,1.25vw,0.875rem) clamp(0.875rem,1.5vw,1rem);background:rgba(var(--warning-rgb),0.06);border:1px solid rgba(var(--warning-rgb),0.2);border-left:2px solid var(--warning);border-radius:10px;margin-bottom:clamp(1.125rem,2.25vw,1.5rem);font-size:clamp(0.75rem,1.1vw + 0.1rem,0.8125rem);color:var(--text-secondary);line-height:1.5}html.light .fps-ram-warning{background:#fffbf5}.fps-ram-warning svg{color:var(--warning);flex-shrink:0;width:18px;height:18px}.fps-output{margin-bottom:clamp(1.125rem,2.25vw,1.5rem)}.fps-output-header{margin-bottom:clamp(0.75rem,1.5vw,1rem)}.fps-output-title{display:block;font-size:clamp(1.0625rem,1.75vw + 0.25rem,1.375rem);font-weight:700;color:var(--text-primary)}.fps-output-subtitle{font-size:clamp(0.8125rem,1.25vw + 0.15rem,0.9375rem);color:var(--text-muted);margin-top:0.25rem}.fps-cards{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.25rem)}@media (min-width:480px){.fps-cards{grid-template-columns:1fr 1fr}}.fps-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:clamp(1.25rem,3vw,1.75rem);text-align:center;position:relative;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;box-shadow:var(--shadow-sm)}.fps-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.fps-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:background-color 0.2s ease}.fps-card--avg::before{background:var(--success)}.fps-card--avg:hover{border-color:rgba(var(--success-rgb),0.4)}.fps-card--min::before{background:var(--warning)}.fps-card--min:hover{border-color:rgba(var(--warning-rgb),0.4)}.fps-value{display:block;font-size:clamp(2.75rem,7vw,4rem);font-weight:800;line-height:1;margin-bottom:0.25rem;letter-spacing:-0.04em}.fps-card--avg .fps-value{color:var(--success)}.fps-card--min .fps-value{color:var(--warning)}.fps-unit{font-size:clamp(0.75rem,1.1vw + 0.1rem,0.875rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600}.fps-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;margin:clamp(1rem,2vw,1.25rem) 0 clamp(0.5rem,1vw,0.75rem);overflow:hidden;position:relative}.fps-bar-fill{height:100%;border-radius:4px;transition:width 0.5s ease;position:relative}.fps-bar-fill--green{background:var(--success)}.fps-bar-fill--orange{background:var(--warning)}.fps-card-label{font-size:clamp(0.6875rem,1vw + 0.1rem,0.75rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.fps-resolution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(0.5rem,1.25vw,1rem)}.fps-resolution-grid--compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:clamp(0.625rem,1.75vw,1.125rem);max-width:100%;margin:0 auto}@media (min-width:480px){.fps-resolution-grid--compact{grid-template-columns:repeat(3,1fr);max-width:560px}}.res-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:clamp(0.5rem,1.25vw,0.75rem);text-align:center;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative}.res-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.res-card.is-selected{border-color:var(--accent);background:rgba(var(--accent-rgb),0.05);box-shadow:0 0 0 2px var(--accent)}.res-label{display:block;font-size:clamp(0.5625rem,0.75vw,0.625rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.125rem;font-weight:600}.res-fps{display:block;font-size:clamp(0.9375rem,1.4vw + 0.1rem,1.0625rem);font-weight:700;color:var(--text-primary);margin-bottom:0.1875rem;line-height:1.1}.res-card.is-selected .res-fps{color:var(--accent)}.res-status{display:inline-block;padding:0.125rem 0.375rem;border-radius:20px;font-size:clamp(0.5rem,0.7vw,0.5625rem);font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.status-excellent{background:rgba(var(--success-rgb),0.1);color:var(--success);border:1px solid rgba(var(--success-rgb),0.3)}.status-good{background:rgba(var(--success-rgb),0.08);color:var(--success);border:1px solid rgba(var(--success-rgb),0.2)}.status-medium{background:rgba(var(--warning-rgb),0.08);color:var(--warning);border:1px solid rgba(var(--warning-rgb),0.2)}.status-poor{background:rgba(var(--error-rgb),0.08);color:var(--error);border:1px solid rgba(var(--error-rgb),0.2)}.performance-tips{margin-top:clamp(1.25rem,2.75vw,2rem);padding:clamp(0.875rem,1.75vw,1.125rem);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.performance-tips__title{display:flex;align-items:center;gap:0.5rem;font-size:clamp(0.8125rem,1.25vw + 0.1rem,0.875rem);font-weight:600;color:var(--text-primary);margin-bottom:0.625rem}.performance-tips__title svg{color:var(--text-muted);width:16px;height:16px}.performance-tips__list{margin:0;padding-left:0;list-style:none}.performance-tips__list li{position:relative;padding-left:1.125rem;margin-bottom:0.5rem;font-size:clamp(0.75rem,1.1vw + 0.1rem,0.8125rem);color:var(--text-secondary);line-height:1.6}.performance-tips__list li::before{content:'';position:absolute;left:0;top:0.55em;width:5px;height:5px;background:var(--text-muted);border-radius:50%}.performance-tips__list li:last-child{margin-bottom:0}.benchmark-source{margin-top:clamp(1.125rem,2.25vw,1.5rem);padding-top:clamp(0.875rem,1.75vw,1.125rem);border-top:1px solid var(--border);font-size:clamp(0.6875rem,1vw,0.75rem);color:var(--text-muted);text-align:center}.benchmark-source a{color:var(--accent);text-decoration:none;transition:color 0.2s ease}.benchmark-source a:hover{color:var(--accent-hover);text-decoration:underline}@media (prefers-reduced-motion:reduce){.fps-card,.fps-results-panel,.res-card,.fps-bar-fill{transition:none}.loading-spinner::before,.loading-spinner::after{animation:none}.fps-results-panel.is-animating{animation:none}}.fps-cpu-bottleneck{display:flex;align-items:flex-start;gap:clamp(0.5rem,1.25vw,0.75rem);padding:clamp(0.625rem,1.25vw,0.875rem) clamp(0.875rem,1.5vw,1rem);background:rgba(var(--warning-rgb),0.06);border:1px solid rgba(var(--warning-rgb),0.2);border-left:2px solid var(--warning);border-radius:10px;margin-bottom:clamp(1rem,2vw,1.25rem);font-size:clamp(0.75rem,1.1vw + 0.1rem,0.8125rem);color:var(--text-secondary);line-height:1.5}html.light .fps-cpu-bottleneck{background:#fffbf5}.fps-cpu-bottleneck svg{color:var(--warning);flex-shrink:0;width:16px;height:16px;margin-top:2px}.fps-meta-row{display:flex;align-items:center;gap:clamp(0.75rem,1.5vw,1rem);flex-wrap:wrap;margin-bottom:clamp(1.125rem,2.25vw,1.5rem)}.fps-data-tier{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:clamp(0.6875rem,0.9vw + 0.1rem,0.75rem);font-weight:600;cursor:default;user-select:none}.fps-data-tier__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fps-data-tier__label{line-height:1}.fps-data-tier--t1{background:rgba(34,197,94,0.12);color:#15803d;border:1px solid rgba(34,197,94,0.25)}.fps-data-tier--t1 .fps-data-tier__dot{background:#22c55e}.fps-data-tier--t2{background:rgba(234,179,8,0.10);color:#a16207;border:1px solid rgba(234,179,8,0.25)}.fps-data-tier--t2 .fps-data-tier__dot{background:#eab308}.fps-data-tier--t3{background:rgba(59,130,246,0.10);color:#1d4ed8;border:1px solid rgba(59,130,246,0.25)}.fps-data-tier--t3 .fps-data-tier__dot{background:#3b82f6}html.light .fps-data-tier--t1{color:#166534}html.light .fps-data-tier--t2{color:#854d0e}html.light .fps-data-tier--t3{color:#1e40af}