/* Space Labs cooperative play: the same deep-ink, mint-lit equipment-bay language. */
#multi-waves-screen {
  --mw-ink: #e7f1ed;
  --mw-mint: #8ce0c5;
  --mw-lime: #d5f06e;
  --mw-muted: #91aaa9;
  --mw-line: rgba(167,207,193,.14);
  --mw-panel: #111e25;
  --mw-deep: #091218;
  box-sizing: border-box;
  position: fixed;
  z-index: 40;
  inset: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: max(15px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(26px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));
  color: var(--mw-ink);
  background:
    radial-gradient(ellipse at 86% 0%,rgba(82,133,119,.18),transparent 31rem),
    radial-gradient(ellipse at 0% 70%,rgba(140,224,197,.045),transparent 30rem),
    var(--mw-deep);
  font-family: Rajdhani,sans-serif;
  -webkit-overflow-scrolling: touch;
}
#multi-waves-screen.hidden { display:none !important; }
#multi-waves-screen .mw-notice { padding:12px 14px; margin:10px 0; border:1px solid var(--mw-line); border-radius:10px; color:var(--mw-mint); font:500 14px/1.5 Rajdhani,sans-serif; background:rgba(140,224,197,.045); }
#multi-waves-screen .mw-setting-label { display:flex; gap:9px; flex-wrap:wrap; align-items:center; margin:12px 0; color:var(--mw-muted); }
#multi-waves-screen input[type=url] { display:block; width:100%; min-height:46px; padding:10px; border:1px solid var(--mw-line); border-radius:8px; background:#081117; color:var(--mw-ink); }
#multi-waves-screen .mw-room-actions .mw-action { display:flex; justify-content:center; align-items:center; gap:9px; }
#leaderboard .mw-lb-heading { width:min(650px,100%); padding:20px 0; }
#leaderboard .mw-lb-heading > span { color:#8ce0c5; font:700 8px/1.4 Orbitron,sans-serif; letter-spacing:.16em; }
#leaderboard .mw-lb-heading h2 { color:#e7f1ed; font:700 clamp(23px,5vw,34px)/1.3 Orbitron,sans-serif; margin:12px 0; }
#leaderboard .mw-lb-heading p { color:#91aaa9; font:500 15px/1.4 Rajdhani,sans-serif; }
#leaderboard .mw-lb-tabs { display:flex; width:min(650px,100%); gap:7px; padding:5px; margin-bottom:12px; border:1px solid rgba(167,207,193,.14); border-radius:12px; background:#101d25; }
#leaderboard .mw-lb-tabs[hidden], #leaderboard [hidden] { display:none !important; }
#leaderboard .mw-lb-button { flex:1; min-height:44px; border-radius:8px; border:1px solid transparent; color:#91aaa9; background:transparent; font:700 10px/1.4 Orbitron,sans-serif; padding:10px; cursor:pointer; }
#leaderboard .mw-lb-button.is-active { border-color:rgba(213,240,110,.3); background:linear-gradient(110deg,rgba(213,240,110,.13),rgba(140,224,197,.08)); color:#d5f06e; }
#leaderboard button:focus-visible, #multi-waves-screen input:focus-visible { outline:2px solid #d5f06e; outline-offset:3px; }
#multi-waves-screen *, #multi-waves-screen *::before, #multi-waves-screen *::after { box-sizing:border-box; }
#multi-waves-screen button, #leaderboard.mw-leaderboard button { font:inherit; }
#multi-waves-screen button { cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
#multi-waves-screen button:focus-visible, #leaderboard.mw-leaderboard button:focus-visible { outline:2px solid var(--mw-lime,#d5f06e); outline-offset:3px; }
#multi-waves-screen .mw-shell { position:relative; z-index:1; width:min(620px,100%); margin:0 auto; animation:mw-enter .24s ease-out both; }
#multi-waves-screen .mw-brand { display:flex; align-items:center; gap:11px; padding:0 0 21px; }
#multi-waves-screen .mw-brand-mark { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border:1px solid rgba(140,224,197,.3); border-radius:11px; color:var(--mw-mint); background:linear-gradient(145deg,rgba(140,224,197,.16),rgba(140,224,197,.025)); }
#multi-waves-screen .mw-brand-mark svg { width:20px; height:20px; }
#multi-waves-screen .mw-brand-copy { min-width:0; flex:1; }
#multi-waves-screen .mw-brand-copy small { display:block; color:var(--mw-muted); font:700 8px/1.4 Orbitron,sans-serif; letter-spacing:.13em; }
#multi-waves-screen .mw-brand-copy strong { display:block; margin-top:3px; font:900 17px/1.15 Orbitron,sans-serif; letter-spacing:.01em; }
#multi-waves-screen .mw-brand-copy em { color:var(--mw-mint); font-style:normal; }
#multi-waves-screen .mw-back, #multi-waves-screen .mw-refresh {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px;
  padding:0 12px; border:1px solid var(--mw-line); border-radius:10px;
  color:var(--mw-mint); background:rgba(255,255,255,.025); font:700 8px/1 Orbitron,sans-serif; letter-spacing:.06em;
}
#multi-waves-screen .mw-back:hover, #multi-waves-screen .mw-refresh:hover { border-color:rgba(140,224,197,.4); background:rgba(140,224,197,.07); }
#multi-waves-screen .mw-back svg, #multi-waves-screen .mw-refresh svg { width:15px; height:15px; }
#multi-waves-screen .mw-intro { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:0 1px 16px; }
#multi-waves-screen .mw-intro-copy { min-width:0; }
#multi-waves-screen .mw-kicker { color:var(--mw-mint); font:700 8px/1.4 Orbitron,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
#multi-waves-screen h1.mw-title { margin:6px 0 0; color:var(--mw-ink); font:800 clamp(20px,5vw,27px)/1.15 Orbitron,sans-serif; letter-spacing:-.035em; }
#multi-waves-screen .mw-lede { margin:8px 0 0; color:var(--mw-muted); font:500 14px/1.4 Rajdhani,sans-serif; }
#multi-waves-screen .mw-section-label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:21px 1px 9px; color:#c4d8d1; font:700 8px/1.4 Orbitron,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
#multi-waves-screen .mw-section-label span:last-child { color:var(--mw-muted); font:600 10px Rajdhani,sans-serif; letter-spacing:.02em; text-transform:none; }
#multi-waves-screen .mw-panel {
  min-width:0; border:1px solid var(--mw-line); border-radius:14px;
  background:linear-gradient(155deg,rgba(22,40,49,.96),rgba(9,19,25,.97) 78%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.14);
}
#multi-waves-screen .mw-mode-grid { display:grid; grid-template-columns:1fr; gap:10px; }
#multi-waves-screen .mw-mode {
  position:relative; display:flex; align-items:center; gap:14px; min-height:112px; padding:16px;
  border:1px solid rgba(140,224,197,.18); border-radius:14px; color:var(--mw-ink);
  text-align:left; background:linear-gradient(120deg,rgba(140,224,197,.08),transparent 58%),linear-gradient(155deg,#162831,#0b141a 77%);
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease;
}
#multi-waves-screen .mw-mode:hover { border-color:rgba(140,224,197,.45); transform:translateY(-2px); }
#multi-waves-screen .mw-mode-symbol { display:grid; place-items:center; flex:0 0 50px; height:50px; border:1px solid rgba(140,224,197,.23); border-radius:12px; background:rgba(140,224,197,.07); color:var(--mw-mint); }
#multi-waves-screen .mw-mode-symbol svg { width:24px; height:24px; }
#multi-waves-screen .mw-mode-copy { min-width:0; flex:1; }
#multi-waves-screen .mw-mode-copy strong { display:block; font:800 12px/1.35 Orbitron,sans-serif; }
#multi-waves-screen .mw-mode-copy span { display:block; margin-top:5px; color:var(--mw-muted); font:500 13px/1.35 Rajdhani,sans-serif; }
#multi-waves-screen .mw-mode-arrow { color:var(--mw-mint); font-size:22px; }
#multi-waves-screen .mw-policy { margin-top:13px; padding:12px 13px; border-left:2px solid rgba(213,240,110,.65); border-radius:0 9px 9px 0; background:rgba(213,240,110,.045); color:#a9bdb6; font:500 13px/1.45 Rajdhani,sans-serif; }
#multi-waves-screen .mw-policy strong { color:var(--mw-lime); font-weight:700; }
#multi-waves-screen .mw-room-list { display:grid; gap:9px; }
#multi-waves-screen .mw-room-card { padding:12px; }
#multi-waves-screen .mw-room-head { display:flex; align-items:flex-start; gap:10px; }
#multi-waves-screen .mw-room-heading { flex:1; min-width:0; }
#multi-waves-screen .mw-room-heading h2 { margin:0; color:#e7f1ed; font:700 11px/1.35 Orbitron,sans-serif; overflow-wrap:anywhere; }
#multi-waves-screen .mw-room-meta { display:flex; flex-wrap:wrap; gap:5px 9px; margin-top:6px; color:var(--mw-muted); font:600 11px/1.4 Rajdhani,sans-serif; }
#multi-waves-screen .mw-pill { display:inline-flex; align-items:center; min-height:22px; padding:3px 7px; border:1px solid rgba(140,224,197,.15); border-radius:6px; color:var(--mw-mint); background:rgba(140,224,197,.055); font:700 7px/1 Orbitron,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
#multi-waves-screen .mw-pill[data-state="playing"] { color:#e7c789; border-color:rgba(231,199,137,.22); background:rgba(231,199,137,.055); }
#multi-waves-screen .mw-pill[data-state="finished"] { color:#a4b5b0; }
#multi-waves-screen .mw-crew { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(167,207,193,.09); }
#multi-waves-screen .mw-crew-count { margin-left:auto; color:var(--mw-muted); font:700 8px Orbitron,sans-serif; white-space:nowrap; }
#multi-waves-screen .mw-player-chip { display:inline-flex; align-items:center; gap:7px; min-width:0; min-height:44px; padding:4px 8px 4px 4px; border:1px solid rgba(167,207,193,.12); border-radius:9px; color:#dce9e3; background:rgba(2,9,14,.3); text-align:left; }
#multi-waves-screen .mw-player-chip:hover { border-color:rgba(140,224,197,.35); }
#multi-waves-screen .mw-player-chip > span:last-child { max-width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 10px/1.2 Rajdhani,sans-serif; }
#multi-waves-screen .mw-avatar { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; overflow:hidden; border:1px solid rgba(140,224,197,.22); border-radius:7px; background:radial-gradient(ellipse at 50% 80%,rgba(140,224,197,.14),transparent 72%),#0b141a; color:var(--mw-mint); }
#multi-waves-screen .mw-avatar img { width:100%; height:100%; object-fit:contain; }
#multi-waves-screen .mw-avatar-fallback { font:800 7px Orbitron,sans-serif; letter-spacing:-.04em; }
#multi-waves-screen .mw-room-actions { display:flex; gap:7px; margin-top:11px; }
#multi-waves-screen .mw-action {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:44px; padding:9px 12px;
  border:1px solid rgba(140,224,197,.23); border-radius:9px; color:#a9e9d3; background:rgba(140,224,197,.075);
  font:800 8px/1.2 Orbitron,sans-serif; letter-spacing:.035em; text-align:center;
}
#multi-waves-screen .mw-action:hover { border-color:rgba(140,224,197,.48); background:rgba(140,224,197,.13); }
#multi-waves-screen .mw-action-primary { border-color:rgba(213,240,110,.35); background:linear-gradient(100deg,rgba(213,240,110,.13),rgba(140,224,197,.1)); color:#e2edbe; }
#multi-waves-screen .mw-action-danger { border-color:rgba(255,126,119,.24); color:#ffaaa2; background:rgba(255,126,119,.045); }
#multi-waves-screen .mw-action:disabled { cursor:not-allowed; opacity:.42; }
#multi-waves-screen .mw-empty { padding:22px 16px; border:1px dashed rgba(140,224,197,.2); border-radius:12px; background:rgba(140,224,197,.035); text-align:center; }
#multi-waves-screen .mw-empty strong { display:block; color:#dce9e3; font:700 9px/1.5 Orbitron,sans-serif; letter-spacing:.06em; }
#multi-waves-screen .mw-empty p { margin:5px 0 0; color:var(--mw-muted); font:500 13px/1.4 Rajdhani,sans-serif; }
#multi-waves-screen .mw-empty-error { border-color:rgba(255,126,119,.28); background:rgba(255,126,119,.035); }
#multi-waves-screen .mw-room-detail { padding:13px; }
#multi-waves-screen .mw-room-detail .mw-crew { margin-top:6px; padding-top:0; border:0; }
#multi-waves-screen .mw-roster { display:grid; gap:8px; margin-top:12px; }
#multi-waves-screen .mw-roster-row { display:flex; align-items:center; gap:9px; min-height:50px; padding:7px 9px; border:1px solid rgba(167,207,193,.1); border-radius:9px; background:rgba(3,10,14,.29); }
#multi-waves-screen .mw-roster-row .mw-player-chip { flex:1; border:0; background:transparent; }
#multi-waves-screen .mw-roster-state { color:var(--mw-muted); font:600 10px/1.25 Rajdhani,sans-serif; white-space:nowrap; }
#multi-waves-screen .mw-roster-state.is-ready { color:var(--mw-mint); }
#multi-waves-screen .mw-room-footer { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
#multi-waves-screen .mw-room-footer .mw-action { flex:1 1 130px; }
#multi-waves-screen .mw-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#multi-waves-screen .mw-stat { min-width:0; padding:11px; border:1px solid var(--mw-line); border-radius:10px; background:linear-gradient(155deg,#162831,#0b141a 77%); }
#multi-waves-screen .mw-stat-label { display:block; color:var(--mw-muted); font:700 7px/1.4 Orbitron,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#multi-waves-screen .mw-stat-value { display:block; margin-top:6px; color:var(--mw-mint); font:800 15px/1.2 Orbitron,sans-serif; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#multi-waves-screen .mw-ship-card { display:flex; align-items:center; gap:12px; padding:12px; margin-top:10px; }
#multi-waves-screen .mw-ship-portrait { display:grid; place-items:center; flex:0 0 86px; width:86px; height:86px; overflow:hidden; border:1px solid rgba(140,224,197,.2); border-radius:10px; background:radial-gradient(ellipse at 50% 70%,rgba(140,224,197,.14),transparent 68%),#0a141a; color:var(--mw-mint); }
#multi-waves-screen .mw-ship-portrait img { width:100%; height:100%; object-fit:contain; }
#multi-waves-screen .mw-ship-copy { min-width:0; flex:1; }
#multi-waves-screen .mw-ship-copy h2 { margin:0; font:800 12px/1.3 Orbitron,sans-serif; overflow-wrap:anywhere; }
#multi-waves-screen .mw-ship-copy p { margin:5px 0 0; color:var(--mw-muted); font:600 11px/1.4 Rajdhani,sans-serif; }
#multi-waves-screen .mw-meter { height:5px; margin-top:8px; overflow:hidden; border-radius:8px; background:rgba(0,0,0,.4); }
#multi-waves-screen .mw-meter span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6cbea5,var(--mw-mint)); }
#multi-waves-screen .mw-results-hero { padding:14px; margin-bottom:10px; border:1px solid rgba(213,240,110,.23); border-radius:13px; background:linear-gradient(130deg,rgba(213,240,110,.08),transparent 57%),linear-gradient(155deg,#162831,#0b141a 77%); }
#multi-waves-screen .mw-results-hero small { color:var(--mw-lime); font:700 8px Orbitron,sans-serif; letter-spacing:.13em; }
#multi-waves-screen .mw-results-hero strong { display:block; margin-top:7px; font:900 clamp(22px,7vw,32px)/1 Orbitron,sans-serif; font-variant-numeric:tabular-nums; }
#multi-waves-screen .mw-results-hero span { display:block; margin-top:7px; color:var(--mw-muted); font:600 12px Rajdhani,sans-serif; }
#multi-waves-screen .mw-results-list { display:grid; gap:7px; }
#multi-waves-screen .mw-result-player { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px 10px; border:1px solid rgba(167,207,193,.1); border-radius:10px; background:rgba(255,255,255,.018); }
#multi-waves-screen .mw-result-player > div:first-child { display:flex; align-items:center; gap:8px; min-width:0; }
#multi-waves-screen .mw-result-name { min-width:0; }
#multi-waves-screen .mw-result-name strong { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 10px Orbitron,sans-serif; }
#multi-waves-screen .mw-result-name small { display:block; margin-top:4px; color:var(--mw-muted); font:600 10px Rajdhani,sans-serif; }
#multi-waves-screen .mw-result-score { color:var(--mw-mint); font:800 11px Orbitron,sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
#multi-waves-screen .mw-bottom-actions { display:flex; gap:8px; margin-top:14px; }
#multi-waves-screen .mw-bottom-actions .mw-action { flex:1; }
#multi-waves-screen .mw-arena-shell { width:min(1100px,100%); }
#multi-waves-screen .mw-arena-shell { height:calc(100dvh - 66px); min-height:400px; display:flex; flex-direction:column; }
#multi-waves-screen .mw-arena-shell .mw-intro { display:none; }
#multi-waves-screen .mw-arena-shell .mw-brand { flex-shrink:0; margin-bottom:12px; }
#multi-waves-screen .mw-arena-shell .mw-arena-hud { flex-shrink:0; grid-template-columns:repeat(4,minmax(0,1fr)); }
#multi-waves-screen .mw-arena-shell .mw-canvas-wrap { flex:1; min-height:180px; height:auto; display:flex; align-items:center; justify-content:center; }
#multi-waves-screen .mw-arena-shell .mw-lede { font-size:12px; margin:6px 0; flex-shrink:0; }
#multi-waves-screen .mw-arena-shell .mw-hud-cell strong { font-size:clamp(9px,2.4vw,15px); }
#multi-waves-screen.mw-arena-active { overflow:hidden; padding:0; }
#multi-waves-screen.mw-arena-active .mw-arena-shell { position:fixed; z-index:1; inset:0; display:block; width:100vw; max-width:none; height:100dvh; min-height:0; margin:0; padding:0; animation:none; }
#multi-waves-screen.mw-arena-active .mw-arena-shell .mw-brand { position:absolute; z-index:2; top:max(12px,env(safe-area-inset-top,0px)); left:max(12px,env(safe-area-inset-left,0px)); margin:0; padding:0; }
#multi-waves-screen.mw-arena-active .mw-arena-shell .mw-arena-hud { position:absolute; z-index:2; top:calc(62px + env(safe-area-inset-top,0px)); left:max(12px,env(safe-area-inset-left,0px)); right:max(12px,env(safe-area-inset-right,0px)); margin:0; padding:7px; border:1px solid rgba(167,207,193,.14); border-radius:12px; background:rgba(5,12,18,.76); backdrop-filter:blur(10px); }
#multi-waves-screen.mw-arena-active .mw-arena-shell .mw-canvas-wrap { position:fixed; z-index:0; inset:0; display:block; width:100vw; height:100dvh; min-height:0; border:0; border-radius:0; background:#030910; box-shadow:none; }
#multi-waves-screen.mw-arena-active #mw-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; touch-action:none; }
#multi-waves-screen.mw-arena-active .mw-arena-shell .mw-lede { display:none; }
#multi-waves-screen.mw-arena-active .mw-arena-shell .mw-arena-footer { position:absolute; z-index:4; top:max(12px,env(safe-area-inset-top,0px)); right:max(12px,env(safe-area-inset-right,0px)); bottom:auto; left:auto; min-height:40px; margin:0; padding:0; background:none; }
#multi-waves-screen .mw-arena-footer[hidden],
#multi-waves-screen .mw-mobile-controls[hidden] { display:none !important; }
#multi-waves-screen.mw-spectating .mw-brand { max-width:calc(100% - 145px); }
#multi-waves-screen.mw-spectating .mw-brand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#multi-waves-screen .mw-arena-footer .mw-leave { min-height:40px; padding:8px; font-size:9px; }
#multi-waves-screen.mw-arena-active .mw-spectator { bottom:calc(70px + env(safe-area-inset-bottom,0px)); }
#multi-waves-screen .mw-mobile-controls { display:none; }
#multi-waves-screen .mw-joystick-base, #multi-waves-screen .mw-joystick-knob { position:fixed; z-index:3; pointer-events:none; transform:translate(-50%,-50%); border-radius:50%; }
#multi-waves-screen .mw-joystick-base { width:116px; height:116px; border:2px solid rgba(0,255,204,.3); background:radial-gradient(circle,rgba(0,255,204,.07),transparent 72%); box-shadow:0 0 24px rgba(0,255,204,.1),inset 0 0 24px rgba(0,255,204,.04); }
#multi-waves-screen .mw-joystick-knob { width:46px; height:46px; border:2px solid rgba(0,255,204,.7); background:radial-gradient(circle at 35% 30%,rgba(0,255,204,.95),rgba(0,200,160,.6)); box-shadow:0 0 14px rgba(0,255,204,.55),0 2px 8px rgba(0,0,0,.5); }
#multi-waves-screen .mw-fire-control { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; }
#multi-waves-screen .mw-fire-control[hidden] { display:none !important; }
#multi-waves-screen .mw-fire-control > span { display:none; }
#multi-waves-screen .mw-fire-btn { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border:2px solid rgba(255,0,0,.7); border-radius:50%; color:#fff; background:rgba(255,0,0,.3); font-size:20px; user-select:none; touch-action:none; -webkit-tap-highlight-color:transparent; }
#multi-waves-screen .mw-fire-btn.is-auto { background:rgba(255,0,0,.7); box-shadow:0 0 15px #f00; }
#multi-waves-screen.mw-arena-active .mw-mobile-controls { position:absolute; z-index:3; inset:0; display:flex; pointer-events:none; }
#multi-waves-screen .mw-fire-control { position:absolute; bottom:12px; right:20px; pointer-events:auto; }
#multi-waves-screen .mw-ability-buttons { position:absolute; display:flex; align-items:center; justify-content:flex-start; gap:5px; overflow:auto; padding:0; pointer-events:auto; scrollbar-width:none; }
#multi-waves-screen .mw-weapon-buttons { bottom:22px; left:12px; flex-direction:column; gap:4px; }
#multi-waves-screen .mw-consumable-buttons { bottom:22px; right:90px; max-width:calc(100vw - 160px); }
#multi-waves-screen[data-mw-layout^="pro:"] .mw-consumable-buttons { max-width:none; max-height:max(42px,calc(72dvh - 260px)); }
#multi-waves-screen .mw-ability-buttons[hidden] { display:none; }
#multi-waves-screen .mw-ability-buttons::-webkit-scrollbar { display:none; }
#multi-waves-screen .mw-ability-btn { position:relative; display:flex; flex:0 0 42px; flex-direction:column; align-items:center; justify-content:center; width:42px; height:42px; padding:3px; border:2px solid rgba(0,255,204,.45); border-radius:12px; background:rgba(0,0,0,.72); color:#e7f1ed; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
#multi-waves-screen .mw-weapon-buttons .mw-ability-btn,
#multi-waves-screen .mw-primary-slot { display:flex; flex:0 0 48px; align-items:center; justify-content:center; width:48px; height:48px; border:2px solid rgba(140,224,197,.42); border-radius:14px; background:rgba(0,0,0,.72); font-size:20px; }
#multi-waves-screen .mw-primary-slot img,
#multi-waves-screen .mw-fire-btn img { width:28px; height:28px; object-fit:contain; }
#multi-waves-screen .mw-ability-btn:active { transform:scale(.93); border-color:#d5f06e; }
#multi-waves-screen .mw-ability-icon { display:grid; place-items:center; width:28px; height:28px; color:#d5f06e; font-size:20px; line-height:1; }
#multi-waves-screen .mw-ability-icon img { width:100%; height:100%; object-fit:contain; }
#multi-waves-screen .mw-perk-buttons { position:absolute; bottom:22px; left:64px; flex-direction:row; gap:6px; }
#multi-waves-screen .mw-pilot-passives { position:absolute; top:calc(env(safe-area-inset-top,0px) + 74px); left:12px; right:12px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; color:#b1c6c4; pointer-events:none; }
#multi-waves-screen .mw-pilot-passives small { max-width:110px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:600 11px/1.3 Rajdhani,sans-serif; }
#multi-waves-screen .mw-pilot-passives span { display:inline-flex; align-items:center; gap:2px; font-size:15px; padding:2px 4px; border-radius:6px; background:#06101ac9; }
#multi-waves-screen .mw-pilot-passives b { font:700 10px/1 sans-serif; color:#d5f06e; }
#multi-waves-screen .mw-weapon-buttons .mw-ability-btn .mw-ability-icon { width:34px; height:34px; margin-bottom:0; }
#multi-waves-screen .mw-avatar, #multi-waves-screen .mw-ship-layers { position:relative; }
#multi-waves-screen img.mw-ship-overlay { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; }
#multi-waves-screen img[hidden] { display:none; }
#multi-waves-screen .mw-ability-name { display:none; }
#multi-waves-screen .mw-ability-status { position:absolute; bottom:1px; left:1px; right:1px; padding:2px 0; border-radius:0 0 8px 8px; background:#08151f; color:#dce8ed; font:700 9px/1 sans-serif; font-variant-numeric:tabular-nums; text-align:center; pointer-events:none; }
#multi-waves-screen .mw-ability-btn .mw-ability-icon { margin-bottom:8px; width:24px; height:24px; }
#multi-waves-screen .mw-ability-btn:disabled { cursor:default; }
#multi-waves-screen .mw-ability-btn.is-cooling { border-color:#728695; }
#multi-waves-screen .mw-ability-btn.is-cooling .mw-ability-icon { opacity:.5; }
#multi-waves-screen .mw-ability-btn.is-ready .mw-ability-status { color:#a9f2d9; }
#multi-waves-screen .mw-ability-btn.is-active { border-color:#5ce69f; box-shadow:inset 0 0 9px #5ce69f33; }
#multi-waves-screen .mw-ability-btn.is-active .mw-ability-status { color:#5ce69f; }
#multi-waves-screen .mw-ability-btn.is-activated { border-color:#efffaf; background:#314735; box-shadow:inset 0 0 8px #d5f06e; }
#multi-waves-screen .mw-action-feedback { position:absolute; z-index:4; top:calc(env(safe-area-inset-top,0px) + 100px); left:12px; right:12px; margin:0; color:#e7ffb2; font:700 12px/1.4 sans-serif; text-align:center; pointer-events:none; text-shadow:0 1px 3px #000; }
#multi-waves-screen .mw-ability-uses { position:absolute; top:0; right:0; display:grid; place-items:center; min-width:15px; height:15px; padding:0 2px; border:1px solid rgba(213,240,110,.5); border-radius:10px; background:#101c1d; color:#d5f06e; font:800 8px Orbitron,sans-serif; }
#multi-waves-screen .mw-arena-hud { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:10px; }
#multi-waves-screen .mw-hud-cell { min-width:0; padding:8px 10px; border:1px solid var(--mw-line); border-radius:9px; background:rgba(12,25,31,.88); }
#multi-waves-screen .mw-hud-cell small { display:block; color:var(--mw-muted); font:700 7px/1.4 Orbitron,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#multi-waves-screen .mw-hud-cell strong { display:block; margin-top:4px; overflow:hidden; color:var(--mw-mint); font:800 12px/1.25 Orbitron,sans-serif; text-overflow:ellipsis; white-space:nowrap; font-variant-numeric:tabular-nums; }
#multi-waves-screen .mw-canvas-wrap { position:relative; width:100%; height:min(62dvh,640px); min-height:260px; overflow:hidden; border:1px solid rgba(140,224,197,.24); border-radius:14px; background:radial-gradient(ellipse at 50% 50%,rgba(48,92,84,.17),transparent 58%),#050c12; box-shadow:inset 0 0 50px rgba(0,0,0,.48); }
#multi-waves-screen #mw-canvas { display:block; width:100%; height:100%; touch-action:none; }
#multi-waves-screen .mw-spectator { position:absolute; inset:auto 12px 12px; display:flex; justify-content:center; pointer-events:none; }
#multi-waves-screen .mw-spectator span { padding:8px 11px; border:1px solid rgba(213,240,110,.26); border-radius:8px; background:rgba(5,12,17,.83); color:var(--mw-lime); font:700 8px Orbitron,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
#multi-waves-screen .mw-arena-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; color:var(--mw-muted); font:600 11px Rajdhani,sans-serif; }
#multi-waves-screen .mw-leave { min-height:44px; }
#multi-waves-screen .mw-leaderboard { width:100%; max-width:720px; margin:0 auto; }
#multi-waves-screen .mw-leaderboard-list { display:grid; gap:8px; }
#multi-waves-screen .mw-rank-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid var(--mw-line); border-radius:11px; background:linear-gradient(155deg,#162831,#0b141a 77%); }
#multi-waves-screen .mw-rank-number { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(140,224,197,.18); border-radius:8px; color:var(--mw-mint); background:rgba(140,224,197,.045); font:800 8px Orbitron,sans-serif; }
#multi-waves-screen .mw-rank-main { display:flex; align-items:center; gap:8px; min-width:0; }
#multi-waves-screen .mw-rank-copy { min-width:0; }
#multi-waves-screen .mw-rank-copy strong { display:block; overflow:hidden; color:#e7f1ed; font:700 10px/1.3 Orbitron,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
#multi-waves-screen .mw-rank-copy small { display:block; margin-top:4px; color:var(--mw-muted); font:600 10px/1.3 Rajdhani,sans-serif; }
#multi-waves-screen .mw-rank-score { color:var(--mw-mint); font:800 10px Orbitron,sans-serif; white-space:nowrap; font-variant-numeric:tabular-nums; }
#multi-waves-screen .mw-group-crew { display:flex; gap:4px; margin-top:6px; }
#multi-waves-screen .mw-group-crew .mw-avatar { flex-basis:25px; width:25px; height:25px; border-radius:6px; }

