/* Account and record-book surfaces retain Wheel Games' stadium identity. */
.score-run-button{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;min-height:34px;padding:5px 10px;border:1px solid #d9ed8066;border-radius:3px;background:#a9c34a18;color:var(--lime);text-align:left}.score-run-button>span{font:800 9px Arial,sans-serif;letter-spacing:.8px}.score-run-button>small{grid-column:1;font:6px monospace;letter-spacing:.5px;color:#bdcba7}.score-run-button>b{grid-column:2;grid-row:1/3;font-size:17px;font-weight:400}.score-run-button:hover{background:#c3df6330;border-color:var(--lime)}.ranked-result-note{font:9px/1.6 monospace;color:var(--lime);border-left:2px solid #d7ee6b66;padding:7px 10px;margin:0 0 13px;background:#a2bf3c0d}.ranked-room-option{display:flex;align-items:flex-start;gap:11px;margin:21px 0;color:#dfebd2;font-size:12px;line-height:1.5;cursor:pointer}.ranked-room-option input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--lime)}.ranked-room-option small{display:block;font-size:10px;line-height:1.6;color:#aebfa1;margin-top:6px}#room-dialog{max-height:calc(100dvh - 30px);overflow:auto}
.account-button{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid #e2f47455;background:#1a3028cb;border-radius:4px;text-align:left;max-width:160px;line-height:1.1}.account-button:hover{border-color:var(--lime);background:#344730}.account-button>span:last-child{min-width:0}.account-button small{display:block;font:7px monospace;letter-spacing:1.6px;color:#bcccac;margin-bottom:4px}.account-button strong{display:block;font-size:9px;font-weight:800;letter-spacing:.4px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-dot{width:7px;height:7px;border:1px solid #d7e9c5;border-radius:50%;flex-shrink:0}.account-button[data-authenticated="true"] .account-dot{background:var(--lime);border-color:var(--lime)}
.club-links{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:29px;margin-top:7px}.leaderboard-link{display:flex;align-items:center;gap:7px;min-height:29px;background:transparent;border:0;padding:3px 0;color:var(--lime);font:800 9px Arial,sans-serif;letter-spacing:.8px}.leaderboard-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.leaderboard-link b{font-size:15px;font-weight:400;margin-left:3px}.leaderboard-link:hover span{text-decoration:underline;text-underline-offset:4px}.club-links>span{font:7px/1.5 monospace;letter-spacing:.5px;color:#bdcbb0;text-align:right;max-width:155px}.result-links{display:flex;align-items:center;justify-content:space-between;gap:14px}.result-links #results-leaderboards{color:var(--lime);text-align:right;font-size:8px}
#account-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto}#account-dialog h2{font-size:43px}#account-dialog .eyebrow{padding-right:24px}.account-identity{display:flex;gap:14px;align-items:center;border-block:1px solid #efffd929;padding:17px 0;margin:21px 0 15px}.account-identity>span{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--lime);color:#213426;font:27px Impact,sans-serif}.account-identity>div{min-width:0}.account-identity strong{display:block;font-size:18px;overflow-wrap:anywhere}.account-identity small{display:block;font:9px/1.6 monospace;letter-spacing:1px;color:var(--lime);margin-top:5px}.account-message{font-size:13px;line-height:1.65;color:#e1ead5;white-space:pre-line}.account-message[data-state="unavailable"],.account-message[data-state="error"]{color:#f4c19c}.account-access{padding:0;list-style:none;margin:18px 0}.account-access li{padding:9px 0;border-bottom:1px solid #eaffd815;font-size:11px;color:#dce7cf;display:flex;justify-content:space-between;gap:15px}.account-access li span:last-child{font:9px monospace;color:var(--lime);text-align:right}.account-footnote{font-size:10px;line-height:1.7;color:#b9c9ae;margin:20px 0}.account-actions{display:flex;flex-direction:column;gap:9px}.account-actions .primary{flex:auto;min-height:49px;font-size:10px}.account-actions .secondary{min-height:43px;flex-shrink:0}.account-actions .text-button{padding:9px 0;align-self:center}.account-actions button:disabled{cursor:default}
#leaderboard-dialog{width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 38px);padding:30px 34px;overflow:auto;scrollbar-width:thin;scrollbar-color:#def46855 transparent;background:radial-gradient(ellipse at 100% 0,#4f623b55,transparent 52%),linear-gradient(145deg,#223c2d,#12271f)}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-right:26px}.leaderboard-heading .eyebrow{margin-bottom:12px;font-size:8px}.leaderboard-heading h2{font-size:46px;margin:0;letter-spacing:-.8px}.leaderboard-heading em{font-style:normal;color:var(--lime)}.leaderboard-seal{display:block;font:54px/.95 Impact,sans-serif;color:#d5e6be88;border:1px solid #d5e6be44;border-radius:50%;width:95px;height:95px;padding-top:15px;text-align:center;transform:rotate(9deg);flex-shrink:0}.leaderboard-seal small{display:block;font:8px monospace;letter-spacing:2px;margin-top:6px}.leaderboard-toolbar{display:flex;align-items:end;gap:14px;margin:25px 0 14px}.leaderboard-toolbar label{display:block;font:8px/1.5 monospace;letter-spacing:1.4px;color:#cad9bb;flex:1;min-width:0}.leaderboard-toolbar select{width:100%;min-height:44px;margin-top:7px;font:700 12px Arial,sans-serif;padding:12px;border-color:#e3f77c44;background:#12271e}.leaderboard-toolbar .small-button{height:44px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;color:var(--lime);font-size:17px;background:#20382a}.leaderboard-toolbar .small-button span{font:9px monospace;letter-spacing:.7px}.leaderboard-toolbar .small-button:disabled{opacity:.5;cursor:default}.leaderboard-meta{display:flex;justify-content:space-between;gap:16px;font:8px/1.5 monospace;letter-spacing:.8px;color:#c2d1b5;margin:17px 0 12px}.leaderboard-meta span:last-child{text-align:right;color:var(--lime)}.leaderboard-status{font:11px/1.7 Arial,sans-serif;color:#d4e2c6;background:#e7f9bc09;border-left:2px solid #c8dc9955;margin:10px 0 15px;padding:10px 12px}.leaderboard-status[data-state="error"]{color:#f4c19c;border-left-color:#e0a77d}.leaderboard-empty{text-align:center;padding:30px 20px 32px;border-block:1px solid #d9ebc421;margin:14px 0}.leaderboard-empty>span{display:block;color:#d5e99877;font:48px Impact,sans-serif;line-height:1}.leaderboard-empty strong{display:block;font:22px Impact,sans-serif;letter-spacing:.6px;color:#e4f1d4;margin-top:12px}.leaderboard-empty p{font-size:11px;line-height:1.7;color:#b9caae;margin:10px auto 0;max-width:340px}.leaderboard-table-wrap{overflow:auto;max-height:310px;border-block:1px solid #e8f5cf33;scrollbar-width:thin}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.leaderboard-table th{position:sticky;top:0;background:#203b2b;z-index:1;color:#a8bc99;font:8px monospace;letter-spacing:1px;padding:12px 9px;border-bottom:1px solid #e5f4d333}.leaderboard-table th:first-child{width:62px}.leaderboard-table th:nth-child(3){width:110px;text-align:right}.leaderboard-table th:last-child{width:100px;text-align:right}.leaderboard-table td{padding:13px 9px;border-bottom:1px solid #e8f5d515;vertical-align:middle;font-size:12px}.leaderboard-table td:first-child{font:25px Impact,sans-serif;color:#9bab8c}.leaderboard-table td:nth-child(3){font:11px monospace;text-align:right;color:#d4dfc7}.leaderboard-table td:last-child{font:27px Impact,sans-serif;text-align:right;color:var(--lime)}.leaderboard-table .board-name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-table .board-name small{display:inline-block;font:7px monospace;letter-spacing:.5px;background:#d9f365;color:#233525;padding:3px 5px;margin-left:7px;vertical-align:middle;border-radius:2px}.leaderboard-table .board-sub{display:block;font:8px/1.5 monospace;color:#a8bd99;margin-top:4px}.leaderboard-table .board-podium td:first-child{color:#e0edb3}.leaderboard-table tr.board-you{background:#c4df6930;box-shadow:inset 3px 0 var(--lime)}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-mine{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 14px;border:1px solid #def4686b;background:#afcc5418;border-radius:4px}.leaderboard-mine>span{font:10px/1.6 monospace;color:#d6e4c5}.leaderboard-mine strong{font:25px Impact,sans-serif;color:var(--lime);white-space:nowrap}.leaderboard-rules{margin-top:19px;border-top:1px solid #e3f1c824;padding-top:15px;color:#bed0b0}.leaderboard-rules summary{font:9px monospace;letter-spacing:1px;cursor:pointer;min-height:25px;color:#e3edce;list-style-position:inside}.leaderboard-rules summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.leaderboard-rules p{font-size:11px;line-height:1.65;margin:8px 0;white-space:pre-line}.leaderboard-rules p:last-child{font-size:10px;color:#aabc9c}.leaderboard-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.leaderboard-footer .text-button{font-size:8px;color:var(--lime);padding:13px 0}.leaderboard-footer>span{font:7px monospace;letter-spacing:1px;color:#94aa87;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.mast-right{gap:9px}.build-pill{display:none}.account-button{max-width:140px}}
@media(max-height:780px) and (min-width:801px){.hero-copy h1{font-size:46px}.hero-copy .intro{margin-bottom:9px}.event-card{min-height:38px;padding-top:4px;padding-bottom:4px}.event-list{max-height:246px}.club-links{min-height:26px;margin-top:4px}.leaderboard-link{min-height:26px;font-size:8px}.control-summary{margin-top:4px}.leaderboard-heading h2{font-size:39px}.leaderboard-seal{width:80px;height:80px;font-size:43px}.leaderboard-toolbar{margin-top:18px}}
@media(max-width:550px){.masthead .brand{font-size:16px;gap:8px}.masthead .brand small{font-size:9px;letter-spacing:2px}.masthead .brand svg{width:32px}.mast-right{gap:5px}.account-button{max-width:72px;padding:5px 7px;min-height:32px;gap:0}.account-button small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.account-button strong{font-size:8px;max-width:58px}.account-dot{display:none}.mast-right .icon-button{width:28px;min-width:28px;height:28px;font-size:17px}.club-links>span{font-size:6px;max-width:130px}.leaderboard-link{font-size:8px}.club-links{margin-top:5px;min-height:28px}.control-summary{margin-top:5px;font-size:7px}.result-links .text-button{font-size:8px}#account-dialog{padding:27px 23px}#account-dialog h2{font-size:37px}#leaderboard-dialog{width:calc(100vw - 22px);padding:24px 18px;max-height:calc(100dvh - 24px)}.leaderboard-heading{gap:12px;padding-right:20px}.leaderboard-heading h2{font-size:34px}.leaderboard-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.leaderboard-seal{width:66px;height:66px;padding-top:11px;font-size:35px}.leaderboard-seal small{font-size:6px;letter-spacing:1px;margin-top:4px}.leaderboard-toolbar{gap:8px;margin-top:22px}.leaderboard-toolbar select{font-size:10px;padding:11px 7px}.leaderboard-toolbar .small-button{width:40px;padding:0}.leaderboard-toolbar .small-button span{display:none}.leaderboard-meta{font-size:7px;letter-spacing:.2px;gap:10px}.leaderboard-table th{font-size:7px;letter-spacing:.3px;padding:11px 5px}.leaderboard-table th:first-child{width:40px}.leaderboard-table th:nth-child(3){width:65px}.leaderboard-table th:last-child{width:63px}.leaderboard-table td{padding:12px 5px;font-size:10px}.leaderboard-table td:first-child{font-size:21px}.leaderboard-table td:nth-child(3){font-size:9px}.leaderboard-table td:last-child{font-size:23px}.leaderboard-table .board-name small{font-size:6px;margin-left:4px;padding:2px 3px}.leaderboard-table .board-sub{font-size:7px}.leaderboard-empty{padding:25px 10px}.leaderboard-empty strong{font-size:21px}.leaderboard-status{font-size:10px;padding:9px 10px}.leaderboard-footer{gap:10px}.leaderboard-footer>span{font-size:6px;max-width:100px}.leaderboard-mine{padding:10px;gap:8px}.leaderboard-mine>span{font-size:9px}.leaderboard-mine strong{font-size:23px}}
@media(max-height:600px){#account-dialog,#leaderboard-dialog{max-height:calc(100dvh - 24px)}.leaderboard-table-wrap{max-height:220px}.leaderboard-heading h2{font-size:32px}.leaderboard-seal{display:none}.leaderboard-toolbar{margin-top:16px}.leaderboard-rules{margin-top:14px}}
