:root{--accent:#e040fb;--bg-dark:#0a0e27;--panel-bg:rgba(15, 20, 40, 0.95);--text-main:#ffffff;--text-dim:rgba(255, 255, 255, 0.7);--blue-glow:rgba(100, 181, 246, 0.4)}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}.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 svg{flex-shrink:0}.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-green{--btn-color-top:#43a047;--btn-color-bottom:#2e7d32;--btn-color-top-hover:#4caf50}.actionBtn-blue{--btn-color-top:#1e88e5;--btn-color-bottom:#1565c0;--btn-color-top-hover:#2196f3}.actionBtn-navy{--btn-color-top:#1565c0;--btn-color-bottom:#0d47a1;--btn-color-top-hover:#1976d2}.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}.container{max-width:900px;margin:40px auto;background:var(--panel-bg);border-radius:20px;padding:32px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text-main)}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}#status,#game-status{text-align:center;margin:16px 0;font-size:1.1em;font-weight:500;min-height:1.5em}#mode-selection{display:flex;flex-direction:column;gap:16px;max-width:360px;margin:0 auto}#matchmaking-status{text-align:center;padding:32px 20px;background:rgba(255,255,255,3%);border-radius:16px;border:1px solid rgba(255,255,255,8%)}#matchmaking-timer{font-size:2.5em;font-weight:700;color:#64b5f6;font-family:jetbrains mono,monospace;margin:16px 0;text-shadow:0 0 20px rgba(100,181,246,.4)}#matchmaking-status p{color:rgba(255,255,255,.7);font-size:1.1em}#cancel-matchmaking{margin-top:20px;padding:12px 28px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;font-size:1em;font-weight:600;transition:all .2s}#cancel-matchmaking:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}#leaderboard{margin-top:32px;background:rgba(255,255,255,3%);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,8%)}#leaderboard h2{text-align:center;margin-bottom:20px;font-size:1.4em;color:#fff}#leaderboard-list{list-style:none;padding:0;margin:0}#leaderboard-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;background:rgba(255,255,255,3%);border-radius:10px;transition:background .2s}#leaderboard-list li:hover{background:rgba(255,255,255,6%)}#my-rank-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,rgba(25,118,210,.15),rgba(25,118,210,5%));border-radius:12px;border:1px solid rgba(25,118,210,.3);text-align:center}#my-rank-section h3{margin:0 0 12px;color:#64b5f6;font-size:1.1em}.rank-number{font-size:2.2em;font-weight:800;color:#fff;text-shadow:0 0 15px rgba(100,181,246,.4)}.rank-points{color:rgba(255,255,255,.6);font-size:.95em;margin-top:4px}@keyframes float-ship{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.ship-icon{animation:float-ship 2s ease-in-out infinite}