/* Existing leaderboard content: restyle the legacy screen without altering its IDs or behavior. */
#leaderboard:not(.hidden) {
  box-sizing:border-box; padding:max(18px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));
  color:#e7f1ed; background:radial-gradient(ellipse at 85% 0%,rgba(82,133,119,.17),transparent 31rem),#091218;
  font-family:Rajdhani,sans-serif;
}
#leaderboard #leaderboard-content { width:min(620px,100%) !important; }
#leaderboard > h2 { margin-top:8px !important; margin-bottom:18px !important; color:#8ce0c5 !important; font:900 clamp(15px,4vw,20px)/1.3 Orbitron,sans-serif !important; letter-spacing:.07em; }
#leaderboard #best-score-section { padding:13px !important; border:1px solid rgba(213,240,110,.2) !important; border-radius:13px !important; background:linear-gradient(135deg,rgba(213,240,110,.07),transparent 55%),linear-gradient(155deg,#162831,#0b141a 77%) !important; }
#leaderboard #best-score-section h3 { color:#d5f06e !important; font:700 8px/1.5 Orbitron,sans-serif !important; letter-spacing:.09em; }
#leaderboard #lb-period-label { color:#91aaa9; }
#leaderboard #lb-season-name { color:#8ce0c5 !important; font:700 9px Orbitron,sans-serif !important; }
#leaderboard #lb-season-dates { color:#91aaa9 !important; font:600 9px Rajdhani,sans-serif !important; }
#leaderboard #leaderboard-list > * { border:1px solid rgba(167,207,193,.14) !important; border-radius:10px !important; background:linear-gradient(155deg,#162831,#0b141a 77%) !important; color:#e7f1ed; }
#leaderboard #leaderboard-back-btn { min-height:46px; border:1px solid rgba(140,224,197,.22); border-radius:10px; background:#132128; color:#8ce0c5; font:700 9px Orbitron,sans-serif; }
/* Also supports mounting the new ranking panel inside the legacy leaderboard body. */
.mw-leaderboard { width:100%; max-width:720px; margin:0 auto; color:#e7f1ed; font-family:Rajdhani,sans-serif; }
.mw-leaderboard .mw-leaderboard-list { display:grid; gap:8px; }
.mw-leaderboard .mw-section-label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 1px 9px; color:#c4d8d1; font:700 8px/1.4 Orbitron,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.mw-leaderboard .mw-section-label span:last-child { color:#91aaa9; font:600 10px Rajdhani,sans-serif; letter-spacing:.02em; text-transform:none; }
.mw-leaderboard .mw-rank-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid rgba(167,207,193,.14); border-radius:11px; background:linear-gradient(155deg,#162831,#0b141a 77%); }
.mw-leaderboard .mw-rank-number { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(140,224,197,.18); border-radius:8px; color:#8ce0c5; background:rgba(140,224,197,.045); font:800 8px Orbitron,sans-serif; }
.mw-leaderboard .mw-rank-main { display:flex; align-items:center; gap:8px; min-width:0; min-height:44px; padding:0; border:0; color:#e7f1ed; background:transparent; text-align:left; }
.mw-leaderboard .mw-rank-copy { min-width:0; }
.mw-leaderboard .mw-rank-copy strong { display:block; overflow:hidden; color:#e7f1ed; font:700 10px/1.3 Orbitron,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.mw-leaderboard .mw-rank-copy small { display:block; margin-top:4px; color:#91aaa9; font:600 10px/1.3 Rajdhani,sans-serif; }
.mw-leaderboard .mw-rank-score { color:#8ce0c5; font:800 10px Orbitron,sans-serif; white-space:nowrap; font-variant-numeric:tabular-nums; }
.mw-leaderboard .mw-group-crew { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.mw-leaderboard .mw-group-crew button { appearance:none; display:flex; align-items:center; gap:6px; max-width:150px; overflow:hidden; padding:5px 7px; border:1px solid rgba(148,203,188,.16); border-radius:9px; background:rgba(99,156,143,.08); color:#c8ded6; font:600 11px/1.2 Rajdhani,sans-serif; text-align:left; cursor:pointer; }
.mw-leaderboard .mw-group-crew button:hover { background:rgba(139,188,105,.17); border-color:rgba(176,224,121,.4); }
.mw-leaderboard .mw-group-crew button > span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mw-leaderboard .mw-avatar { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; overflow:hidden; border:1px solid rgba(140,224,197,.22); border-radius:7px; background:radial-gradient(ellipse at 50% 80%,rgba(140,224,197,.14),transparent 72%),#0b141a; color:#8ce0c5; }
.mw-leaderboard .mw-avatar img { width:100%; height:100%; object-fit:contain; }
.mw-leaderboard .mw-avatar-fallback { font:800 7px Orbitron,sans-serif; letter-spacing:-.04em; }
.mw-leaderboard .mw-empty { padding:22px 16px; border:1px dashed rgba(140,224,197,.2); border-radius:12px; background:rgba(140,224,197,.035); text-align:center; }
.mw-leaderboard .mw-empty strong { display:block; color:#dce9e3; font:700 9px/1.5 Orbitron,sans-serif; letter-spacing:.06em; }
.mw-leaderboard .mw-empty p { margin:5px 0 0; color:#91aaa9; font:500 13px/1.4 Rajdhani,sans-serif; }
@keyframes mw-enter { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:560px) {
  #multi-waves-screen .mw-shell { padding-top:8px; }
  #multi-waves-screen .mw-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #multi-waves-screen .mw-arena-hud { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #multi-waves-screen .mw-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (pointer:coarse), (max-width:560px) {
  #multi-waves-screen .mw-arena-footer .mw-leave { max-width:120px; }
}
@media (max-width:560px) and (pointer:coarse) {
  #multi-waves-screen.mw-arena-active .mw-arena-hud { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #multi-waves-screen.mw-arena-active .mw-hud-cell { padding:6px 7px; }
  #multi-waves-screen.mw-arena-active .mw-hud-cell small { font-size:6px; }
  #multi-waves-screen.mw-arena-active .mw-hud-cell strong { font-size:clamp(8px,2.8vw,11px); }
}
@media (max-width:359px) {
  #multi-waves-screen { padding-left:10px; padding-right:10px; }
  #multi-waves-screen .mw-room-card { padding:9px; }
  #multi-waves-screen .mw-action { padding-inline:8px; font-size:7px; }
  #multi-waves-screen .mw-player-chip > span:last-child { max-width:76px; }
  #multi-waves-screen .mw-ship-portrait { flex-basis:68px; width:68px; height:76px; }
}
@media (prefers-reduced-motion:reduce) {
  #multi-waves-screen *, #multi-waves-screen *::before, #multi-waves-screen *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .mw-leaderboard *, .mw-leaderboard *::before, .mw-leaderboard *::after { animation:none !important; transition:none !important; }
}
.mw-personal-reward { padding:18px; }
.mw-personal-reward h2 { font-size:1rem; margin:0 0 12px; }
.mw-personal-reward p { margin:0 0 12px; }
.mw-personal-reward small { display:block; color:#a6bdb6; line-height:1.5; }
.mw-personal-reward button { margin-bottom:12px; }
.mw-personal-reward button[hidden] { display:none !important; }