.dd-leaderboard{box-sizing:border-box;color:#f2efdf;background:#0d1c14;border:1px solid #b9a36d;border-radius:12px;padding:24px;font:15px/1.5 Arial,Helvetica,sans-serif;text-align:left;width:min(680px,calc(100% - 24px));max-height:85dvh;overflow:auto;box-shadow:0 20px 70px #0008}
.dd-leaderboard *, .dd-lb-result *{box-sizing:border-box}
.dd-leaderboard [hidden],.dd-lb-result [hidden],.dd-lb-result[hidden]{display:none!important}
.dd-leaderboard::backdrop{background:#030905d9}
.dd-leaderboard:not(dialog){width:100%;max-height:none;margin-top:30px}
.dd-lb-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.dd-leaderboard .dd-lb-heading h2{font:normal clamp(25px,5vw,36px)/1.1 Impact,Arial,sans-serif;letter-spacing:.02em;margin:0;color:#e4c481;text-shadow:none;transform:none;min-width:0}
.dd-leaderboard button,.dd-lb-button,.dd-lb-result button{font:700 14px/1.3 Arial,sans-serif;cursor:pointer;border:1px solid #718063;border-radius:5px;background:#233b29;color:#f2efdf;padding:10px 14px;min-height:44px;white-space:normal;text-transform:none;letter-spacing:normal}
.dd-leaderboard button:hover,.dd-lb-button:hover,.dd-lb-result button:hover{background:#345437}
.dd-leaderboard button:disabled,.dd-lb-result button:disabled{opacity:.6;cursor:wait}
.dd-leaderboard :focus-visible,.dd-lb-button:focus-visible,.dd-lb-result :focus-visible{outline:3px solid #c5ff63;outline-offset:3px}
.dd-leaderboard .dd-lb-link,.dd-lb-result .dd-lb-link{background:transparent;border-color:transparent;color:#dcc58d;padding:8px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.dd-lb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.dd-lb-tabs .dd-lb-button{margin:0;flex:1}
.dd-lb-tabs button[aria-pressed=true]{border-color:#c5ff63;background:#2b4020;color:#d6ffa0}
.dd-lb-modes{margin:8px 0 16px}.dd-lb-modes .dd-lb-button{flex:0 1 auto;font-size:12px}
.dd-lb-form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin:12px 0 4px;text-align:left}
.dd-lb-form label{display:flex;flex:1 1 180px;flex-direction:column;gap:5px;min-width:0;font:13px/1.5 Arial,sans-serif;color:#e4c481}
.dd-lb-form input{display:block;width:100%;font:16px/1.5 Arial,sans-serif;min-height:44px;padding:8px;background:#07110c;color:#f2efdf;border:1px solid #677858;border-radius:4px;max-width:100%}
.dd-lb-form-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.dd-lb-form>.dd-lb-note,.dd-lb-form>.dd-lb-status{flex:1 0 100%;margin:0}
.dd-lb-personal{padding:12px;background:#192f20;border-left:3px solid #c5ff63;font:14px/1.5 Arial,sans-serif;margin:16px 0 8px}
.dd-leaderboard .dd-lb-note,.dd-lb-result .dd-lb-note{font:12px/1.5 Arial,sans-serif;color:#b4beb2;margin:6px 0;letter-spacing:normal;text-transform:none}
.dd-lb-status{font:14px/1.5 Arial,sans-serif;color:#e4c481;margin:8px 0}
.dd-lb-status:empty{display:none}
.dd-lb-table-wrap{overflow:auto;margin-top:12px}
.dd-lb-table{border-collapse:collapse;width:100%;font:14px/1.5 Arial,sans-serif;table-layout:fixed}
.dd-lb-table th,.dd-lb-table td{padding:12px 8px;border-bottom:1px solid #ffffff1c;text-align:left;overflow-wrap:anywhere}
.dd-lb-table th{font-size:11px;text-transform:uppercase;color:#b4beb2}
.dd-lb-table th:first-child{width:54px;white-space:nowrap}
.dd-lb-table th:last-child{width:43%}
.dd-lb-you{background:#c5ff6312}.dd-lb-you td:first-child{color:#c5ff63;font-weight:bold}
.dd-lb-empty{text-align:center!important;color:#b4beb2}
.dd-lb-identity{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:0 4px;font:12px/1.5 Arial,sans-serif;color:#b4beb2;letter-spacing:normal;text-transform:none}
.dd-lb-result{width:100%;max-width:390px;margin:8px auto;font:14px/1.4 Arial,sans-serif;text-shadow:none;letter-spacing:normal;text-transform:none}
.dd-lb-result-actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.dd-lb-result .dd-lb-identity{justify-content:center}
.dd-lb-result .dd-lb-result-status{font:13px/1.4 Arial,sans-serif;color:#c5e6a6;margin:6px 0;text-align:center}
.dd-lb-result-status:empty{display:none}
.dd-lb-result .dd-lb-finish-score{font:700 20px/1.4 Arial,sans-serif;color:#e4c481;margin:4px 0 8px;text-align:center}
.dd-lb-result .dd-lb-button{margin:0}
.dd-lb-has-result .hint{margin-top:6px}
.overlay:has(.dd-lb-has-result){overflow-y:auto}
.overlay-inner.dd-lb-has-result{max-height:100%;overflow-y:auto;overscroll-behavior:contain}
.dd-lb-naming>.pill,.dd-lb-naming>.hint,.dd-lb-naming>.flex-link{display:none!important}
.screen-actions.dd-lb-has-result>.dd-lb-button{display:none}
.screen-actions .dd-lb-result{flex-basis:100%;margin:0;max-width:420px}
.screen-actions .dd-lb-result-actions,.screen-actions .dd-lb-identity{justify-content:flex-start}
.screen-actions .dd-lb-result-status,.screen-actions .dd-lb-finish-score{text-align:left}
.dd-lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dd-lb-button{margin:4px;flex:none}
.game-controls .dd-lb-button{font-size:11px;padding:8px;min-width:0;width:auto;height:auto}
.hud .dd-lb-button{font-size:12px;padding:8px;margin:0}
.dd-lb-clock{font:13px/1.3 Arial,sans-serif;color:#e4c481;display:block;margin-top:5px}
.dd-lb-hub{max-width:1000px;margin-inline:auto}.dd-lb-hub:empty{display:none}
@media(max-width:480px){.dd-leaderboard{padding:16px}.dd-lb-heading{gap:8px}.dd-lb-table th,.dd-lb-table td{padding:10px 5px}.dd-lb-table{font-size:12px}.game-controls{flex-wrap:wrap}.game-controls .dd-lb-button{flex-basis:100%;min-height:30px;margin:0}.hud nav{flex-wrap:wrap}.dd-leaderboard .dd-lb-heading h2{font-size:26px}.dd-lb-tabs{gap:5px}.dd-lb-tabs .dd-lb-button{font-size:12px;padding:8px}.dd-lb-form label{flex-basis:100%}.dd-lb-result .dd-lb-link{font-size:12px}.dd-lb-result{margin-block:6px}}
/* Completed runs can scroll on touch screens without stealing swipes during play. */
.playfield:has(.dd-lb-has-result){touch-action:pan-y}
.overlay .overlay-inner.dd-lb-has-result{transform:none}
@media(max-width:600px){.playfield:has(.dd-lb-has-result){min-height:470px}}