/* Cabinet-bound live honors; no illustration or text covers character faces. */
#certificateSection{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr);align-items:center;gap:24px;margin-bottom:28px;text-align:center}
#resultCertificate{display:block;width:auto;max-width:100%;height:clamp(200px,calc(100cqh - 120px),640px);aspect-ratio:4/5;object-fit:contain;margin-inline:auto;border-radius:3px;background:#130f0e}
.certificate-tools h3{margin:0 0 12px;color:#ffdc8f;font-size:clamp(20px,2.6cqw,30px)}
.certificate-tools>p{color:#e4d8c5;font-size:14px;line-height:1.7;margin:0 0 16px}
#certificateSection .certificate-actions{flex-direction:column;align-items:stretch;margin:0 auto 14px;max-width:300px}
#downloadCertificate{margin:18px auto 8px;padding:14px 28px;min-height:48px}
#certificateStatus{font-size:13px;color:#c5cabb;line-height:1.6;margin:5px 0}
.certificate-ready .result-card>.overline,.certificate-ready .result-heading,.certificate-ready .result-score,.certificate-ready #resultRankSummary,.certificate-ready #resultMetrics{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.certificate-ready #resultMetrics{position:static;width:auto;height:auto;margin:20px 0;overflow:visible;clip-path:none;white-space:normal}
@container game (max-width:700px){#certificateSection{gap:14px}.certificate-tools h3{margin-bottom:6px}.certificate-tools>p{font-size:12px;margin-bottom:8px}#certificateSection .certificate-actions{gap:8px;margin-bottom:8px}#certificateSection .certificate-actions button{min-height:44px;padding:8px 12px}#certificateStatus{font-size:11px}}
#hudPlayerName{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.score-honor,.plays-honor{margin:28px 0 20px;padding-top:18px;border-top:1px solid #bca06a70}
.score-honor h3,.plays-honor h3{margin:0;color:#ffe2a6;font-size:25px;font-weight:900;letter-spacing:.035em}
.honor-rule{color:#b8c9c4;font-size:14px;margin:7px 0 14px}
.personal-rank{color:#c3fbe9;border-left:3px solid #ffcf72;padding:10px 14px;background:#192b26;font-size:17px;font-weight:800;line-height:1.6}
#scoreRankingList li{grid-template-columns:38px minmax(0,1fr) auto 30px;min-height:52px}
#scoreRankingList li:first-child{border-top:1px solid #ffdb8980;background:#d4a44216}
#scoreRankingList li:first-child span:first-child{color:#ffdc83;font-size:24px;font-weight:900}
.ranking-list li span:nth-child(2){overflow-wrap:anywhere;min-width:0}
#monthlyPrizeCopy{color:#e4c795;font-size:14px;line-height:1.7}
.ending-credits-window{mask-image:none}
.ending-credits-window:has(.continuous-roll){overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent)}
#endingCreditsRoll.continuous-roll{transform:translateY(var(--credit-offset,0px))!important;will-change:transform}
#endingCreditsRoll.continuous-roll .credit-page{position:relative;inset:auto;overflow:hidden;padding:18px 0}
#endingCreditsRoll{position:relative;height:100%;padding:0;will-change:auto;transform:none!important}
#endingCreditsRoll .credit-page{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:12px 0;text-align:center;box-sizing:border-box}
#endingCreditsRoll .credit-page.hidden{display:none}
#endingCreditsRoll .credit-page h3{color:#ffdd8d;font-size:18px;font-weight:800;letter-spacing:.025em;line-height:1.4;margin:0 0 18px}
#endingCreditsRoll .credit-page p{white-space:pre-line;font-size:clamp(14px,1.25vw,17px);line-height:1.55;margin:0;overflow-wrap:anywhere}
#endingCreditsRoll .credit-page small{font-size:12px;line-height:1.6;color:#c3cec9;margin-top:16px}
.credit-honors{list-style:none;padding:0;margin:0;font-variant-numeric:tabular-nums}
.credit-honors li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;text-align:left;padding:11px 0;border-bottom:1px solid #e8d1a132;align-items:center;font-size:16px}
.credit-honors li span:first-child{color:#cfb580;font-family:ui-monospace,monospace}
.credit-honors li span:nth-child(2){overflow-wrap:anywhere;color:#fff1d1}
.credit-honors li span:last-child{font-weight:800;color:#ffde99;text-align:right}
.credit-honors li.mine{background:#ffdf9914}
.credit-page[data-kind^="audience-"] .credit-honors li{grid-template-columns:minmax(0,1fr) auto;gap:10px}
.credit-page[data-kind^="audience-"] .credit-honors li span:first-child{display:none}
.credit-page[data-kind^="audience-"] .credit-honors li span:last-child{font-size:22px;letter-spacing:.015em}
#endingCreditsRoll .credit-page[data-kind^="audience-"] p{color:#ffe3a4;font-size:14px;line-height:1.6;margin-bottom:8px}
#endingCreditsRoll .credit-page[data-kind^="audience-"] small{white-space:pre-line}
.credit-page[data-kind="personal"] .credit-honors li{grid-template-columns:0 minmax(0,1fr) auto;font-size:20px;padding-block:16px}
@container game (max-width:700px){
 #endingCreditsRoll .credit-page{padding:6px 0}
 #endingCreditsRoll .credit-page h3{font-size:16px;margin-bottom:8px}
 #endingCreditsRoll .credit-page small{font-size:11px;margin-top:8px}
 .credit-honors li{padding:7px 0;font-size:15px}
 .credit-page[data-kind="personal"] .credit-honors li{font-size:18px;padding-block:9px}
 #scoreRankingList li{grid-template-columns:28px minmax(0,1fr) auto 22px;gap:7px}
 #scoreRankingList li span:nth-child(3){font-size:16px}
 .score-honor h3,.plays-honor h3{font-size:22px}
}
@container game (max-height:470px){
 .credit-page[data-kind^="audience-"] .credit-honors li span:last-child{font-size:18px}
 .ending-credits{padding:10px 16px}
 #endingCreditsRoll .credit-page h3{font-size:15px;margin-bottom:6px}
 #endingCreditsRoll .credit-page small{font-size:11px;margin-top:6px}
 .credit-honors li{padding:5px 0;font-size:14px}
 .ending-controls{padding-top:7px}
 .ending-controls>div{margin-bottom:6px}
 .ending-controls p{font-size:11px;margin-bottom:5px}
}
.result-rank-summary{color:#f6d895;font-weight:800;font-size:17px;line-height:1.6;margin:8px 0 18px}
.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 24px;font-variant-numeric:tabular-nums}
.result-metrics>div{padding:12px 8px;border-top:1px solid #ffdd8b60}
.result-metrics dt{font-size:13px;color:#bfc8cb}
.result-metrics dd{margin:5px 0 0;font-size:26px;color:#fff0ce;font-weight:800}
.cinematic-pause-notice{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:120;padding:10px 18px;border:1px solid #e6c583;border-radius:8px;background:#12201eee;color:#ffe4ac;white-space:nowrap;pointer-events:none}
@container game (max-width:500px){.result-metrics{gap:8px}.result-metrics dd{font-size:22px}.result-rank-summary{font-size:15px}}