/* Kirk Case Trivia leaderboard: beige cards over John Cullen's map (matches the trivia sheet) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tl-row{display:grid;gap:12px;margin:18px 4px 4px}
.tl-row .trivia-launch{margin:0}
@media(min-width:700px){.tl-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}}
.lb-tile{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;border-radius:20px;background:#FBF8F3;border:3px solid #E7A923;box-shadow:0 10px 24px rgba(20,24,34,.32),0 3px 0 #B9850F;cursor:pointer;color:var(--ink,#1F2430);transition:transform .15s ease}
.lb-tile:hover,.lb-tile:focus-visible{transform:translateY(-2px);outline:none}
.lbt-head{display:flex;align-items:baseline;gap:8px}
.lbt-title{margin:0;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.1}
.lbt-when{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A5A00}
.lbt-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lbt-list li{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:6px 10px;font-size:14.5px}
.lbt-r{flex:none;width:22px;text-align:center}
.lbt-n{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbt-p{flex:none;font:800 15px var(--serif,Georgia)}
.lbt-list li.lbt-empty{background:transparent;padding:2px 0;color:#3D4250;font-size:14px}
.lbt-cue{align-self:flex-start;margin-top:2px;padding:5px 12px;border-radius:999px;background:#1F2430;color:#fff;font-size:12.5px;font-weight:700}
.tv-hud .tv-lb{margin-left:auto;border:0;background:#FBF8F3;box-shadow:0 2px 6px rgba(20,24,34,.18);border-radius:999px;width:34px;height:30px;font-size:16px;cursor:pointer}

.lb-save{background:var(--bg,#FBF8F3);border:3px solid #E7A923;border-radius:18px;padding:14px;margin:14px 0 10px;text-align:left;box-shadow:0 8px 20px rgba(20,24,34,.18)}
.lb-save h3{font-family:var(--serif);font-size:20px;font-weight:600;margin:0 0 4px}
.lb-p{margin:2px 0 10px;font-size:15px}
.lb-form{display:flex;gap:8px}
.lb-form input{flex:1;min-width:0;font:600 16px Inter,sans-serif;padding:11px 12px;border-radius:12px;border:2px solid #DDD5C8;background:#fff;color:var(--ink,#1F2430)}
.lb-form input:focus{outline:none;border-color:#1F2430}
.lb-form input.bad{border-color:#D9532B;background:#FFF4EF}
.lb-form .pill{flex:none;padding:10px 18px}
.lb-save .lb-msg{min-height:1.3em;margin:6px 2px 4px;font-size:14px;font-weight:600;color:#17663A}
.lb-save .lb-msg.bad{color:#B42318}
.lb-fine{font-size:12px;color:var(--muted,#6B6F7B);margin:2px 2px 10px}
.lb-save .lb-open{width:100%}

.lbsheet .sheet-in.lb-in{background:linear-gradient(rgba(251,248,243,.60),rgba(251,248,243,.60)),url(assets/map/map-hero.webp?v=83368cfe5a) center/cover no-repeat,#FBF8F3}
.lb-in .sh-kick,.lb-in h2{text-shadow:0 0 2px #FBF8F3,0 0 6px #FBF8F3,0 0 12px rgba(251,248,243,.9)}
.lb-in .sh-kick{color:var(--ink,#1F2430);font-weight:700}
.lb-tabs{display:flex;gap:6px;margin:12px 0 10px;background:rgba(251,248,243,.9);padding:4px;border-radius:999px;box-shadow:0 2px 8px rgba(20,24,34,.16)}
.lb-tabs button{flex:1;border:0;background:transparent;border-radius:999px;padding:9px;font:700 14px Inter,sans-serif;color:var(--muted,#6B6F7B);cursor:pointer}
.lb-tabs button[aria-selected="true"]{background:#1F2430;color:#fff}
.lb-list>.lb-p{background:var(--bg,#FBF8F3);border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(20,24,34,.2)}
.lb-rows{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.lb-rows li{display:flex;align-items:center;gap:10px;background:var(--bg,#FBF8F3);border-radius:14px;padding:10px 14px;box-shadow:0 6px 16px rgba(20,24,34,.2);border:2px solid transparent}
.lb-rows li.t1{border-color:#E7A923}.lb-rows li.t2{border-color:#B8BEC9}.lb-rows li.t3{border-color:#D79A6A}
.lb-rows li.me{border-color:#0F6A6E;background:#EAF5F3}
.lb-rank{flex:none;width:30px;text-align:center;font:800 16px Inter,sans-serif;color:var(--muted,#6B6F7B)}
.lb-rows li.top .lb-rank{font-size:21px}
.lb-nick{flex:1;min-width:0;font-weight:700;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-nick em{font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#0F6A6E;color:#fff;border-radius:999px;padding:2px 7px;margin-left:4px;vertical-align:2px}
.lb-pts{flex:none;font:800 18px var(--serif,Georgia);color:#1F2430}
.lb-pts small{font:600 11px Inter,sans-serif;color:var(--muted,#6B6F7B)}
.lb-foot{margin-top:12px;text-shadow:0 0 2px #FBF8F3,0 0 6px #FBF8F3;color:#3d4150}
/* v2: nickname-first screen, in-game chip, end confirmation */
.lb-gate{background:var(--bg,#FBF8F3);border:5px solid #E7A923;border-radius:20px;padding:18px 16px 14px;box-shadow:0 10px 24px rgba(20,24,34,.28)}
.lbg-kick{margin:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A5A00}
.lb-gate h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:2px 0 6px}
.lbg-known{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:2px solid #DDD5C8;border-radius:12px;padding:11px 12px;font-size:16px}
.lbg-change{border:0;background:none;color:var(--dd,#0F6A6E);font:700 14px Inter,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:4px}
.lb-gate .lb-form input{width:100%}
.lb-gate .lbg-start{display:block;width:100%;margin:4px 0 6px;padding:13px;font-size:16px}
.lb-gate .lbg-start:disabled{opacity:.6}
.lbg-skip,.lbg-optin{border:0;background:none;padding:4px 2px;color:var(--muted,#6B6F7B);font:600 13.5px Inter,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lb-gate .lbg-skip{display:block;margin:0 auto}
.lb-gate .lb-msg{min-height:1.3em;margin:8px 2px 4px;font-size:14px;font-weight:600;color:#17663A}
.lb-gate .lb-msg.bad{color:#B42318}
.lb-gate .lb-fine{text-align:center}
.lb-as{margin:-4px 0 10px;font-size:12.5px;color:#3D4250;text-shadow:0 0 2px #FBF8F3,0 0 6px #FBF8F3}
.lb-as b{color:var(--ink,#1F2430)}
.lb-done{margin:0 0 10px;font-size:16px;line-height:1.4}
.lb-gate [hidden],.lb-as[hidden]{display:none!important}
/* v3: Options menu (new nickname / reset progress) */
.lb-as{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lb-as-opt{flex:none;border:1.5px solid #DDD5C8;background:#FBF8F3;border-radius:999px;padding:4px 10px;font:700 12px Inter,sans-serif;color:var(--ink,#1F2430);cursor:pointer}
.lb-menu{background:#FBF8F3;border:2px solid #E7A923;border-radius:14px;padding:6px;margin:0 0 10px;box-shadow:0 8px 18px rgba(20,24,34,.22)}
.lb-menu>button,.lb-endopts>button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 10px;border-radius:10px;font:700 14.5px Inter,sans-serif;color:var(--ink,#1F2430);cursor:pointer}
.lb-menu>button:hover,.lb-endopts>button:hover{background:#F1EADF}
.lb-endopts{margin-top:12px;border-top:1.5px dashed #DDD5C8;padding-top:8px}
.lb-endopts .lb-fine{margin:0 0 2px}
.lbo-confirm{background:#fff;border:1.5px solid #DDD5C8;border-radius:12px;padding:10px 12px;margin:4px 0}
.lbo-confirm p{margin:0 0 8px;font-size:13.5px;line-height:1.4}
.lbo-row{display:flex;gap:10px;align-items:center}
.lbo-row .pill{padding:8px 14px;font-size:14px}
.lbo-no{border:0;background:none;font:600 13.5px Inter,sans-serif;color:var(--muted,#6B6F7B);text-decoration:underline;cursor:pointer}
.lb-menu [hidden],.lb-endopts [hidden]{display:none!important}
/* v4: PIN step */
.lb-gate .lb-pins input{letter-spacing:.35em;text-align:center;font-size:20px}
.lb-gate .lbg-known{margin-bottom:8px}
.lbg-pinhelp{margin:4px 0 8px}
.lbg-forgot,.lbg-import{text-align:center;margin:6px 0 0}
.lbo-err{margin:6px 0 0;font-size:13px;color:#B42318}
.lbo-err:empty{display:none}
.lb-gate .lb-pins input::placeholder{letter-spacing:normal;font-size:15px}
.lb-gate .lb-pins input{min-width:0}