#leaderboard{z-index:24;position:absolute;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(120deg,#0c2448e8,#223656c9);backdrop-filter:blur(8px);color:white;pointer-events:auto}
#frame[data-stage="title"] > #leaderboard:not([hidden]){visibility:visible!important;pointer-events:auto!important}
#finishMoment{position:absolute;inset:0;z-index:19;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:max(17px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:white;background:linear-gradient(#061b3eaa,transparent 34%,transparent 60%,#061b3eaa);pointer-events:none}#finishMoment[hidden]{display:none!important}
.finishMoment-copy{filter:drop-shadow(0 3px 6px #071b3f);display:flex;flex-direction:column;align-items:center}.finishMoment-copy small{font-size:clamp(12px,1.6vw,19px);font-weight:900;letter-spacing:.14em;color:#e1f6ff}.finishMoment-copy h2{font-size:clamp(40px,9vw,100px);font-style:italic;line-height:.85;letter-spacing:-.06em;margin:4px 0 7px;color:#ffe19c;text-shadow:0 5px 0 #81516a,0 10px 24px #07132e}.finishMoment-copy strong{font-size:clamp(18px,3vw,34px);color:white;font-variant-numeric:tabular-nums}
#finishNext{pointer-events:auto;min-width:min(270px,40vw);padding:10px 28px;box-shadow:0 5px 0 #9f5872,0 10px 30px #07152899;background:linear-gradient(110deg,#ffbb7d,#ff6a99);color:#182e49;border:2px solid #ffe9c0;font-size:clamp(16px,2.4vw,25px);min-height:48px}#finishNext span{margin-left:12px;font-size:1.25em}
#titleLeaderboard{position:absolute;bottom:8%;right:max(4%,env(safe-area-inset-right));z-index:16;min-width:140px;min-height:34px;padding:6px 11px;border:1px solid #fbeabb9c;border-radius:10px;background:#123963d9;color:#fff4d1;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 3px 12px #061f4499;touch-action:manipulation}#titleLeaderboard:focus-visible{outline:3px solid white;outline-offset:3px}
#frame:not([data-stage="title"]):not([data-stage="demo"]) #titleLeaderboard,#frame #titleLeaderboard[hidden]{display:none!important}
@media(max-height:550px){#titleLeaderboard{min-width:132px;min-height:30px;padding:4px 8px;font-size:11px}}
#leaderboard[hidden],#leaderboard [hidden]{display:none!important}
.leader-card{width:min(690px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;padding:clamp(14px,2vw,25px);border:2px solid #81deff;border-radius:22px;background:linear-gradient(150deg,#102e51f5,#183861f7);box-shadow:0 0 26px #75d6ff5c,0 20px 55px #061329bb;overflow:auto}
.leader-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}.leader-heading small{font-size:12px;font-weight:800;letter-spacing:.17em;color:#98dcff}.leader-heading h2{font-size:clamp(25px,4vw,42px);font-weight:950;font-style:italic;letter-spacing:-.05em;line-height:1;margin:3px 0}.leader-heading strong{font-size:clamp(20px,3vw,32px);color:#ffe49b;font-variant-numeric:tabular-nums}
#leaderTrack{font-size:14px;font-weight:850;color:#d9f2ff;margin:0}#leaderStatus{font-size:14px;font-weight:800;color:#ffe49b;min-height:18px;margin:0}
.leader-filters{display:flex;align-items:center;gap:8px}.leader-filters label{font-size:12px;font-weight:900;color:#ffe49b}.leader-filters select{min-height:38px;padding:6px 9px;border:1px solid #9ad8ef;border-radius:8px;background:#254b70;color:white;font-size:14px;font-weight:750}.leader-filters select:first-of-type{flex:1;min-width:0}.leader-filters select:last-of-type{width:100px}
.leader-tabs{display:flex;gap:8px}.leader-tabs button{flex:1;border-radius:10px;border:1px solid #78b5d7;background:#19375a;color:#e9f5ff;padding:9px 5px;font-size:14px;font-weight:900;min-height:38px}.leader-tabs button[aria-selected="true"]{background:#ffe29a;color:#152b46;border-color:#ffeed1}
.leader-rows{display:grid;gap:3px;overflow-y:auto;min-height:0}.leader-row{display:grid;grid-template-columns:32px minmax(70px,1fr) minmax(95px,auto) 90px;align-items:center;gap:8px;padding:5px 10px;border:1px solid #7eafd052;border-radius:7px;background:#33557773;font-size:14px;min-height:30px}.leader-row:nth-child(-n+3)>b{color:#ffe399}.leader-row>b{color:#aee2ff}.leader-row>span{font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row>small{color:#c0dded;font-size:12px}.leader-row>strong{text-align:right;font-variant-numeric:tabular-nums;color:#fff1bf}.leader-row[data-self]{border-color:#ffe39e;background:#805e4c8c}
.leader-form{display:flex;gap:9px;align-items:center}.leader-form label{font-size:13px;font-weight:900;color:#ffe49b}.leader-form input{flex:1;min-width:0;border:2px solid #9bd9f1;border-radius:10px;padding:9px 12px;background:#f7fbff;color:#142d48;font-size:16px}.leader-form button,.leader-footer button{min-height:42px;padding:9px 17px;border-radius:11px;border:1px solid #ffecb8;background:#ffda83;color:#162e49;font-size:14px;font-weight:900}.leader-footer{display:flex;justify-content:flex-end;gap:9px}.leader-footer #leaderHome{background:#234b70;color:white;border-color:#9bd8fc}
@media(max-height:570px){.leader-card{gap:5px;padding:10px 16px}.leader-heading h2{font-size:27px}.leader-heading strong{font-size:22px}.leader-row{padding:2px 9px;min-height:24px}.leader-tabs button{padding:4px;min-height:31px}.leader-form button,.leader-footer button{min-height:34px;padding:5px 12px}#leaderTrack,#leaderStatus{font-size:12px}}
@media(max-width:650px){.leader-row{grid-template-columns:26px minmax(70px,1fr) 65px;gap:5px;font-size:12px}.leader-row>small{display:none}.leader-row>strong{font-size:12px}.leader-form label{display:none}.leader-form button{white-space:nowrap}}
/* iPhone landscape: present all ten places as two short columns. */
@media (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 #leaderboard{padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}
 .leader-card{width:min(100%,690px);gap:3px;padding:7px 10px;border-radius:13px}
 .leader-heading{align-items:center}.leader-heading small{display:none}.leader-heading h2{font-size:19px;line-height:1;margin:0}.leader-heading strong{font-size:16px}
 #leaderTrack,#leaderStatus{font-size:11px;line-height:1.1;min-height:0;margin:0}
 .leader-filters{gap:5px}.leader-filters label{font-size:11px}.leader-filters select{min-height:29px;padding:3px 5px;font-size:12px}.leader-filters select:last-of-type{width:73px}
 .leader-tabs{gap:4px}.leader-tabs button{min-height:26px;padding:3px;font-size:11px;border-radius:7px}
 .leader-rows{flex:1 1 auto;display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(22px,1fr));gap:2px 5px;overflow:auto}
 .leader-row{min-width:0;min-height:22px;grid-template-columns:20px minmax(0,1fr) auto;gap:3px;padding:1px 5px;font-size:11px;line-height:1}.leader-row>small{display:none}.leader-row>strong{font-size:11px}
 .leader-form{gap:5px}.leader-form label{display:none}.leader-form input{min-height:29px;padding:4px 7px;font-size:13px}.leader-form button,.leader-footer button{min-height:29px;padding:4px 9px;font-size:11px;border-radius:7px}
}