:root{--accent:#ff6f00;--bg-dark:#0a0e27;--panel-bg:rgba(15, 20, 40, 0.95);--text-main:#ffffff;--text-dim:rgba(255, 255, 255, 0.7)}body{background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(135deg,#0a0e27 0%,#1a1f3a 25%,#0f1629 50%,#1e2a4a 75%,#0a0e27 100%);background-size:60px 60px,60px 60px,100% 100%;background-attachment:fixed;color:#fff;font-family:maven pro,sans-serif;min-height:100vh}.mode-selection{display:flex;flex-direction:column;gap:14px;max-width:320px;margin:0 auto}.actionBtn{--btn-color-top:#49a8de;--btn-color-bottom:#2e7ca8;--btn-text-color:#ffffff;--btn-color-top-hover:#59b8ef;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background-color:var(--btn-color-top);color:var(--btn-text-color);border:none;border-radius:12px;padding:16px 32px;font-size:20px;font-weight:700;text-transform:uppercase;font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;box-shadow:0 6px 0 var(--btn-color-bottom);transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative}.actionBtn:hover{background-color:var(--btn-color-top-hover);transform:translateY(-2px);box-shadow:0 8px 0 var(--btn-color-bottom)}.actionBtn:active{transform:translateY(6px);box-shadow:0 0 0 var(--btn-color-bottom);transition-duration:.05s}.actionBtn-orange{--btn-color-top:#e65100;--btn-color-bottom:#bf360c;--btn-color-top-hover:#ff6f00}.actionBtn-blue{--btn-color-top:#1e88e5;--btn-color-bottom:#1565c0;--btn-color-top-hover:#2196f3}.actionBtn.is-searching{cursor:wait;background-color:#95a5a6;box-shadow:0 6px #7f8c8d;color:#ecf0f1}.actionBtn.is-searching:hover,.actionBtn.is-searching:active{transform:translateY(0);box-shadow:0 6px #7f8c8d}h1{text-align:center;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-1px}#matchmaking-status{display:none;text-align:center;padding:20px;background:rgba(255,111,0,8%);border:1px solid rgba(255,111,0,.25);border-radius:16px}.lb-entry{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,4%);border-radius:10px;margin-bottom:6px;transition:background .2s}.lb-entry:hover{background:rgba(255,255,255,8%)}.lb-rank{font-size:1.2em;font-weight:700;min-width:30px;text-align:center}.lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.lb-name{flex:1;font-weight:500;color:#fff}.lb-pts{font-weight:700;color:#ff6f00}#leaderboard-countdown{font-size:.85em;color:#999;text-align:center;margin-top:8px}#my-rank{font-size:1em;margin:8px 0;color:#ff6f00}#welcome-back{display:none;text-align:center;margin-bottom:20px}#wb-avatar{display:none;width:40px;height:40px;border-radius:50%;border:2px solid #ff6f00}.points-breakdown{margin-top:16px;padding:12px;background:rgba(255,255,255,4%);border-radius:8px;font-size:.95em;color:rgba(255,255,255,.7)}