#introScreen, #resultScreen { background: rgba(6, 9, 14, 0.8); backdrop-filter: blur(3px); }
.fh-intro, .fh-result { display: flex; flex-direction: column; align-items: center; gap: 1.6cqh; padding: 0 6cqw 6cqh; }
.fh-title { font-size: 12cqw; line-height: 0.95; font-weight: 800; letter-spacing: -0.02em; }
.fh-grad { background: linear-gradient(90deg, #34d399, #facc15 55%, #f97316); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gt-badge { font-size: 3cqw; }
.fh-sub { font-size: 4.2cqw; max-width: 28ch; }
.fh-sub b { color: #34d399; }
.fh-ptitle { font-family: var(--font-mono); font-size: 3cqw; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.fh-points { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.4cqw; width: 100%; }
.fh-pt { display: flex; flex-direction: column; align-items: center; gap: 0.3cqh; padding: 1cqw 0.5cqw; border-radius: 2cqw; border: 1px solid; font-size: 2.3cqw; line-height: 1.15; }
.fh-pt canvas { width: 8cqw; height: 8cqw; }
.fh-pt span { color: var(--text-muted); text-align: center; }
.fh-pt b { font-size: 3.4cqw; }
.fh-pt.good { border-color: rgba(52, 211, 153, 0.35); background: rgba(52, 211, 153, 0.07); }
.fh-pt.good b { color: #34d399; }
.fh-pt.bad { border-color: rgba(244, 114, 182, 0.35); background: rgba(244, 114, 182, 0.07); }
.fh-pt.bad b { color: #f87171; }
.fh-play { font-size: 5cqw; margin-top: 0.5cqh; }

.fh-bravo { font-size: 10cqw; font-weight: 800; line-height: 1.05; text-align: center; }
.fh-filled { font-size: 4.4cqw; }
.fh-dial { position: relative; width: 50cqw; height: 50cqw; }
.fh-dial svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.fh-dial .track { fill: rgba(15, 23, 42, 0.85); stroke: rgba(255, 255, 255, 0.08); stroke-width: 10; }
.fh-dial .bar { fill: none; stroke: #34d399; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 540; stroke-dashoffset: 540; filter: drop-shadow(0 0 8px #34d399); transition: stroke-dashoffset 1.4s cubic-bezier(.2, .8, .2, 1); }
.fh-dial .bar.neg { stroke: #f87171; filter: drop-shadow(0 0 8px #f87171); }
.fh-dial > div { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fh-dial b { font-size: 17cqw; line-height: 1; }
.fh-dial b.neg { color: #f87171; }
.fh-dial span { font-family: var(--font-mono); color: #34d399; font-size: 3.2cqw; }
.fh-stats { display: flex; gap: 5cqw; font-family: var(--font-mono); font-size: 3.4cqw; color: var(--text-muted); }
.fh-stats .good b { color: #34d399; }
.fh-stats .bad b { color: #f87171; }
.fh-best { color: var(--text-muted); font-size: 3.4cqw; font-family: var(--font-mono); }
.fh-best b { color: var(--text-main); }
.fh-result [data-contact] { font-size: 3.2cqw; }
.fh-cta { color: var(--text-muted); font-size: 3.3cqw; max-width: 34ch; text-align: center; }
#againBtn { font-size: 3.4cqw; }