.lb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:900;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.lb-overlay.visible{opacity:1;pointer-events:auto}.lb-card{background:var(--color-panel,#1a1a2e);border:3px solid var(--color-border,#16213e);border-radius:8px;padding:20px;width:100%;max-width:420px;margin:auto}.lb-title{font-family:orbitron,'press start 2p',monospace;font-size:1.2rem;font-weight:900;color:var(--neon-yellow,#ffff00);text-shadow:0 0 10px var(--neon-yellow,#ffff00);text-align:center;margin-bottom:16px;letter-spacing:2px;display:flex;align-items:center;justify-content:center}.lb-connection{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:10px;vertical-align:middle;transition:all .3s ease;background-color:#666}.lb-connection.connected{background-color:#4ade80;box-shadow:0 0 6px #4ade80}.lb-connection.error{background-color:#ef4444;box-shadow:0 0 6px #ef4444}.lb-tabs{display:flex;gap:2px;margin-bottom:16px;justify-content:center}.lb-tab{background:rgba(0,0,0,.3);border:2px solid var(--color-border,#16213e);color:var(--color-text,#eee);font-family:orbitron,'press start 2p',monospace;font-size:.8rem;font-weight:700;padding:8px 20px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.lb-tab:hover{border-color:var(--neon-blue,#00ffff);box-shadow:0 0 8px var(--neon-blue,#00ffff)}.lb-tab.active{background:rgba(0,255,255,.1);border-color:var(--neon-blue,#00ffff);color:var(--neon-blue,#00ffff);box-shadow:0 0 12px var(--neon-blue,#00ffff)}.lb-table{width:100%;border-collapse:collapse;font-family:orbitron,'press start 2p',monospace;font-size:.8rem}.lb-table th{color:var(--neon-blue,#00ffff);font-weight:700;font-size:.8rem;padding:4px 6px;border-bottom:2px solid var(--color-border,#16213e)}.lb-table td{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}.lb-table tr:hover{background:rgba(0,255,255,.1)}.lb-table .lb-rank{color:var(--neon-yellow,#ffff00);font-weight:700;text-align:left;width:30px}.lb-table .lb-name{color:var(--color-text,#eee);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-table .lb-score{color:var(--neon-green,#00ff00);font-weight:700;text-align:right;width:60px}.lb-table .lb-date{color:#999;font-size:.75rem;text-align:right;width:90px}.lb-table .lb-meta{color:var(--neon-blue,#00ffff);font-weight:700;text-align:center;text-transform:uppercase;width:80px;font-size:.7rem}.lb-table tbody tr:nth-child(1) .lb-rank{color:var(--neon-yellow,#ffff00)}.lb-table tbody tr:nth-child(2) .lb-rank{color:#e5e7eb}.lb-table tbody tr:nth-child(3) .lb-rank{color:#a78bfa}.lb-table tbody tr:nth-child(n+4) .lb-rank{color:#9ca3af}.lb-status{text-align:center;color:#999;padding:20px}.lb-status.offline{color:orange}.lb-back{background:var(--color-panel,#1a1a2e);border:3px solid var(--color-border,#16213e);color:var(--color-text,#eee);font-family:orbitron,'press start 2p',monospace;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;width:100%;max-width:420px;text-align:center;margin-top:12px;box-shadow:0 4px #0a0a0a,0 6px 8px rgba(0,0,0,.3)}.lb-back:hover{transform:translateY(-2px);border-color:var(--neon-blue,#00ffff);box-shadow:0 6px #0a0a0a,0 8px 12px rgba(0,0,0,.4),0 0 15px var(--neon-blue,#00ffff)}.lb-name-entry{text-align:center}.lb-name-primary{font-family:orbitron,'press start 2p',monospace;font-size:1.2rem;font-weight:900;color:var(--neon-yellow,#ffff00);letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 10px var(--neon-yellow,#ffff00)}.lb-name-secondary{font-family:orbitron,'press start 2p',monospace;font-size:1rem;font-weight:700;color:var(--neon-blue,#00ffff);letter-spacing:1px;margin-bottom:16px;text-shadow:0 0 8px var(--neon-blue,#00ffff)}.lb-name-score{font-family:orbitron,'press start 2p',monospace;font-size:1.5rem;color:var(--neon-green,#00ff00);margin-bottom:24px;font-weight:700}.lb-name-form{display:flex;flex-direction:column;gap:16px;align-items:center}.lb-name-form label{color:var(--neon-blue,#00ffff);font-family:orbitron,'press start 2p',monospace;font-weight:700;font-size:.9rem}.lb-name-input{background:rgba(0,0,0,.5);border:2px solid var(--color-border,#16213e);color:var(--color-text,#eee);font-family:orbitron,'press start 2p',monospace;font-size:1.2rem;font-weight:700;padding:10px 15px;border-radius:6px;text-align:center;width:100%;max-width:300px;text-transform:uppercase;transition:all .2s ease}.lb-name-input:focus{outline:none;border-color:var(--neon-blue,#00ffff);box-shadow:0 0 10px var(--neon-blue,#00ffff)}.lb-name-buttons{display:flex;gap:12px;justify-content:center}.lb-btn{font-family:orbitron,'press start 2p',monospace;font-weight:700;font-size:.85rem;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;border:3px solid var(--color-border,#16213e);box-shadow:0 4px #0a0a0a,0 6px 8px rgba(0,0,0,.3)}.lb-btn:hover{transform:translateY(-2px)}.lb-btn:active{transform:translateY(2px);box-shadow:0 2px #0a0a0a}.lb-btn-submit{background:rgba(0,255,0,.1);border-color:#10b981;color:var(--color-text,#eee)}.lb-btn-submit:hover{border-color:#34d399;box-shadow:0 6px #0a0a0a,0 0 15px #34d399}.lb-btn-skip{background:rgba(255,0,0,.1);border-color:#dc2626;color:var(--color-text,#eee)}.lb-btn-skip:hover{border-color:#ef4444;box-shadow:0 6px #0a0a0a,0 0 15px #ef4444}@keyframes lb-slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes lb-highlight{0%{background-color:initial}50%{background-color:rgba(74,222,128,.2);box-shadow:0 0 10px rgba(74,222,128,.3)}100%{background-color:initial}}@keyframes lb-fadeOut{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@keyframes lb-scoreFlash{0%,100%{color:var(--neon-green,#00ff00);transform:scale(1)}50%{color:#4ade80;transform:scale(1.2);text-shadow:0 0 15px #4ade80}}@keyframes lb-nameChange{0%,100%{color:var(--color-text,#eee)}50%{color:var(--neon-blue,#00ffff);text-shadow:0 0 10px var(--neon-blue,#00ffff)}}@keyframes lb-fadeOutSlide{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.lb-new-entry{opacity:0}.lb-new-entry.lb-animate-in{animation:lb-slideIn .6s ease forwards,lb-highlight 2s ease}.lb-rank-change{animation:lb-highlight 2s ease}.lb-rank-up,.lb-rank-down{font-size:.9rem;font-weight:700;animation:lb-fadeOut 3s ease forwards;display:inline-block;text-align:left}.lb-rank-up{color:#4ade80}.lb-rank-down{color:#ef4444}.lb-score-flash{animation:lb-scoreFlash 2s ease}.lb-score-update{animation:lb-highlight 2s ease}.lb-name-change-anim{animation:lb-nameChange 2s ease}.lb-removing{animation:lb-fadeOutSlide .5s ease forwards}@media(max-width:480px){.lb-table{font-size:.75rem}.lb-table th{font-size:.75rem}.lb-tab{font-size:.7rem;padding:6px 14px}.lb-table .lb-rank{width:25px}.lb-table .lb-score{width:50px}.lb-table .lb-date{width:70px;font-size:.7rem}.lb-table .lb-meta{width:60px;font-size:.65rem}.lb-overlay{padding:12px}}@media(max-width:370px){.lb-date .lb-date-year{display:none}}