/* The shared arcade page, public boards and end-of-game submission. */
.arcade-hub{padding-top:55px;padding-bottom:75px}
.hub-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:35px}
.hub-heading h1{font-size:61px;margin:16px 0 20px;letter-spacing:-2px}.hub-heading .lead{max-width:600px}
.hub-heading>a{margin-top:15px}
.hub-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hub-game{border:1px solid #ffffff14;background:#181f2a;border-radius:17px;overflow:hidden}
.hub-art{height:280px;display:block;position:relative;background:#090e17;overflow:hidden}
.hub-art img{width:100%;height:100%;object-fit:cover}
.hub-game-body{padding:28px}.hub-game-body h2{font-size:34px;margin:10px 0 14px}
.hub-game-body>p:not(.eyebrow){color:#aeb9c8;font-size:13px;line-height:1.8;max-width:490px}
.hub-game-body>.button{margin-top:24px}.hub-game-body>.text-link{margin-left:18px}
.hub-scores{margin-top:60px;scroll-margin-top:25px}
.hub-scores .section-heading{margin-bottom:15px}.hub-scores .section-heading h2{font-size:36px}
.score-board-note{font-size:12px;color:#a4b1c1;margin-top:16px;max-width:620px;line-height:1.8}
.leaderboards{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.score-board{scroll-margin-top:20px;min-width:0}
.score-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.score-board-heading h3{font-size:27px}.score-board-heading>span{color:var(--accent);font-size:9px;letter-spacing:2px}
.score-table-wrap{width:100%;overflow:auto}.score-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.score-table th{color:#9cabbd;font-size:9px;text-transform:uppercase;letter-spacing:1px;text-align:left;font-weight:400;border-bottom:1px solid #495468;padding:10px 6px}
.score-table td{padding:13px 6px;border-bottom:1px solid #ffffff0b;color:#d0d8de;overflow-wrap:anywhere;vertical-align:top}
.score-table th:first-child,.score-table td:first-child{width:13%;color:#b8a58d}.score-table th:nth-child(2){width:43%}
.score-table th:nth-child(3),.score-table td:nth-child(3){width:28%;text-align:right;font-variant-numeric:tabular-nums}
.score-table th:nth-child(4),.score-table td:nth-child(4){width:16%;text-align:right;font-variant-numeric:tabular-nums}
.score-table tbody tr:nth-child(-n+3):not(.score-empty) td:nth-child(3){color:#eac59e}
.score-table .score-empty td{padding:32px 8px;text-align:center;color:#94a4b6;font-size:12px}
.score-board>.text-link{display:block;margin-top:22px}
.score-dialog{width:440px;max-width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}
.score-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.score-dialog-heading h2{font-size:24px;margin:0}
.score-result-summary{color:#ebc396;font:16px/1.6 Consolas,monospace;margin-bottom:17px}
.score-name-field input{width:100%;background:#111a25;border:1px solid #485669;border-radius:7px;padding:12px;color:#f1e8d8;min-height:46px}
.score-dialog .field{margin:14px 0}
.score-dialog #score-publish{width:100%;margin:13px 0 4px}
.score-dialog .text-link{display:block;margin-top:18px}
.score-result-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:12px}
.score-result-actions .button{font-size:12px;min-height:40px;padding:10px 14px}
.score-result-actions .text-link{font-size:11px}
.arcade-overlay.has-public-score .arcade-key-hint,.robot-overlay.has-public-score .robot-key-hints{display:none}
.score-pending{border:1px solid #afc5aa50;background:#1e2c2a;border-radius:9px;padding:12px;margin:14px 0;font-size:11px;color:#c5dacd}
.score-pending .button{margin-top:9px;min-height:35px;font-size:11px;padding:8px 12px}
.score-recovery{font-size:11px}.score-recovery>p{color:#a2b5c8}
.arcade-card-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.arcade-card-art img{width:100%;min-width:0;height:100%;object-fit:cover}
@media(max-width:800px){.hub-heading h1{font-size:51px}.hub-art{height:220px}.hub-game-body{padding:22px}.hub-game-body h2{font-size:29px}}
@media(max-width:600px){.hub-games,.leaderboards{grid-template-columns:1fr}.hub-heading{flex-direction:column;gap:13px}.hub-heading>a{margin:0}.arcade-hub{padding-top:35px}.hub-heading h1{font-size:47px}.hub-art{height:235px}.hub-scores{margin-top:42px}.hub-scores .section-heading{align-items:flex-start}.score-board{padding:18px}.score-table{font-size:11px}.score-table td{padding:12px 4px}}
@media(max-height:500px){.arcade-overlay.has-public-score,.robot-overlay.has-public-score{justify-content:flex-start;overflow:auto}.score-result-actions{gap:9px;margin-top:8px}.score-result-actions .button{min-height:34px;padding:8px 12px;font-size:10px}}