/* A quiet, legible percentage display; the result is a symbolic game score. */
.gold-match-score{margin:0 0 28px;display:grid;grid-template-columns:158px minmax(0,1fr);align-items:center;gap:20px;padding:26px;border:1px solid rgba(224,189,122,.28);border-radius:24px;background:radial-gradient(ellipse at 5% 10%,rgba(155,104,222,.22),transparent 65%),linear-gradient(135deg,rgba(39,28,57,.88),rgba(15,15,30,.8));box-shadow:0 15px 50px rgba(0,0,0,.16)}
.gold-match-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.gold-match-orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.gold-match-orbit circle{fill:none;stroke-width:5}
.gold-match-track{stroke:rgba(224,189,122,.12)}
.gold-match-arc{stroke:#e8c88a;stroke-linecap:round}
.gold-match-orbit>span{font-size:48px;line-height:1;font-weight:650;color:#f3d9a5;font-variant-numeric:tabular-nums;letter-spacing:-2px}
.gold-match-orbit>span small{font-size:24px;letter-spacing:0;margin-left:2px}
.gold-match-score figcaption{min-width:0}
.gold-match-score h2{font-size:clamp(21px,4vw,30px);line-height:1.18;margin:10px 0 12px;overflow-wrap:break-word}
.gold-match-score figcaption p,.gold-match-method p{font-size:14px;line-height:1.65;color:#d1cadf;margin:0}
.gold-match-method{grid-column:1/-1;border-top:1px solid rgba(224,189,122,.16);padding-top:16px}
.gold-match-method summary{cursor:pointer;color:#ecd4a1;font-size:14px;min-height:44px;display:list-item;padding:10px 0;list-style-position:inside}
.gold-match-method summary:focus-visible{outline:2px solid #ecd4a1;outline-offset:4px;border-radius:4px}
.gold-match-method p{padding:4px 0 8px;max-width:72ch}
.gold-match-prompt{grid-column:1/-1;border:0;border-left:2px solid #bd93e0;padding:3px 0 3px 16px;margin:0}
.gold-match-prompt p{margin:7px 0 0;font-size:17px;line-height:1.5;color:#f0e9f6}
@media(max-width:480px){.gold-match-score{grid-template-columns:1fr;text-align:center;padding:22px 18px;gap:16px}.gold-match-orbit{width:148px;margin:auto}.gold-match-method,.gold-match-prompt{text-align:left}}
@media(forced-colors:active){.gold-match-arc{stroke:Highlight}.gold-match-track{stroke:GrayText}.gold-match-score{border:1px solid CanvasText}.gold-match-orbit>span,.gold-match-score figcaption p,.gold-match-method p,.gold-match-prompt p{color:CanvasText}}