/* Shared arcade records, in the title screen's evergreen and warm gold. */
#ov[data-kind=scores]{overflow:auto;justify-content:flex-start;padding:28px 18px;box-sizing:border-box;touch-action:pan-y;background:#101e23f5}
#ov[data-kind=over]:has(.score-entry),#ov[data-kind=final]:has(.score-entry),#ov[data-kind=victory]:has(.score-entry){overflow:auto;justify-content:flex-start;padding-top:24px;padding-bottom:24px;touch-action:pan-y;box-sizing:border-box;background:#101e23f2}
#ov .scoreboard{width:100%;max-width:540px;flex-shrink:0;text-align:left;animation:none;color:#e8d6ae}
#ov .scoreboard h2{font:900 clamp(28px,5vw,42px)/1.2 'Cinzel Decorative',Georgia,serif;background:none;color:#e8d6ae!important;text-shadow:none;filter:none;animation:none;margin:0 0 12px}
#ov .scoreboard p{max-width:none;font:15px/1.5 Georgia,serif;color:#cdd8c9;text-shadow:none;margin:8px 0 16px}
#ov #board-status{min-height:24px;color:#e5bb77}
.scoreboard table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.scoreboard th{font:600 11px/1.4 Cinzel,Georgia,serif;color:#c4cdbb;text-align:left;padding:10px 8px;border-bottom:1px solid #697b6c}
.scoreboard th:last-child,.scoreboard td:last-child{text-align:right}
.scoreboard td{padding:12px 8px;border-bottom:1px solid #344b49;vertical-align:middle}
.scoreboard td:first-child{width:44px;color:#bdcbbd;font:16px Georgia,serif}
.scoreboard td:last-child{font:700 25px/1 Cinzel,Georgia,serif;color:#efc581}
.scoreboard strong{display:block;font:700 22px/1.1 Cinzel,Georgia,serif;letter-spacing:.12em;color:#f7e6c5}
.scoreboard small{display:block;font:12px/1.5 Georgia,serif;color:#c1d0c2;margin-top:4px}
.scoreboard tr:first-child strong,.scoreboard tr:first-child td:first-child{color:#efc581}
.scoreboard .score-yours{background:#2d493e}
.scoreboard .score-empty strong,.scoreboard .score-empty td:last-child{color:#acbdb0}
#ov .scoreboard-rule{font-size:13px;margin-top:18px}
.scoreboard-actions{display:flex;gap:12px;flex-wrap:wrap}
#ov .scoreboard button,#ov .score-entry button{min-height:44px;width:auto;max-width:100%;margin:0;padding:10px 16px;border:1px solid #849982;border-radius:2px;background:#253e37;color:#f7e6c5;box-shadow:none;font:600 13px/1.3 Cinzel,Georgia,serif;text-shadow:none}
#ov .scoreboard button:hover:not(:disabled),#ov .score-entry button:hover:not(:disabled){background:#38584a;filter:none}
#ov .scoreboard button:focus-visible,#ov .score-entry button:focus-visible,#ov .score-entry input:focus-visible{outline:3px solid #fff2a8;outline-offset:3px}
#ov .score-entry{width:calc(100% - 28px);max-width:470px;box-sizing:border-box;padding:18px 0;margin:8px auto 18px;flex-shrink:0;border-block:1px solid #8b8059;color:#f5e7c9}
#ov .score-entry h3{font:700 18px/1.3 Cinzel,Georgia,serif;border:0;margin:0 0 8px;color:#f3d39b}
#ov .score-entry p{font:14px/1.45 Georgia,serif;color:#e1e6d8;margin:6px 0 12px;text-shadow:none}
.score-entry form{text-align:left;width:max-content;max-width:100%;margin:14px auto}
.score-entry label{display:block;font:13px/1.5 Georgia,serif;margin-bottom:6px;color:#f5e7c9}
.score-entry-controls{display:flex;align-items:stretch;gap:10px}
#ov .score-entry input{box-sizing:border-box;min-width:0;width:118px;min-height:52px;padding:8px 6px 8px 13px;background:#101e23;color:#fce4b7;border:1px solid #bbaa7c;border-radius:2px;caret-color:#fce4b7;font:700 25px/1 Cinzel,Georgia,serif;letter-spacing:.18em;text-align:center;touch-action:manipulation;user-select:text;-webkit-user-select:text}
#ov .score-entry input::placeholder{color:#b6c7b9;opacity:1}
#ov .score-entry input::selection{background:#d6a15b;color:#21190d}
#ov .score-entry #score-submit{background:#d6a15b;border-color:#edbc72;color:#21190d}
#ov .score-entry #score-submit:hover:not(:disabled){background:#edbc72}
#score-initials-help{display:block;margin-top:7px;font:12px/1.4 Georgia,serif;color:#d1ddcb}
#ov #score-status:empty{display:none}
#ov #score-status{color:#f0ce90;margin:12px 0}
.score-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){#ov[data-kind=scores]{padding:20px 14px}.scoreboard td{padding:11px 5px}.scoreboard th{padding:10px 5px}.scoreboard td:first-child{width:32px}#ov .scoreboard p{font-size:14px}#ov .score-entry{width:calc(100% - 12px)}#ov .score-entry h3{font-size:16px}}
