/* Fine watchmaking proportions: a quiet bezel, open arc and dominant numerals. */
#results>.result-hero-panel{grid-column:1/-1;grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding:32px clamp(22px,4vw,52px);border:1px solid #bc95645c;background:radial-gradient(ellipse at 20% 45%,#65467a30,transparent 55%),linear-gradient(120deg,#211529f5,#0a0813f7 70%);box-shadow:inset 0 1px 0 #ffe2ad24,inset 0 -1px 0 #000,0 24px 70px #0006;isolation:isolate}
.result-hero-panel::after{width:70%;height:1px;top:0;right:15%;border-radius:0;background:linear-gradient(90deg,transparent,#f4d299,transparent)}
#results>.confidence-panel{grid-column:1/-1;min-height:0}
.score-instrument{position:relative;width:min(100%,320px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 42% 32%,#3b2845 0,#171020 45%,#09070e 70%);box-shadow:inset 0 2px 20px #e4b67710,inset 0 -18px 30px #0007,0 16px 36px #0005;animation:score-arrive .8s ease-out both}
.score-instrument .score-dial{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:butt}
.score-bezel{stroke:#d2b17e50;stroke-width:.7}
.score-ticks{stroke:#e8c78a65;stroke-width:4;stroke-dasharray:.12 1.88}
.score-inner-line{stroke:#dbc19420;stroke-width:.65}
.score-track{stroke:#b89a7124;stroke-width:3}
.score-arc{stroke:url(#score-gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:var(--arc) 100;filter:drop-shadow(0 0 4px #e5bd6970);animation:score-trace 1.25s cubic-bezier(.2,.65,.25,1) both}
.score-readout{position:absolute;inset:25% 10% 23%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.score-label{color:#d6c4df;font:500 clamp(9px,1.1vw,11px)/1.4 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;max-width:100%}
.score-instrument .review-score{font:500 clamp(78px,8vw,110px)/1.05 'Playfair Display',Georgia,serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.055em;color:#ffe9b8;text-shadow:0 2px 0 #704b3b,0 0 30px #e5bd6924;margin:5px 0 4px;padding-right:.055em}
.score-denominator{font:500 12px/1 Inter,Arial,sans-serif;letter-spacing:.17em;color:#b9a9c3}
.score-signature{position:absolute;bottom:12%;width:100%;text-align:center;font:500 8px/1 Inter,Arial,sans-serif;letter-spacing:.24em;color:#c6aa7b}
#result-summary .result-hero-copy{text-align:left;max-width:510px;min-width:0}
#result-summary .result-kicker{display:block;font-size:10px;letter-spacing:.18em;color:#d9b980;margin-bottom:16px}
#result-summary .result-tier{font-size:clamp(27px,3.2vw,43px)!important;line-height:1.12;margin:0 0 22px!important;color:#f6eadc;text-wrap:balance}
#result-summary .result-hero-copy>p:last-child{display:block;border-top:1px solid #dab78233;padding-top:18px;font-size:13px;line-height:1.7;color:#c0b4cb}
@keyframes score-trace{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--arc) 100}}
@keyframes score-arrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){#results>.result-hero-panel{grid-template-columns:minmax(0,1fr);padding:24px 20px 28px;gap:24px}.score-instrument{width:min(100%,280px)}.score-instrument .review-score{font-size:92px}.score-label{font-size:10px}#result-summary .result-hero-copy{text-align:center;margin:auto}#result-summary .result-tier{font-size:30px!important;margin-bottom:16px!important}#result-summary .result-hero-copy>p:last-child{font-size:12px;line-height:1.65}#result-summary .result-kicker{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.score-instrument,.score-arc{animation:none}}
@media print{#results>.result-hero-panel{display:flex;padding:16px;gap:24px;background:#fff!important;box-shadow:none!important;break-inside:avoid}.score-instrument{width:180px;flex:none;background:#fff;box-shadow:none;animation:none}.score-instrument .review-score{font-size:64px;color:#111!important;text-shadow:none}.score-label,.score-denominator,.score-signature{color:#333}.score-arc{stroke:#333;filter:none;animation:none}.score-bezel,.score-inner-line,.score-ticks,.score-track{stroke:#aaa}#result-summary .result-tier{font-size:26px!important}.result-hero-panel::after{display:none}}
