.lb-page{min-height:100dvh;background:var(--color-cream);font-family:var(--font-base);display:flex;flex-direction:column}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:calc(1rem + var(--pwa-safe-top)) 1.5rem 1rem;background:var(--color-navy);border-bottom:4px solid var(--color-black);position:sticky;top:0;z-index:100}.lb-back-btn{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold);text-decoration:none;padding:.4rem .875rem;border:2.5px solid var(--color-gold);border-radius:2px;box-shadow:3px 3px 0 var(--color-gold);transition:transform 80ms}.lb-back-btn:hover{transform:translate(-1px,-1px)}.lb-title-block{display:flex;align-items:center;gap:.6rem;flex-direction:column;gap:.2rem}.lb-title-logo{width:34px;height:34px;object-fit:contain;margin-bottom:.1rem}.lb-title{font-size:1.3rem;font-weight:900;letter-spacing:-.02em;color:var(--color-cream);margin:0;line-height:1}.lb-subtitle{font-size:.65rem;font-weight:700;text-transform:uppercase;opacity:.8}.lb-live-badge,.lb-subtitle{letter-spacing:.12em;color:var(--color-gold)}.lb-live-badge{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:900;background:rgba(201,169,97,.12);border:2px solid var(--color-gold);border-radius:2px;padding:.3rem .7rem}.lb-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.lb-header-actions .language-toggle{background:var(--color-cream);flex-shrink:0}.lb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-gold);animation:live-pulse 1.5s ease-in-out infinite}.lb-filters{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--color-cream-200);border-bottom:3px solid var(--color-black)}.lb-filters button{border:2.5px solid var(--color-black);background:var(--color-cream);color:var(--color-black);font-size:.75rem;font-weight:900;text-transform:uppercase;padding:.45rem .75rem;border-radius:2px;box-shadow:3px 3px 0 var(--color-black)}.lb-filters button.active{background:var(--color-terracotta);color:var(--color-cream)}.lb-dropdown{position:relative;min-width:190px}.lb-dropdown-trigger{width:100%;display:flex;justify-content:space-between;gap:.75rem}.lb-dropdown-trigger strong{color:inherit}.lb-dropdown-menu{position:absolute;z-index:30;top:calc(100% + .45rem);left:0;width:min(260px,72vw);max-height:260px;overflow-y:auto;background:var(--color-cream);border:2.5px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black);padding:.25rem}.lb-dropdown-menu button{width:100%;box-shadow:none;border:0;border-bottom:1.5px solid var(--color-black);text-align:left;background:var(--color-cream)}.lb-dropdown-menu button:last-child{border-bottom:0}.lb-dropdown-menu button.selected,.lb-dropdown-menu button:hover{background:var(--color-gold);color:var(--color-black)}.lb-empty{padding:2rem;text-align:center;font-size:.85rem;font-weight:800;color:var(--color-black-soft);background:var(--color-cream-50)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.lb-stats-bar{display:flex;gap:0;border-bottom:4px solid var(--color-black);background:var(--color-black)}.lb-stat{flex:1;padding:1rem;text-align:center;border-right:3px solid var(--color-black-soft);background:var(--color-cream-50)}.lb-stat:last-child{border-right:none}.lb-stat-value{font-size:1.4rem;font-weight:900;color:var(--color-terracotta);letter-spacing:-.03em}.lb-stat-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-black-soft);margin-top:.2rem}.lb-table-wrapper{flex:1;overflow-x:auto;padding:1.5rem}.lb-table{width:100%;border-collapse:collapse;border:3px solid var(--color-black);box-shadow:6px 6px 0 var(--color-black)}.lb-thead-row{background:var(--color-navy);border-bottom:3px solid var(--color-black)}.lb-th{padding:.75rem 1rem;text-align:left;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);white-space:nowrap;border-right:1.5px solid rgba(255,255,255,.1)}.lb-th:last-child{border-right:none}.th-rank{width:70px;text-align:center}.th-player{width:180px}.th-level{width:160px}.th-city{width:120px}.th-vehicle{width:50px;text-align:center}.th-score{width:80px;text-align:center}.th-eff{width:140px}.lb-row{border-bottom:2px solid var(--color-black);transition:background 80ms}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--color-cream-200)}.lb-row-top{background:rgba(201,169,97,.08)}.lb-row-top:hover{background:rgba(201,169,97,.15)}.lb-td{padding:.8rem 1rem;vertical-align:middle;border-right:1.5px solid rgba(26,26,26,.1)}.lb-td:last-child{border-right:none}.td-rank{text-align:center}.lb-rank{font-size:1.1rem;font-weight:900}.td-player .lb-avatar-cell{display:inline-block;width:28px;height:28px;border:2px solid var(--color-black);overflow:hidden;vertical-align:middle;flex-shrink:0;margin-right:.4rem}.lb-avatar-img{width:28px;height:28px;object-fit:cover;display:block}.lb-username{font-size:.92rem;font-weight:800;color:var(--color-black);vertical-align:middle}.lb-anon{font-size:.8rem;font-weight:600;color:var(--color-black-muted);font-style:italic}.lb-level-tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--color-black);padding:.2rem .55rem;border:2px solid var(--color-black);box-shadow:2px 2px 0 var(--color-black)}.lb-level-tag[data-level=pemula-rute]{background:var(--color-cream-100)}.lb-level-tag[data-level=navigator-kota]{background:var(--color-cream-200)}.lb-level-tag[data-level=penghemat-bbm]{background:var(--color-gold-light)}.lb-level-tag[data-level=master-trayek]{background:var(--color-gold)}.lb-level-tag[data-level=legenda-nusantara]{background:var(--color-navy);color:var(--color-cream)}.lb-level-tag img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.lb-city-tag{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--color-navy);color:var(--color-cream);padding:.2rem .6rem;border:2px solid var(--color-black);border-radius:2px}.lb-mission-name{font-size:.86rem;font-weight:600;color:var(--color-black-soft)}.td-score{text-align:center}.lb-score{font-size:1.1rem;font-weight:900;color:var(--color-navy)}.lb-score-top{color:var(--color-terracotta);text-shadow:2px 2px 0 rgba(200,75,49,.15)}.lb-eff-bar-wrap{display:flex;align-items:center;gap:.5rem}.lb-eff-bar{display:block;height:8px;background:var(--color-gold);border:1.5px solid var(--color-black);border-radius:2px;max-width:80px}.lb-eff-label{font-size:.82rem;font-weight:800;color:var(--color-black-soft);white-space:nowrap}.lb-footer-note{padding:1rem 1.5rem;font-size:.75rem;font-weight:500;color:var(--color-black-muted);background:var(--color-cream-200);border-top:3px solid var(--color-black);text-align:center}@media (max-width:640px){.lb-stats-bar{flex-wrap:wrap}.lb-stat{min-width:50%}.td-level,.td-mission,.td-vehicle,.th-level,.th-mission,.th-vehicle{display:none}.lb-table-wrapper{padding:1rem .5rem}}@media (max-width:760px){.lb-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back actions" "title title";gap:.8rem .65rem;align-items:center;padding:calc(.85rem + var(--pwa-safe-top)) .85rem 1rem}.lb-back-btn{grid-area:back;justify-self:start;min-height:44px;display:inline-flex;align-items:center;padding:.5rem .85rem;font-size:.76rem}.lb-title-block{grid-area:title;min-width:0;width:100%;justify-self:center}.lb-title-logo{width:30px;height:30px}.lb-title{max-width:100%;font-size:clamp(1.35rem,8vw,2rem);letter-spacing:0;line-height:1.02;text-align:center;overflow-wrap:anywhere}.lb-subtitle{max-width:min(320px,100%);text-align:center;line-height:1.35}.lb-live-badge{min-height:44px;max-width:46vw;padding:.42rem .58rem;font-size:.62rem;letter-spacing:.08em;overflow:hidden}.lb-header-actions{grid-area:actions;justify-self:end;gap:.45rem}.lb-header-actions .language-toggle button{min-width:30px;padding:.38rem}.lb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.75rem;align-items:stretch;overflow:visible}.lb-filters button,.lb-rank-me-btn{width:100%;min-width:0;min-height:44px;padding:.45rem .5rem;font-size:.68rem;line-height:1.15}.lb-dropdown{width:100%;min-width:0}.lb-rank-me-btn{grid-column:1/-1}.lb-period-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.65rem .75rem;overflow:visible}.lb-period-tab{width:100%;min-height:42px;padding:.42rem .25rem;font-size:.64rem;line-height:1.15;white-space:normal;text-align:center}.lb-stats-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lb-stat{min-width:0;padding:.85rem .45rem;border-right:2px solid var(--color-black-soft);border-bottom:2px solid var(--color-black-soft)}.lb-stat:nth-child(2){border-right:0}.lb-stat:last-child{grid-column:1/-1;border-right:0;border-bottom:0}.lb-stat-value{font-size:1.25rem;letter-spacing:0;overflow-wrap:anywhere}.lb-stat-label{font-size:.6rem;line-height:1.25}.lb-podium-wrap{padding:1rem .75rem}.lb-podium{grid-template-columns:1fr;gap:.65rem;max-width:100%}.lb-podium-slot{min-height:auto;padding:1rem .75rem;transform:none!important}.lb-podium-slot-1{order:1!important;border-color:var(--color-black);box-shadow:5px 5px 0 var(--color-terracotta)}.lb-podium-slot-2{order:2!important}.lb-podium-slot-3{order:3!important}.lb-podium-avatar,.lb-podium-slot-1 .lb-podium-avatar{width:58px;height:58px}.lb-podium-name{font-size:.86rem;white-space:normal;overflow-wrap:anywhere}.lb-podium-points{font-size:1.35rem}.lb-table-wrapper{padding:.85rem .5rem 1.25rem}.lb-table{min-width:650px}}@media (min-width:761px) and (max-width:1080px){.lb-header{gap:1rem;padding:calc(1rem + var(--pwa-safe-top)) 1rem 1rem}.lb-title{font-size:clamp(1.05rem,3vw,1.3rem);letter-spacing:0}.lb-live-badge{font-size:.62rem;padding:.35rem .55rem}.lb-header-actions{gap:.55rem}.lb-filters{flex-wrap:wrap;padding:.85rem 1rem}.lb-rank-me-btn{margin-left:auto}.lb-podium{max-width:700px}}.lb-rank-me-btn{min-height:44px;padding:0 1rem;border:3px solid var(--color-black);background:var(--color-terracotta);color:var(--color-cream);box-shadow:4px 4px 0 var(--color-black);font-weight:950;text-transform:uppercase;cursor:pointer}.lb-rank-me-btn:disabled{opacity:.6;cursor:wait}.lb-rank-error{max-width:1180px;margin:.75rem auto 0;padding:.65rem .8rem;border:2px solid var(--color-black);background:var(--color-terracotta);color:var(--color-cream);box-shadow:3px 3px 0 var(--color-black);font-weight:900}.lb-rank-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:rgba(26,26,26,.72)}.lb-rank-modal-card{position:relative;width:min(420px,100%);padding:1.25rem;border:4px solid var(--color-black);background:var(--color-gold);color:var(--color-black);box-shadow:10px 10px 0 var(--color-black);text-align:center}.lb-rank-modal-card h2{margin:.25rem 0 .75rem;font-size:clamp(1.7rem,7vw,2.8rem);line-height:.95;font-weight:950;text-transform:uppercase}.lb-rank-modal-card p,.lb-rank-modal-card span,.lb-rank-modal-kicker{font-weight:900;text-transform:uppercase;letter-spacing:.06em}.lb-rank-modal-card strong{display:block;margin-top:.55rem;font-size:1.35rem;font-weight:950}.lb-rank-modal-actions{display:grid;grid-template-columns:1fr 1fr .75fr;gap:.5rem;margin-top:1rem}.lb-rank-modal-card button:not(.lb-rank-modal-close){min-height:42px;padding:0 .65rem;border:3px solid var(--color-black);background:var(--color-terracotta);color:var(--color-cream);box-shadow:4px 4px 0 var(--color-black);font-weight:950;text-transform:uppercase;cursor:pointer}.lb-rank-modal-card button:not(.lb-rank-modal-close):nth-child(2){background:var(--color-navy)}.lb-rank-modal-card button:not(.lb-rank-modal-close):nth-child(3){background:var(--color-cream);color:var(--color-black)}.lb-rank-modal-card button:disabled{opacity:.65;cursor:wait}.lb-rank-modal-close{position:absolute;top:.45rem;right:.45rem;width:34px;height:34px;border:2px solid var(--color-black);background:var(--color-cream);color:var(--color-black);font-size:1.2rem;font-weight:950;cursor:pointer}@media print{body *{visibility:hidden!important}.lb-rank-modal-backdrop,.lb-rank-modal-backdrop *{visibility:visible!important}.lb-rank-modal-backdrop{position:static!important;inset:auto!important;display:block!important;padding:0!important;background:var(--color-cream)!important}.lb-rank-modal-card{margin:0 auto!important;width:420px!important;box-shadow:10px 10px 0 var(--color-black)!important;break-inside:avoid}.lb-rank-modal-actions,.lb-rank-modal-close{display:none!important}}.lb-rank-modal-card img{display:block;margin:.35rem auto 0}.lb-period-tabs{display:flex;gap:.5rem;padding:.6rem 1.5rem;background:var(--color-cream-50);border-bottom:2px solid var(--color-black);overflow-x:auto}.lb-period-tab{border:2.5px solid var(--color-black);background:var(--color-cream);color:var(--color-black);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:2px;box-shadow:3px 3px 0 var(--color-black);cursor:pointer;white-space:nowrap;transition:transform 80ms}.lb-period-tab.active{background:var(--color-navy);color:var(--color-cream);box-shadow:3px 3px 0 var(--color-gold)}.lb-period-tab:hover:not(.active){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-black)}.lb-podium-wrap{padding:1.5rem;background:var(--color-cream-100);border-bottom:3px solid var(--color-black)}.lb-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.75rem;align-items:end;max-width:760px;margin:0 auto}.lb-podium-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;border:3px solid var(--color-black);box-shadow:5px 5px 0 var(--color-black);text-align:center;background:var(--color-cream-50);position:relative}.lb-podium-slot-1{background:var(--color-gold);border-color:var(--color-black);box-shadow:6px 6px 0 var(--color-terracotta);transform:translateY(-6px);padding:1.25rem .75rem 1.4rem;order:2}.lb-podium-slot-2{background:var(--color-medal-silver);color:var(--color-black);order:1}.lb-podium-slot-3{background:var(--color-medal-bronze);color:var(--color-cream);order:3}.lb-podium-slot.is-me{outline:4px solid var(--color-terracotta);outline-offset:2px}.lb-podium-empty-slot{opacity:.25;border-style:dashed;box-shadow:none;min-height:140px}.lb-podium-medal{font-family:var(--font-mono,ui-monospace);font-weight:900;font-size:1.2rem;letter-spacing:.05em}.lb-podium-avatar{width:56px;height:56px;object-fit:contain;border:3px solid var(--color-black);background:var(--color-cream);padding:4px}.lb-podium-slot-1 .lb-podium-avatar{width:72px;height:72px}.lb-podium-name{font-weight:900;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-points{font-size:1.4rem;font-weight:900;color:var(--color-black)}.lb-podium-slot-3 .lb-podium-points{color:var(--color-cream)}.lb-podium-level{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.lb-podium-empty{padding:1.25rem;text-align:center;border:3px dashed var(--color-black);background:var(--color-cream-50);color:var(--color-black-soft)}.lb-row-me{background:var(--color-gold-light)!important;outline:3px solid var(--color-terracotta);outline-offset:-3px}.lb-row-me:hover{background:var(--color-gold)!important}.lb-me-badge{display:inline-block;margin-left:.4rem;padding:.1rem .35rem;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:var(--color-terracotta);color:var(--color-cream);border:2px solid var(--color-black);border-radius:2px}@media (max-width:640px){.lb-period-tabs{padding:.5rem .75rem}}