:root {
  --bg:#050814;
  --panel:rgba(10,14,30,.90);
  --panel2:rgba(10,14,30,.92);
  --txt:#d7e2ff;
  --muted:#93a7d6;
  --accent:#7cf0ff;
  --danger:#ff6b7a;
  --warn:#ffd27a;
  --x1:#ff3b4e;
  --x2:#4aa3ff;
  --x3:#3dff8c;
  --x4:#f6f7ff;
  --x6:#ffa54a;
}
* {
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#285a72 #07131f;
}
*::-webkit-scrollbar {
  width:8px;
  height:8px;
}
*::-webkit-scrollbar-track, *::-webkit-scrollbar-corner {
  background:#07131f;
}
*::-webkit-scrollbar-thumb {
  min-height:28px;
  border:2px solid #07131f;
  border-radius:999px;
  background:#285a72;
}
*::-webkit-scrollbar-thumb:hover {
  background:#34738f;
}
html, body {
  -webkit-tap-highlight-color:transparent;
  height:100%;
  margin:0;
  background:var(--bg);
  overflow:hidden;
  color:var(--txt);
  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
button, input, select, textarea {
  font-family:inherit;
}
button {
  user-select:none;
}
html.orbitNoSelect, html.orbitNoSelect body, body {
  -webkit-user-select:none;
  user-select:none;
}
input, select, textarea, [contenteditable="true"] {
  -webkit-user-select:text;
  user-select:text;
}
html.orbitBooting body > :not(#loadingOverlay):not(script) {
  visibility:hidden !important;
}
html.orbitSessionReady #loadingOverlay {
  display:none !important;
}
#game {
  display:block;
  width:100vw;
  height:100vh;
}
#game, #miniCanvas {
  touch-action:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
/* Mode téléphone : aucun menu d'appui long (aperçu de lien, "Ouvrir dans...",
   loupe, sélection) sur le jeu et le HUD quand on garde le doigt appuyé.
   Champs texte exclus pour garder copier/coller. */
body:has(> #phoneControls:not([hidden])) {
  -webkit-touch-callout:none;
}
body:has(> #phoneControls:not([hidden])) a,
body:has(> #phoneControls:not([hidden])) img,
body:has(> #phoneControls:not([hidden])) canvas,
body:has(> #phoneControls:not([hidden])) .panel,
body:has(> #phoneControls:not([hidden])) .ammoBtn,
body:has(> #phoneControls:not([hidden])) button {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
body:has(> #phoneControls:not([hidden])) input,
body:has(> #phoneControls:not([hidden])) select,
body:has(> #phoneControls:not([hidden])) textarea,
body:has(> #phoneControls:not([hidden])) [contenteditable="true"] {
  -webkit-touch-callout:default;
}
/* Sur téléphone, la roue centrale remplace entièrement le dock PC et son
   bouton d'ouverture. Le dock ne revient que dans l'éditeur mobile. */
body:not(.phoneDockEditorOpen):has(> #phoneControls:not([hidden])) #ammoBar {
  display:none !important;
}
#phoneControls {
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
}
#phoneControls[hidden] { display:none; }
.phoneJoystick {
  position:absolute;
  bottom:calc(76px + env(safe-area-inset-bottom, 0px));
  width:clamp(104px, 26vw, 144px);
  height:clamp(104px, 26vw, 144px);
  padding:0;
  border:2px solid rgba(124,240,255,.45);
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,68,92,.35) 0 36%,rgba(5,20,32,.64) 37% 100%);
  box-shadow:inset 0 0 0 8px rgba(124,240,255,.05);
  color:#dff7ff;
  pointer-events:auto;
  touch-action:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  cursor:grab;
}
.phoneJoystickMove { left:calc(18px + env(safe-area-inset-left, 0px)); }
.phoneJoystickAim { right:calc(18px + env(safe-area-inset-right, 0px)); border-color:rgba(255,174,110,.55); }
.phoneJoystickQuick {
  container-type:inline-size;
  left:50%;
  width:clamp(190px,38vw,240px);
  height:clamp(190px,38vw,240px);
  transform:translateX(-50%);
  border-color:rgba(192,142,255,.62);
  background:radial-gradient(circle,rgba(65,34,100,.72),rgba(10,16,35,.86));
}
.phoneJoystickQuick,
.phoneJoystickSizeControl[data-phone-size="quick"] { display:none !important; }
.phoneActionLauncher {
  position:absolute;
  right:calc(18px + env(safe-area-inset-right, 0px));
  bottom:calc(230px + env(safe-area-inset-bottom, 0px));
  z-index:5;
  display:grid;
  grid-template-columns:repeat(2,58px);
  gap:9px;
  pointer-events:auto;
}
.phoneActionLauncher button {
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .15s ease;
  width:58px;
  height:58px;
  padding:5px;
  border:1px solid rgba(124,240,255,.55);
  border-radius:50%;
  color:#eaffff;
  background:linear-gradient(#174b64,#092a3c);
  box-shadow:0 3px 12px rgba(0,0,0,.65);
  font:900 8px/1.05 ui-sans-serif,system-ui;
  touch-action:manipulation;
}
.phoneActionLauncher button.active {
  border-color:#fff178;
  box-shadow:0 0 0 2px rgba(255,241,120,.35),0 0 14px rgba(255,241,120,.55);
}
.phoneActionLauncher button.phoneGold {
  border-color:#ffc928;
  box-shadow:0 0 0 2px rgba(255,201,40,.5),0 0 16px rgba(255,201,40,.6);
}
/* Menu ouvert : on masque les autres boutons pour éviter la confusion. */
body.phoneActionMenuOpen .phoneActionLauncher button:not(.active) {
  opacity:0;
  pointer-events:none !important;
}
.phoneActionLauncher button.holding {
  animation:phoneActionHoldGrow .48s linear both;
}
@keyframes phoneActionHoldGrow {
  from { scale:1; }
  to { scale:1.24; box-shadow:0 0 0 4px rgba(255,241,120,.48),0 0 22px rgba(255,241,120,.7); }
}
.phoneActionPrimaryIcon {
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:50%;
  pointer-events:none;
}
.phoneActionTray {
  position:fixed;
  inset:0;
  z-index:6;
  pointer-events:none;
}
.phoneActionTray[hidden] { display:none; }
.phoneActionTray > button,
.phoneActionTray > [data-action-id] {
  position:absolute !important;
  left:var(--phone-action-x) !important;
  top:var(--phone-action-y) !important;
  width:52px !important;
  height:52px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:4px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(124,240,255,.55) !important;
  color:#eaffff !important;
  background:linear-gradient(#174b64,#092a3c) !important;
  box-shadow:0 3px 14px rgba(0,0,0,.8) !important;
  overflow:visible !important;
  pointer-events:auto;
  touch-action:manipulation;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.phoneActionTray > [data-action-id] strong,
.phoneActionTray > [data-action-id] small { color:#eaffff !important; text-shadow:0 1px 3px rgba(0,0,0,.8) !important; }
.phoneActionTray > [data-action-id].active {
  border-color:#ffc928 !important;
  box-shadow:0 0 0 3px rgba(255,201,40,.48),0 3px 14px rgba(0,0,0,.8) !important;
}
.phoneActionTray > .phoneActionClose {
  width:44px !important;
  height:44px !important;
  font:900 20px/1 ui-sans-serif,system-ui !important;
  color:#ff6b6b !important;
  border:1px solid rgba(255,107,107,.7) !important;
  background:rgba(8,18,28,.94) !important;
}
.phoneActionLauncher .phoneAmmoIcon,
.phoneActionTray .phoneAmmoIcon,
.phoneActionTray .phoneActionIcon {
  width:38px;
  height:38px;
  object-fit:contain;
  border-radius:50%;
}
.phoneActionTray > [data-ammo] > small,
.phoneActionTray > [data-skill] > small:not(.skillPriceMini),
.phoneActionTray > [data-action-id^="rocket:"] > small {
  position:absolute;
  left:50%;
  top:calc(100% + 2px);
  min-width:30px;
  margin:0 !important;
  padding:1px 4px;
  transform:translateX(-50%);
  border:1px solid rgba(124,240,255,.55);
  border-radius:7px;
  color:#eaffff !important;
  background:rgba(8,18,28,.94);
  box-shadow:0 1px 5px rgba(0,0,0,.75);
  font-size:8px !important;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
}
.phoneActionTray > [data-action-id^="formation:"] img {
  width:44px !important;
  height:44px !important;
  object-fit:contain;
}
.phoneActionTray > [data-action-id^="rocket:"] small,
.phoneActionTray > [data-action-id^="rocket:"] .rocketCount,
.phoneActionTray > [data-action-id^="rocket:"] .launcherCount {
  font-weight:900 !important;
}
.phoneActionTray img { max-width:100%; max-height:100%; object-fit:contain; }
.phoneActionTray small { font-size:8px; }
.phoneJoystickQuick::after {
  content:attr(data-quick-slot);
  position:absolute;
  left:50%;
  top:calc(100% + 14px);
  z-index:3;
  width:min(310px,80vw);
  transform:translateX(-50%);
  color:#f2e8ff;
  font:900 10px/1.2 ui-sans-serif,system-ui;
  text-align:center;
  text-shadow:0 1px 4px #000;
  pointer-events:none;
}
.phoneJoystickQuick .phoneJoystickKnob {
  inset:auto;
  left:50%;
  top:50%;
  width:min(46px,24%);
  height:min(46px,24%);
  translate:-50% -50%;
  z-index:2;
}
.phoneJoystickQuick .phoneJoystickLabel { display:none; }
.phoneQuickItems { position:absolute; inset:0; z-index:2; pointer-events:none; }
.phoneJoystickQuick .phoneAimRing,
.phoneJoystickQuick .phoneQuickItems { opacity:0; transition:opacity .12s ease; }
.phoneJoystickQuick.ringOne .phoneAimRingOne,
.phoneJoystickQuick.ringTwo .phoneAimRingTwo,
.phoneJoystickQuick.ringOne .phoneQuickItems,
.phoneJoystickQuick.ringTwo .phoneQuickItems { opacity:1; }
.phoneQuickItem {
  position:absolute;
  left:var(--quick-x);
  top:var(--quick-y);
  width:clamp(28px,16cqw,52px);
  height:clamp(28px,16cqw,52px);
  box-sizing:border-box;
  display:grid;
  place-items:center;
  overflow:visible;
  transform:translate(-50%,-50%);
  border:1px solid rgba(124,240,255,.7);
  border-radius:clamp(6px,2.5cqw,9px);
  background-color:rgba(4,20,34,.92);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  box-shadow:0 1px 5px #000;
  color:#dffaff;
  font:800 clamp(7px,3cqw,10px)/1 ui-sans-serif,system-ui;
}
.phoneQuickItem.phoneQuickBar2 { border-color:rgba(212,156,255,.8); background-color:rgba(33,13,55,.94); }
.phoneQuickItem img { width:100%; height:100%; object-fit:contain; border-radius:6px; }
.phoneQuickQuantity {
  position:absolute;
  left:50%;
  top:calc(100% + 2px);
  min-width:80%;
  padding:max(1px,.4cqw) max(3px,1.1cqw);
  transform:translateX(-50%);
  border-radius:4px;
  color:#fff;
  background:rgba(0,0,0,.82);
  font:900 clamp(7px,3cqw,10px)/1.1 ui-sans-serif,system-ui;
  text-align:center;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.phoneQuickQuantity:empty { display:none; }
.phoneQuickCancel {
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  display:none;
  width:48px;
  height:30px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid #ff8989;
  border-radius:8px;
  color:#fff;
  background:rgba(115,22,35,.94);
  font:900 8px/1 ui-sans-serif,system-ui;
  box-shadow:0 2px 8px #000;
}
.phoneJoystickQuick.ringOne .phoneQuickCancelBar1,
.phoneJoystickQuick.ringTwo .phoneQuickCancelBar2 { display:grid; }
.phoneQuickCancel.selected {
  border-color:#fff178;
  box-shadow:0 0 0 2px rgba(255,241,120,.45),0 0 14px #fff178;
}
.phoneQuickItem.empty { opacity:.38; }
.phoneJoystickQuick .phoneQuickItem { opacity:0; visibility:hidden; transition:opacity .1s ease,visibility .1s; }
.phoneJoystickQuick.ringOne .phoneQuickBar1,
.phoneJoystickQuick.ringTwo .phoneQuickBar2 { opacity:1; visibility:visible; }
.phoneJoystickQuick.ringOne .phoneQuickBar1.empty,
.phoneJoystickQuick.ringTwo .phoneQuickBar2.empty { opacity:.38; }
.phoneQuickItem.selected {
  z-index:4;
  border-color:#fff178;
  box-shadow:0 0 0 2px rgba(255,241,120,.45),0 0 16px #fff178;
  transform:translate(-50%,-50%) scale(1.18);
}
.phoneQuickEditBtn {
  position:absolute;
  left:calc(10px + env(safe-area-inset-left, 0px));
  right:auto;
  bottom:calc(8px + env(safe-area-inset-bottom, 0px));
  z-index:5;
  min-width:92px;
  padding:8px 16px;
  transform:none;
  border:1px solid rgba(216,176,255,.9);
  border-radius:999px;
  color:#f8efff;
  background:linear-gradient(#603a87,#321b4e);
  box-shadow:0 3px 12px rgba(0,0,0,.65);
  font-weight:900;
  pointer-events:auto;
  touch-action:manipulation;
}
.phoneJoystickLayoutBtn {
  position:absolute;
  right:calc(10px + env(safe-area-inset-right, 0px));
  bottom:calc(8px + env(safe-area-inset-bottom, 0px));
  z-index:5;
  padding:8px 12px;
  border:1px solid rgba(124,240,255,.75);
  border-radius:999px;
  color:#eaffff;
  background:linear-gradient(#174b64,#092a3c);
  box-shadow:0 3px 12px rgba(0,0,0,.65);
  font-weight:900;
  pointer-events:auto;
  touch-action:manipulation;
}
.phoneJoystickSizeControl {
  display:none;
  position:absolute;
  z-index:6;
  width:150px;
  grid-template-columns:1fr;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid rgba(255,241,120,.75);
  border-radius:10px;
  color:#fff;
  background:rgba(8,18,28,.92);
  box-shadow:0 4px 18px rgba(0,0,0,.7);
  font:900 11px/1 ui-sans-serif,system-ui;
  pointer-events:auto;
}
.phoneJoystickSizeControl input { width:100%; accent-color:#fff178; touch-action:manipulation; }
.phoneJoystickResetBtn {
  display:none;
  position:absolute;
  left:50%;
  bottom:calc(8px + env(safe-area-inset-bottom, 0px));
  z-index:7;
  padding:8px 14px;
  transform:translateX(-50%);
  border:1px solid rgba(255,137,137,.8);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(#71303a,#39151d);
  box-shadow:0 3px 12px rgba(0,0,0,.65);
  font-weight:900;
  pointer-events:auto;
  touch-action:manipulation;
}
body.phoneJoystickLayoutOpen::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(0,0,0,.72);
  pointer-events:auto;
}
body.phoneJoystickLayoutOpen #settingsWindow,
body.phoneDockEditorOpen #settingsWindow {
  z-index:2147483646 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.phoneJoystickLayoutOpen #phoneControls { z-index:100100; }
body.phoneJoystickLayoutOpen .phoneJoystickSizeControl { display:grid; }
body.phoneJoystickLayoutOpen .phoneJoystickResetBtn { display:block; }
body.phoneJoystickLayoutOpen .phoneJoystick {
  opacity:1;
  border-color:#fff178;
  box-shadow:0 0 0 3px rgba(255,241,120,.35),0 0 22px rgba(255,241,120,.6);
}
body.phoneJoystickLayoutOpen .phoneJoystick.layoutDragging { cursor:grabbing; }
body.phoneJoystickLayoutOpen .phoneQuickEditBtn { display:none; }
body.phoneJoystickLayoutOpen .phoneActionTray,
body.phoneDockEditorOpen .phoneActionLauncher,
body.phoneDockEditorOpen .phoneActionTray { visibility:hidden; }
body.phoneJoystickLayoutOpen .phoneActionLauncher { visibility:visible; z-index:8; }
body.phoneJoystickLayoutOpen .phoneActionLauncher button {
  border-color:#fff178;
  box-shadow:0 0 0 3px rgba(255,241,120,.35),0 0 16px rgba(255,241,120,.55);
  cursor:grab;
}
body.phoneJoystickLayoutOpen .phoneActionLauncher button.layoutDragging { cursor:grabbing; }
body.phoneJoystickLayoutOpen #gameWindowDock,
body.phoneDockEditorOpen #gameWindowDock { z-index:100102 !important; }
body.phoneJoystickLayoutOpen #gameWindowDock > :not(.sessionDockMenu):not(#btnSettingsHub),
body.phoneDockEditorOpen #gameWindowDock > :not(.sessionDockMenu):not(#btnSettingsHub) { visibility:hidden !important; }
body.phoneJoystickLayoutOpen #gameWindowDock #btnSettingsHub,
body.phoneJoystickLayoutOpen #gameWindowDock .sessionDockMenu,
body.phoneDockEditorOpen #gameWindowDock #btnSettingsHub,
body.phoneDockEditorOpen #gameWindowDock .sessionDockMenu { visibility:visible !important; }
body.phoneJoystickLayoutOpen #sessionMenu > :not(#btnLogout),
body.phoneDockEditorOpen #sessionMenu > :not(#btnLogout) { display:none !important; }
#settingsWindow .phoneOnlySettingsBtn { display:none; }
body.phoneModeOn #settingsWindow .phoneOnlySettingsBtn { display:block; }
.phoneJoystickKnob {
  position:absolute;
  inset:auto;
  left:50%;
  top:50%;
  width:min(58px,40%);
  height:min(58px,40%);
  translate:-50% -50%;
  border:1px solid rgba(174,237,255,.75);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(143,224,248,.8),rgba(35,110,154,.85));
  pointer-events:none;
}
.phoneJoystickAim .phoneJoystickKnob {
  border-color:rgba(255,211,150,.8);
  background:radial-gradient(circle at 35% 30%,rgba(255,208,135,.9),rgba(169,95,43,.85));
}
.phoneJoystickLabel { position:absolute; left:0; right:0; bottom:-23px; font-size:11px; font-weight:800; text-shadow:0 1px 3px #000; pointer-events:none; }
.phoneJoystick.active { border-color:#b4f2ff; cursor:grabbing; }
.phoneJoystickAim.active { border-color:#ffcc92; }
.phoneAimRing {
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  transition:border-color .1s,box-shadow .1s,background .1s;
}
.phoneAimRingOne { width:72%; height:72%; }
.phoneAimRingTwo { width:92%; height:92%; }
.phoneJoystickQuick .phoneAimRingOne { width:92%; height:92%; }
.phoneJoystickAim.ringOne .phoneAimRingOne {
  border-color:#7cf0ff;
  background:rgba(70,200,255,.12);
  box-shadow:0 0 12px rgba(70,200,255,.65);
}
.phoneJoystickAim.ringTwo .phoneAimRingTwo {
  border-color:#ffb264;
  background:rgba(255,130,60,.13);
  box-shadow:0 0 15px rgba(255,130,60,.75);
}
.phoneJoystickQuick.active { border-color:#d8b0ff; }
.phoneJoystickQuick.ringOne .phoneAimRingOne {
  border-color:#7cf0ff;
  background:rgba(70,200,255,.12);
  box-shadow:0 0 12px rgba(70,200,255,.65);
}
.phoneJoystickQuick.ringTwo .phoneAimRingTwo {
  border-color:#d49cff;
  background:rgba(166,80,255,.15);
  box-shadow:0 0 15px rgba(166,80,255,.72);
}
#phoneControls.blocked { opacity:.35; }
@media (max-height:500px) {
  .phoneJoystick { width:112px; height:112px; bottom:calc(34px + env(safe-area-inset-bottom, 0px)); }
  .phoneJoystickQuick { width:190px; height:190px; bottom:calc(42px + env(safe-area-inset-bottom, 0px)); }
  .phoneQuickEditBtn { bottom:calc(8px + env(safe-area-inset-bottom, 0px)); }
}
body.phoneDockEditorOpen #ammoBar {
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(350px + env(safe-area-inset-bottom, 0px)) !important;
  width:min(540px,calc(80vw - 12px)) !important;
  max-width:calc(80vw - 12px) !important;
  height:auto !important;
  z-index:100101 !important;
  padding:5px !important;
  overflow:visible !important;
  transform:translateX(-50%) scale(1.25) !important;
  transform-origin:center bottom !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.phoneDockEditorOpen #ammoBar .actionSlots {
  width:100% !important;
  grid-template-columns:repeat(auto-fill,46px) !important;
  grid-template-rows:none !important;
  justify-content:center !important;
}
body.phoneDockEditorOpen::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(0,0,0,.68);
  pointer-events:none;
}
body.phoneDockEditorOpen #ammoBar .actionPalette {
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  overflow:visible !important;
}
body.phoneDockEditorOpen #ammoBar .actionPaletteItems,
body.phoneDockEditorOpen #ammoBar .actionPalette nav {
  flex-wrap:wrap !important;
  justify-content:center !important;
}
body.phoneDockEditorOpen #phoneControls { z-index:100101; opacity:1; }
body.phoneDockEditorOpen .phoneJoystick,
body.phoneDockEditorOpen .phoneJoystickLayoutBtn { visibility:hidden; }
body.phoneDockEditorOpen .phoneQuickEditBtn { pointer-events:auto; }
.phoneDockSave {
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  z-index:5;
  display:none !important;
  margin:0;
  padding:8px 10px;
  border:1px solid #76f6bd;
  border-radius:10px;
  color:#04140e;
  background:#76f6bd;
  font-weight:900;
}
@media (max-height:500px) {
  body.phoneDockEditorOpen #ammoBar { bottom:calc(285px + env(safe-area-inset-bottom, 0px)) !important; }
}
body.phoneDockEditorOpen #ammoBar .phoneEditorSelected {
  outline:3px solid #ffd36b !important;
  box-shadow:0 0 18px rgba(255,211,107,.75) !important;
}
#hud {
  position:fixed;
  inset:0;
  pointer-events:none;
}
.panel {
  position:absolute;
  z-index:2;
  background:var(--panel);
  border:1px solid rgba(124,240,255,.14);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  border-radius:14px;
  pointer-events:none;
}
.panel.interactive {
  pointer-events:auto;
}
.keyHint {
  display:inline-block;
  margin-left:6px;
  padding:2px 7px;
  border-radius:10px;
  font-size:11px;
  font-weight:1000;
  color:rgba(215,226,255,.92);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  vertical-align:middle;
}
#boxWave {
  left:14px;
  top:14px;
  min-width:240px;
  padding:10px 12px;
}
#gygerimStatus {
  display:none;
  position:fixed;
  top:34px;
  left:50%;
  width:290px;
  padding:9px 11px 10px;
  transform:translateX(-50%);
  z-index:115;
  box-sizing:border-box;
  pointer-events:auto;
}
.gygerimTitle {
  margin-bottom:7px;
  color:#edf8ff;
  font:900 11px/1.2 ui-sans-serif,system-ui;
  letter-spacing:.8px;
  text-align:center;
  cursor:move;
  user-select:none;
  touch-action:none;
}
.bossVitals {
  margin:0;
  gap:7px;
}
.bossVitals .bar {
  position:relative;
  height:22px;
  overflow:hidden;
  isolation:isolate;
}
.bossVitals .bar > i {
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  transition:width .18s ease;
}
.bossVitals .barValue {
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  color:#f4fbff;
  font-size:10px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 3px #000;
}
#gygerimStatus.gameWindow {
  padding:0 11px 10px;
  transform:none;
}
#gygerimStatus.gameWindow > .gameWinBar {
  margin:0 -11px 8px !important;
}
#gygerimStatus.gameWindow .gygerimTitle {
  cursor:default;
  touch-action:auto;
}
#craftingWindow {
  display:none;
  width:min(920px,calc(100vw - 24px));
  max-height:min(760px,calc(100vh - 24px));
  padding:0;
  pointer-events:auto;
  overflow:hidden;
}
#craftingWindow.gameWindow > .gameWinBar {
  margin:0 !important;
}
.assemblyPanel {
  min-width:min(620px,calc(100vw - 24px));
}
.assemblyBody {
  display:grid;
  gap:10px;
  padding:12px;
  color:#dff7ff;
  overflow:visible;
}
.assemblyStripCard {
  min-width:0;
  max-width:100%;
  padding:10px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.03);
}
.assemblyStrip {
  display:flex;
  gap:8px;
  padding:2px 2px 12px;
  min-height:60px;
  overflow-x:scroll;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(124,240,255,.4) transparent;
}
.assemblyStrip::-webkit-scrollbar {
  height:8px;
}
.assemblyStrip::-webkit-scrollbar-thumb {
  background:rgba(124,240,255,.35);
  border-radius:999px;
}
.assemblyStrip::-webkit-scrollbar-track {
  background:rgba(0,0,0,.3);
  border-radius:999px;
}
.assemblyThumb {
  flex:none;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  padding:4px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.18);
  border-radius:8px;
  background:rgba(0,0,0,.4);
  cursor:pointer;
}
.assemblyThumb img {
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:6px;
  pointer-events:none;
}
.assemblyThumb:hover:not(:disabled) {
  border-color:rgba(124,240,255,.5);
}
.assemblyThumb.active {
  border-color:rgba(124,240,255,.65);
  background:rgba(0,140,185,.25);
  box-shadow:0 0 16px rgba(0,217,255,.14);
}
.assemblyThumb.cantAfford img {
  filter:grayscale(.6);
  opacity:.75;
}
.assemblyThumb.ownedLimit {
  opacity:.55;
}
.assemblyThumb:disabled {
  cursor:default;
}
.assemblyEmpty {
  padding:26px 14px;
  text-align:center;
  border:1px dashed rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.02);
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
  display:grid;
  gap:6px;
  justify-items:center;
}
.assemblyEmpty b {
  color:#eaffff;
  font-size:12px;
}
.assemblyEmpty code {
  color:#ffd36b;
  font-size:10px;
}
.assemblyDetail {
  min-width:0;
  max-width:100%;
  min-height:200px;
}
.assemblyDetailCard {
  display:grid;
  gap:10px;
  min-width:0;
  max-width:100%;
  padding:12px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.03);
}
.assemblyDetailHead {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) minmax(0,1.3fr);
  gap:12px;
  align-items:center;
}
.assemblyMainIcon {
  width:76px;
  height:76px;
  object-fit:contain;
  border-radius:10px;
  background:rgba(0,0,0,.45);
  border:1px solid var(--rarity,#a9bcc7);
  padding:6px;
  box-sizing:border-box;
}
.assemblyTitleRow {
  display:grid;
  gap:3px;
  min-width:0;
}
.assemblyDescription {
  margin:0;
  min-width:0;
  color:#f4fbff;
  font-size:12px;
  font-weight:600;
  line-height:1.6;
  text-align:center;
  text-wrap:pretty;
}
.assemblyRarity {
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--rarity,#a9bcc7);
}
.assemblyEventCountdown {
  font-size:12px;
  font-weight:700;
  color:#ff9a3c;
}
.assemblyEventCountdown strong {
  font-variant-numeric:tabular-nums;
  color:#ffb066;
  text-shadow:0 0 10px rgba(255,150,50,.45);
}
.assemblyDetailHead h3 {
  margin:0;
  font-size:17px;
  font-weight:900;
  color:#f0f9ff;
  overflow-wrap:anywhere;
}
.assemblyCols {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  min-width:0;
}
.assemblySubCard {
  border:1px solid rgba(124,240,255,.16);
  border-radius:8px;
  padding:10px;
  background:rgba(255,255,255,.02);
  display:grid;
  gap:8px;
  align-content:start;
  min-width:0;
}
.assemblySubCard > h4 {
  margin:0;
  color:#7cf0ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.assemblySubCard ul {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
}
.assemblyCostRow,.assemblyResultRow {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:6px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:rgba(255,255,255,.02);
}
.assemblyCostRow img,.assemblyResultRow img {
  width:36px;
  height:36px;
  object-fit:contain;
  border-radius:6px;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(124,240,255,.16);
}
.assemblyCostRow.enough {
  border-color:rgba(53,224,122,.3);
}
.assemblyCostRow.missing {
  border-color:rgba(255,90,120,.4);
}
.assemblyCostRow strong {
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.assemblyCostRow.enough strong {
  color:#9deab4;
}
.assemblyCostRow.missing strong {
  color:#ff8799;
}
.assemblyResultRow strong {
  color:#ffd56a;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.assemblyCostMeta {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  justify-content:center;
}
.assemblyCostName {
  font-size:11px;
  font-weight:700;
  color:#cfe8f5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.assemblyCreditIcon {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  font-weight:1000;
  border-radius:6px;
  color:#ffd56a;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,213,106,.35);
}
.assemblyFooter {
  display:grid;
  grid-template-columns:minmax(110px,140px) minmax(0,1fr);
  gap:8px;
  align-items:stretch;
  min-width:0;
  max-width:100%;
}
.assemblyQty {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  box-sizing:border-box;
  padding:0 6px 0 12px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  background:#051521;
  color:#eaffff;
  font-size:12px;
  font-weight:800;
}
.assemblyQty select {
  flex:1;
  height:100%;
  min-height:28px;
  border:none;
  outline:0;
  color:#effcff;
  background:transparent;
  font:900 12px/1 ui-sans-serif,system-ui;
  cursor:pointer;
}
.assemblyQty select option {
  color:#effcff;
  background:#071622;
}
.assemblyBuildBtn {
  min-height:30px;
  padding:4px 14px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:900 12px/1.2 ui-sans-serif,system-ui;
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
}
.assemblyBuildBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.assemblyBuildBtn:disabled {
  opacity:.38;
  cursor:default;
}
.assemblyMessage {
  min-height:16px;
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
  text-align:center;
}
.assemblyMessage:empty {
  display:none;
}
.rarity-common {
  --rarity:#a9bcc7;
}
.rarity-rare {
  --rarity:#45bfff;
}
.rarity-epic {
  --rarity:#ba72ff;
}
.rarity-legendary {
  --rarity:#ffd15c;
}
@media (max-width:760px){ .assemblyCols{ grid-template-columns:1fr; } }
#boxMeta {
  left:14px;
  top:150px;
  min-width:240px;
  width:max-content;
  max-width:min(420px,calc(100vw - 28px));
  padding:12px 12px 10px;
}
#boxMeta .row {
  white-space:nowrap;
  align-items:center;
}
#boxMeta .k {
  white-space:nowrap;
}
#boxMeta .v {
  font-size:12px;
  white-space:nowrap;
}
#boxMeta .row:has(#credits) {
  margin-top:4px;
}
#boxVitals .row .k {
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  color:#fff;
}
#boxVitals .row {
  align-items:center;
}
#spdTxt {
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
#boxVitals {
  left:14px;
  top:270px;
  min-width:240px;
  padding:10px 12px;
}
#boxWave .row, #boxMeta .row, #boxVitals .row {
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:baseline;
  margin:2px 0;
  padding:2px 1px;
}
#boxWave .k, #boxMeta .k, #boxVitals .k {
  color:rgba(180,210,255,.64);
  font-size:11.5px;
}
#boxWave .v, #boxMeta .v, #boxVitals .v {
  color:#fff;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 10px rgba(0,217,255,.10);
}
#boxMeta .k {
  font-size:12px;
  font-weight:800;
  color:#fff;
}
#credits, #lvlTxt, #spdTxt, #pingTxt, #fpsTxt {
  color:#7cf0ff;
}
#fpsOverlay {
  position:fixed;
  top:7px;
  right:10px;
  z-index:120;
  color:rgba(205,220,235,.72);
  font:800 10px/1.2 ui-sans-serif,system-ui;
  font-variant-numeric:tabular-nums;
  letter-spacing:.2px;
  text-shadow:0 1px 3px rgba(0,0,0,.95);
  pointer-events:none;
  user-select:none;
}
#fpsOverlay .versionTxt {
  color:#ffd166;
}
#fpsOverlay .fpsSep {
  color:rgba(205,220,235,.45);
  font-weight:700;
  padding:0 2px;
}
#boxPerformance {
  left:14px;
  top:430px;
  min-width:240px;
  padding:10px 12px;
  box-sizing:border-box;
}
#boxPerformance .barWrap {
  width:100%;
  box-sizing:border-box;
  justify-items:stretch;
}
#boxPerformance .row {
  display:flex;
  width:100%;
  box-sizing:border-box;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
}
#boxPerformance .perfDetails {
  width:100%;
  box-sizing:border-box;
  text-align:center;
  white-space:normal;
}
.perfDetails {
  margin-top:3px;
  color:rgba(190,215,230,.72);
  font-size:10px;
  line-height:1.35;
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.barWrap {
  margin-top:8px;
  display:grid;
  gap:6px;
}
.bar {
  height:10px;
  background:rgba(255,255,255,.08);
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.bar > i {
  display:block;
  height:100%;
  width:50%;
}
.bar.hp > i {
  background:linear-gradient(90deg, var(--danger), #ffb2bb);
}
#boxVitals .bar.hp > i, #petWindow .bar.hp > i {
  background:linear-gradient(90deg, #3fae5a, #b6f0c3);
}
.bar.sh > i {
  background:linear-gradient(90deg, var(--accent), #b8f7ff);
}
.bar.xp > i {
  background:linear-gradient(90deg, #7a4dff, #c9b3ff);
}
.bar.fuel > i {
  background:linear-gradient(90deg, #cfc9b8, #f5f1e6);
}
.bar.cargo > i {
  background:linear-gradient(90deg, #c77b1e, #ffd36b);
}
/* --- Fenêtre DPS --- */
.dpsPanel {
  min-width:min(240px,calc(100vw - 24px));
  width:260px;
  max-width:min(320px,calc(100vw - 24px));
  box-sizing:border-box;
  background:linear-gradient(180deg, rgba(17,22,34,.97), rgba(9,12,20,.97));
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:0 6px 28px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.dpsTopBar {
  display:flex;
  align-items:center;
  padding:8px 12px 6px;
}
.dpsSep {
  border-top:1px solid rgba(255,255,255,.12);
  margin:2px 14px;
}
.dpsHeadRows .row,
.dpsCalcRows .row,
.dpsTotalRow {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
#dpsWindow.gameWindow.floating {
  min-width:min(240px,calc(100vw - 24px)) !important;
  max-width:min(320px,calc(100vw - 24px)) !important;
  width:260px !important;
}
.dpsHeadRows .row .k,
.dpsHeadRows .row .v,
.dpsTotalRow .k,
.dpsTotalRow .v {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dpsHeadRows .row .k,
.dpsTotalRow .k {
  flex:1 1 auto;
}
.dpsHeadRows .row .v,
.dpsTotalRow .v {
  flex:0 1 auto;
}
.dpsHeadRows .row .v,
.dpsCalcRows .row .v,
.dpsTotalRow .v,
.dpsKind > span {
  margin-right:10px;
}
.dpsTopBar > button {
  font-size:11px;
  font-weight:800;
  padding:5px 14px;
  border-radius:8px;
  border:1px solid rgba(124,240,255,.38);
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  color:#eaffff;
  font-family:ui-sans-serif,system-ui;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.dpsTopBar > button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.dpsHeadRows {
  display:grid;
  gap:3px;
  padding:10px 14px 8px;
}
.dpsHeadRows .row .k {
  color:#fff;
}
.dpsHeadRows .row .v {
  font-variant-numeric:tabular-nums;
  font-weight:700;
}
.dpsHeadRows .row .v.dpsLiveValue {
  color:#ffd76b;
  text-shadow:0 0 10px rgba(255,180,60,.4);
}
.dpsCalcRows {
  padding:10px 14px 0;
}
.dpsCalcRows .row {
  padding:1px 0;
}
.dpsCalcRows .row .k {
  max-width:60%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  opacity:1;
}
.dpsCalcRows .row .v {
  font-variant-numeric:tabular-nums;
  font-weight:700;
  max-width:40%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dpsCalcRows .row .v.dpsFBase, .dpsCalcRows .row .k.dpsFBase { color:#9aa3b2; }
.dpsCalcRows .row .v.dpsF1, .dpsCalcRows .row .k.dpsF1 { color:#7ec8ff; }
.dpsCalcRows .row .v.dpsF2, .dpsCalcRows .row .k.dpsF2 { color:#ff9a5c; }
.dpsCalcRows .row .v.dpsF3, .dpsCalcRows .row .k.dpsF3 { color:#c99aff; }
.dpsCalcRows .row .v.dpsF4, .dpsCalcRows .row .k.dpsF4 { color:#57ff8a; }
.dpsCalcRows .row .v.dpsF5, .dpsCalcRows .row .k.dpsF5 { color:#ff6b9d; }
.dpsCalcRows .row .v.dpsF6, .dpsCalcRows .row .k.dpsF6 { color:#ff5252; }
.dpsTotalRow {
  padding:1px 14px;
  font-weight:700;
}
.dpsTotalRow:last-child {
  padding-bottom:12px;
}
.dpsTotalRow .v {
  color:#ffd76b;
  text-shadow:0 0 10px rgba(255,180,60,.4);
}
.oreTradePanel {
  width:max-content;
  max-width:min(640px,calc(100vw - 24px));
}
#oreTradeWindow.gameWindow {
  min-width:min(320px,calc(100vw - 24px)) !important;
  min-height:120px !important;
}
.oreTradeBody {
  display:grid;
  gap:0;
  padding:12px;
}
.oreTradeRows {
  display:grid;
  gap:0;
}
.oreTradeRows .refineryRow, #otPalladiumRow {
  justify-content:center;
  border:none;
  border-bottom:1px solid rgba(124,240,255,.2);
  border-radius:0;
  background:none;
}
.oreTradeRows .refineryRow {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
#otPalladiumRow {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
#otPalladiumRow .oreTradeGain {
  margin:0;
  text-align:left;
}
.oreTradeRows .refineryRow:last-child {
  border-bottom:none;
}
.oreTradeRows .oreTradeGain {
  margin:0;
  text-align:left;
}
.oreTradeRows button, #otExchangeBtn {
  min-width:90px;
  text-align:center;
}
.oreTradeRows button {
  margin-left:auto;
}
#otPalladiumRow button {
  margin-left:auto;
}
.oreTradePrice {
  color:#8fcddd;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.oreTradeGain {
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  margin-left:auto;
  white-space:nowrap;
}
.oreTradeRows button {
  flex:none;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
}
.oreTradeRows button:disabled {
  opacity:.35;
  cursor:default;
}
/* Station de Combat : arène (caillou + slots) + inventaire modules. */
.stationPanel {
  width:max-content;
  max-width:min(860px,calc(100vw - 24px));
}
#stationWindow.gameWindow {
  min-width:min(560px,calc(100vw - 24px)) !important;
  min-height:300px !important;
}
.stationBody {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding:12px;
  align-items:stretch;
}
.stationArenaCard {
  display:grid;
  gap:6px;
  justify-items:center;
}
.stationArena {
  position:relative;
  width:440px;
  height:440px;
  border:1px solid rgba(124,240,255,.25);
  border-radius:12px;
  background:radial-gradient(circle at 50% 50%,rgba(10,30,45,.55),rgba(3,10,18,.85));
  overflow:hidden;
}
.stationArena img.stationRock {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.stationSlot {
  position:absolute;
  transform:translate(-50%,-50%);
  border:2px dashed rgba(124,240,255,.55);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(5,15,25,.35);
}
.stationSlot img {
  max-width:88%;
  max-height:88%;
  object-fit:contain;
  pointer-events:none;
}
.stationSlot.filled img {
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:cover;
  border-radius:50%;
}
.stationSlot.stationHub {
  border-style:solid;
  border-color:rgba(255,211,107,.7);
}
.stationSlot.filled {
  border-style:solid;
  background:rgba(124,240,255,.10);
}
.stationSlot.stationDragOver {
  outline:2px solid #ffd36b;
  outline-offset:2px;
  background:rgba(255,211,107,.15);
}
.stationCdRing {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(rgba(3,10,18,.78) calc(var(--p,100) * 1%), transparent 0);
  pointer-events:none;
}
.stationCdSmall {
  position:absolute;
  top:calc(100% + 1px);
  left:50%;
  transform:translateX(-50%);
  color:#ffd36b;
  font-size:10px;
  font-weight:700;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
  white-space:nowrap;
}
.stationWho {
  position:absolute;
  top:calc(100% + 15px);
  left:50%;
  transform:translateX(-50%);
  color:#eaffff;
  font-size:10px;
  font-weight:700;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
  white-space:nowrap;
  max-width:90px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stationSlot:not(.filled) .stationWho {
  display:none;
}
/* Plus de CD : le nom du poseur remonte à la place du compteur. */
.stationSlot.noCd .stationWho {
  top:calc(100% + 1px);
}
.stationRow[draggable="true"] {
  cursor:grab;
}
.stationFooter {
  grid-column:1 / -1;
  display:grid;
  gap:4px;
  padding-top:2px;
}
.stationSep {
  height:0;
  justify-self:stretch;
  margin:2px 18px;
  border-bottom:1px solid rgba(124,240,255,.2);
}
.stationClans {
  display:grid;
  gap:4px;
}
.stationClanRow {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
}
.stationClanRow b {
  color:#eaffff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.stationClanBar {
  height:8px;
  border-radius:4px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.stationClanBar i {
  display:block;
  height:100%;
  border-radius:4px;
}
.stationClanRow strong {
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  min-width:38px;
  text-align:right;
}
.stationInstalling {
  color:#7df0ff;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.stationClansEmpty {
  color:#8fcddd;
  font-size:12px;
  text-align:center;
}
.stationBuildBtn {
  min-width:160px;
  padding:8px 14px;
  border:1px solid rgba(124,240,255,.5);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.45),rgba(0,70,100,.4));
  font:750 13px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.stationBuildBtn[hidden] {
  display:none;
}
.stationDeflectRow {
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.stationDeflectBtn {
  min-width:140px;
  padding:8px 14px;
  border:1px solid rgba(125,240,255,.5);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,120,160,.45),rgba(0,60,100,.4));
  font:750 13px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.stationDeflectBtn.off {
  border-color:rgba(255,107,122,.55);
  color:#ffd9de;
  background:linear-gradient(135deg,rgba(140,20,40,.45),rgba(80,10,25,.4));
}
.stationDeflect {
  color:#eaffff;
  font-size:13px;
  font-weight:900;
  text-align:center;
  text-shadow:0 1px 2px #000;
  letter-spacing:.5px;
}
.stationDeflect.on {
  color:#7df0ff;
}
.stationRepairBtn {
  min-width:160px;
  padding:8px 14px;
  border:1px solid rgba(105,255,140,.5);
  border-radius:8px;
  color:#eafff2;
  background:linear-gradient(135deg,rgba(0,150,70,.45),rgba(0,80,40,.4));
  font:750 13px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
  justify-self:center;
}
.stationRepairBtn:disabled {
  opacity:.75;
  cursor:wait;
}
.stationSide {
  display:grid;
  gap:8px;
  min-width:280px;
  max-width:340px;
  height:100%;
  grid-template-rows:auto 1fr;
  align-content:stretch;
}
.stationSide h4 {
  margin:0;
  color:#eaffff;
  font-size:14px;
}
.stationRows {
  display:grid;
  gap:0;
  height:100%;
  grid-auto-rows:1fr;
  align-content:stretch;
}
.stationRow {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  padding:3px 6px;
  border-bottom:1px solid rgba(124,240,255,.2);
  cursor:pointer;
}
.stationRow:last-child {
  border-bottom:none;
}
.stationRow img {
  width:28px;
  height:28px;
  object-fit:contain;
}
.stationRow b {
  color:#eaffff;
  font-size:11px;
  font-weight:700;
}
.stationRow strong {
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
}
.stationRow.active {
  background:rgba(124,240,255,.12);
  outline:1px solid rgba(124,240,255,.5);
  border-radius:8px;
}
.stationMessage {
  padding:0 12px 12px;
  color:#ffb3c0;
  font-size:12px;
  min-height:18px;
}
.oreTradeRows button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.refineryPanel {
  width:max-content;
  max-width:min(1200px,calc(100vw - 24px));
}
.refineryBody {
  display:grid;
  gap:10px;
  padding:12px;
  color:#dff7ff;
}
.refineryStock {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:7px 11px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  overflow:visible;
}
.refineryOre {
  display:inline-flex;
  flex:none;
  flex-direction:row;
  align-items:center;
  gap:6px;
}
.refineryOre img {
  width:32px;
  height:32px;
  object-fit:contain;
}
.refineryOre b {
  color:#fff;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.refineryOre.out b {
  color:#ffd36b;
}
.refineryRecipes {
  display:grid;
  gap:10px;
}
.refineryRow {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  overflow-x:auto;
}
.refineryPlus {
  color:#8fcddd;
  font-style:normal;
  font-weight:900;
}
.refineryArrow {
  color:#ffd36b;
  font-style:normal;
  font-weight:900;
}
.refineryRow button {
  margin-left:auto;
  flex:none;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
}
.refineryRow button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.refineryRow button:disabled {
  opacity:.35;
  cursor:default;
}
.refineryFooter {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.refineryAuto {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.refineryAuto input {
  appearance:none;
  -webkit-appearance:none;
  width:17px;
  flex:none;
  height:17px;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:6px;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  cursor:pointer;
}
.refineryAuto input:checked::after {
  content:"✓";
  color:#eaffff;
  font-size:11px;
  font-weight:900;
  line-height:1;
}
.refineryAuto input:hover {
  border-color:rgba(124,240,255,.62);
}
.refineryAuto span {
  color:#8fcddd;
  font-size:12px;
  font-weight:900;
  text-transform:none;
}
.refineryFooter button {
  margin-left:auto;
  flex:none;
  min-height:30px;
  padding:6px 14px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
}
.refineryFooter button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.refinerySeparator {
  border:none;
  border-top:1px solid rgba(124,240,255,.2);
  margin:2px 0;
}
.refineryUpgrades {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:2px;
}
.refinerySlotName {
  color:#8fcddd;
  font-size:12px;
  font-weight:900;
  text-transform:none;
  white-space:nowrap;
}
.upgCard {
  position:relative;
  display:grid;
  justify-items:center;
  gap:6px;
  padding:12px 12px 14px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.upgHelp {
  position:absolute;
  top:6px;
  right:8px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.4);
  border-radius:50%;
  color:#8fcddd;
  font-size:11px;
  font-weight:900;
  cursor:help;
}
.upgIcon {
  width:64px;
  height:64px;
  object-fit:contain;
}
.upgName {
  color:#eaffff;
  font-size:12px;
  font-weight:900;
  text-transform:none;
}
.upgSlot {
  min-width:64px;
  min-height:40px;
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:4px 8px;
  border:1px dashed rgba(124,240,255,.35);
  border-radius:8px;
  background:rgba(3,20,33,.92);
}
.upgSlot img {
  width:28px;
  height:28px;
  object-fit:contain;
  pointer-events:none;
}
.upgSlot b {
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.upgSlot.filled {
  border-style:solid;
  border-color:rgba(124,240,255,.6);
  background:rgba(0,100,140,.5);
}
.upgSlot.dragTarget {
  border-color:#ffd36b;
  box-shadow:0 0 12px rgba(255,211,107,.5);
}
.upgSlotEmpty {
  color:rgba(207,235,246,.55);
  font-size:12px;
}
.upgStatus {
  align-self:stretch;
  text-align:right;
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  min-height:14px;
}
.refineryStock .refineryOre {
  cursor:grab;
}
.refineryStock .refineryOre:active {
  cursor:grabbing;
}
.upgAmountDialog {
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(255,211,107,.4);
  border-radius:12px;
  background:rgba(20,14,4,.95);
}
.upgAmountDialog[hidden] {
  display:none;
}
.upgAmountHead {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.upgAmountHead img {
  width:32px;
  height:32px;
  object-fit:contain;
}
.upgAmountBtns {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:8px;
}
.upgAmountBtns button {
  min-width:52px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:750 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.upgAmountBtns button.active {
  border-color:#ffd36b;
  box-shadow:0 0 12px rgba(255,211,107,.5);
}
.upgAmountBtns button:disabled {
  opacity:.35;
  cursor:default;
}
.upgAmountPreview {
  color:#dff7ff;
  font-size:12px;
}
.upgAmountActions {
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  gap:8px;
}
.upgAmountActions button {
  min-height:30px;
  padding:6px 12px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:750 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.refineryEmpty {
  color:rgba(207,235,246,.6);
  font-size:12px;
  padding:8px 2px;
  text-align:center;
}
#boxVitals .row.mini {
  margin-top:8px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.08);
}
#boxVitals .row.mini .k {
  font-size:12px;
  color:var(--muted);
}
#boxVitals .row.mini .v {
  font-weight:1000;
}
.configRow {
  margin-top:8px;
}
.configSwitch {
  display:flex;
  align-items:center;
  gap:6px;
}
.cfgBtn, .fitCfgBtn {
  border-radius:8px;
  border:1px solid rgba(100,200,255,.28);
  background:rgba(255,255,255,.06);
  color:rgba(232,244,255,.75);
  font-weight:900;
  cursor:pointer;
}
.cfgBtn {
  width:28px;
  height:24px;
}
#cfgToggleBtn {
  flex:none;
  padding:0;
  color:#eaffff;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
}
#cfgToggleBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#cfgToggleBtn.active {
  color:#eaffff;
  border-color:rgba(124,240,255,.38);
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
#cfgToggleBtn:disabled {
  opacity:.35;
  cursor:default;
}
.fitCfgBtn {
  min-width:42px;
  height:30px;
  border-radius:10px;
}
.cfgBtn.active, .fitCfgBtn.active {
  background:rgba(0,217,255,.25);
  border-color:rgba(0,217,255,.75);
  color:#fff;
  box-shadow:0 0 12px rgba(0,217,255,.28);
}
.cfgBtn:disabled {
  opacity:.4;
  cursor:not-allowed;
}
#cfgCooldownTxt {
  color:rgba(232,244,255,.55);
  font-size:11px;
  min-width:30px;
}
#minimap {
  right:14px;
  bottom:14px;
  width:250px;
  height:auto;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:hidden;
}
#miniHeader {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:2px 2px 0;
  font-weight:1000;
  font-size:12px;
  color:rgba(215,226,255,.92);
}
#miniHeader span {
  white-space:nowrap;
  text-shadow:0 2px 0 rgba(5,8,20,.85);
}
#miniDivider {
  height:1px;
  background:rgba(255,255,255,.10);
  border-top:1px solid rgba(124,240,255,.10);
  opacity:.95;
}
#miniZoomBar {
  min-height:1px;
  height:1px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0;
  margin-top:2px;
}
#miniZoomBar::before, #miniZoomBar::after {
  content:"";
  flex:1 1 auto;
  height:1px;
  background:rgba(124,240,255,.18);
}
#miniZoomBar::after {
  display:none;
}
.miniZoomActions {
  display:flex;
  align-items:center;
  gap:0;
}
.miniZoomActions .miniZoomBtn {
  width:26px !important;
  height:26px !important;
  margin-left:0 !important;
  border-radius:0 !important;
}
.miniZoomActions .miniZoomBtn + .miniZoomBtn {
  margin-left:-1px !important;
}
.miniZoomBtn {
  width:23px;
  height:21px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.28);
  border-radius:6px;
  background:linear-gradient(180deg, rgba(21,57,75,.92), rgba(8,29,43,.96));
  color:rgba(220,249,255,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font:900 15px/1 ui-sans-serif,system-ui;
  cursor:pointer;
}
.miniZoomBtn:hover {
  border-color:rgba(124,240,255,.58);
  background:linear-gradient(180deg, rgba(27,73,94,.96), rgba(10,38,55,.98));
}
.miniZoomBtn:active {
  transform:none;
}
#miniCanvas {
  display:block;
  width:100%;
  height:155px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(124,240,255,.18);
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.34),
    0 0 18px rgba(0,217,255,.06);
}
#minimap.gameWindow {
  min-width:220px;
  max-width:none;
  padding:0;
  gap:4px;
}
#minimap.gameWindow #miniHeader {
  padding:8px 12px 0;
}
#minimap.gameWindow #miniDivider {
  margin:0 12px;
}
#minimap.gameWindow #miniCanvas {
  width:calc(100% - 20px);
  margin:0 10px 10px;
}
#minimap.gameWindow #miniZoomBar {
  margin:2px 12px 0;
  padding:0;
}
#minimap > .gameWinBar .miniZoomActions {
  flex:0 0 auto;
  margin:0;
}
#minimap .gameWinResizeHandle {
  position:absolute;
  right:6px;
  bottom:6px;
  width:18px;
  height:18px;
  z-index:5;
  cursor:nwse-resize;
  pointer-events:auto;
  border-right:2px solid rgba(124,240,255,.65);
  border-bottom:2px solid rgba(124,240,255,.65);
  border-radius:3px;
  opacity:.65;
  transition:opacity .15s ease, transform .15s ease, filter .15s ease;
}
#minimap .gameWinResizeHandle:hover {
  opacity:1;
  transform:scale(1.08);
  filter:drop-shadow(0 0 8px rgba(0,217,255,.45));
}
#minimap .gameWinResizeHandle::before {
  content:"";
  position:absolute;
  right:4px;
  bottom:4px;
  width:9px;
  height:9px;
  border-right:1px solid rgba(124,240,255,.45);
  border-bottom:1px solid rgba(124,240,255,.45);
}
.gameWindow {
  pointer-events:auto !important;
  overflow:hidden !important;
  border-radius:8px !important;
  border:1px solid rgba(124,240,255,.24) !important;
  background:
    linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.55),
    0 0 26px rgba(0,217,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.gameWindow:hover {
  border-color:rgba(124,240,255,.42) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.5),
    0 0 28px rgba(0,217,255,.16),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.gameWindow.floating {
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  min-width:0 !important;
  z-index:90000 !important;
  box-sizing:border-box !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.62),
    0 0 38px rgba(0,217,255,.20),
    inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.gameWinMinimized {
  display:none !important;
}
#profileOverlay {
  display:none;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
}
#profileOverlay .profileOverlayInner {
  display:contents;
  pointer-events:none;
}
#profileOverlay #profileWindow {
  width:min(860px,calc(100vw - 48px)) !important;
  height:min(620px,calc(100vh - 92px)) !important;
  min-height:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:8px !important;
  background:linear-gradient(145deg,rgba(8,20,36,.97),rgba(3,9,20,.98)) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.72),0 0 35px rgba(0,217,255,.12) !important;
  pointer-events:auto !important;
}
#profileOverlay #profileWindow.gameWindow:not(.floating) {
  position:fixed !important;
  left:max(24px,calc(50vw - 430px)) !important;
  top:64px !important;
}
#profileOverlay #profileWindow.gameWindow.floating {
  position:fixed !important;
  width:min(860px,calc(100vw - 48px)) !important;
  height:min(620px,calc(100vh - 92px)) !important;
}
#profileOverlay .profileHeaderCard, #profileOverlay .profileMainCard {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
#profileOverlay .profileHeaderCard {
  flex:0 0 auto;
  margin:12px 12px 0;
  padding:12px;
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:10px !important;
  border-bottom:1px solid rgba(124,240,255,.14) !important;
  background:linear-gradient(180deg,rgba(18,48,68,.62),rgba(6,20,34,.45)) !important;
}
#profileOverlay .profileHeaderTop {
  flex-direction:row;
  align-items:center;
  margin-bottom:12px;
  gap:12px;
}
#profileOverlay .profileTitle {
  font-size:20px;
}
#profileOverlay .profileSub {
  margin-top:3px;
  font-size:11px;
}
#profileOverlay .profileActions {
  gap:8px;
}
#profileOverlay button {
  box-sizing:border-box;
  padding:8px 12px;
  border-radius:8px;
  font-size:12px;
  text-transform:none;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
#profileOverlay button:hover:not(:disabled) {
  transform:translateY(-1px);
}
#profileOverlay button:active:not(:disabled) {
  transform:translateY(0);
}
#profileOverlay .profileTabs {
  flex-direction:row;
  flex-wrap:nowrap;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
  padding-top:3px;
}
#profileOverlay .profileTabs::-webkit-scrollbar {
  display:none;
}
#profileOverlay .tabBtn {
  min-width:115px;
  border-radius:7px;
  border:1px solid rgba(124,240,255,.18) !important;
}
#profileOverlay .profileMainCard {
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  padding:12px;
  overflow:hidden;
}
#profileOverlay .profilePanel.active {
  min-height:0;
  padding:14px;
  box-sizing:border-box;
  overflow:auto;
  border:1px solid rgba(124,240,255,.16);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(10,31,48,.62),rgba(4,14,27,.72));
  animation:profilePanelEnter .18s ease both;
}
#profileOverlay .statsRow {
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:9px;
  margin-bottom:12px;
}
#profileOverlay .statCard, #profileOverlay .profileTile, #profileOverlay .tile {
  padding:12px;
  border-radius:10px;
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}
#profileOverlay .statLabel {
  font-size:10px;
}
#profileOverlay .statValue {
  font-size:19px;
}
#profileOverlay .previewCard {
  padding:12px;
  border-radius:11px;
}
#profileOverlay .previewCard img {
  width:64px;
  height:64px;
}
#profileOverlay .profileGrid {
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:10px;
  padding:2px 7px 4px 2px;
}
#profileOverlay .tileShipPreview img {
  width:58px;
  height:58px;
}
#profileOverlay .subtabs {
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:5px;
  padding-bottom:10px;
  overflow-x:auto;
  scrollbar-width:none;
}
#profileOverlay .subtabs::-webkit-scrollbar {
  display:none;
}
#profileOverlay .subtabBtn {
  white-space:nowrap;
  padding:7px 10px;
}
#profileOverlay .shopLayout {
  grid-template-columns:280px minmax(0,1fr);
  gap:12px;
}
#profileOverlay .shopList, #profileOverlay .shopPreview {
  padding-right:6px;
}
.shopList .designSearchBar {
  position:sticky;
  top:0;
  z-index:5;
  padding:6px;
  margin-bottom:6px;
  background:rgba(2,10,20,.94);
  border:1px solid rgba(124,240,255,.25);
  border-radius:8px;
}
.shopList .designSearchBar input {
  width:100%;
  box-sizing:border-box;
  padding:7px 10px;
  border-radius:6px;
  border:1px solid rgba(124,240,255,.3);
  background:rgba(0,20,35,.8);
  color:#eaffff;
  font:600 12px/1.2 ui-sans-serif,system-ui;
  outline:none;
}
.shopList .designSearchBar input::placeholder {
  color:rgba(158,238,255,.45);
}
.shopList .designSearchBar input:focus {
  border-color:#7cf0ff;
  box-shadow:0 0 10px rgba(0,217,255,.25);
}
.shopPreview .moduleHistorySearchField {
  display:flex;
  align-items:center;
  gap:8px;
  margin:14px 0 8px;
}
.shopPreview .moduleHistorySearchField > span {
  flex:0 0 auto;
  color:#fff;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.shopPreview .moduleHistorySearchField input {
  flex:1 1 auto;
  min-width:0;
  box-sizing:border-box;
  padding:7px 10px;
  border-radius:6px;
  border:1px solid rgba(124,240,255,.3);
  background:rgba(0,20,35,.8);
  color:#eaffff;
  font:600 12px/1.2 ui-sans-serif,system-ui;
  outline:none;
}
.shopPreview .moduleHistorySearchField input::placeholder {
  color:rgba(158,238,255,.45);
}
.shopPreview .moduleHistorySearchField input:focus {
  border-color:#7cf0ff;
  box-shadow:0 0 10px rgba(0,217,255,.25);
}
.shopPreview .moduleAutoRoll {
  gap:6px;
  cursor:pointer;
  color:inherit;
  font-size:12px;
}
.shopPreview .moduleAutoRollTop {
  margin:16px 0 0;
}
#shopOverlay .shopPreview .moduleAutoRoll input[type="checkbox"], #profileOverlay .shopPreview .moduleAutoRoll input[type="checkbox"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  accent-color:unset !important;
  cursor:pointer !important;
}
#shopOverlay .shopPreview .moduleAutoRoll input[type="checkbox"]:checked::after, #profileOverlay .shopPreview .moduleAutoRoll input[type="checkbox"]:checked::after {
  content:"✓" !important;
  color:#eaffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
#shopOverlay .shopPreview .moduleAutoRoll input[type="checkbox"]:hover, #profileOverlay .shopPreview .moduleAutoRoll input[type="checkbox"]:hover {
  border-color:rgba(124,240,255,.62) !important;
}
#profileOverlay .extrasRouletteHeader.noSeparator, #shopOverlay .extrasRouletteHeader.noSeparator {
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.shopPreview .moduleTicketCost, .shopPreview .moduleCreditCost, .shopPreview .moduleHistoryPayment, .shopPreview .modulePayToggle, .shopPreview .moduleTicketStock, .shopPreview .moduleTicketLine {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
#shopOverlay .extrasRouletteCost .moduleCostGrid, #profileOverlay .extrasRouletteCost .moduleCostGrid {
  display:flex !important;
  align-items:stretch !important;
  gap:10px !important;
}
#shopOverlay .extrasRouletteCost .moduleCostGrid .moduleCostCol, #profileOverlay .extrasRouletteCost .moduleCostGrid .moduleCostCol {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:3px !important;
}
.shopPreview .moduleCostLabel {
  font-size:9px;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost, #shopOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock {
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:26px !important;
  text-transform:none !important;
  font-size:18px !important;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost strong, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost strong {
  font-size:18px !important;
}
#shopOverlay .extrasRouletteCost .moduleCostGrid .moduleCostVSeparator, #profileOverlay .extrasRouletteCost .moduleCostGrid .moduleCostVSeparator {
  width:1px !important;
  align-self:stretch !important;
  background:rgba(124,240,255,.25) !important;
}
.shopPreview .moduleTicketCost img, .shopPreview .moduleCreditCost img, .shopPreview .moduleHistoryPayment img, .shopPreview .modulePayToggle img, .shopPreview .moduleTicketStock img {
  width:26px;
  height:26px;
  object-fit:contain;
  vertical-align:middle;
  flex:0 0 auto;
}
.shopPreview .moduleHistoryPayment {
  gap:4px;
}
.shopPreview .moduleDailyRolls {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:18px;
  line-height:26px;
  min-height:26px;
}
.shopPreview .moduleDailyRolls.limited strong {
  color:#ff8080;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleDailyRolls strong, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleDailyRolls strong {
  font-size:18px !important;
  line-height:26px !important;
  font-weight:700 !important;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock {
  font-size:18px !important;
  line-height:26px !important;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock strong, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleTicketStock strong {
  color:#75e8ff !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:26px !important;
}
#shopOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost, #profileOverlay .extrasRouletteCost .moduleCostCol .moduleCreditCost {
  line-height:26px !important;
}
#profileOverlay .shopRow {
  gap:9px;
  padding:9px;
  border-radius:9px;
}
#profileOverlay .shopRow img {
  width:42px;
  height:42px;
}
#profileOverlay .shopPreview .bigImg {
  width:min(240px,70%);
  max-height:220px;
  margin-bottom:12px;
  padding:12px;
  border-radius:11px;
}
#profileOverlay .shopLayoutGrid {
  grid-template-columns:repeat(3,minmax(190px,1fr));
  gap:10px;
}
#profileOverlay .shipCard {
  padding:11px;
  border-radius:11px;
}
#profileOverlay .shipCard:hover {
  transform:translateY(-2px);
}
#profileOverlay .shipImageContainer {
  height:130px;
}
@keyframes profileWindowEnter{
  from{ opacity:0; transform:translateY(10px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
@keyframes profilePanelEnter{
  from{ opacity:0; transform:translateY(4px); }
  to{ opacity:1; transform:translateY(0); }
}
@media (max-width:900px){
  #profileOverlay .profileOverlayInner{ width:calc(100vw - 28px); height:calc(100vh - 28px); }
  #profileOverlay .statsRow{ grid-template-columns:repeat(2,minmax(120px,1fr)); }
  #profileOverlay .shopLayout{ grid-template-columns:240px minmax(0,1fr); }
  #profileOverlay .shopLayoutGrid{ grid-template-columns:repeat(2,minmax(180px,1fr)); }
}
@media (max-width:650px){
  #profileOverlay{ padding:7px !important; }
  #profileOverlay .profileOverlayInner{ width:calc(100vw - 14px); height:calc(100vh - 14px); }
  #profileOverlay .profileHeaderTop{ flex-direction:row; }
  #profileOverlay .profileTitle{ font-size:16px; }
  #profileOverlay .profileActions{ width:auto; }
  #profileOverlay .profileActions button{ padding:7px 9px; }
  #profileOverlay .profileMainCard{ padding:10px; }
  #profileOverlay .shopLayout{ grid-template-columns:1fr; overflow-y:auto; }
  #profileOverlay .shopList{ max-height:210px; }
  #profileOverlay .shopLayoutGrid{ grid-template-columns:1fr; }
}
body #profileOverlay {
  position:fixed !important;
  inset:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}
body #profileOverlay .profileOverlayInner {
  display:contents !important;
}
body #profileOverlay #profileWindow {
  width:min(1040px,calc(100vw - 32px)) !important;
  height:min(680px,calc(100vh - 48px)) !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  color:#e8f4ff !important;
  border:1px solid rgba(124,240,255,.24) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,rgba(10,18,36,.96),rgba(3,8,20,.95)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 26px rgba(0,217,255,.12),inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:auto !important;
}
body #profileOverlay #profileWindow.gameWindow:not(.floating) {
  position:fixed !important;
  left:max(16px,calc(50vw - 520px)) !important;
  top:24px !important;
}
body #profileOverlay #profileWindow.gameWindow.floating {
  position:fixed !important;
  width:min(1040px,calc(100vw - 32px)) !important;
  height:min(680px,calc(100vh - 48px)) !important;
}
body #profileOverlay #profileWindow > .gameWinBar {
  flex:0 0 26px !important;
  height:26px !important;
  min-height:26px !important;
  padding:0 8px 0 10px !important;
  gap:8px !important;
  border:0 !important;
  border-bottom:1px solid rgba(124,240,255,.18) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(0,217,255,.18),rgba(124,240,255,.05),rgba(255,255,255,.035)) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #profileOverlay #profileWindow > .gameWinBar .gameWinIcon {
  width:20px !important;
  height:20px !important;
  display:grid !important;
  place-items:center !important;
  font-size:13px !important;
}
body #profileOverlay #profileWindow > .gameWinBar .gameWinTitle {
  flex:1 !important;
  min-width:0 !important;
  color:#dff4ff !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}
body #profileOverlay #profileWindow > .gameWinBar .gameWinMinBtn {
  width:26px !important;
  height:22px !important;
  min-width:26px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  color:#eaffff !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  transform:none !important;
  transition:none !important;
}
body #profileOverlay #profileWindow > .gameWinBar .gameWinMinBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
  transform:none !important;
}
body #profileOverlay .profileHeaderCard {
  flex:0 0 auto !important;
  margin:10px 10px 0 !important;
  padding:10px !important;
  border:1px solid rgba(124,240,255,.16) !important;
  background:linear-gradient(135deg,rgba(15,45,65,.72),rgba(5,14,25,.82)) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #profileOverlay .profileHeaderTop {
  min-height:34px !important;
  margin:0 0 9px !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}
body #profileOverlay .profileTitle {
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  color:#e8f7ff !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
}
body #profileOverlay .profileSub {
  margin:2px 0 0 !important;
  font-size:10px !important;
  color:#829eb3 !important;
}
body #profileOverlay .profileActions {
  flex:0 0 auto !important;
  display:flex !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
}
body #profileOverlay button:not(.gameWinMinBtn) {
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  box-shadow:none !important;
}
body #profileOverlay button.primary, body #profileOverlay .primary {
  color:#eaffff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
body #profileOverlay button.secondary, body #profileOverlay .secondary {
  color:rgba(232,244,255,.88) !important;
  border:1px solid rgba(124,240,255,.2) !important;
  background:rgba(8,35,52,.62) !important;
}
body #profileOverlay button.primary:hover:not(:disabled), body #profileOverlay button.secondary:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
body #profileOverlay .profileTabs, body #profileOverlay .subtabs {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  padding:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
body #profileOverlay .profileTabs::-webkit-scrollbar, body #profileOverlay .subtabs::-webkit-scrollbar {
  display:none !important;
}
body #profileOverlay .tabBtn, body #profileOverlay .subtabBtn {
  flex:0 0 auto !important;
  min-width:0 !important;
  color:rgba(205,230,245,.72) !important;
  border:1px solid rgba(124,240,255,.18) !important;
  background:rgba(8,35,52,.62) !important;
}
body #profileOverlay .tabBtn.active, body #profileOverlay .subtabBtn.active {
  color:#edfbff !important;
  border-color:#7cf0ff !important;
  background:rgba(0,140,185,.28) !important;
  box-shadow:0 0 0 1px rgba(88,210,255,.08) inset !important;
}
body #profileOverlay #msg {
  flex:0 0 auto !important;
  margin:8px 10px 0 !important;
  padding:7px 9px !important;
}
body #profileOverlay .profileMainCard {
  flex:1 1 auto !important;
  max-height:none !important;
  margin:0 !important;
  display:flex !important;
  overflow:hidden !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #profileOverlay .profilePanel {
  display:none !important;
  min-width:0 !important;
  min-height:0 !important;
}
body #profileOverlay .profilePanel.active {
  width:100% !important;
  padding:12px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:auto !important;
  border:1px solid rgba(124,240,255,.16) !important;
  background:linear-gradient(135deg,rgba(8,28,45,.68),rgba(3,11,22,.76)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
  backdrop-filter:none !important;
  animation:profilePanelCleanIn .14s ease-out both !important;
}
body #profileOverlay .statsRow {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
body #profileOverlay .statCard, body #profileOverlay .profileTile, body #profileOverlay .tile, body #profileOverlay .previewCard, body #profileOverlay .shopRow, body #profileOverlay .shipCard {
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,rgba(15,45,65,.72),rgba(5,14,25,.8)) !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #profileOverlay .statCard {
  padding:9px !important;
}
body #profileOverlay .statLabel {
  margin:0 0 4px !important;
  font-size:9px !important;
  letter-spacing:.5px !important;
}
body #profileOverlay .statValue {
  font-size:17px !important;
  color:#68d9ff !important;
}
body #profileOverlay .previewCard {
  padding:10px !important;
  gap:10px !important;
}
body #profileOverlay .previewCard img {
  width:54px !important;
  height:54px !important;
  padding:5px !important;
}
body #profileOverlay .profileGrid {
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr)) !important;
  gap:8px !important;
  padding:1px 5px 2px 1px !important;
}
body #profileOverlay .tileShipPreview img {
  width:52px !important;
  height:52px !important;
  padding:5px !important;
}
body #profileOverlay .tileActions {
  gap:6px !important;
  margin-top:8px !important;
}
body #profileOverlay #panel_shop > .hint {
  margin-bottom:8px !important;
}
body #profileOverlay #panel_shop > .statsRow {
  margin-bottom:8px !important;
}
body #profileOverlay #shopTabs {
  margin-bottom:8px !important;
}
body #profileOverlay .shopLayout {
  flex:1 1 auto !important;
  min-height:0 !important;
  grid-template-columns:235px minmax(0,1fr) !important;
  gap:9px !important;
  overflow:hidden !important;
}
body #profileOverlay .shopList, body #profileOverlay .shopPreview {
  min-width:0 !important;
  padding:7px !important;
  overflow-y:auto !important;
  border:1px solid rgba(124,240,255,.14) !important;
  border-radius:10px !important;
  background:rgba(2,10,20,.48) !important;
}
body #profileOverlay .shopList {
  gap:6px !important;
}
body #profileOverlay .shopRow {
  padding:7px !important;
  gap:7px !important;
}
body #profileOverlay .shopRow.active {
  border-color:#7cf0ff !important;
  background:rgba(0,140,185,.24) !important;
}
body #profileOverlay .shopRow img {
  width:38px !important;
  height:38px !important;
  padding:3px !important;
}
body #profileOverlay .shopPreview .bigImg {
  width:min(190px,65%) !important;
  max-height:170px !important;
  padding:8px !important;
}
body #profileOverlay .shopLayoutGrid {
  grid-template-columns:repeat(3,minmax(170px,1fr)) !important;
  gap:8px !important;
}
body #profileOverlay .shipCard {
  padding:9px !important;
}
body #profileOverlay .shipCard:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(124,240,255,.48) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.26) !important;
}
body #profileOverlay .shipImageContainer {
  height:110px !important;
}
@keyframes profilePanelCleanIn{
  from{ opacity:0; transform:translateY(3px); }
  to{ opacity:1; transform:translateY(0); }
}
body #profileOverlay #profileWindow {
  display:grid !important;
  grid-template-columns:215px minmax(0,1fr) !important;
  grid-template-rows:26px minmax(0,1fr) !important;
}
body #profileOverlay #profileWindow > .gameWinBar {
  grid-column:1 / -1 !important;
  grid-row:1 !important;
}
body #profileOverlay .profileHeaderCard {
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:10px 0 10px 10px !important;
  padding:12px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(14,45,65,.78),rgba(5,17,30,.84)) !important;
}
body #profileOverlay .profileHeaderTop {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:13px !important;
  margin:0 0 14px !important;
  padding:2px 2px 14px !important;
  border-bottom:1px solid rgba(124,240,255,.13) !important;
}
body #profileOverlay .profileTitle {
  padding-left:10px !important;
  border-left:3px solid #55dfff !important;
  font-size:17px !important;
}
body #profileOverlay .profileSub {
  margin-top:6px !important;
  line-height:1.55 !important;
  color:rgba(190,220,240,.68) !important;
}
body #profileOverlay .profileActions {
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}
body #profileOverlay .profileActions button {
  width:100% !important;
}
body #profileOverlay .profileTabs {
  width:100% !important;
  flex:1 1 auto !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:7px !important;
  overflow-y:auto !important;
}
body #profileOverlay .profileTabs .tabBtn {
  min-height:38px !important;
  padding:9px 11px !important;
  text-align:left !important;
  border-radius:9px !important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease !important;
}
body #profileOverlay .profileTabs .tabBtn:hover:not(:disabled) {
  transform:translateX(2px) !important;
}
body #profileOverlay .profileTabs .tabBtn.active {
  border-color:rgba(124,240,255,.5) !important;
  background:linear-gradient(90deg,rgba(0,155,205,.34),rgba(0,90,125,.17)) !important;
  box-shadow:inset 3px 0 0 #69e9ff !important;
}
body #profileOverlay #msg {
  position:absolute !important;
  top:42px !important;
  right:14px !important;
  z-index:4 !important;
  max-width:520px !important;
  margin:0 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.42) !important;
}
body #profileOverlay .profileMainCard {
  grid-column:2 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:10px !important;
}
body #profileOverlay .profilePanel.active {
  padding:16px !important;
  border-radius:12px !important;
  background:
    radial-gradient(circle at 90% 0,rgba(0,180,225,.08),transparent 34%),
    linear-gradient(145deg,rgba(8,28,45,.72),rgba(3,11,22,.82)) !important;
}
body #profileOverlay .hint {
  padding:9px 11px !important;
  border-left:3px solid rgba(124,240,255,.45) !important;
  border-radius:0 7px 7px 0 !important;
  background:rgba(3,15,27,.5) !important;
  color:rgba(210,232,247,.72) !important;
}
body #profileOverlay .statsRow {
  gap:10px !important;
}
body #profileOverlay .statCard {
  position:relative !important;
  min-height:74px !important;
  padding:12px !important;
  overflow:hidden !important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease !important;
}
body #profileOverlay .statCard::after {
  content:"";
  position:absolute;
  right:-18px;
  bottom:-24px;
  width:72px;
  height:72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(64,220,255,.15),transparent 68%);
}
body #profileOverlay .statCard:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(18,58,80,.78),rgba(5,18,31,.84)) !important;
}
body #profileOverlay .statLabel {
  font-size:10px !important;
}
body #profileOverlay .statValue {
  margin-top:8px !important;
  font-size:21px !important;
}
body #profileOverlay .previewCard {
  min-height:100px !important;
  padding:14px !important;
  background:
    radial-gradient(circle at 12% 50%,rgba(0,190,235,.12),transparent 28%),
    linear-gradient(135deg,rgba(15,45,65,.72),rgba(5,14,25,.8)) !important;
}
body #profileOverlay .previewCard img {
  width:78px !important;
  height:78px !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.3) !important;
}
body #profileOverlay .previewTitle {
  font-size:17px !important;
}
body #profileOverlay .profileGrid {
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;
  gap:11px !important;
}
body #profileOverlay .profileGrid > .tile {
  padding:12px !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
body #profileOverlay .profileGrid > .tile:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(124,240,255,.4) !important;
  box-shadow:0 9px 22px rgba(0,0,0,.25) !important;
}
body #profileOverlay #shopTabs {
  border:1px solid rgba(124,240,255,.12) !important;
  background:rgba(2,10,20,.36) !important;
}
body #profileOverlay #shopTabs .subtabBtn {
  flex:1 0 auto !important;
  min-height:32px !important;
  text-align:center !important;
}
body #profileOverlay .shopLayout {
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:12px !important;
}
body #profileOverlay .shopList, body #profileOverlay .shopPreview {
  padding:10px !important;
  border-radius:11px !important;
}
body #profileOverlay .shopRow {
  min-height:58px !important;
  padding:9px !important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease !important;
}
body #profileOverlay .shopRow:hover {
  transform:translateX(2px) !important;
  border-color:rgba(124,240,255,.34) !important;
}
body #profileOverlay .shopRow.active {
  box-shadow:inset 3px 0 0 #69e9ff !important;
}
body #profileOverlay .shopPreview .profileTile {
  padding:16px !important;
}
body #profileOverlay .shopPreview .bigImg {
  width:min(250px,72%) !important;
  max-height:220px !important;
  border-radius:14px !important;
  background:radial-gradient(circle,rgba(0,180,230,.1),rgba(0,0,0,.28)) !important;
}
body #profileOverlay .shopPreview .bigImg.equipShopImage {
  width:100px !important;
  max-width:100px !important;
  height:100px !important;
  max-height:100px !important;
  padding:8px !important;
}
body #profileOverlay .shopPreviewCard {
  width:105px !important;
  height:105px !important;
  margin:0 auto 16px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.25) !important;
  border:1px solid rgba(0,217,255,.3) !important;
}
body #profileOverlay .shopPreviewCard .bigImg {
  width:100px !important;
  max-width:100px !important;
  height:100px !important;
  max-height:100px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  object-fit:contain !important;
}
body #profileOverlay .shopPreview .tile {
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  box-sizing:border-box !important;
}
body #profileOverlay .shopPreview .shopBuySection {
  margin-top:auto !important;
  padding-top:12px !important;
}
body #profileOverlay .shopPreview .bigImg.petPreviewImage {
  width:160px !important;
  max-width:160px !important;
  height:160px !important;
  max-height:160px !important;
}
@media (max-width:820px){
  body #profileOverlay #profileWindow{
    grid-template-columns:1fr !important;
    grid-template-rows:26px auto minmax(0,1fr) !important;
  }
  body #profileOverlay .profileHeaderCard{
    grid-column:1 !important;
    grid-row:2 !important;
    margin:8px 8px 0 !important;
    padding:8px !important;
  }
  body #profileOverlay .profileHeaderTop{ flex-direction:row !important; margin:0 0 8px !important; padding:0 0 8px !important; }
  body #profileOverlay .profileActions{ width:auto !important; grid-template-columns:auto auto !important; }
  body #profileOverlay .profileTabs{ flex-direction:row !important; overflow-x:auto !important; }
  body #profileOverlay .profileTabs .tabBtn{ width:auto !important; min-height:32px !important; }
  body #profileOverlay .profileMainCard{ grid-column:1 !important; grid-row:3 !important; padding:8px !important; }
}
body #profileOverlay .profileTabs {
  flex:0 0 auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
body #profileOverlay .profileTabs .tabBtn {
  width:100% !important;
  flex:0 0 auto !important;
}
body #profileOverlay #panel_hangars > .hint, body #profileOverlay #panel_shop > .hint {
  flex:0 0 auto !important;
}
body #profileOverlay .hangarWorkspace {
  flex:1 1 auto !important;
}
body #profileOverlay .hangarPreview {
  min-width:0 !important;
  min-height:0 !important;
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border:1px solid rgba(124,240,255,.2) !important;
  border-radius:12px !important;
  background:radial-gradient(circle at 50% 35%,rgba(0,180,230,.14),transparent 48%),rgba(3,14,25,.55) !important;
}
body #profileOverlay .hangarPreviewEyebrow {
  align-self:stretch !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(124,240,255,.14) !important;
  color:rgba(190,220,240,.6) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:1.2px !important;
}
body #profileOverlay #hangarPreviewImage {
  width:170px !important;
  height:170px !important;
  margin:20px 0 14px !important;
  object-fit:contain !important;
  image-rendering:pixelated !important;
  filter:drop-shadow(0 8px 18px rgba(0,217,255,.18)) !important;
}
body #profileOverlay #hangarPreviewTitle {
  margin:0 0 8px !important;
  color:#e8f8ff !important;
  font-size:18px !important;
}
body #profileOverlay #hangarPreviewMeta {
  margin:0 !important;
  color:rgba(205,230,245,.66) !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
body #profileOverlay .hangarWorkspace > .profileGrid {
  min-height:0 !important;
  align-content:start !important;
}
body #profileOverlay .hangarWorkspace > .profileGrid > .tile {
  min-height:150px !important;
  display:flex !important;
  flex-direction:column !important;
}
body #profileOverlay .hangarWorkspace .tileActions {
  margin-top:auto !important;
}
body #profileOverlay #shopTabs {
  flex:0 0 auto !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  margin:0 0 14px !important;
  padding:6px !important;
  border:1px solid rgba(124,240,255,.15) !important;
  border-radius:10px !important;
  background:rgba(3,14,25,.55) !important;
}
body #profileOverlay #shopTabs .subtabBtn {
  width:100% !important;
  min-width:0 !important;
  padding:8px 5px !important;
  white-space:nowrap !important;
}
body #profileOverlay #panel_shop .shopLayout {
  flex:1 1 auto !important;
}
body #profileOverlay #panel_shop .shopList, body #profileOverlay #panel_shop .shopPreview {
  min-height:0 !important;
  overflow:auto !important;
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:12px !important;
  background:rgba(3,14,25,.48) !important;
}
body #profileOverlay #panel_shop .shopList {
  padding:10px !important;
  gap:8px !important;
}
body #profileOverlay #panel_shop .shopPreview {
  padding:16px !important;
}
body #profileOverlay #panel_shop .shopPreview .profileTile {
  min-height:100% !important;
  box-sizing:border-box !important;
}
@media (max-width:820px){
  body #profileOverlay .hangarWorkspace{ grid-template-columns:190px minmax(0,1fr) !important; gap:9px !important; }
  body #profileOverlay #hangarPreviewImage{ width:125px !important; height:125px !important; }
  body #profileOverlay .hangarWorkspace > .profileGrid{ grid-template-columns:1fr !important; }
  body #profileOverlay #shopTabs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  body #profileOverlay #panel_shop .shopLayout{ grid-template-columns:1fr !important; overflow-y:auto !important; }
  body #profileOverlay #panel_shop .shopList{ max-height:190px !important; }
}
@media (max-width:560px){
  body #profileOverlay .hangarWorkspace{ grid-template-columns:1fr !important; overflow-y:auto !important; }
  body #profileOverlay .hangarPreview{ min-height:210px !important; }
  body #profileOverlay .hangarWorkspace > .profileGrid{ overflow:visible !important; }
}
body #profileOverlay #profileWindow {
  width:min(1100px,calc(100vw - 32px)) !important;
  height:min(720px,calc(100vh - 40px)) !important;
  grid-template-columns:250px minmax(0,1fr) !important;
}
body #profileOverlay #profileWindow.gameWindow:not(.floating) {
  left:max(16px,calc(50vw - 550px)) !important;
  top:20px !important;
}
body #profileOverlay #profileWindow.gameWindow.floating {
  width:min(1100px,calc(100vw - 32px)) !important;
  height:min(720px,calc(100vh - 40px)) !important;
}
body #profileOverlay .profileHeaderCard {
  margin:14px 0 14px 14px !important;
  padding:18px !important;
}
body #profileOverlay .profileHeaderTop {
  min-height:0 !important;
  margin:0 0 22px !important;
  padding:0 0 20px !important;
}
body #profileOverlay .profileTitle {
  font-size:19px !important;
}
body #profileOverlay .profileSub {
  margin-top:10px !important;
  font-size:11px !important;
  line-height:1.7 !important;
}
body #profileOverlay .profileSelectGroup, body #profileOverlay .shopSelectBar {
  display:grid !important;
  gap:7px !important;
}
body #profileOverlay .profileSelectGroup label, body #profileOverlay .shopSelectBar label {
  color:rgba(190,220,240,.62) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
}
body #profileOverlay .profileSelect {
  width:100% !important;
  height:40px !important;
  padding:0 36px 0 12px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:9px !important;
  outline:0 !important;
  color:#e9faff !important;
  background-color:#0b2639 !important;
  font:800 12px ui-sans-serif,system-ui !important;
  cursor:pointer !important;
}
body #profileOverlay .profileSelect:focus {
  border-color:#7cf0ff !important;
}
body #profileOverlay .profileSelect option {
  color:#e9faff;
  background:#081a2a;
}
body #profileOverlay .profileMainCard {
  padding:14px !important;
}
body #profileOverlay .profilePanel.active {
  padding:20px !important;
}
body #profileOverlay .hint {
  margin-bottom:16px !important;
  padding:12px 14px !important;
  line-height:1.55 !important;
}
body #profileOverlay .statsRow {
  gap:14px !important;
  margin-bottom:16px !important;
}
body #profileOverlay .statCard {
  min-height:88px !important;
  padding:15px !important;
}
body #profileOverlay .previewCard {
  min-height:126px !important;
  padding:18px !important;
}
body #profileOverlay .previewCard img {
  width:92px !important;
  height:92px !important;
}
body #profileOverlay .profileGrid {
  gap:14px !important;
}
body #profileOverlay .shopSelectBar {
  grid-template-columns:auto minmax(220px,340px) !important;
  align-items:center !important;
  margin:0 0 14px !important;
  padding:10px 12px !important;
  border:1px solid rgba(124,240,255,.13) !important;
  border-radius:10px !important;
  background:rgba(2,10,20,.36) !important;
}
body #profileOverlay .shopLayout {
  grid-template-columns:290px minmax(0,1fr) !important;
  gap:15px !important;
}
body #profileOverlay .shopList, body #profileOverlay .shopPreview {
  padding:14px !important;
}
body #profileOverlay .shopList {
  gap:10px !important;
}
body #profileOverlay .shopRow {
  min-height:64px !important;
  padding:11px !important;
}
body #profileOverlay button:not(.gameWinMinBtn), body #profileOverlay button:not(.gameWinMinBtn):hover, body #profileOverlay button:not(.gameWinMinBtn):active, body #profileOverlay .statCard, body #profileOverlay .statCard:hover, body #profileOverlay .tile, body #profileOverlay .tile:hover, body #profileOverlay .shopRow, body #profileOverlay .shopRow:hover, body #profileOverlay .shipCard, body #profileOverlay .shipCard:hover {
  transform:none !important;
  transition:none !important;
}
body #profileOverlay button.primary:hover:not(:disabled) {
  border-color:rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
body #profileOverlay button.secondary:hover:not(:disabled) {
  border-color:rgba(124,240,255,.2) !important;
  background:rgba(8,35,52,.62) !important;
  box-shadow:none !important;
}
#gameWindowDock .logoutDockIcon {
  border-color:rgba(255,107,122,.36) !important;
  color:#ffd2d8 !important;
  background:linear-gradient(135deg,rgba(150,32,52,.2),rgba(62,12,25,.2)) !important;
}
#gameWindowDock .logoutDockIcon:hover {
  transform:none !important;
  border-color:rgba(124,240,255,.82) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(0,217,255,.16), rgba(4,9,24,.92)) !important;
}
#gameWindowDock .sessionDockMenu {
  position:relative;
  display:flex;
  gap:2px;
  order:-2000;
}
#btnSettingsHub {
  order:-1900 !important;
}
#gameWindowDock .sessionMenu {
  position:absolute;
  left:0;
  right:auto;
  top:calc(100% + 10px);
  bottom:auto;
  z-index:100020;
  width:172px;
  padding:8px;
  display:none;
  gap:6px;
  border:1px solid rgba(124,240,255,.24) !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,rgba(10,18,36,.94),rgba(3,8,20,.90)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.55),
    0 0 26px rgba(0,217,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter:blur(12px) !important;
}
#gameWindowDock .sessionMenu.open {
  display:grid;
}
#gameWindowDock .sessionMenu button {
  width:100%;
  min-height:34px;
  padding:0 12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1 ui-sans-serif,system-ui;
  text-transform:none;
  line-height:1;
  text-align:center;
  cursor:pointer;
}
#gameWindowDock .sessionMenu button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#gameWindowDock .sessionMenu button:disabled {
  opacity:.35;
  cursor:default;
}
#gameWindowDock .sessionMenu #btnLogout {
  color:#ffc5c5;
}
@media (max-width:820px){
  body #profileOverlay #profileWindow,
  body #profileOverlay #profileWindow.gameWindow.floating{
    width:calc(100vw - 16px) !important;
    height:calc(100vh - 24px) !important;
    grid-template-columns:1fr !important;
  }
  body #profileOverlay #profileWindow.gameWindow:not(.floating){ left:8px !important; top:12px !important; }
  body #profileOverlay .profileHeaderCard{ margin:8px 8px 0 !important; padding:10px !important; }
  body #profileOverlay .profileHeaderTop{ margin:0 0 9px !important; padding:0 0 9px !important; }
  body #profileOverlay .profileSelectGroup{ grid-template-columns:auto minmax(180px,1fr) !important; align-items:center !important; }
  body #profileOverlay .profileMainCard{ padding:8px !important; }
  body #profileOverlay .profilePanel.active{ padding:12px !important; }
}
@media (max-width:700px){
  body #profileOverlay #profileWindow,
  body #profileOverlay #profileWindow.gameWindow.floating{
    width:calc(100vw - 16px) !important;
    height:calc(100vh - 28px) !important;
  }
  body #profileOverlay #profileWindow.gameWindow:not(.floating){ left:8px !important; top:14px !important; }
  body #profileOverlay .profileHeaderTop{ align-items:flex-start !important; }
  body #profileOverlay .profileTitle{ font-size:14px !important; }
  body #profileOverlay .statsRow{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body #profileOverlay .shopLayout{ grid-template-columns:1fr !important; overflow-y:auto !important; }
  body #profileOverlay .shopList{ max-height:170px !important; }
  body #profileOverlay .shopLayoutGrid{ grid-template-columns:1fr !important; }
}
html body #profileOverlay .profileHeaderTop .profileTitle, html body #profileOverlay .profileTitle {
  font-size:11px !important;
}
.modal h2 {
  font-size:11px !important;
}
.gameWindow.gameWinOpening {
  transform-origin:center center;
  will-change:transform;
  backface-visibility:hidden;
  animation:gameWindowOpen .28s cubic-bezier(.16,1,.3,1) both !important;
}
.gameWindow.gameWinClosing {
  pointer-events:none !important;
  transform-origin:center center;
  will-change:transform;
  backface-visibility:hidden;
  animation:gameWindowClose .36s linear both !important;
}
.gameDockIcon.dockIconFromWindow {
  position:fixed !important;
  left:var(--icon-start-x);
  top:var(--icon-start-y);
  z-index:96001 !important;
  opacity:0;
  animation:dockIconJourney .36s linear both;
}
@keyframes dockIconJourney{
  0%,28%{ left:var(--icon-start-x); top:var(--icon-start-y); transform:scale(.7); opacity:0; }
  58%{ left:var(--icon-start-x); top:var(--icon-start-y); transform:scale(1); opacity:1; animation-timing-function:cubic-bezier(.2,.7,.3,1); }
  100%{ left:var(--icon-end-x); top:var(--icon-end-y); transform:scale(1); opacity:1; }
}
@keyframes gameWindowOpen{
  0%{ transform:translate3d(var(--dock-x,0),var(--dock-y,8px),0) scale(var(--dock-scale,.16)); opacity:0; }
  24%{ opacity:1; }
  58%{ transform:translate3d(-2px,1px,0) scale(1.018); opacity:1; }
  100%{ transform:translate3d(0,0,0) scale(1); opacity:1; }
}
@keyframes gameWindowClose{
  0%{ transform:translate3d(0,0,0) scale(1); opacity:1; animation-timing-function:cubic-bezier(.4,0,.2,1); }
  46%{ opacity:1; }
  58%{ transform:translate3d(0,0,0) scale(var(--dock-scale,.16)); opacity:0; animation-timing-function:cubic-bezier(.2,.7,.3,1); }
  100%{ transform:translate3d(var(--dock-x,0),var(--dock-y,6px),0) scale(var(--dock-scale,.16)); opacity:0; }
}
.gameWindow > .gameWinBar {
  height:26px !important;
  min-height:26px !important;
  margin:0 !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  border-bottom:1px solid rgba(124,240,255,.18) !important;
  background:
    linear-gradient(90deg, rgba(0,217,255,.18), rgba(124,240,255,.05), rgba(255,255,255,.035)) !important;
  cursor:grab !important;
  user-select:none !important;
  /* La poignée ne doit jamais déclencher scroll/zoom tactile : sinon le
     navigateur annule le déplacement en cours de geste (fenêtre qui
     avance pixel par pixel sur téléphone). */
  touch-action:none !important;
}
.gameWindow > .gameWinBar:active {
  cursor:grabbing !important;
}
.gameWindow > .gameWinBar::after {
  content:none !important;
  display:none !important;
}
.gameWinIcon {
  width:auto !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(232,244,255,.92) !important;
  font-size:15px !important;
  line-height:1 !important;
  opacity:.95 !important;
  filter:drop-shadow(0 0 8px rgba(0,217,255,.22)) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  flex-shrink:0 !important;
}
.gameWinIcon img.menuIconImg {
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
}
.gameWinTitle {
  flex:1 !important;
  min-width:0 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.35px !important;
  color:rgba(232,244,255,.88) !important;
  text-shadow:0 0 10px rgba(0,217,255,.20) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.gameWinMinBtn {
  width:22px !important;
  height:22px !important;
  margin-left:auto !important;
  display:grid !important;
  place-items:center !important;
  flex-shrink:0 !important;
  border-radius:0 !important;
  border:1px solid rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  color:#eaffff !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition:none !important;
}
.gameWinMinBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
.gameWinMinBtn:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
.gameWindow > .gameWinBar > .gameWinMinBtn:not(.miniZoomBtn) {
  position:relative;
  font-size:0 !important;
}
.gameWindow > .gameWinBar > .gameWinMinBtn:not(.miniZoomBtn)::before {
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:9px;
  height:9px;
  border-top:2px solid #eaffff;
  border-left:2px solid #eaffff;
  border-radius:3px 0 0 0;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
}
.gameWindow > .gameWinBar > .gameWinMinBtn:not(.miniZoomBtn)::after {
  content:none !important;
}
#minimap .miniZoomBtn {
  position:relative;
  font-size:0 !important;
}
#minimap .miniZoomBtn::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  margin:-1px 0 0 -6px;
  border-radius:2px;
  background:#eaffff;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
}
#minimap #miniZoomIn::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:12px;
  margin:-6px 0 0 -1px;
  border-radius:2px;
  background:#eaffff;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
}
.gameWindow > .gameWinBar > .gameWinMinBtn:not(.miniZoomBtn) {
  width:26px !important;
  height:26px !important;
  margin:0 -8px 0 auto !important;
  border-radius:0 8px 0 0 !important;
}
#minimap.gameWindow > .gameWinBar > .gameWinMinBtn:not(.miniZoomBtn) {
  margin-left:-9px !important;
}
#boxWave.gameWindow, #boxMeta.gameWindow, #boxVitals.gameWindow, #boxPerformance.gameWindow, #minimap.gameWindow, #settingsWindow.gameWindow {
  padding:0 !important;
}
#boxWave.gameWindow:not(.floating), #boxMeta.gameWindow:not(.floating), #boxVitals.gameWindow:not(.floating), #boxPerformance.gameWindow:not(.floating), #minimap.gameWindow:not(.floating), #settingsWindow.gameWindow:not(.floating) {
  position:absolute !important;
}
#boxWave.gameWindow:not(.floating) {
  left:14px !important;
  top:14px !important;
}
#boxMeta.gameWindow:not(.floating) {
  left:14px !important;
  top:150px !important;
}
#boxVitals.gameWindow:not(.floating) {
  left:14px !important;
  top:270px !important;
}
#boxPerformance.gameWindow:not(.floating) {
  left:14px !important;
  top:430px !important;
}
#minimap.gameWindow:not(.floating) {
  right:14px !important;
  bottom:14px !important;
}
#settingsWindow.gameWindow:not(.floating) {
  left:320px !important;
  top:80px !important;
}
#questWindow.gameWindow:not(.floating) {
  left:calc(50% - 220px) !important;
  top:90px !important;
}
#questOfferWindow.gameWindow:not(.floating) {
  left:max(0px, calc(50% - 410px)) !important;
  top:60px !important;
}
.questPanel {
  width:min(500px, calc(100vw - 24px));
  height:auto;
  max-height:calc(100vh - 30px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.questPanel.gameWindow:not(.gameWinMinimized) {
  display:flex !important;
}
.questPanel .gameWinBar,.questIntro,.questTabs {
  flex-shrink:0;
}
.questIntro {
  display:none !important;
}
.questList {
  display:grid;
  gap:10px;
  padding:8px 12px 10px;
  overflow-x:hidden;
  overflow-y:visible;
  min-height:0;
  flex:0 0 auto;
  align-content:start;
}
.questTabs {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:10px 12px 0;
  overflow:visible;
  justify-content:center;
  align-items:center;
}
.questTab {
  flex:0 0 40px;
  width:40px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  text-align:center;
  font-size:14px;
  font-weight:900;
  line-height:1;
  border:1px solid rgba(124,240,255,.18);
  border-radius:6px;
  color:rgba(215,240,250,.72);
  background:rgba(0,35,55,.5);
  cursor:pointer;
}
.questTab.active {
  color:#fff;
  border-color:#7cf0ff;
  background:rgba(0,145,190,.28);
}
.questTerminalTitle {
  padding:2px 12px 0;
  color:#7cf0ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.questEmpty {
  padding:22px 12px;
  text-align:center;
  color:rgba(200,225,240,.58);
}
.questCancel {
  border-color:rgba(255,105,120,.35);
  background:rgba(150,25,45,.2);
}
.questCancelConfirm {
  border-color:rgba(255,142,72,.8);
  color:#fff0df;
  background:rgba(190,72,18,.5);
}
.questOfferPanel {
  width:min(820px, calc(100vw - 30px));
  height:min(580px, calc(100vh - 30px));
  max-height:calc(100vh - 30px);
  padding:0 !important;
  overflow:hidden;
}
#questOfferWindow.gameWindow {
  min-width:min(480px,calc(100vw - 30px)) !important;
  min-height:200px !important;
}
.questOfferLayout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  height:calc(100% - 30px);
  min-height:0;
}
.questOfferDetail {
  height:100%;
  padding:18px 20px;
  overflow-y:auto;
  min-width:0;
  box-sizing:border-box;
  background:rgba(3,14,25,.22);
}
.questOfferList {
  padding:10px;
  overflow-y:auto;
  border-left:1px solid rgba(124,240,255,.16);
  background:rgba(0,10,22,.3);
}
.questOfferItem {
  display:block;
  width:100%;
  margin-bottom:7px;
  padding:10px;
  text-align:left;
  border-radius:7px;
  border:1px solid rgba(124,240,255,.15);
  color:rgba(225,245,255,.8);
  background:rgba(8,35,52,.62);
  cursor:pointer;
}
.questOfferItem.active {
  border-color:#7cf0ff;
  color:#fff;
  background:rgba(0,140,185,.28);
}
.questOfferItem.completed {
  border-color:rgba(86,225,132,.48);
  color:#8ff5ae;
  background:rgba(18,104,51,.25);
}
.questOfferItem.completed.active {
  border-color:#72f19b;
  color:#dfffe8;
  background:rgba(25,139,65,.38);
}
.questOfferItem.accepted {
  border-color:rgba(255,170,70,.72);
  color:#ffc276;
  background:rgba(148,78,18,.24);
}
.questOfferItem.accepted.active {
  border-color:#ffb45c;
  color:#ffe0ad;
  background:rgba(178,96,20,.38);
}
.questOfferItem:disabled {
  opacity:.45;
  cursor:default;
}
.questInfoCard {
  display:grid;
  gap:9px;
  margin-top:12px;
  padding:11px 12px;
  border:1px solid rgba(88,174,220,.22);
  background:rgba(4,19,31,.5);
}
.questInfoCard h4 {
  margin:0;
  padding-bottom:8px;
  border-bottom:1px solid rgba(124,240,255,.14);
  color:#92dfef;
  font-size:11px;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.questInfoRows {
  display:grid;
  gap:0;
}
.questInfoRows > div {
  display:grid;
  grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);
  align-items:start;
  gap:14px;
  padding:6px 2px;
  border-bottom:1px solid rgba(124,240,255,.08);
}
.questInfoRows > div:last-child {
  border-bottom:0;
}
.questInfoRows span {
  color:#86aab8;
  font-size:11px;
}
.questInfoRows b {
  color:#d9f3fb;
  font-size:11px;
  font-weight:700;
  overflow-wrap:anywhere;
}
.questRewardCard {
  border-color:rgba(255,202,92,.24);
  background:rgba(50,35,8,.24);
}
.questRewardCard h4,.questRewardCard .questInfoRows b {
  color:#ffd071;
}
.questSeriesCard {
  border-color:rgba(176,135,255,.24);
  background:rgba(31,21,52,.28);
}
.questSeriesCard h4 {
  color:#cbb2ff;
}
.questHelpCard {
  border-color:rgba(124,240,255,.26);
  background:rgba(0,75,105,.13);
}
.questHelpList {
  display:grid;
  gap:8px;
}
.questHelpList article {
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.12);
  background:rgba(3,16,27,.42);
}
.questHelpList article > b {
  color:#bcecf6;
  font-size:11px;
}
.questHelpList p {
  margin:4px 0 0;
  color:#90b8c5;
  font-size:11px;
  line-height:1.48;
}
@media (max-width:700px){
  .questOfferLayout{ grid-template-columns:1fr 190px; }
}
.questCard {
  padding:12px;
  border:1px solid rgba(124,240,255,.18);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(15,45,65,.78), rgba(5,14,25,.88));
  min-width:0;
  overflow-wrap:anywhere;
}
.questCard.isLocked {
  opacity:.55;
}
.questTitle {
  color:#dffaff;
  font-weight:900;
}
.questDescription,.questReward,.questStatus {
  margin-top:6px;
  font-size:12px;
  color:rgba(205,230,245,.72);
}
.questObjectives {
  display:grid;
  gap:9px;
  margin-top:10px;
}
.questObjective {
  padding:7px 9px;
  border:1px solid rgba(88,174,220,.2);
  background:rgba(4,19,31,.42);
}
.questObjective .questStatus {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:0;
}
.questObjective .questStatus b {
  color:#d8f3ff;
  white-space:nowrap;
}
.questComplete {
  color:#7ff0a8;
}
.questReward {
  color:#ffd27a;
}
.questProgress {
  height:7px;
  margin-top:9px;
  overflow:hidden;
  border-radius:8px;
  background:rgba(0,0,0,.48);
}
.questProgress > i {
  display:block;
  height:100%;
  background:linear-gradient(90deg,#00a8d6,#7cf0ff);
}
.questAction {
  width:100%;
  margin-top:10px;
  padding:8px 10px;
  border:1px solid rgba(124,240,255,.35);
  border-radius:6px;
  color:#eaffff;
  background:rgba(0,145,190,.22);
  cursor:pointer;
  font-weight:800;
}
.questAction:hover:not(:disabled) {
  background:rgba(0,190,235,.32);
}
.questAction:disabled {
  cursor:default;
  opacity:.5;
}
.questAction.questCompletedAction:disabled {
  border-color:rgba(86,225,132,.5);
  color:#92f5b1;
  background:rgba(18,104,51,.28);
  opacity:1;
}
.questAction.questAcceptedAction:disabled {
  border-color:rgba(255,170,70,.6);
  color:#ffc276;
  background:rgba(148,78,18,.24);
  opacity:1;
}
.galaxyGatePanel {
  width:min(1000px,calc(100vw - 24px)) !important;
  min-width:min(620px,calc(100vw - 24px));
  height:auto;
  max-height:min(820px,calc(100vh - 24px));
  box-sizing:border-box;
}
/* ---- Carte Stellaire (star jump) ---- */
.starMapPanel {
  width:min(1500px,calc(100vw - 80px)) !important;
  min-width:0 !important;
  height:min(900px,calc(100vh - 96px));
  max-height:min(900px,calc(100vh - 96px)) !important;
  box-sizing:border-box;
}
.upgAutoOre {
  width:100%;
  min-width:0;
  min-height:30px;
  padding:5px 7px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:7px;
  background:rgba(3,20,33,.92);
  color:#eaffff;
  font:600 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.upgAutoOre:focus {
  outline:1px solid #7cf0ff;
  outline-offset:1px;
}
.starMapBody {
  min-width:0;
  height:calc(100% - 26px);
  box-sizing:border-box;
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  color:#dff7ff;
  overflow:hidden;
}
.starMapMain {
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
}
.starMapViewTools {
  display:flex;
  align-items:center;
  flex:none;
  padding:2px 8px;
}
.starMapHint { color:#9fc6d4; font-size:13px; line-height:17px; font-weight:600; }
.starMapScrollFrame { flex:1; min-width:0; min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); background:transparent; }
.starMapViewport { grid-area:1/1; min-width:0; min-height:0; overflow:auto; scrollbar-width:none; overflow-anchor:none; overscroll-behavior:contain; cursor:grab; touch-action:none; }
.starMapViewport::-webkit-scrollbar { display:none; }
.starMapScroll {
  display:none;
  appearance:none; min-width:0; min-height:0; margin:0; padding:0; border:0;
  border-radius:0; background:transparent; accent-color:#64b9d5; touch-action:none;
}
.starMapScroll.horizontal { grid-area:2/1; width:100%; height:16px; cursor:ew-resize; }
.starMapScroll.vertical { grid-area:1/2; width:16px; height:100%; writing-mode:vertical-lr; direction:ltr; cursor:ns-resize; }
.starMapScroll::-webkit-slider-runnable-track { background:transparent; }
.starMapScroll::-webkit-slider-thumb { appearance:none; width:22px; height:16px; border:2px solid transparent; border-radius:5px; background:#438ba3; }
.starMapScroll.vertical::-webkit-slider-thumb { width:16px; height:22px; }
.starMapScroll::-moz-range-track { background:transparent; }
.starMapScroll::-moz-range-thumb { width:18px; height:12px; border:2px solid transparent; border-radius:5px; background:#438ba3; }
.starMapScroll.vertical::-moz-range-thumb { width:12px; height:18px; }
.starMapScroll:hover:not(:disabled)::-webkit-slider-thumb { background:#7df0ff; }
.starMapScroll:focus-visible { outline:1px solid #7df0ff; outline-offset:-1px; }
.starMapScroll:disabled { opacity:.3; cursor:default; }
.starMapScroll:disabled::-webkit-slider-thumb { background:transparent; }
.starMapScroll:disabled::-moz-range-thumb { background:transparent; }
.starMapViewport.panning { cursor:grabbing; user-select:none; }
.starMapStage { position:relative; overflow:hidden; }
.starMapTree {
  position:absolute;
  transform-origin:0 0;
  --starMapScale:1;
}
.starMapTree svg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:2;
}
.starMapNode {
  --starMapTint:126,136,148;
  --starMapTintEnd:var(--starMapTint);
  position:absolute;
  width:224px;
  height:176px;
  margin:-88px 0 0 -112px;
  padding:0;
  overflow:visible;
  border:1px solid rgba(151,167,181,.3);
  border-radius:8px;
  background:#050e18;
  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
}
.starMapNode canvas.starMapArt {
  position:absolute;
  left:10px;
  top:38px;
  display:block;
  width:202px;
  height:124px;
  border-radius:3px;
}
.starMapNode .starMapLabel {
  position:absolute;
  inset:0 0 auto;
  z-index:3;
  height:28px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,rgba(var(--starMapTint),.72),rgba(var(--starMapTintEnd),.42));
  border-radius:7px 7px 0 0;
  font:800 15px/1 ui-sans-serif,system-ui;
  letter-spacing:.5px;
}
.starMapNode:hover:not(:disabled) {
  border-color:rgba(190,202,213,.55);
}
.starMapNode.group-mmo { --starMapTint:240,117,42; --starMapTintEnd:194,48,40; }
.starMapNode.group-eic { --starMapTint:52,141,246; }
.starMapNode.group-vru { --starMapTint:50,184,100; }
.starMapNode.group-bl { --starMapTint:167,86,223; }
.starMapNode.group-pvp { --starMapTint:222,64,73; }
.starMapNode[data-map-id="qz"] { --starMapTint:241,91,171; }
.starMapNode.on-route .starMapLabel { background:linear-gradient(135deg,rgba(var(--starMapTint),.9),rgba(var(--starMapTintEnd),.62)); }
.starMapNode.selected .starMapLabel { color:#fff4d2; background:linear-gradient(135deg,rgba(225,173,61,.95),rgba(162,108,26,.85)); }
.starMapNode.disabled {
  cursor:pointer;
}
.starMapNode.disabled .starMapLabel::after {
  content:"PORTAILS";
  position:absolute;
  right:8px;
  top:10px;
  color:#b7bdcd;
  font-size:8px;
  letter-spacing:.3px;
}
.starMapPortal,.starMapArrival {
  position:absolute;
  z-index:4;
  width:13px;
  height:13px;
  margin:-6.5px;
  padding:0;
  box-sizing:border-box;
  border:2px solid #7df0ff;
  border-radius:50%;
  background:#071522;
  box-shadow:0 0 6px rgba(124,240,255,.25);
}
.starMapPortal { cursor:pointer; }
.starMapPortal.shortcut { border-color:#ffd06a; }
.starMapPortal.special { border-color:#c690ff; }
.starMapArrival { border-style:dashed; border-color:#9ca9b8; }
.starMapPortal.highlighted,.starMapPortal:hover,.starMapPortal:focus-visible { background:#7df0ff; box-shadow:0 0 9px #7df0ff; }
.starMapPortal .starMapPortalTip {
  display:none;
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  padding:5px 7px;
  border:1px solid #7df0ff;
  border-radius:4px;
  color:#fff;
  background:#03101c;
  font:700 11px/1.3 ui-sans-serif,system-ui;
  pointer-events:none;
}
.starMapPortal:hover .starMapPortalTip,.starMapPortal:focus-visible .starMapPortalTip { display:block; }
.starMapWire { stroke:#64b9d5; opacity:.45; transition:opacity .15s; }
.starMapWire.shortcut { stroke:#ffd06a; stroke-dasharray:5 5; }
.starMapWire.conditional { stroke:#bb8cef; stroke-dasharray:5 4; }
.starMapWire.highlighted { opacity:1; stroke:#8ff1ff; filter:drop-shadow(0 0 3px rgba(124,240,255,.4)); }
.starMapWire.shortcut.highlighted { stroke:#ffd06a; }
.starMapWire.conditional.highlighted { stroke:#cfadff; }
.starMapWire.itinerary { opacity:1; stroke:#ffd878; stroke-width:2; }
.starMapRouteFlow {
  pointer-events:none;
}
.starMapRouteGlow { fill:#ffd878; opacity:.28; }
.starMapRouteLight { fill:#fff3bb; stroke:#ffca50; stroke-width:2; }
.starMapTree.has-portal-focus .starMapWire:not(.highlighted):not(.itinerary) { opacity:.07; }
.starMapRouteStep {
  position:absolute; z-index:4; left:7px; top:0;
  padding:0; background:transparent; color:#ffd878; font:800 15px/28px ui-sans-serif,system-ui;
}
.starMapConnections h4,.starMapItinerary h4 { margin:0 0 8px; color:#9fc6d4; font-size:12px; }
#starMapItinerary { font-size:12px; line-height:1.6; color:#cfeBF6; }
#starMapItinerary ol { padding-left:23px; margin:8px 0; }
#starMapItinerary li { padding:3px 0; }
#starMapItinerary li::marker { color:#ffd878; font-weight:700; }
#starMapItinerary small { display:block; color:#9fc6d4; }
#starMapConnections { display:grid; gap:6px; }
.starMapConnection {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px;
  border:0;
  border-bottom:1px solid rgba(124,240,255,.2);
  border-radius:0;
  background:transparent;
  color:#dff7ff;
  text-align:left;
  cursor:pointer;
}
.starMapConnection:hover { border-color:#7df0ff; }
.starMapConnection small { color:#9fc6d4; font-size:10px; }
.starMapCurrentMarker {
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  animation:starMapCurrentBlink 1.2s ease-in-out infinite;
}
.starMapCurrentLabel {
  position:absolute;
  left:0;
  bottom:100%;
  width:100%;
  margin-bottom:8px;
  color:#50ff91;
  text-align:center;
  white-space:nowrap;
  font:800 18px/1.2 ui-sans-serif,system-ui;
  text-shadow:0 0 8px rgba(80,255,145,.7),0 2px 3px #000;
}
.starMapCurrentMarker .dot {
  position:absolute;
  top:-7px;
  right:-7px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#50ff91;
  box-shadow:0 0 10px rgba(80,255,145,.9);
}
/* Base de Combat : CERCLE taille portail à la position réelle de la base,
   sur toutes les maps à station (gris si vide, couleur relation sinon). */
.starMapStation {
  position:absolute;
  width:13px;
  height:13px;
  margin:-6.5px;
  transform:none;
  border-radius:50%;
  background:#9aa3ad;
  border:2px solid #9aa3ad;
  z-index:4;
  pointer-events:auto;
  box-sizing:border-box;
}
@keyframes starMapCurrentBlink {
  0%,100% { opacity:1; }
  50% { opacity:.25; }
}
.starMapInfoPanel { width:min(320px,calc(100vw - 32px)) !important; min-width:0 !important; max-height:min(800px,calc(100vh - 80px)) !important; }
.starMapSide {
  min-width:0;
  min-height:0;
  overflow:auto;
  scrollbar-width:none;
  max-height:min(772px,calc(100vh - 108px));
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border:0;
  border-radius:0;
  background:transparent;
}
.starMapSide::-webkit-scrollbar { display:none; }
.starMapSelInfo {
  display:grid;
  gap:6px;
  color:#cfeBF6;
  font-size:12px;
  line-height:1.5;
}
.starMapSelInfo b { color:#fff; }
#starMapJumpBtn {
  min-height:42px;
  border:1px solid rgba(124,240,255,.45);
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,145,190,.5),rgba(0,70,100,.45));
  font:900 14px/1 ui-sans-serif,system-ui;
  letter-spacing:1px;
  cursor:pointer;
}
#starMapJumpBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.8);
  box-shadow:0 0 16px rgba(0,217,255,.25);
}
#starMapJumpBtn:disabled {
  opacity:.4;
  cursor:default;
}
#starMapJumpBtn.channel {
  border-color:rgba(255,205,82,.8);
}
.starMapStatus {
  min-height:36px;
  color:#9fc6d4;
  font-size:11px;
  line-height:1.5;
  text-align:center;
}
.ggBody {
  min-width:0;
  padding:14px;
  display:grid;
  gap:12px;
  color:#dff7ff;
  overflow:hidden;
}
.ggWorkspace {
  min-width:0;
  max-width:100%;
  min-height:0;
  display:grid;
  /* ✅ seule la colonne portails grandit (+80 px) : centre et historique inchangés. */
  grid-template-columns:220px minmax(0,1fr) 270px;
  align-items:stretch;
  gap:14px;
  overflow:hidden;
}
.ggMain {
  min-width:0;
  max-width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
}
.ggBalances {
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.ggBalances>div {
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 0;
}
.ggBalances>div strong {
  margin-left:auto;
}
.ggSide {
  min-width:0;
  min-height:0;
  display:block;
}
.ggBalances span {
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.ggBalances strong {
  color:#fff;
  font:900 12px/1.2 ui-sans-serif,system-ui;
  font-variant-numeric:tabular-nums;
}
.ggTopline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(124,240,255,.2);
  background:rgba(5,25,39,.72);
}
.ggTopline span,.ggDetails span {
  color:rgba(207,235,246,.65);
  font-size:12px;
  font-weight:800;
}
.ggTopline strong {
  color:#79edff;
  font:900 12px/1.2 ui-sans-serif,system-ui;
  font-variant-numeric:tabular-nums;
}
.ggTabs,.ggActions {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.ggTabs button,.ggActions button {
  min-height:38px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
  transition:none;
  position:relative;
}
.ggTabs button:hover:not(:disabled),.ggActions button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.ggTabs button:disabled,.ggActions button:disabled {
  opacity:.35;
  cursor:default;
}
.ggTabs button.active {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
  color:#eaffff;
}
/* ✅ onglets de catégorie GG : Classique / Spéciaux (même style que les onglets). */
.ggCatButtons {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px 0 0;
}
.ggCatButtons button {
  min-height:34px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:800 12px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
  transition:none;
}
.ggCatButtons button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.ggCatButtons button.active {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
  color:#eaffff;
}
/* ✅ vue Eternal : calquée sur Kronos à l'identique (zone basse vide de
   48 px comme la liste des pièces, sans contenu). */
#ggEternalEntry {
  display:none;
}
#ggSpinControls.eternalEntryMode > :not(#ggEternalEntry) {
  display:none;
}
#ggSpinControls.eternalEntryMode > #ggEternalEntry {
  display:grid;
  grid-column:1/-1;
  height:48px;
  align-items:center;
}
#ggEternalUseBtn {
  min-height:42px;
  /* ✅ descendu de 5 px pour s'aligner comme le bouton Spin. */
  margin-top:5px;
  /* ✅ séparateur décalé à gauche. */
  grid-template-columns:0.6fr auto 1fr;
}
.ggGateNav .ggTabsGroup:has(button.active) button::after {
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-3.5px;
  border-radius:50%;
  background:#00d9ff;
  box-shadow:0 0 8px rgba(0,217,255,.9);
  animation:shopTabDotBlink 1s ease-in-out infinite;
}
.ggGateNav {
  min-width:0;
  padding:12px 10px 12px 0;
  border:none;
  border-right:1px solid rgba(124,240,255,.2);
  border-radius:0;
  background:none;
}
.ggGateNav>span {
  display:block;
  padding:0 4px 10px;
  border-bottom:1px solid rgba(124,240,255,.15);
  color:#77d9ed;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.ggGateNav .ggTabs {
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding-top:10px;
  padding-bottom:10px;
}
/* ✅ Groupes d'onglets GG : Ensemble ABG séparé des roues isolées (Delta, Epsilon, Zeta, Kappa, Lambda, Awakened, Kronos). */
.ggGateNav .ggTabsGroup {
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}
.ggGateNav .ggTabsGroup[data-gg-group="delta"],
.ggGateNav .ggTabsGroup[data-gg-group="epsilon"],
.ggGateNav .ggTabsGroup[data-gg-group="zeta"],
.ggGateNav .ggTabsGroup[data-gg-group="kappa"],
.ggGateNav .ggTabsGroup[data-gg-group="lambda"],
.ggGateNav .ggTabsGroup[data-gg-group="awakened"],
.ggGateNav .ggTabsGroup[data-gg-group="kronos"] {
  /* ✅ pas de séparateur : simple espace entre les groupes. */
  margin-top:8px;
}
.ggGateNav .ggTabsButtons {
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
}
.ggGateNav .ggTabs button {
  font-weight:900;
  justify-content:flex-start;
  text-align:left;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding-left:12px;
}
.ggTabs button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  text-align:center;
}
.ggTabs button small {
  color:#fff;
  font:900 11px/1.2 ui-sans-serif,system-ui;
}
.ggTabs button.active small {
  color:#fff;
}
.ggCore {
  position:relative;
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  min-height:320px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,300px);
  gap:14px;
  align-items:stretch;
  justify-content:center;
  padding:12px;
  border:none;
  border-radius:0;
  background:none;
  overflow:hidden;
}
.ggPortalPreview {
  position:static;
  z-index:1;
  min-width:0;
  max-width:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  justify-items:center;
  text-align:center;
  overflow:visible;
}
.ggPortalPreview img {
  position:absolute;
  left:50%;
  top:calc(50% - 25px);
  transform:translate(-50%,-50%);
  z-index:0;
  display:block;
  margin:0;
  width:min(280px,70%);
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(69,211,255,.38));
  pointer-events:none;
}
.ggPreviewTop {
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  row-gap:2px;
  min-width:0;
  max-width:100%;
}
.ggPreviewTop .ggRewardsHelp {
  position:static;
  order:1;
  flex:none;
}
.ggPreviewTop .ggNpcRewardScale {
  position:static;
  line-height:normal;
  order:2;
  flex:0 1 auto;
}
.ggBuiltLine {
  position:absolute;
  top:45px;
  right:0;
  z-index:6;
  width:240px;
  max-width:calc(100% - 24px);
  box-sizing:border-box;
  margin-left:0;
  margin-top:0;
  text-align:center;
  color:#fff;
  font:900 12px/1.2 ui-sans-serif,system-ui;
  white-space:nowrap;
}
.ggBuiltLine b {
  color:#fff;
}
/* ✅ vues Kronos / Eternal : bouton multiplicateur masqué, "GG construite"
   remontée alignée avec "Récompenses des NPC" (le reste du bloc suit). */
#galaxyGateWindow.kronosView .ggDetails {
  display:none;
}
/* ✅ Eternal : même masquage mais espace conservé (hauteur fixe). */
#galaxyGateWindow.eternalView .ggDetails {
  visibility:hidden;
}
#galaxyGateWindow.kronosView .ggBuiltLine,
#galaxyGateWindow.eternalView .ggBuiltLine {
  top:14px;
}
/* ✅ vue Eternal : "Portail Eternal Classique unique" seul (sans "GG construite"). */
#galaxyGateWindow.eternalView .ggBuiltLabel {
  display:none;
}
/* ✅ vue Eternal : colonne latérale conservée (vagues visibles).
   Lignes Crédits, Énergie et titre "Historique des spins" invisibles
   MAIS espaces conservés (visibility) pour garder la hauteur fixe.
   Les vagues remontent en haut via l'ordre flex (même hauteur totale). */
#galaxyGateWindow.eternalView .ggBalances {
  visibility:hidden;
}
#galaxyGateWindow.eternalView .ggHistorySection h3 {
  visibility:hidden;
}
#galaxyGateWindow.eternalView .ggHistorySection {
  display:flex;
  flex-direction:column;
  gap:9px;
}
#galaxyGateWindow.eternalView .ggHistory {
  order:-1;
  display:flex;
  flex-direction:column;
}
/* ✅ titre en haut, vagues centrées au milieu (marges auto : hauteur inchangée). */
#galaxyGateWindow.eternalView .ggHistoryRow {
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  /* ✅ titre aligné avec "GG construite" (14 px). */
  margin-top:9px;
}
#galaxyGateWindow.eternalView .ggHistoryRow > span {
  flex:none;
}
#galaxyGateWindow.eternalView .ggHistoryGains {
  margin:auto 0;
}
/* ✅ vagues centrées (le titre reste à sa place au-dessus). */
#galaxyGateWindow.eternalView .ggHistoryGains {
  justify-items:center;
  text-align:center;
}
#galaxyGateWindow.eternalView .ggHistoryGains small {
  width:100%;
  text-align:center;
}
.ggRewardsHelp {
  position:absolute;
  top:-1px;
  left:-1px;
  z-index:10;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.4);
  border-radius:50%;
  background:rgba(3,20,33,.85);
  color:#8fcddd;
  font-size:11px;
  font-weight:900;
  cursor:help;
}
#ggRewards.ggRewardsTip {
  display:none;
  position:absolute;
  inset:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:100050;
  margin:0;
  width:max-content;
  max-width:min(260px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  box-sizing:border-box;
  min-height:0;
  overflow:auto;
  text-align:center;
  background:#031421;
  box-shadow:0 8px 28px rgba(0,0,0,.65);
}
#ggRewards.ggRewardsTip[popover] {
  position:fixed;
}
#ggRewards.ggRewardsTip.is-open {
  display:grid;
}
.ggRing {
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(70,211,255,.55);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,159,212,.2),rgba(3,15,27,.9) 68%);
  box-shadow:inset 0 0 30px rgba(0,185,255,.16),0 0 18px rgba(0,185,255,.12);
}
.ggPortalPreview .ggRing {
  position:absolute;
  inset:auto 18px 8px;
  min-height:0;
  padding:7px 8px;
  border-width:1px;
  border-radius:4px;
  background:rgba(2,18,30,.88);
}
.ggPortalPreview .ggRing strong {
  font-size:17px;
}
.ggPortalPreview .ggRing span {
  margin-top:1px;
}
.ggPartsBar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 14px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.ggPartsBar span {
  color:#83dff3;
  font-size:12px;
  font-weight:800;
}
.ggPartsBar strong {
  color:#fff;
  font:900 12px/1.2 ui-sans-serif,system-ui;
  font-variant-numeric:tabular-nums;
}
.ggRing strong {
  font-size:26px;
  color:#fff;
}
.ggRing span {
  margin-top:5px;
  font-size:10px;
  color:#83dff3;
  text-transform:uppercase;
}
.ggDetails {
  position:static;
  z-index:auto;
  min-width:0;
  width:100%;
  max-width:300px;
  align-self:start;
  justify-self:end;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.ggDetails .ggMultiplierRow {
  align-self:flex-end;
}
.ggDetailsBottom {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  justify-self:stretch;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  margin-top:auto;
  padding-top:0;
  transform:translateY(123px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);
  gap:8px;
  align-items:center;
  justify-content:center;
  justify-items:center;
  text-align:center;
  min-width:0;
}
.ggDetailsBottom > div {
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ggDetailsBottom span, .ggDetailsBottom b, .ggDetailsBottom strong {
  font:900 12px/1.2 ui-sans-serif,system-ui !important;
  color:#fff !important;
}
.ggDetails .ggMultiplierRow {
  position:absolute;
  top:5px;
  right:0;
  z-index:2;
  width:240px;
  max-width:calc(100% - 24px);
  align-self:auto;
  margin-right:0;
}
.ggDetails > div:not(.ggMultiplierRow):not(.ggDetailsBottom) {
  margin-right:25px;
}
.ggDetailsBottom > div {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  min-width:0;
  overflow:hidden;
  border:none !important;
  background:none !important;
  border-radius:0 !important;
  padding:0 !important;
  min-height:0 !important;
}
.ggDetailsBottom > div > * {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ggDetailsBottom > div:nth-child(1) {
  justify-content:center;
  text-align:center;
}
.ggDetailsBottom > div:nth-child(2) {
  justify-content:center;
  text-align:center;
}
.ggDetailsBottom > div:nth-child(3) {
  justify-content:center;
  text-align:center;
}
.ggDetails div {
  min-width:0;
  min-height:38px;
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.ggDetails span {
  white-space:nowrap;
  font-size:12px;
}
.ggDetails b {
  flex:none;
  color:#fff;
  font:900 12px/1.2 ui-sans-serif,system-ui;
  font-variant-numeric:tabular-nums;
}
.ggDetails .ggMultiplierRow {
  display:grid;
  grid-template-columns:1fr auto auto 1fr;
  align-items:center;
  gap:10px;
  min-height:32px;
  padding:4px 12px;
  box-sizing:border-box;
  text-align:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:800 12px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
  transition:none;
}
.ggDetails .ggMultiplierRow:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.ggDetails .ggMultiplierRow.active {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.ggDetails .ggMultiplierRow:disabled {
  opacity:.35;
  cursor:default;
}
.ggMultiplierRow .ggMultiplierAction {
  color:#eaffff;
  font:800 12px/1.2 ui-sans-serif,system-ui;
}
.ggMultiplierRow .ggSpinSep {
  width:1px;
  align-self:stretch;
  background:rgba(124,240,255,.38);
}
.ggNpcRewardScale {
  position:absolute;
  left:23px;
  top:-1px;
  color:rgba(220,237,242,.72);
  font-size:12px;
  font-weight:800;
  line-height:18px;
  white-space:nowrap;
}
.ggNpcRewardScale em {
  color:#d8b75f;
  font-style:normal;
}
.ggRewards {
  flex:1 1 auto;
  min-height:154px;
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  gap:6px;
  padding:16px 18px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.ggRewards strong {
  padding-bottom:8px;
  margin-bottom:2px;
  border-bottom:1px solid rgba(255,202,104,.22);
  color:#ffd478;
  font-size:12px;
  font-weight:800;
}
.ggRewards span {
  display:block;
  text-transform:none;
  color:#f6e7c1;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
.ggCost {
  text-align:center;
  color:rgba(214,238,248,.7);
  font-size:12px;
  font-weight:800;
}
.ggCost b {
  color:#ffd27a;
}
.ggSpinControls {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  margin-top:auto;
  margin-left:0;
  margin-right:0;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:auto 60px minmax(0,1fr);
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 0 0;
  border:none;
  border-top:1px solid rgba(124,240,255,.2);
  border-radius:0;
  background:none;
}
.ggSpinControls[hidden], .ggKronosParts[hidden] {
  display:none;
}
.ggSpinControls > [hidden] {
  display:none;
}
.ggSpinControls.kronosSpinControls {
  height:53px;
  padding-top:4px;
}
.ggKronosParts {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,24px);
  gap:0 8px;
  min-width:0;
  height:48px;
  align-self:start;
}
.ggKronosPart {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(2px,.5vw,6px);
  min-width:0;
  color:#fff;
  font:800 clamp(10px,1.8vw,14px)/24px ui-sans-serif,system-ui;
  white-space:nowrap;
}
.ggKronosPart b {
  color:#ffd36b;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.ggKronosPart .ggKronosCompleteCheck {
  color:#00ff88;
  font-weight:900;
  font-size:1em;
  line-height:1;
}
.ggSpinControls label {
  display:flex;
  align-items:center;
  min-height:42px;
  box-sizing:border-box;
  margin-right:-10px;
  padding:0 6px 0 12px;
  border:1px solid rgba(124,240,255,.38);
  border-right:none;
  border-radius:8px 0 0 8px;
  background:#051521;
  color:#eaffff;
  font-size:12px;
  font-weight:800;
}
.ggSpinControls select {
  height:42px;
  padding:0 12px;
  box-sizing:border-box;
  outline:0;
  border:1px solid rgba(124,240,255,.38);
  border-left:none;
  border-radius:0 8px 8px 0;
  color:#effcff;
  background:#051521;
  font:900 12px/1 ui-sans-serif,system-ui;
  text-align:center;
  cursor:pointer;
}
.ggSpinControls select:focus {
  border-color:rgba(124,240,255,.38);
  outline:none;
}
.ggSpinControls select option {
  color:#effcff;
  background:#071622;
}
.ggSpinControls button {
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:6px 14px;
  text-align:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:800 12px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  cursor:pointer;
  transition:none;
}
.ggSpinControls button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.ggSpinControls button:disabled {
  opacity:.35;
  cursor:default;
}
.ggSpinControls button[hidden] {
  display:none;
}
#ggSpinBtn em, #ggEternalUseBtn em {
  color:#ffd36b;
  font-style:normal;
  font-variant-numeric:tabular-nums;
}
#ggSpinBtn .ggSpinSep, #ggEternalUseBtn .ggSpinSep {
  width:1px;
  align-self:stretch;
  background:rgba(124,240,255,.38);
}
#ggSpinBtn {
  grid-template-columns:0.35fr auto 1fr;
}
.ggResult {
  min-height:34px;
  padding:9px 11px;
  box-sizing:border-box;
  text-align:center;
  border-left:3px solid #4edfff;
  background:rgba(5,27,42,.7);
  color:#bfeefa;
  font-size:11px;
  line-height:1.45;
}
.ggHistorySection {
  min-width:0;
  min-height:0;
  height:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:9px;
  padding:0 0 0 13px;
  border:none;
  border-left:1px solid rgba(124,240,255,.2);
  border-radius:0;
  background:none;
  overflow:hidden;
}
.ggHistorySection h3 {
  margin:0;
  padding-bottom:10px;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#87deef;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.ggHistory {
  min-width:0;
  height:420px;
  min-height:420px;
  max-height:420px;
  overflow-y:auto;
  overflow-x:hidden;
  display:grid;
  align-content:start;
  gap:4px;
  padding-right:4px;
}
.ggHistoryRow {
  position:relative;
  min-width:0;
  display:grid;
  gap:6px;
  padding:4px 10px 4px;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  border:none;
  border-radius:0;
  background:none;
  text-align:center;
}
.ggHistoryRow:not(:last-child)::after {
  content:"";
  display:block;
  width:40%;
  margin:8px auto 0;
  border-bottom:1px solid rgba(124,240,255,.2);
}
.ggHistoryRow span {
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.ggHistoryGains {
  display:grid;
  gap:3px;
}
.ggHistoryRow small {
  display:block;
  color:#ece7d9;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
.ggHistoryEmpty {
  padding:18px 10px;
  text-align:center;
  color:#668e9a;
  font-weight:900;
  border:1px dashed rgba(124,240,255,.14);
}
.ggHistoryRow > span {
  text-decoration:underline;
  text-underline-offset:3px;
}
.ggHistoryRow small.ggHistoryMultiplierApplied {
  color:#ffd36b;
  font-weight:800;
  text-shadow:0 0 8px rgba(255,193,64,.22);
}
.ggHistoryGains small {
  white-space:nowrap;
}
.questOfferItem.locked {
  color:#708994;
  border-color:rgba(116,143,153,.18);
  background:rgba(18,27,34,.72);
}
.questSeriesInfo {
  padding:7px 9px;
  border-left:2px solid rgba(255,196,84,.48);
  color:#a9c5cf;
  background:rgba(44,32,10,.28);
  font-size:10px;
  line-height:1.45;
}
.questSeriesInfo b {
  color:#ffd071;
}
@media (max-width:900px){.ggSpinControls.kronosSpinControls{height:105px;padding-top:1px}}
@media (max-width:900px){.galaxyGatePanel{min-width:calc(100vw - 24px)}.ggWorkspace{grid-template-columns:1fr}.ggGateNav .ggTabs{grid-template-columns:repeat(2,1fr)}.ggHistory{height:180px;min-height:180px;max-height:180px}.ggCore{grid-template-columns:1fr 1fr}.ggSpinControls{grid-template-columns:1fr 1fr}.ggSpinControls label{grid-column:1}.ggSpinControls select{grid-column:2}.ggSpinControls #ggSpinBtn{grid-column:1/-1}}
.orbitNotifications {
  position:fixed;
  z-index:12000;
  top:70px;
  left:50%;
  width:min(620px,calc(100vw - 30px));
  height:190px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:0;
  overflow:hidden;
  pointer-events:none;
}
.orbitNotification {
  max-width:100%;
  max-height:var(--notice-height,24px);
  box-sizing:border-box;
  overflow:hidden;
  padding:1px 6px;
  border:0;
  color:#fff;
  background:transparent;
  text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.8);
  box-shadow:none;
  font:700 12px/1.22 ui-sans-serif,system-ui;
  text-align:center;
  animation:orbitNoticeIn .25s ease-out both;
}
.orbitNotification.reward,.orbitNotification.error {
  border:0;
  color:#fff;
}
.orbitNotificationAmount {
  color:#ffd36b;
  font-weight:900;
  text-shadow:0 0 7px rgba(255,184,43,.28),0 1px 3px #000;
}
.orbitNotificationAmountPlain {
  color:#fff;
  font-weight:900;
  text-shadow:0 0 7px rgba(255,255,255,.25),0 1px 3px #000;
}
.orbitNotificationAmountViolet {
  color:#d08bff;
  font-weight:900;
  text-shadow:0 0 7px rgba(189,93,255,.32),0 1px 3px #000;
}
.orbitNotification.leaving {
  animation:orbitNoticeOut .65s cubic-bezier(.4,0,.2,1) both;
}
@keyframes orbitNoticeIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbitNoticeOut{from{opacity:1;max-height:var(--notice-height,24px);padding-top:1px;padding-bottom:1px;transform:translateY(0)}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-8px)}}
.gameLogPanel {
  width:520px;
  height:430px;
  min-width:380px;
  min-height:260px;
  max-width:calc(100vw -
20px);
  max-height:calc(100vh - 20px);
  overflow:hidden;
}
.gameLogResizeHandle {
  position:absolute;
  right:0;
  bottom:0;
  width:26px;
  height:26px;
  z-index:5;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:0 0 8px 0;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  color:#eaffff;
  cursor:nwse-resize;
  user-select:none;
  transition:none;
}
.gameLogResizeHandle::before {
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid #eaffff;
  border-bottom:2px solid #eaffff;
  border-radius:0 0 3px 0;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
}
.gameLogResizeHandle::after {
  content:"";
  position:absolute;
  right:7px;
  bottom:7px;
  width:4px;
  height:4px;
  border-right:1px solid rgba(234,255,255,.6);
  border-bottom:1px solid rgba(234,255,255,.6);
  border-radius:0 0 2px 0;
}
.gameLogResizeHandle:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#boosterWindow {
  padding-bottom:0 !important;
}
.boosterPanel {
  width:280px !important;
  min-width:0 !important;
  max-width:min(280px, calc(100vw - 20px)) !important;
}
.boosterList {
  display:grid;
  gap:0;
  padding:8px 12px;
  max-height:440px;
  overflow-y:auto;
  scrollbar-width:thin;
}
.boosterEmpty {
  color:rgba(204,228,241,.6);
  font-size:12px;
  padding:10px 4px;
  text-align:center;
}
.boosterRow {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border:none;
  border-radius:0;
  background:none;
}
.boosterRow img {
  width:48px;
  height:48px;
  object-fit:contain;
}
.boosterRow.compact {
  grid-template-columns:24px auto minmax(0,1fr);
  gap:8px;
  padding:2px 6px;
  align-items:center;
}
.boosterList > .boosterSingle:not(:last-child), .boosterList > .boosterGroup:not(:last-child) {
  border-bottom:1px solid rgba(124,240,255,.2);
  padding-bottom:8px;
  margin-bottom:8px;
}
.boosterRow.compact img {
  width:24px;
  height:24px;
}
.boosterSingle {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:6px;
  align-items:center;
}
.singleRail {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.singleBar {
  width:0;
  height:18px;
  border-left:2px solid var(--boost, rgba(0,180,255,.9));
  flex-shrink:0;
}
.boosterPct {
  color:var(--boost, rgba(255,200,90,.95));
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.boosterGroup {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:6px;
  align-items:stretch;
}
.boosterGroupRail {
  display:flex;
  align-items:stretch;
  gap:5px;
}
.boosterCombined {
  align-self:center;
  color:var(--boost, rgba(255,200,90,.95));
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  margin-left:auto;
}
.bracket {
  width:0;
  align-self:center;
  height:75%;
  min-height:20px;
  border-left:2px solid var(--boost, rgba(0,180,255,.9));
}
.boosterGroupCards {
  display:grid;
  gap:2px;
  min-width:0;
}
.boosterRow.compact .boosterCode {
  color:var(--boost, rgba(255,59,78,.95));
  font-size:12px;
  white-space:nowrap;
}
.boosterRow.compact .boosterStatus {
  color:var(--boost, #75e8ff);
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
  justify-self:end;
}
.boosterMeta {
  display:grid;
  gap:2px;
  min-width:0;
}
.boosterMeta strong {
  color:#effbff;
  font-size:12px;
}
.boosterCode {
  color:rgba(124,240,255,.6);
  font-size:12px;
  font-weight:700;
}
.boosterMeta span {
  color:rgba(204,228,241,.65);
  font-size:12px;
}
.boosterStatus {
  color:#75e8ff !important;
  font-weight:800;
}
.boosterRow button {
  padding:8px 14px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(0,217,255,.2), rgba(0,70,100,.25));
  color:#effcff;
  font:800 12px system-ui;
  cursor:pointer;
}
.boosterRow button:disabled {
  opacity:.4;
  cursor:default;
}
.boosterRow button:not(:disabled):hover {
  border-color:rgba(124,240,255,.6);
}
.gameLogToolbar {
  display:block;
  padding:8px 11px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#668f9a;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.gameLogSearch {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:rgba(180,210,255,.64);
  font-size:12px;
  font-weight:800;
  text-transform:none;
}
.gameLogSearch input {
  min-width:0;
  width:100%;
  height:30px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:900 12px/1 ui-sans-serif,system-ui;
}
.gameLogSearch input:focus {
  border-color:#69e9ff;
}
.gameLogEntries {
  height:calc(100% - 116px);
  overflow-y:auto;
  display:grid;
  align-content:start;
  gap:5px;
  padding:9px;
  box-sizing:border-box;
}
.gameLogEntry {
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  gap:9px;
  padding:7px 8px;
  border:none;
  background:none;
  color:#bcdde5;
  font-size:10px;
  font-weight:800;
  line-height:1.35;
}
.gameLogEntry time {
  color:#5d96a5;
  font-size:10px;
  white-space:nowrap;
}
.gameLogEntry.reward {
  color:#f3dda9;
}
.gameLogEntry.error {
  color:#ffc4cb;
}
.gameLogEmpty {
  padding:20px;
  text-align:center;
  color:#5c8290;
  font-size:10px;
  font-weight:800;
}
.gameLogPagination {
  width:100%;
  height:39px;
  display:grid;
  grid-template-columns:minmax(0,82px) minmax(46px,60px) minmax(0,82px);
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:5px 9px;
  box-sizing:border-box;
  overflow:hidden;
  border-top:1px solid rgba(124,240,255,.14);
}
.gameLogPagination button {
  min-width:0;
  width:100%;
  height:27px;
  padding:0 5px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  cursor:pointer;
  font:800 12px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  text-overflow:ellipsis;
  transition:none;
}
.gameLogPagination button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
.gameLogPagination button:disabled {
  opacity:.35;
  cursor:default;
}
.gameLogPagination span {
  min-width:0;
  color:#83bbc8;
  text-align:center;
  font:800 12px ui-sans-serif,system-ui;
  text-transform:uppercase;
}
.chatPanel {
  width:380px;
  min-width:280px;
  max-width:calc(100vw - 20px);
  max-height:calc(100vh - 20px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.chatStatus {
  padding:7px 11px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#75e8ff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.chatStatus.offline {
  color:#ff9aa5;
}
.chatEntries {
  height:300px;
  min-height:160px;
  overflow-y:auto;
  display:grid;
  align-content:start;
  gap:4px;
  padding:9px 11px;
  box-sizing:border-box;
}
.chatRow {
  color:#bcdde5;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.chatRow.chatMine .chatFrom {
  color:#ffd36b;
}
.chatRow.chatMine .chatText {
  color:#effcff;
}
.chatRow.chatAdmin .chatFrom {
  color:#ff7b8a;
}
.chatRow.chatAdmin .chatText {
  color:#ffe9ec;
  font-weight:700;
}
.chatTime {
  color:#5d96a5;
  font-size:11px;
}
.chatFrom {
  color:#75e8ff;
  font-weight:800;
}
.chatSep {
  color:#5d96a5;
}
.chatEmpty {
  padding:20px;
  text-align:center;
  color:#5c8290;
  font-size:11px;
  font-weight:800;
}
.chatForm {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:8px 11px;
  box-sizing:border-box;
  border-top:1px solid rgba(124,240,255,.14);
}
.chatForm input {
  min-width:0;
  width:100%;
  height:30px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:600 12px/1 ui-sans-serif,system-ui;
}
.chatForm input:focus {
  border-color:#69e9ff;
}
.chatForm button {
  height:30px;
  padding:0 14px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 12px/1.2 ui-sans-serif,system-ui;
}
.chatForm button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.groupPanel {
  width:420px;
  min-width:320px;
  max-width:calc(100vw - 20px);
  height:auto;
  max-height:none;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.groupStatus {
  padding:7px 11px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#75e8ff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.groupEntries {
  max-height:none;
  min-height:0;
  overflow:visible;
  display:grid;
  align-content:start;
  gap:4px;
  padding:9px 11px;
  box-sizing:border-box;
}
.groupRow {
  display:flex;
  align-items:center;
  gap:6px;
  color:#bcdde5;
  font-size:12px;
  font-weight:600;
}
.groupName {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:5px;
}
.groupMap {
  color:#ffd45f;
  font-size:11px;
  font-weight:900;
  margin-left:auto;
  text-shadow:0 0 7px rgba(255,190,40,.48);
}
.groupLeaderCrown {
  width:15px;
  height:15px;
  flex:0 0 auto;
  fill:#ffc83d;
  stroke:#fff0a1;
  stroke-width:1.5;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(255,190,35,.55));
}
.groupEmpty {
  padding:12px;
  text-align:center;
  color:#5c8290;
  font-size:11px;
  font-weight:800;
}
.groupActions {
  display:grid;
  gap:6px;
  padding:0 11px 8px;
  box-sizing:border-box;
}
.groupControlRow,.groupInviteRow {
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
}
.groupLeaderControls {
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}
.groupInviteRow input {
  flex:1;
}
.groupActions.groupMemberMode {
  display:flex;
  align-items:center;
}
.groupActions.groupMemberMode .groupControlRow {
  width:auto;
  flex:0 0 auto;
}
.groupActions.groupMemberMode .groupInviteRow {
  min-width:0;
  flex:1;
}
.groupActions input {
  min-width:0;
  flex:1;
  height:28px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:600 12px/1 ui-sans-serif,system-ui;
}
.groupActions input:focus {
  border-color:#69e9ff;
}
.groupActions input:disabled {
  color:#71858d;
  background:#091119;
  border-color:rgba(130,150,158,.22);
  cursor:not-allowed;
}
.groupActions button,.groupRow button,.groupInvite button {
  height:26px;
  padding:0 10px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:7px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui;
  white-space:nowrap;
}
.groupActions button:hover,.groupRow button:hover,.groupInvite button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.groupActions button:disabled {
  opacity:.42;
  cursor:not-allowed;
  border-color:rgba(130,150,158,.22);
  background:#0b1820;
}
.groupActions .groupIconBtn {
  width:30px;
  padding:4px;
  display:grid;
  place-items:center;
}
.groupActions .groupIconBtn svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.groupAutoAccept {
  display:flex;
  align-items:center;
  gap:8px;
  color:#cfe7ef;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.groupAutoAccept input {
  flex:none;
  width:auto;
  height:auto;
  accent-color:#00d9ff;
}
#groupWindow .groupAutoAccept {
  gap:10px;
  box-sizing:border-box;
  margin:0;
  padding:2px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
#groupWindow .groupAutoAccept:hover {
  border:0;
  background:none;
}
#groupWindow .groupAutoAccept input[type="checkbox"] {
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  width:17px;
  height:17px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:6px;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  accent-color:unset;
  cursor:pointer;
}
#groupWindow .groupAutoAccept input[type="checkbox"]:checked::after {
  content:"✓";
  color:#eaffff;
  font-size:11px;
  font-weight:900;
  line-height:1;
}
#groupWindow .groupAutoAccept input[type="checkbox"]:hover {
  border-color:rgba(124,240,255,.62);
}
#groupWindow .groupAutoAccept>span {
  display:grid;
  gap:2px;
  min-width:0;
}
#groupWindow .groupAutoAccept b {
  color:#e9faff;
  font-size:12px;
  font-weight:800;
}
#groupWindow .groupAutoAccept small {
  color:rgba(232,244,255,.6);
  font-size:11px;
}
#groupKickModeBtn.active {
  border-color:#ff6578;
  color:#ff9aa7;
  background:rgba(180,30,52,.28);
}
.groupInvite {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:5px 7px;
  border:1px solid rgba(255,211,107,.4);
  border-radius:7px;
  color:#f3dda9;
  font-size:12px;
}
.groupNotices {
  display:grid;
  gap:3px;
  padding:0 11px 8px;
  box-sizing:border-box;
}
.groupNotice {
  color:#8fa8b3;
  font-size:11px;
  font-style:italic;
}
.groupMember {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  padding:7px;
  border:1px solid rgba(124,240,255,.14);
  border-radius:7px;
  background:rgba(2,18,29,.55);
}
.groupMember.kickSelectable {
  cursor:crosshair;
  border-color:rgba(255,88,108,.62);
  box-shadow:inset 0 0 14px rgba(255,55,80,.08);
}
.groupMember.kickSelectable:hover {
  background:rgba(120,18,34,.32);
  border-color:#ff6578;
}
.groupMemberHead,.groupMemberActions {
  display:flex;
  align-items:center;
  gap:6px;
}
.groupMemberHead {
  grid-column:1 / -1;
}
.groupCombatBars {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  min-width:0;
}
.groupVitals {
  display:grid;
  gap:3px;
  min-width:0;
}
.groupVitals i {
  display:block;
  width:100%;
  height:5px;
  overflow:hidden;
  border-radius:4px;
  background:rgba(0,0,0,.55);
}
.groupVitals b {
  display:block;
  height:100%;
  border-radius:inherit;
}
.groupVitals .hp {
  background:#42d66d;
}
.groupVitals .sh {
  background:#3599ff;
}
.groupShipName {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f0c45e;
  font-size:10px;
  line-height:12px;
  text-transform:capitalize;
}
.groupNpcVitals {
  border-left:1px solid rgba(255,190,75,.25);
  padding-left:12px;
}
.groupNpcVitals.empty {
  visibility:hidden;
}
.groupNpcName {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f0c45e;
  font-size:10px;
  line-height:12px;
}
.groupMemberActions {
  justify-content:flex-end;
}
.groupInviteTimer {
  color:#ffcf58;
  font-style:normal;
  font-weight:900;
}
.friendsPanel {
  width:440px;
  min-width:320px;
  max-width:calc(100vw - 20px);
  height:auto;
  max-height:calc(100vh - 20px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.friendsStatus {
  padding:8px 12px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#75e8ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.friendsTabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:7px 10px 0;
  gap:5px;
}
.friendsTabs button {
  height:29px;
  border:0;
  border-bottom:2px solid transparent;
  color:#6f929e;
  background:transparent;
  cursor:pointer;
  font:800 11px/1 ui-sans-serif,system-ui;
  text-transform:uppercase;
}
.friendsTabs button.active {
  color:#dffaff;
  border-bottom-color:#63ddf8;
  background:linear-gradient(180deg,transparent,rgba(70,210,245,.08));
}
.friendsTabs span {
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  border-radius:9px;
  color:#241600;
  background:#ffcf58;
  font-size:10px;
}
.friendsToolbar {
  padding:6px 11px 0;
}
.friendsToolbar:has(input[hidden]) {
  display:none;
}
.friendsToolbar input {
  width:100%;
  height:28px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.25);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:600 11px/1 ui-sans-serif,system-ui;
}
.friendsPane {
  display:none;
}
.friendsPane.active {
  display:grid;
}
.friendsRows {
  max-height:min(430px,calc(100vh - 210px));
  min-height:72px;
  overflow-y:auto;
  align-content:start;
  gap:6px;
  padding:9px 11px;
  box-sizing:border-box;
}
.friendCard {
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.13);
  border-radius:8px;
  background:linear-gradient(115deg,rgba(4,25,38,.92),rgba(4,15,25,.75));
  color:#bcdde5;
}
.friendCard.online {
  border-color:rgba(92,255,145,.19);
}
.friendCard.offline {
  opacity:.72;
}
.friendsDot {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#536e78;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.friendsDot.on {
  background:#5bff8f;
  box-shadow:0 0 7px rgba(91,255,143,.7);
}
.friendIdentity {
  display:grid;
  min-width:0;
  gap:2px;
}
.friendIdentity strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dff7fb;
  font-size:12px;
}
.friendIdentity small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7395a1;
  font-size:10px;
  text-transform:capitalize;
}
.friendState {
  padding:3px 6px;
  border-radius:8px;
  color:#6ee99a;
  background:rgba(50,180,100,.09);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
}
.friendState.gate {
  color:#ffd364;
  background:rgba(220,160,40,.11);
}
.friendCard.offline .friendState {
  color:#708992;
  background:rgba(100,120,130,.08);
}
.friendsBtns {
  display:flex;
  gap:4px;
}
.friendsBtns button {
  width:27px;
  height:25px;
  padding:4px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.28);
  border-radius:7px;
  color:#dffaff;
  background:rgba(13,76,99,.32);
  cursor:pointer;
}
.friendsBtns button:hover {
  border-color:rgba(124,240,255,.65);
  background:rgba(0,140,185,.3);
}
.friendsBtns button:disabled {
  opacity:.25;
  cursor:not-allowed;
}
.friendsBtns button.danger:hover {
  color:#ff8998;
  border-color:#ff6578;
  background:rgba(160,25,45,.25);
}
.friendsBtns button.accept {
  color:#77f3a3;
}
.friendsBtns svg {
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.friendRequestIcon {
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  color:#241600;
  background:#ffcf58;
  font:900 11px/1 ui-sans-serif,system-ui;
}
.friendCard.request {
  grid-template-columns:18px minmax(0,1fr) auto;
}
.friendsEmpty {
  padding:22px;
  text-align:center;
  color:#5c8290;
  font-size:11px;
  font-weight:800;
}
.friendsForm {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:9px 11px;
  box-sizing:border-box;
  border-top:1px solid rgba(124,240,255,.14);
}
.friendsForm.muted {
  opacity:.55;
}
.friendsForm input {
  min-width:0;
  width:100%;
  height:30px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:600 12px/1 ui-sans-serif,system-ui;
}
.friendsForm input:focus {
  border-color:#69e9ff;
}
.friendsForm button, .rankingTabs .tabBtn {
  height:30px;
  padding:0 14px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 12px/1.2 ui-sans-serif,system-ui;
}
.friendsForm button:hover, .rankingTabs .tabBtn:hover, .rankingTabs .tabBtn.active {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.clanPanel {
  width:500px;
  min-width:320px;
  max-width:calc(100vw - 20px);
  height:auto;
  max-height:calc(100vh - 20px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#clanWindow:has(#clanManagePane.active) {
  width:500px;
  max-width:calc(100vw - 20px);
}
.clanStatus {
  padding:8px 12px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#75e8ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.clanPane {
  display:none;
  flex-direction:column;
  min-height:0;
}
.clanPane.active {
  display:flex;
}
.clanSubHead {
  padding:8px 12px 0;
  color:#8fcddd;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.clanSubHead span {
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  margin-left:4px;
  padding:0 4px;
  border-radius:9px;
  color:#241600;
  background:#ffcf58;
  font-size:10px;
}
.clanRows {
  max-height:min(420px,calc(100vh - 260px));
  min-height:72px;
  overflow-y:auto;
  display:grid;
  align-content:start;
  gap:6px;
  padding:9px 11px;
  box-sizing:border-box;
}
.clanBtns {
  display:flex;
  gap:4px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
.clanDangerZone button {
  flex:1 1 auto;
  min-height:30px;
  white-space:normal;
}
.clanTransferForm {
  grid-template-columns:minmax(0,1fr) auto;
  border-top:0;
  padding-left:0;
  padding-right:0;
}
.clanCard {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.13);
  border-radius:8px;
  background:linear-gradient(115deg,rgba(4,25,38,.92),rgba(4,15,25,.75));
  color:#bcdde5;
}
.clanCard.request {
  grid-template-columns:auto minmax(0,1fr) auto;
}
.clanIdentity {
  display:grid;
  min-width:0;
  gap:2px;
}
.clanIdentity strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:5px;
  color:#dff7fb;
  font-size:12px;
}
.clanIdentity small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7395a1;
  font-size:10px;
}
.clanLeaderCrown {
  width:15px;
  height:15px;
  flex:0 0 auto;
  fill:#ffc83d;
  stroke:#fff0a1;
  stroke-width:1.5;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(255,190,35,.55));
}
.clanTagBadge {
  padding:3px 7px;
  border-radius:7px;
  color:#ffd364;
  background:rgba(220,160,40,.12);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.clanBtns button {
  width:30px;
  height:30px;
  padding:4px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.28);
  border-radius:7px;
  color:#dffaff;
  background:rgba(13,76,99,.32);
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui;
}
.clanBtns button:not(:has(svg)) {
  width:auto;
  min-width:30px;
  padding:0 12px;
  white-space:nowrap;
}
.clanBtns button:hover {
  border-color:rgba(124,240,255,.65);
  background:rgba(0,140,185,.3);
}
.clanBtns button.danger:hover {
  color:#ff8998;
  border-color:#ff6578;
  background:rgba(160,25,45,.25);
}
.clanBtns button.accept {
  color:#77f3a3;
}
.clanBtns svg {
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.clanCard button {
  width:30px;
  height:30px;
  padding:4px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  overflow:hidden;
}
.clanCard button svg {
  width:15px;
  height:15px;
  max-width:15px;
  max-height:15px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.clanCard button:not(:has(svg)) {
  width:auto;
  min-width:30px;
}
.clanIdentity strong svg {
  width:15px;
  height:15px;
  flex:0 0 auto;
}
.clanEmpty {
  padding:22px;
  text-align:center;
  color:#5c8290;
  font-size:11px;
  font-weight:800;
}
.clanBrowse {
  grid-template-columns:auto minmax(0,1fr) auto;
}
.clanBrowse .clanBtns button {
  width:auto;
  height:28px;
  padding:0 14px;
  font-size:11px;
}
.clanBrowse .clanBtns button:disabled {
  opacity:.4;
  cursor:not-allowed;
}
#clanAllList {
  gap:10px;
  max-height:min(480px,calc(100vh - 260px));
}
#clanAllList .clanBrowse {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(115deg,rgba(8,45,66,.95),rgba(6,20,32,.9));
  border:1px solid rgba(124,240,255,.28);
  box-shadow:0 2px 14px rgba(0,0,0,.35);
}
.clanBrowseHead {
  display:flex;
  align-items:center;
  gap:10px;
}
#clanAllList .clanTagBadge {
  font-size:12px;
  padding:4px 9px;
  border-radius:8px;
  letter-spacing:.5px;
}
.clanBrowseName {
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dff7fb;
  font-size:15px;
}
#clanAllList .clanBtns button {
  height:28px;
  padding:0 16px;
  font-size:11px;
  font-weight:800;
  border-radius:8px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
#clanAllList .clanBtns button.accept {
  color:#eafff3;
  border-color:rgba(110,255,170,.55);
  background:linear-gradient(135deg,rgba(0,190,120,.5),rgba(0,90,60,.45));
  box-shadow:0 0 16px rgba(60,255,150,.18);
}
#clanAllList .clanBtns button.accept:hover {
  background:rgba(0,180,110,.45);
  box-shadow:0 0 24px rgba(60,255,150,.32);
}
#clanAllList .clanBtns button:not(.accept) {
  border-color:rgba(255,190,120,.4);
  color:#ffe1b8;
  background:rgba(120,70,10,.25);
}
.clanBrowseSub {
  color:#7395a1;
  font-size:11px;
  min-width:0;
  overflow-wrap:anywhere;
}
.clanSep {
  border:0;
  border-top:1px solid rgba(124,240,255,.18);
  margin:3px 0;
}
.clanBrowseDesc {
  margin:0;
  min-width:0;
  color:#cfe7ef;
  font-size:12px;
  font-style:italic;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#clanAllList .clanBrowse {
  min-width:0;
}
#clanAllList .clanBrowseHead {
  min-width:0;
}
.clanTabs {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding:7px 10px 0;
  gap:5px;
}
.clanTabs button {
  height:29px;
  border:0;
  border-bottom:2px solid transparent;
  color:#6f929e;
  background:transparent;
  cursor:pointer;
  font:800 11px/1 ui-sans-serif,system-ui;
  text-transform:uppercase;
}
.clanTabs button.active {
  color:#dffaff;
  border-bottom-color:#63ddf8;
  background:linear-gradient(180deg,transparent,rgba(70,210,245,.08));
}
.clanInfoBox {
  padding:9px 11px 0;
  box-sizing:border-box;
  display:grid;
  gap:8px;
}
.clanInfoGrid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.clanInfoGrid>div {
  display:grid;
  gap:2px;
  padding:7px 8px;
  border:1px solid rgba(124,240,255,.13);
  border-radius:8px;
  background:rgba(2,18,29,.55);
}
.clanInfoGrid span {
  color:#7395a1;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.clanInfoGrid strong {
  color:#dff7fb;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.clanInfoGrid strong.open {
  color:#77f3a3;
}
.clanInfoGrid strong.closed {
  color:#ff9aa7;
}
.clanInfoGrid>div.clanRecruitCell {
  grid-column:2 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:0;
}
.clanRecruitStack {
  display:grid;
  gap:2px;
  min-width:0;
}
.clanRecruitCell button {
  margin-left:auto;
  height:22px;
  padding:0 12px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:6px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui;
}
.clanRecruitCell button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.clanDesc {
  margin:0;
  padding:8px 9px;
  border-left:2px solid rgba(124,240,255,.35);
  color:#cfe7ef;
  font-size:12px;
  font-style:italic;
}
#clanDescForm {
  margin:8px 11px 10px;
  padding:10px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(2,18,29,.55);
}
#clanDescForm .clanDescLabel {
  grid-column:1 / -1;
  color:#7395a1;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}
#clanDescForm .clanDescCurrent {
  grid-column:1 / -1;
  margin:0 0 2px;
  min-width:0;
  max-height:110px;
  overflow-y:auto;
  padding:8px 9px;
  color:#cfe7ef;
  font-size:12px;
  font-style:italic;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#clanLogList {
  max-height:min(320px,calc(100vh - 280px));
  overflow-y:auto;
}
.clanInfoActions {
  display:flex;
  gap:6px;
}
.clanInfoActions button,.clanDangerZone button {
  height:28px;
  padding:0 12px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui;
}
.clanInfoActions button:hover,.clanDangerZone button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.clanLog {
  display:grid;
  gap:3px;
  max-height:130px;
  overflow-y:auto;
  padding:7px 9px;
  border:1px solid rgba(124,240,255,.13);
  border-radius:8px;
  background:rgba(2,18,29,.55);
}
.clanLogRow {
  color:#8fa8b3;
  font-size:11px;
}
.clanDangerZone {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.clanDangerZone button.danger {
  border-color:rgba(255,101,120,.45);
  color:#ff9aa7;
  background:rgba(160,25,45,.22);
}
.clanDangerZone button.danger:hover {
  border-color:#ff6578;
  background:rgba(160,25,45,.35);
}
.clanCard select {
  min-width:0;
  max-width:110px;
  height:30px;
  box-sizing:border-box;
  padding:0 4px;
  border:1px solid rgba(124,240,255,.28);
  border-radius:7px;
  color:#dffaff;
  background:#051521;
  font:700 11px/1 ui-sans-serif,system-ui;
}
.clanBtns button[data-act="transfer"] {
  color:#ffd364;
}
.clanRank {
  grid-template-columns:minmax(0,1fr) auto auto;
}
#clanList .clanCard {
  grid-template-columns:minmax(0,1fr) auto auto;
}
#clanList .clanCard .clanBtns {
  grid-column:-1;
  justify-self:end;
}
.clanRankChecks {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.clanRankChecks label {
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#9fc3cf;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
#clanRanksList .clanRankChecks input[type="checkbox"] {
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  width:17px;
  height:17px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,240,255,.38);
  border-radius:6px;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  accent-color:unset;
  cursor:pointer;
}
#clanRanksList .clanRankChecks input[type="checkbox"]:checked::after {
  content:"✓";
  color:#eaffff;
  font-size:11px;
  font-weight:900;
  line-height:1;
}
#clanRanksList .clanRankChecks input[type="checkbox"]:hover {
  border-color:rgba(124,240,255,.62);
}
#clanRanksList .clanRankChecks input[type="checkbox"]:disabled {
  opacity:.35;
  cursor:default;
}
.clanDiplo {
  grid-template-columns:auto minmax(0,1fr) auto;
}
.clanTagBadge.diplo-war {
  color:#ff8998;
  background:rgba(160,25,45,.25);
}
.clanTagBadge.diplo-alliance {
  color:#77f3a3;
  background:rgba(50,180,100,.12);
}
.clanTagBadge.diplo-nap {
  color:#ffd364;
  background:rgba(220,160,40,.12);
}
#clanWindow .clanForm select {
  height:30px;
  box-sizing:border-box;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:700 12px/1 ui-sans-serif,system-ui;
}
#clanDiploForm {
  grid-template-columns:minmax(0,1fr) auto auto;
}
#clanAppsBlock .clanSubHead {
  color:#ffcf58;
}
#clanAppsList {
  max-height:180px;
  min-height:0;
}
.clanForm {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:9px 11px;
  box-sizing:border-box;
  border-top:1px solid rgba(124,240,255,.14);
}
#clanCreateForm {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  border-top:0;
}
.clanBrowseTabs {
  grid-template-columns:1fr 1fr;
}
#clanCreateForm.clanCreateGrid {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
#clanCreateForm.clanCreateGrid #clanDescCreateInput {
  grid-column:1 / -1;
}
#clanCreateForm.clanCreateGrid #clanCreateBtn {
  grid-column:1 / -1;
  height:34px;
}
.clanForm input {
  min-width:0;
  width:100%;
  height:30px;
  box-sizing:border-box;
  padding:0 9px;
  outline:0;
  border:1px solid rgba(124,240,255,.30);
  border-radius:7px;
  color:#effcff;
  background:#051521;
  font:600 12px/1 ui-sans-serif,system-ui;
}
.clanForm input:focus {
  border-color:#69e9ff;
}
.clanForm button {
  height:30px;
  padding:0 14px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  cursor:pointer;
  font:800 12px/1.2 ui-sans-serif,system-ui;
  white-space:nowrap;
}
.clanForm button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.clanLeaveRow {
  display:flex;
  justify-content:flex-end;
  padding:0 11px 10px;
  box-sizing:border-box;
}
.clanLeaveRow button {
  height:28px;
  padding:0 12px;
  border:1px solid rgba(255,101,120,.45);
  border-radius:8px;
  color:#ff9aa7;
  background:rgba(160,25,45,.22);
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui;
}
.clanLeaveRow button:hover {
  border-color:#ff6578;
  background:rgba(160,25,45,.35);
}
.rankingPanel {
  width:720px !important;
  min-width:420px !important;
  max-width:calc(100vw - 20px);
  max-height:calc(100vh - 20px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#rankingWindow.gameWindow {
  width:720px !important;
  min-width:420px !important;
  max-width:calc(100vw - 20px);
}
.rankingTabs {
  display:flex;
  gap:8px;
  padding:10px 11px 0;
  box-sizing:border-box;
}
.rankingTabs .tabBtn {
  flex:1 1 0;
  height:30px !important;
  padding:0 14px !important;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  cursor:pointer;
  font:800 11px/1.2 ui-sans-serif,system-ui !important;
}
.rankingTabs .tabBtn:hover, .rankingTabs .tabBtn.active {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  color:#eaffff !important;
}
.rankingPane {
  display:none;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
}
.rankingPane.active {
  display:flex;
}
.rankingPane[data-ranking-pane="board"] {
  padding-bottom:10px;
}
.rankingPane[data-ranking-pane="exp"],
.rankingPane[data-ranking-pane="honor"],
.rankingPane[data-ranking-pane="eternal"] {
  padding-bottom:10px;
}
.rankingPane[data-ranking-pane="npcs"] {
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 0 10px;
  gap:0;
  max-height:min(780px,calc(100vh - 60px));
}
.rankingPane[data-ranking-pane="npcs"] .npcKillList {
  max-height:none;
}
#rankingWindow .npcStatsCard {
  flex:0 0 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
#rankingWindow .npcStatsHeader {
  flex:0 0 auto;
  margin:4px 0 0;
  padding:8px 11px 6px;
  display:flex;
  align-items:center;
  border:0;
  border-top:1px solid rgba(124,240,255,.16);
  color:#5d96a5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#rankingWindow .npcStatsCard:first-child .npcStatsHeader {
  border-top:0;
}
#rankingWindow .npcStatsHeader small {
  color:#5d96a5;
  font-size:10px;
  font-weight:800;
}
#rankingWindow .npcCollapseHead {
  flex:0 0 auto;
  width:100%;
  margin:4px 0 0;
  padding:8px 11px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:0;
  border-top:1px solid rgba(124,240,255,.16);
  background:none;
  color:#5d96a5;
  font:800 10px/1 ui-sans-serif,system-ui;
  text-transform:uppercase;
  letter-spacing:.7px;
  cursor:pointer;
}
#rankingWindow .npcCollapseHead:hover {
  color:#dffaff;
}
#rankingWindow .npcCollapseHead svg {
  flex:0 0 auto;
  width:10px;
  height:7px;
  color:inherit;
  transition:transform .18s ease;
}
#rankingWindow .npcCollapsible.collapsed .npcCollapseBody {
  display:none;
}
#rankingWindow .npcCollapsible.collapsed .npcCollapseHead svg {
  transform:rotate(-90deg);
}
#rankingWindow .npcCollapseBody {
  display:flex;
  flex-direction:column;
  min-width:0;
}
#rankingWindow .npcKillList {
  flex:0 0 auto;
  min-height:0;
  max-height:none;
  padding:0;
  margin:0;
  display:block;
  overflow:visible;
  border:0;
}
#rankingWindow .npcKillRow {
  min-width:0;
  padding:5px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:0;
  border-radius:0;
  color:#bcdde5;
  background:none;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
}
#rankingWindow .npcKillRow span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#bcdde5;
}
#rankingWindow .npcKillRow strong {
  flex:0 0 auto;
  color:#effcff;
}
#rankingWindow .rankCalculationCard {
  margin:0;
  padding:10px 11px 2px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
#rankingWindow .rankCalculationMetric, #rankingWindow .rankCalculationCurrent, #rankingWindow .rankCalculationAdjacent {
  min-width:0;
  padding:2px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
#rankingWindow .rankCalculationCard span {
  color:#5d96a5;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#rankingWindow .rankCalculationCard strong {
  color:#effcff;
  font-size:14px;
  font-weight:800;
}
#rankingWindow .rankCalculationCard small {
  overflow:hidden;
  color:rgba(188,221,229,.7);
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#rankingWindow .rankCalculationCard .rankImportantValue {
  margin-top:2px;
  color:#ffd36b;
  font-size:11px;
  font-weight:800;
}
#rankingWindow .rankCalculationCurrent, #rankingWindow .rankCalculationAdjacent {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
#rankingWindow .rankCalculationAdjacent {
  grid-column:span 2;
}
#rankingWindow .rankCalculationCurrent {
  grid-column:span 2;
}
#rankingWindow .rankPrevious {
  border:0;
  justify-self:start;
  text-align:left;
}
#rankingWindow .rankNext {
  border:0;
  justify-self:end;
  text-align:right;
}
#rankingWindow .rankCalculationCurrent {
  justify-self:center;
  text-align:center;
}
#rankingWindow .rankPrevious strong {
  color:#effcff;
}
#rankingWindow .rankPrevious .rankImportantValue {
  color:#ffd36b;
}
#rankingWindow .rankCalculationCurrent strong {
  color:#effcff;
}
#rankingWindow .rankCalculationCurrent .rankImportantValue, #rankingWindow .rankCalculationCurrent small b {
  color:#ffd36b;
}
#rankingWindow .rankNext strong {
  color:#effcff;
}
#rankingWindow .rankNext .rankImportantValue {
  color:#ffd36b;
}
#rankingWindow .rankCalculationCurrent img, #rankingWindow .rankCalculationAdjacent img {
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
}
#rankingWindow .rankCalculationCurrent div, #rankingWindow .rankCalculationAdjacent div {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  text-align:center;
  align-items:center;
}
#rankingWindow .rankMetricsSeparator {
  grid-column:1 / -1;
  margin:4px 0 0;
  padding:8px 0 2px;
  border:0;
  border-top:1px solid rgba(124,240,255,.16);
}
#rankingWindow .rankMetricsSeparator span {
  color:#5d96a5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#rankingWindow .rankCalculationMetric {
  grid-column:span 3;
}
#rankingWindow .rankCalculationMetric strong {
  color:#effcff;
  font-weight:800;
}
#rankingWindow .rankCalculationMetric small {
  color:rgba(188,221,229,.7);
  font-weight:700;
}
#rankingWindow .npcRewardRow {
  min-width:0;
  padding:5px 11px;
  display:grid;
  grid-template-columns:minmax(120px,1.4fr) repeat(5,minmax(56px,1fr));
  align-items:center;
  gap:8px;
  border:0;
  border-radius:0;
  color:#bcdde5;
  background:none;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
}
#rankingWindow .npcRewardRow:nth-child(even) {
  background:rgba(124,240,255,.04);
}
#rankingWindow .npcRewardRow + .npcRewardRow {
  margin-top:0;
}
#rankingWindow .npcRewardRow > :not(:first-child) {
  text-align:right;
  font-variant-numeric:tabular-nums;
}
#rankingWindow .npcRewardRow strong {
  color:#effcff;
  font-weight:700;
}
#rankingWindow .npcRewardRow span {
  color:#bcdde5;
  font-weight:600;
}
#rankingWindow .npcRewardHeader {
  flex:0 0 auto;
  margin:0;
  padding:5px 11px;
  border:0;
  border-radius:0;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#5d96a5;
  background:none;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#rankingWindow .npcRewardHeader span {
  color:#5d96a5;
}
#rankingWindow .npcRewardName {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#effcff;
  font-weight:700;
}
#rankingWindow .npcTotalsSeparator, #rankingWindow .missionStatsSeparator {
  flex:0 0 auto;
  margin:4px 0 0;
  padding:8px 11px 6px;
  border:0;
  border-top:1px solid rgba(124,240,255,.16);
  color:#5d96a5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#rankingWindow .npcTotalsSeparator span, #rankingWindow .missionStatsSeparator span {
  color:#5d96a5;
}
#rankingWindow .npcRewardTotals {
  flex:0 0 auto;
  padding:0;
  overflow:visible;
}
#rankingWindow .npcTotalRewardRow {
  border:0;
  border-top:1px solid rgba(124,240,255,.16);
  background:none;
}
#rankingWindow .npcTotalRewardRow strong, #rankingWindow .npcTotalRewardRow span:not(.npcRewardName), #rankingWindow .missionRewardRow strong, #rankingWindow .missionRewardRow span:not(.npcRewardName) {
  color:#ffd36b;
  font-weight:800;
}
#rankingWindow .missionRewardSummary {
  flex:0 0 auto;
  padding:0 0 6px;
  overflow:visible;
}
#rankingWindow .missionRewardRow {
  border:0;
  border-radius:0;
  background:none;
}
.rankingStatus {
  padding:7px 11px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(124,240,255,.16);
  color:#75e8ff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}
.rankingHead,.rankingRow {
  display:grid;
  grid-template-columns:34px 40px 56px minmax(0,1fr) minmax(90px,max-content);
  gap:6px;
  align-items:center;
  padding:5px 11px;
  box-sizing:border-box;
}
.rankingHead {
  color:#5d96a5;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
  border-bottom:1px solid rgba(124,240,255,.16);
}
.rankingHead span:nth-child(2),.rankingHead span:nth-child(3) {
  text-align:center;
}
.rankingRows {
  height:320px;
  min-height:160px;
  overflow-y:auto;
  display:grid;
  align-content:start;
  box-sizing:border-box;
  padding:4px 0;
}
.rankingRow {
  color:#bcdde5;
  font-size:12px;
  font-weight:600;
}
.rankingRow:nth-child(even) {
  background:rgba(124,240,255,.04);
}
.rankingRow.rankingMe {
  background:rgba(255,211,107,.10);
}
.rankingRow.rankingMe .rankingName {
  color:#ffd36b;
  font-weight:800;
}
.rankingPos {
  color:#5d96a5;
  font-weight:800;
}
.rankingGrade {
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
  justify-self:center;
}
.rankingFirm {
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
  justify-self:center;
  image-rendering:auto;
}
.rankingFirmNone {
  width:auto;
  height:auto;
  color:#5d96a5;
  font-size:11px;
  font-weight:800;
}
.rankingName {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#effcff;
  font-weight:700;
}
.rankingHead span:last-child {
  text-align:center;
  white-space:nowrap;
}
.rankingNum {
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.rankingPts {
  text-align:center;
  color:#ffd36b;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  min-width:0;
}
.rankingEmpty {
  padding:20px;
  text-align:center;
  color:#5c8290;
  font-size:11px;
  font-weight:800;
}
.performanceActions {
  display:grid;
  gap:9px;
  margin-top:14px;
}
.performanceButton {
  width:100%;
  box-sizing:border-box;
  min-height:36px;
  padding:8px 12px;
  border:1px solid rgba(124,240,255,.28);
  border-radius:7px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(8,65,88,.8),rgba(5,27,45,.86));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  cursor:pointer;
  font:800 12px ui-sans-serif,system-ui;
  text-align:center;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.performanceButton:hover {
  transform:translateY(-1px);
  border-color:rgba(124,240,255,.7);
  background:linear-gradient(135deg,rgba(0,145,190,.5),rgba(5,45,68,.92));
  box-shadow:0 0 16px rgba(0,217,255,.16);
}
.performanceButton:active {
  transform:translateY(0);
}
#boxWave.gameWindow > .row, #boxMeta.gameWindow > .row {
  padding-left:12px !important;
  padding-right:12px !important;
}
#boxWave.gameWindow > .row:first-of-type, #boxMeta.gameWindow > .row:first-of-type {
  padding-top:10px !important;
}
#boxWave.gameWindow > .row:last-of-type, #boxMeta.gameWindow > .row:last-of-type {
  padding-bottom:10px !important;
}
#boxVitals .barWrap.vitalsMeters {
  margin-top:0 !important;
  padding:9px 12px 9px !important;
  display:grid !important;
  gap:7px !important;
}
#boxVitals .vitalsMeter {
  display:grid;
  gap:3px;
  min-width:0;
}
#boxVitals .vitalsMeterTop {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}
#boxVitals .vitalsMeterLabel {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(180,210,255,.64);
  font-size:12px;
  font-weight:800;
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
}
#boxVitals .vitalsMeterLabel::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  flex:0 0 auto;
  background:#789cac;
}
#boxVitals .vitalsMeterLabel.is-hp::before {
  background:#5fd97c;
  box-shadow:0 0 6px rgba(95,217,124,.6);
}
#boxVitals .vitalsMeterLabel.is-hp {
  color:#5fd97c;
}
#boxVitals .vitalsMeterLabel.is-sh::before {
  background:#4fd8f7;
  box-shadow:0 0 6px rgba(79,216,247,.6);
}
#boxVitals .vitalsMeterLabel.is-sh {
  color:#4fd8f7;
}
#boxVitals .vitalsMeterLabel.is-cargo::before {
  background:#ffd36b;
  box-shadow:0 0 6px rgba(255,211,107,.6);
}
#boxVitals .vitalsMeterLabel.is-cargo {
  color:#ffd36b;
}
#boxVitals .bar.slim {
  position:relative;
  height:6px;
  overflow:hidden;
  isolation:isolate;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
}
#boxVitals .bar.slim > i {
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  height:100%;
  border-radius:999px;
  transition:width .18s ease;
}
#boxVitals .barValue {
  position:static;
  inset:auto;
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-shadow:none;
  opacity:1;
  white-space:nowrap;
  pointer-events:none;
}
#petWindow.gameWindow {
  width:272px !important;
  max-width:calc(100vw - 28px) !important;
}
#petWindow.gameWindow .barWrap.petMeters {
  margin-top:0 !important;
  padding:2px 12px 12px !important;
  display:grid !important;
  gap:7px !important;
}
#petWindow.gameWindow .petMeter {
  display:grid;
  gap:3px;
  min-width:0;
}
#petWindow.gameWindow .petMeterTop {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}
#petWindow.gameWindow .petMeterLabel {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(180,210,255,.64);
  font-size:12px;
  font-weight:800;
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
}
#petWindow.gameWindow .petMeterLabel::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  flex:0 0 auto;
  background:#789cac;
  box-shadow:0 0 6px rgba(255,255,255,.15);
}
#petWindow.gameWindow .petMeterLabel.is-hp::before {
  background:#5fd97c;
  box-shadow:0 0 6px rgba(95,217,124,.6);
}
#petWindow.gameWindow .petMeterLabel.is-sh::before {
  background:#4fd8f7;
  box-shadow:0 0 6px rgba(79,216,247,.6);
}
#petWindow.gameWindow .petMeterLabel.is-xp::before {
  background:#9d7bff;
  box-shadow:0 0 6px rgba(157,123,255,.6);
}
#petWindow.gameWindow .petMeterLabel.is-fuel::before {
  background:#ece7d9;
  box-shadow:0 0 6px rgba(236,231,217,.55);
}
#petWindow.gameWindow .petMeterLabel.is-hp {
  color:#5fd97c;
}
#petWindow.gameWindow .petMeterLabel.is-sh {
  color:#4fd8f7;
}
#petWindow.gameWindow .petMeterLabel.is-fuel {
  color:#ece7d9;
}
#petWindow.gameWindow .petMeterLabel.is-level {
  color:#9d7bff;
}
#petWindow.gameWindow .petMeterLabel.is-level::before {
  background:#9d7bff;
  box-shadow:0 0 6px rgba(157,123,255,.6);
}
#petWindow.gameWindow .barValue {
  position:static;
  inset:auto;
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-shadow:none;
  opacity:1;
  white-space:nowrap;
  pointer-events:none;
}
#petWindow.gameWindow .bar.slim {
  position:relative;
  height:6px;
  overflow:hidden;
  isolation:isolate;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
}
#petWindow.gameWindow .bar.slim > i {
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  height:100%;
  border-radius:999px;
  transition:width .18s ease;
}
#petWindow .petHeader {
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px 8px;
}
#petWindow #petSprite {
  width:48px;
  height:48px;
  object-fit:contain;
  flex:0 0 auto;
  display:block;
}
#petWindow .petIdentity {
  display:grid;
  gap:3px;
  flex:1 1 auto;
  min-width:0;
}
#petWindow .petIdentity strong {
  color:#effcff;
  font-size:12px;
  font-weight:800;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#petWindow .petIdentity .petLevelBadge {
  position:absolute;
  left:12px;
  bottom:1px;
  width:48px;
  text-align:center;
  color:#8fe6f7;
  background:none;
  border:none;
  padding:0;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.6px;
  line-height:1.5;
  text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.8);
  white-space:nowrap;
}
#petWindow #petPlayBtn {
  flex:0 0 auto;
  width:38px;
  height:30px;
  padding:0;
  border-radius:8px;
  border:1px solid rgba(124,240,255,.38);
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  color:#eaffff;
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
#petWindow #petPlayBtn svg {
  width:14px;
  height:14px;
  display:block;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
  pointer-events:none;
}
#petWindow #petPlayBtn svg * {
  pointer-events:none;
}
#petWindow #petPlayBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#petWindow #petPlayBtn.isOn {
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  border-color:rgba(124,240,255,.38);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  color:#eaffff;
}
#petWindow #petPlayBtn.isOn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#petWindow #petPlayBtn:disabled {
  opacity:.35;
  cursor:default;
}
#petWindow .petFuelBuyBtn {
  width:100%;
  margin-top:6px;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid rgba(124,240,255,.38);
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  color:#eaffff;
  font:750 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
  white-space:nowrap;
}
#petWindow .petFuelBuyBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#petWindow .petFuelBuyBtn:disabled {
  opacity:.35;
  cursor:default;
}
#petWindow .petModeRow {
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px 8px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:normal;
  text-transform:none;
}
#petWindow .petModeRow>span:first-child {
  min-width:38px;
}
#petWindow .petModeRow[hidden] {
  display:none !important;
}
#petWindow .petDropdown {
  position:relative;
  flex:1 1 auto;
  min-width:0;
}
#petWindow .petDropdown>button {
  width:100%;
  text-align:left;
  background:#06121c;
  color:#eafaff;
  border:1px solid rgba(105,233,255,.2);
  border-radius:5px;
  padding:4px 7px;
  font:800 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
#petWindow .petDropdown>button:disabled {
  opacity:.45;
  cursor:default;
}
#petWindow .petDropdownList {
  position:fixed;
  z-index:9999;
  overflow-y:auto;
  background:#06121c;
  border:1px solid rgba(105,233,255,.25);
  border-radius:5px;
  padding:3px;
  box-shadow:0 8px 24px rgba(0,0,0,.5);
}
#petWindow #petModeList {
  max-height:none;
  overflow:visible;
}
#petWindow #petNpcList {
  max-height:250px;
  overflow-y:auto;
}
#petWindow .petDropdownList[hidden] {
  display:none;
}
#petWindow .petDropdownList>button {
  display:block;
  width:100%;
  text-align:left;
  background:transparent;
  color:#eafaff;
  border:0;
  border-radius:3px;
  padding:5px 7px;
  font:800 11px/1.3 ui-sans-serif,system-ui;
  cursor:pointer;
}
#petWindow .petDropdownList>button:hover:not(:disabled) {
  background:rgba(0,217,255,.14);
}
#petWindow .petDropdownList>button:disabled {
  opacity:.45;
  cursor:default;
}
#petWindow .petDropdownList>button.isCurrent {
  background:rgba(0,217,255,.2);
}
/* Icônes des gears dans la liste déroulante Mode + bouton fermé. */
#petWindow .petDropdownList>button img.petModeIcon,
#petWindow #petModeBtn img.petModeIcon {
  width:22px;
  height:22px;
  object-fit:contain;
  vertical-align:-6px;
  margin-right:6px;
}
#petWindow .petNoPet {
  padding:8px 12px 12px;
  color:#789cac;
  font-size:11px;
  text-align:center;
}
#boxPerformance.gameWindow {
  width:158px !important;
  min-width:158px !important;
  max-width:calc(100vw - 28px) !important;
}
#boxPerformance.gameWindow .barWrap {
  margin-top:0 !important;
  padding:7px 10px 8px !important;
  display:block;
}
#boxPerformance.gameWindow .row {
  min-height:20px;
  padding:0 2px;
  border:0;
  align-items:center;
  font-size:11px;
}
#boxPerformance.gameWindow .performanceActions {
  width:100%;
  margin-top:4px;
}
@keyframes hudWindowPop{
  from{
    opacity:.82;
    transform:scale(.985);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}
#boxWave.gameWindow, #boxMeta.gameWindow, #boxVitals.gameWindow, #minimap.gameWindow {
  animation:hudWindowPop .16s ease both;
}
#gameWindowDock {
  position:fixed !important;
  top:12px !important;
  left:12px !important;
  right:12px !important;
  bottom:auto !important;
  z-index:96000 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  padding:6px !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  overflow:visible !important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  border-radius:0 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}
/* Écrans étroits : passage sur 2 lignes (pas de défilement).
   Seuil au-dessus de la largeur réelle d'une rangée (~28 icônes × 44px). */
@media (max-width:1300px) {
  #gameWindowDock {
    flex-wrap:wrap !important;
    overflow-x:visible !important;
  }
  /* Le libellé sous le bouton chevaucherait la 2e ligne : masqué en étroit. */
  #gameWindowDock .gameDockIcon::after {
    display:none !important;
  }
}
#gameWindowDock::-webkit-scrollbar {
  display:none !important;
}
#gameWindowDock:empty {
  display:none !important;
}
#gameWindowDock .gameDockIcon {
  width:42px !important;
  height:42px !important;
  flex:none !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
  border:1px solid rgba(124,240,255,.34) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(0,217,255,.16), rgba(4,9,24,.92)) !important;
  color:#e8f4ff !important;
  font-size:20px !important;
  font-weight:900 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.42),
    0 0 14px rgba(0,217,255,.10) !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#gameWindowDock .gameDockIcon:active {
  transform:none !important;
}
#gameWindowDock .gameDockIcon:hover:not(.dockIconActive) {
  border-color:rgba(124,240,255,.82) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.50),
    0 0 24px rgba(0,217,255,.28) !important;
}
#gameWindowDock .gameDockIcon.dockIconActive {
  border-color:rgba(255,200,90,.95) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.42),
    0 0 18px rgba(255,185,70,.45),
    inset 0 0 12px rgba(255,190,80,.22) !important;
}
#gameWindowDock .gameDockIcon span {
  pointer-events:none;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  flex:none !important;
  line-height:0 !important;
}
#gameWindowDock .gameDockIcon img {
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  flex:none !important;
  pointer-events:none !important;
  transform:none !important;
}
#gameWindowDock .gameDockIcon:hover img,
#gameWindowDock .gameDockIcon:active img,
#gameWindowDock .gameDockIcon:focus img,
#gameWindowDock .gameDockIcon.dockIconActive img {
  transform:none !important;
}
/* Survol : le libellé apparaît sous le bouton (le bouton garde sa taille). */
#gameWindowDock .gameDockIcon {
  position:relative !important;
  overflow:visible !important;
}
#gameWindowDock .gameDockIcon::after {
  content:attr(data-docklabel);
  position:absolute;
  top:calc(100% + 6px);
  left:50%;
  display:block;
  white-space:nowrap;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  color:#eaffff !important;
  text-shadow:0 1px 3px #000;
  background:linear-gradient(135deg, rgba(0,217,255,.18), rgba(4,9,24,.95)) !important;
  border:1px solid rgba(124,240,255,.45) !important;
  border-radius:6px !important;
  padding:4px 10px !important;
  opacity:0;
  transform:translateX(-50%) translateY(-4px);
  pointer-events:none !important;
  transition:opacity .15s ease, transform .18s ease !important;
  z-index:97000 !important;
}
#gameWindowDock .gameDockIcon:hover::after,
#gameWindowDock .gameDockIcon:focus-visible::after {
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
#gameWindowDock .gameDockIcon:not([data-docklabel])::after {
  display:none !important;
}
#ammoBar {
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:10px 12px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  max-width:min(1060px,96vw);
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
  pointer-events:auto;
}
.ammoBtn {
  --c:var(--accent);
  cursor:pointer;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--txt);
  padding:8px 10px;
  border-radius:12px;
  font-weight:900;
  min-width:92px;
  text-align:center;
  user-select:none;
}
#boxVitals.gameWindow .vitalsControls {
  display:grid;
  gap:5px;
  margin-top:2px;
  padding-top:8px;
  border-top:1px solid rgba(124,240,255,.13);
}
#boxVitals.gameWindow .vitalsControls .row {
  min-height:25px;
  margin:0;
  padding:0 1px;
  align-items:center;
}
#boxVitals.gameWindow .vitalsControls .configRow {
  margin-top:0;
}
.ammoBtn small {
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.ammoBtn.active, .ammoBtn.ready {
  border-color:color-mix(in srgb, var(--c) 55%, rgba(255,255,255,.1));
  background:color-mix(in srgb, var(--c) 18%, rgba(255,255,255,.06));
  box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 18%, transparent) inset;
}
.ammoBtn.disabled {
  opacity:.45;
  cursor:not-allowed;
}
.ammoBtn[data-ammo="x1"] {
  --c:var(--x1);
}
.ammoBtn[data-ammo="x2"] {
  --c:var(--x2);
}
.ammoBtn[data-ammo="x3"] {
  --c:var(--x3);
}
.ammoBtn[data-ammo="x4"] {
  --c:var(--x4);
}
.ammoBtn[data-ammo="x6"] {
  --c:var(--x6);
}
.ammoBtn[data-ammo="sab"] {
  --c:#2f62c0;
}
.ammoBtn[data-ammo="rcb"] {
  --c:#c83cff;
}
.ammoBtn[data-ammo="cbo"] {
  --c:#965aff;
}
.ammoBtn[data-ammo="job"] {
  --c:#dcff50;
}
.ammoBtn[data-ammo="rb"] {
  --c:#ffd250;
}
.ammoBtn[data-ammo="pib"] {
  --c:#50dcc8;
}
.ammoBtn[data-ammo="idb"] {
  --c:#ff50c8;
}
.ammoBtn[data-ammo="vb"] {
  --c:#aa50ff;
}
.ammoBtn[data-ammo="emaa"] {
  --c:#8cff78;
}
.ammoBtn[data-ammo="sbl"] {
  --c:#50dcff;
}
.ammoBtn[data-ammo="abl"] {
  --c:#ff6eb4;
}
.ammoBtn[data-ammo="tent"] {
  --c:#8a7bff;
}
.ammoBtn[data-ammo="ice"] {
  --c:#96e1ff;
}
.ammoBtn[data-skill="pulse"] {
  --c:#b342ff;
}
.ammoBtn[data-skill="ish"] {
  --c:#ffe14d;
}
.ammoBtn[data-skill="repair"] {
  --c:#39ff14;
}
.ammoBtn[data-skill="cloak"] {
  --c:#a4133c;
}
.ammoBtn[data-skill="smb"] {
  --c:#0b2e8f;
}
.skillBtn {
  min-width:130px;
}
#btnPulse {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
#btnIsh {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
#btnCloak {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
#btnSmb {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
#btnCloak img, #btnSmb img {
  display:block;
  margin:0 auto;
}
#btnPulse .skillTopRow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
}
#btnPulse .skillTop {
  font-weight:900;
}
#btnPulse .skillTopRow .keyHint {
  margin:0;
}
#btnPulse small {
  display:inline-block;
  margin-top:0;
}
#btnIsh small {
  display:inline-block;
  margin-top:0;
}
#btnCloak small, #btnSmb small {
  display:inline-block;
  margin-top:0;
}
#btnPulse .skillBottom {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
}
#btnPulse #pulsePrice, #btnPulse #pulsePct {
  white-space:nowrap;
  margin:0;
}
#btnIsh #ishPrice, #btnIsh #ishPct {
  white-space:nowrap;
  margin:0;
}
#centerMsg {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(560px, calc(100vw - 28px));
  padding:18px 20px;
  text-align:center;
  display:none;
}
#centerMsg h2 {
  margin:0 0 8px;
  font-size:18px;
}
#centerMsg p {
  margin:6px 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
#centerMsg .btnHint {
  display:inline-block;
  margin-top:10px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(124,240,255,.22);
  background:rgba(124,240,255,.08);
  color:var(--txt);
  font-size:12px;
}
#startHint {
  left:50%;
  top:14px;
  transform:translateX(-50%);
  width:min(760px, calc(100vw - 28px));
  padding:10px 12px;
  display:none;
  text-align:center;
}
#startHint .t {
  margin-bottom:4px;
  color:var(--accent);
  font-size:13px;
  font-weight:900;
}
#startHint .b {
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
#portalOverlay {
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  pointer-events:none;
}
#portalCard {
  width:min(420px, calc(100vw - 28px));
  padding:14px;
  text-align:center;
  border-radius:18px;
  border:1px solid rgba(124,240,255,.20);
  background:rgba(10,14,30,.55);
  backdrop-filter:blur(8px);
  box-shadow:0 18px 60px rgba(0,0,0,.55);
  pointer-events:auto;
}
#portalCard .title {
  margin-bottom:6px;
  color:var(--accent);
  font-size:16px;
  font-weight:1000;
}
#portalCard .sub {
  margin-bottom:10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
#nextWaveBtn {
  width:100%;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:var(--txt);
  padding:12px;
  border-radius:14px;
  font-weight:1000;
}
#nextWaveBtn:disabled {
  opacity:.45;
  cursor:not-allowed;
}
.modal {
  border:1px solid rgba(124,240,255,.24);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80));
  box-shadow:0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04);
  animation:modalIn .22s ease-out;
}
#centerMsg {
  border:1px solid rgba(124,240,255,.24);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80));
  box-shadow:0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04);
  animation:modalIn .22s ease-out;
}
#portalCard {
  border:1px solid rgba(124,240,255,.24);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80));
  box-shadow:0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04);
  animation:modalIn .22s ease-out;
}
#confirmOverlay > div {
  border:1px solid rgba(124,240,255,.24) !important;
  border-radius:8px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12) !important;
  animation:modalIn .22s ease-out;
}
@keyframes modalIn{
  from{ opacity:0; transform:translateY(8px) scale(.98); }
  to{ opacity:1; transform:none; }
}
.overlay {
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  background:rgba(0,0,0,.50);
  backdrop-filter:blur(6px);
  pointer-events:auto;
  z-index:9999;
}
#deathVeil {
  position:fixed;
  inset:0;
  background:#000;
  opacity:0;
  pointer-events:none;
  z-index:9998;
  transition:opacity 1.6s ease-in;
}
body.orbitDead #gameWindowDock, body.orbitDead #ammoBar, body.orbitDead .gameWindow, body.orbitDead .panel, body.orbitDead #toastContainer, body.orbitDead .orbitNotifications, body.orbitDead #profileOverlay, body.orbitDead #shopOverlay, body.orbitDead #hangarOverlay, body.orbitDead #confirmOverlay, body.orbitDead #fpsOverlay {
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .6s ease;
}
body.orbitNoFade #gameWindowDock, body.orbitNoFade #ammoBar, body.orbitNoFade .gameWindow, body.orbitNoFade .panel, body.orbitNoFade #toastContainer, body.orbitNoFade .orbitNotifications, body.orbitNoFade #profileOverlay, body.orbitNoFade #shopOverlay, body.orbitNoFade #hangarOverlay, body.orbitNoFade #confirmOverlay, body.orbitNoFade #fpsOverlay {
  transition:none !important;
}
#deathVeil.active {
  opacity:.65;
}
#deathVeil.instant {
  transition:none;
  opacity:0;
}
#respawnOverlay.fadeIn {
  background:rgba(0,0,0,0);
  animation:respawnOverlayIn .6s ease-out both;
}
@keyframes respawnOverlayIn{
  from{ opacity:0; }
  to{ opacity:1; }
}
.modal {
  width:min(860px, calc(100vw - 28px));
  padding:14px;
  background:rgba(10,14,30,.90);
  border:1px solid rgba(124,240,255,.20);
  border-radius:18px;
  box-shadow:0 18px 80px rgba(0,0,0,.65);
}
.modal h2 {
  margin:0 0 6px;
  color:var(--accent);
  font-size:16px;
}
.modal p {
  margin:0 0 12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.modal .grid {
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:10px;
}
.skinBtn {
  display:grid;
  gap:6px;
  justify-items:center;
  padding:8px;
  cursor:pointer;
  user-select:none;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:14px;
}
.skinBtn.selected {
  border-color:rgba(124,240,255,.55);
  box-shadow:0 0 0 2px rgba(124,240,255,.12) inset;
  background:rgba(124,240,255,.08);
}
.skinBtn canvas {
  width:64px;
  height:64px;
  image-rendering:pixelated;
  background:rgba(255,255,255,.03);
  border-radius:12px;
}
.skinBtn span {
  color:var(--txt);
  font-size:11px;
  font-weight:900;
}
.modalRow {
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
}
.primaryBtn, .secondaryBtn, .primary, .secondary {
  cursor:pointer;
  color:var(--txt);
  padding:10px 12px;
  border-radius:14px;
  font-weight:1000;
}
.primaryBtn, .primary {
  min-width:220px;
  border:1px solid rgba(124,240,255,.35);
  background:rgba(124,240,255,.12);
}
.secondaryBtn, .secondary {
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}
.shopItem {
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  padding:10px;
  margin-bottom:10px;
}
.shopItem h4 {
  margin:0 0 6px;
  font-size:13px;
}
.shopItem p {
  margin:0 0 8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.shopItem button {
  width:100%;
  cursor:pointer;
  border:1px solid rgba(124,240,255,.22);
  background:rgba(124,240,255,.10);
  color:var(--txt);
  padding:9px 10px;
  border-radius:12px;
  font-weight:900;
}
.shopItem button:disabled {
  opacity:.45;
  cursor:not-allowed;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
#respawnOverlay .respawnModal {
  display:grid;
  gap:12px;
  justify-items:center;
}
#respawnOverlay {
  z-index:2147483000 !important;
  pointer-events:auto !important;
  isolation:isolate;
}
#respawnOverlay .respawnModal {
  position:relative;
  z-index:1;
  pointer-events:auto !important;
  max-height:calc(100vh - 24px);
  overflow:auto;
}
#respawnOverlay .shopItem, #respawnOverlay .shopItem button {
  pointer-events:auto !important;
  touch-action:manipulation;
}
#respawnOverlay .respawnHeader {
  display:grid;
  justify-items:center;
  gap:6px;
  text-align:center;
}
#respawnOverlay .respawnLogo {
  width:min(220px, 60%);
  height:auto;
  image-rendering:auto;
  filter:drop-shadow(0 0 18px rgba(0,217,255,.25));
}
#respawnOverlay .respawnHeaderTxt h2 {
  margin:0;
  color:var(--accent);
  font-size:18px;
  font-weight:1000;
  letter-spacing:.04em;
}
#respawnOverlay .respawnHeaderTxt p {
  margin:0;
  color:var(--muted);
  font-size:12px;
}
#respawnOverlay .respawnPrice {
  color:#ffd76a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
#respawnOverlay .respawnPrice.free {
  color:#7dffb0;
}
#respawnOverlay .respawnCd {
  min-height:14px;
  color:#ff9d6b;
  font-size:11px;
  font-weight:800;
}
#respawnOverlay .respawnHint {
  color:var(--muted);
  font-size:11px;
  text-align:center;
  line-height:1.4;
}
#respawnOverlay .respawnDisabled {
  opacity:.75;
}
#respawnOverlay .respawnDisabled button:disabled {
  opacity:.45;
}
#respawnOverlay .shopItem {
  border:none;
  background:none;
  border-radius:0;
  margin-bottom:0;
  display:grid;
  justify-items:center;
  gap:8px;
  text-align:center;
}
#respawnOverlay .shopItem h4 {
  margin:0;
  text-align:center;
}
#respawnOverlay .shopItem button, #respawnOverlay .primaryBtn {
  min-height:34px;
  padding:8px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 11px/1.2 ui-sans-serif,system-ui;
  text-transform:none;
  text-align:center;
  cursor:pointer;
  transition:none;
}
#respawnOverlay .shopItem button:hover:not(:disabled), #respawnOverlay .primaryBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#respawnOverlay .shopItem button:disabled, #respawnOverlay .primaryBtn:disabled {
  opacity:.35;
  cursor:default;
  border-color:rgba(124,240,255,.38);
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#settingsWindow {
  left:320px;
  top:80px;
  width:290px;
  padding:0 !important;
  pointer-events:auto !important;
  overflow:hidden !important;
}
#settingsWindow .settingsBody {
  padding:12px;
  gap:9px;
  max-height:min(72vh, 720px);
  overflow:auto;
}
#settingsWindow .settingsIntro {
  margin-bottom:2px;
  color:rgba(232,244,255,.68);
  font-size:12px;
  font-weight:800;
}
#settingsWindow .settingsToggle, #settingsWindow .keyBindRow, #settingsWindow .settingsResetBtn {
  width:100%;
  border-radius:12px;
  color:rgba(232,244,255,.92);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}
#settingsWindow .settingsToggle {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(124,240,255,.22);
  background:rgba(255,255,255,.055);
  padding:0 12px;
}
#settingsWindow .settingsToggle:hover, #settingsWindow .keyBindRow:hover {
  transform:translateY(-1px);
  border-color:rgba(124,240,255,.55);
  background:rgba(0,217,255,.10);
  box-shadow:0 0 18px rgba(0,217,255,.12);
}
#settingsWindow .settingsToggle.isOn {
  border-color:rgba(0,255,136,.35);
  background:rgba(0,255,136,.08);
}
#settingsWindow .settingsToggle.isOff {
  border-color:rgba(255,107,122,.35);
  background:rgba(255,107,122,.08);
  color:rgba(255,210,218,.92);
}
#settingsWindow .settingsSection {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(124,240,255,.16);
  display:grid;
  gap:7px;
}
#settingsWindow .settingsSectionTitle {
  margin-bottom:2px;
  color:rgba(124,240,255,.95);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.4px;
}
#settingsWindow .settingsSectionSub {
  margin-top:6px;
  color:rgba(232,244,255,.55);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}
#settingsWindow .keyBindRow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(124,240,255,.16);
  background:rgba(255,255,255,.045);
}
#settingsWindow .keyBindRow.waiting {
  border-color:rgba(255,210,122,.75);
  background:rgba(255,210,122,.12);
  box-shadow:0 0 18px rgba(255,210,122,.18);
}
#settingsWindow .keyBindRow kbd {
  min-width:42px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(124,240,255,.28);
  background:rgba(3,8,20,.72);
  color:#7cf0ff;
  font-family:inherit;
  font-size:11px;
  font-weight:1000;
  box-shadow:
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 0 10px rgba(0,217,255,.08);
}
#settingsWindow .settingsResetBtn {
  margin-top:6px;
  border:1px solid rgba(255,210,122,.28);
  background:rgba(255,210,122,.08);
  color:rgba(255,235,190,.95);
}
#settingsWindow .settingsResetBtn:hover {
  border-color:rgba(255,210,122,.62);
  box-shadow:0 0 16px rgba(255,210,122,.16);
}
#profileOverlay {
  position:fixed;
  inset:0;
  z-index:200000 !important;
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(10px) !important;
  overflow:auto !important;
  padding:24px !important;
  color:#e8f4ff;
}
.profileOverlayInner {
  max-width:1400px;
  margin:0 auto;
}
#profileWindow {
  position:relative !important;
  z-index:200001 !important;
  width:auto !important;
  max-width:none !important;
  min-height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.profileHeaderCard, .profileMainCard, #profileWindow .profileHeaderCard, #profileWindow .profileMainCard {
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(100,200,255,.04)) !important;
  border:1px solid rgba(100,200,255,.25) !important;
  border-radius:18px !important;
  backdrop-filter:blur(24px) saturate(140%) !important;
  box-shadow:
    0 8px 32px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 80px rgba(0,217,255,.1) !important;
}
.profileHeaderCard {
  padding:24px;
  margin-bottom:0;
}
.profileMainCard {
  padding:24px;
  max-height:calc(100vh - 175px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.profileHeaderTop {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.profileTitle {
  font-size:28px;
  font-weight:900;
  background:linear-gradient(135deg, #ffffff, #00d9ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.profileSub {
  margin-top:8px;
  color:rgba(232,244,255,.65);
  font-size:14px;
}
.profileActions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.profileOverlay button {
  padding:12px 20px;
  border-radius:12px;
  border:none;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  text-transform:uppercase;
}
.profileOverlay button.primary, .profileOverlay .primary {
  background:linear-gradient(135deg, #00d9ff, #0088cc);
  color:#000;
  box-shadow:0 8px 24px rgba(0,217,255,.35);
}
.profileOverlay button.secondary, .profileOverlay .secondary {
  background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(100,200,255,.08));
  color:#fff;
  border:1px solid rgba(100,200,255,.3);
}
.profileOverlay button:disabled {
  opacity:.45;
  cursor:not-allowed;
}
.profileTabs, .subtabs {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tabBtn, .subtabBtn {
  background:rgba(255,255,255,.05);
  color:rgba(232,244,255,.65);
  border:1px solid rgba(100,200,255,.2) !important;
}
.tabBtn.active, .subtabBtn.active {
  color:#fff;
  background:linear-gradient(135deg, rgba(0,217,255,.25), rgba(138,43,226,.2));
  border-color:rgba(0,217,255,.5) !important;
}
.profilePanel {
  display:none;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.profilePanel.active {
  display:flex;
  flex-direction:column;
}
.hint {
  color:rgba(232,244,255,.65);
  font-size:13px;
  line-height:1.45;
}
.statsRow {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:12px;
  margin-bottom:20px;
}
.statCard, .profileTile, .tile {
  background:linear-gradient(135deg, rgba(0,217,255,.08), rgba(138,43,226,.05));
  border:1px solid rgba(100,200,255,.2);
  border-radius:14px;
  padding:16px;
  backdrop-filter:blur(12px);
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.statLabel {
  margin-bottom:6px;
  color:rgba(232,244,255,.6);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}
.statValue {
  color:#00d9ff;
  font-size:24px;
  font-weight:900;
}
.previewCard {
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  background:linear-gradient(135deg, rgba(0,217,255,.08), rgba(138,43,226,.05));
  border:1px solid rgba(100,200,255,.2);
  border-radius:16px;
}
.previewCard img, .tileShipPreview img, .shopRow img {
  object-fit:contain;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(100,200,255,.2);
}
.previewCard img {
  width:80px;
  height:80px;
  padding:8px;
  border-radius:12px;
  border-color:rgba(0,217,255,.3);
}
.previewTitle {
  font-size:16px;
  font-weight:900;
}
.previewSub {
  color:rgba(232,244,255,.6);
  font-size:13px;
}
.profileGrid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:14px;
  overflow-y:auto;
  padding-right:8px;
}
.tileShipPreview {
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.tileShipPreview img {
  width:72px;
  height:72px;
  padding:8px;
  border-radius:12px;
  border-color:rgba(0,217,255,.3);
}
.tileActions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.msg {
  display:none;
  padding:12px 16px;
  border-radius:12px;
  font-size:13px;
  margin-bottom:16px;
}
.shopLayout {
  display:grid;
  grid-template-columns:340px 1fr;
  gap:16px;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.shopList, .shopPreview {
  overflow-y:auto;
  padding-right:8px;
}
.shopList {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.shopRow {
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(100,200,255,.2);
  background:rgba(255,255,255,.05);
  cursor:pointer;
}
.shopRow.active {
  border-color:rgba(0,217,255,.6);
  background:rgba(0,217,255,.15);
}
.shopRow img {
  width:48px;
  height:48px;
  padding:4px;
  border-radius:10px;
}
.shopPreviewCard.ammoCard {
  position:relative;
}
.shopPreviewCard .shopPackBadge.big {
  position:absolute;
  left:-36px;
  top:-36px;
  z-index:5;
  width:100px;
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.65));
}
.shopMeta {
  flex:1;
  min-width:0;
}
.shopMeta b {
  display:block;
  font-size:14px;
}
.shopMeta span {
  color:rgba(232,244,255,.6);
  font-size:12px;
}
.shopMeta .shopRowPrice {
  color:#ffd24d !important;
  font-size:11px !important;
  font-weight:600 !important;
}
.shopMeta .shopRowPrice .shopPriceValue {
  color:#ffd24d !important;
}
.shopMeta .shopRowPrice .shopPriceCurrency {
  color:#ffffff !important;
  font-weight:600 !important;
}
.shopPreview .bigImg {
  width:100%;
  max-width:400px;
  max-height:400px;
  display:block;
  margin:0 auto 16px;
  padding:20px;
  object-fit:contain;
  border-radius:16px;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(0,217,255,.3);
}
.shopPreview .bigImg.equipShopImage {
  width:100px;
  max-width:100px;
  height:100px;
  max-height:100px;
  padding:8px;
}
.pill {
  display:inline-block;
  margin-left:8px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(0,255,136,.15);
  border:1px solid rgba(0,255,136,.3);
  color:#00ff88;
  font-size:10px;
  font-weight:900;
}
#profileOverlay .shopLayoutGrid {
  display:grid;
  grid-template-columns:repeat(3, minmax(260px, 1fr));
  gap:16px;
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-right:8px;
}
#profileOverlay .shipCard {
  height:fit-content;
  display:flex;
  flex-direction:column;
  padding:16px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(100,200,255,.03));
  border:1px solid rgba(100,200,255,.2);
  border-radius:16px;
  backdrop-filter:blur(12px);
  box-shadow:0 4px 12px rgba(0,0,0,.3);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .25s ease;
}
#profileOverlay .shipCard:hover {
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,217,255,.3);
  border-color:rgba(0,217,255,.5);
}
#profileOverlay .shipCard.owned {
  opacity:.6;
  border-color:rgba(0,255,136,.3);
}
#profileOverlay .shipImageContainer {
  width:100%;
  height:280px;
  position:relative;
  margin-bottom:16px;
  border-radius:12px;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(0,217,255,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
#profileOverlay .shipImageContainer img {
  position:absolute;
  image-rendering:pixelated;
  object-fit:contain;
}
#profileOverlay .shipCard h3 {
  margin:0 0 8px;
  color:#00d9ff;
  font-size:18px;
  font-weight:900;
  text-align:center;
}
#profileOverlay .shipStats {
  margin-bottom:12px;
  color:rgba(232,244,255,.65);
  font-size:12px;
  text-align:center;
  line-height:1.6;
}
#profileOverlay .shipPrice {
  margin-bottom:12px;
  font-size:16px;
  text-align:center;
  color:#ffffff;
}
#profileOverlay .shipPrice .amount {
  color:#ffd24d;
  font-size:20px;
  font-weight:900;
}
#profileOverlay .shipPrice .shipPriceCurrency {
  color:#ffffff;
  font-weight:600;
}
#confirmOverlay {
  z-index:230000 !important;
}
#fitOverlay {
  z-index:220000 !important;
}
#toastContainer, .toastContainer {
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:240000 !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  pointer-events:none;
}
.toast {
  min-width:280px;
  max-width:min(520px, calc(100vw - 32px));
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  border:1px solid rgba(100,200,255,.3);
  background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(100,200,255,.05));
  backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  pointer-events:all;
  animation:toastDrop .25s ease forwards;
}
.toast.success {
  border-color:rgba(0,255,136,.5);
  background:linear-gradient(135deg, rgba(0,255,136,.15), rgba(0,255,136,.05));
}
.toast.error {
  border-color:rgba(255,0,110,.5);
  background:linear-gradient(135deg, rgba(255,0,110,.15), rgba(255,0,110,.05));
}
.toast.removing {
  animation:toastDropOut .25s ease forwards;
}
.toastIcon {
  flex-shrink:0;
  font-size:20px;
}
.toastContent {
  flex:1;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
@keyframes toastDrop{
  from{
    opacity:0;
    transform:translateY(-14px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
@keyframes toastDropOut{
  from{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  to{
    opacity:0;
    transform:translateY(-14px) scale(.96);
  }
}
.profileGrid::-webkit-scrollbar, .shopList::-webkit-scrollbar, .shopPreview::-webkit-scrollbar, #profileOverlay .shopLayoutGrid::-webkit-scrollbar, #settingsWindow .settingsBody::-webkit-scrollbar {
  width:8px;
  height:8px;
}
.profileGrid::-webkit-scrollbar-track, .shopList::-webkit-scrollbar-track, .shopPreview::-webkit-scrollbar-track, #profileOverlay .shopLayoutGrid::-webkit-scrollbar-track, #settingsWindow .settingsBody::-webkit-scrollbar-track {
  background:rgba(255,255,255,.05);
  border-radius:10px;
}
.profileGrid::-webkit-scrollbar-thumb, .shopList::-webkit-scrollbar-thumb, .shopPreview::-webkit-scrollbar-thumb, #profileOverlay .shopLayoutGrid::-webkit-scrollbar-thumb, #settingsWindow .settingsBody::-webkit-scrollbar-thumb {
  background:rgba(0,217,255,.3);
  border-radius:10px;
}
@media (max-width:1400px){
  #profileOverlay .shopLayoutGrid{
    grid-template-columns:repeat(2, minmax(260px, 1fr));
  }
}
@media (max-width:1000px){
  .shopLayout{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .modal .grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  #profileOverlay .shopLayoutGrid{
    grid-template-columns:1fr;
  }

  #ammoBar{
    max-width:calc(100vw - 28px);
    overflow-x:auto;
  }
}
@media (max-width:768px){
  #profileOverlay{
    padding:14px !important;
  }

  .profileHeaderTop{
    flex-direction:column;
  }

  .profileTabs{
    flex-direction:column;
  }

  .statsRow{
    grid-template-columns:1fr;
  }

  .profileMainCard{
    max-height:none;
  }
}
#minimap.gameWindow {
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#minimap.gameWindow #miniHeader {
  padding: 8px 12px 0 12px !important;
  box-sizing: border-box !important;
  margin-top: -3px !important;
  margin-bottom: 3px !important;
}
#miniHeader span {
  position:relative;
  top:-2px;
}
#minimap.gameWindow #miniDivider {
  margin: 0 12px !important;
  width: auto !important;
}
#minimap.gameWindow #miniCanvas {
  display: block !important;
  width: calc(100% - 28px) !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 14px 12px 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(220,82,92,.46) !important;
  box-shadow:
    inset 0 0 14px rgba(220,32,46,.06),
    0 0 7px rgba(220,32,46,.08) !important;
}
#minimap.gameWindow .gameWinResizeHandle {
  right: 7px !important;
  bottom: 7px !important;
}
#ammoBar.compactAmmoBar {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: auto;
  max-width: calc(100vw - 24px);
  padding: 10px 13px;
  border-radius: 18px;
  box-sizing: border-box;
  z-index: 70000;
}
#ammoBar.compactAmmoBar .ammoBtn {
  position: relative;
  width: 66px;
  height: 58px;
  min-width: 66px;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
}
#ammoBar.compactAmmoBar .ammoBtn strong {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .45px;
}
#ammoBar.compactAmmoBar .ammoBtn small {
  font-size: 25px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  line-height: 1;
  max-width: 100%;
  opacity: .88;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ammoBar.compactAmmoBar .ammoKey {
  position: absolute;
  top: 5px;
  left: 6px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 900;
  opacity: .84;
}
#ammoBar.compactAmmoBar .sabCompactBtn {
  width: 72px;
  min-width: 72px;
}
#ammoBar.compactAmmoBar .compactSkillBtn {
  width: 78px;
  min-width: 78px;
}
#ammoBar.compactAmmoBar .repairCompactBtn {
  width: 82px;
  min-width: 82px;
}
#ammoBar.compactAmmoBar .ammoDivider {
  width: 1px;
  height: 44px;
  margin: 0 5px;
  background: rgba(255, 255, 255, .18);
  border-radius: 99px;
}
#ammoBar.compactAmmoBar .skillPriceMini {
  display: none;
}
#ammoBar.compactAmmoBar .ammoBtn.active {
  transform: translateY(-3px);
}
@media (max-width: 680px) {
  #ammoBar.compactAmmoBar {
    gap: 6px;
    padding: 8px 9px;
    bottom: 12px;
  }

  #ammoBar.compactAmmoBar .ammoBtn {
    width: 54px;
    min-width: 54px;
    height: 48px;
  }

  #ammoBar.compactAmmoBar .sabCompactBtn {
    width: 60px;
    min-width: 60px;
  }

  #ammoBar.compactAmmoBar .compactSkillBtn {
    width: 62px;
    min-width: 62px;
  }

  #ammoBar.compactAmmoBar .repairCompactBtn {
    width: 64px;
    min-width: 64px;
  }

  #ammoBar.compactAmmoBar .ammoBtn strong {
    font-size: 13px;
  }

  #ammoBar.compactAmmoBar .ammoBtn small {
    font-size: 10px;
  }

  #ammoBar.compactAmmoBar .ammoKey {
    min-width: 15px;
    height: 15px;
    font-size: 8px;
  }
}
#ammoBar.compactAmmoBar {
  display: flex;
  gap: 4px;
  padding: 6px;
  overflow: visible;
}
#ammoBar .actionSlots {
  display:grid;
  grid-template-columns:repeat(10,46px);
  gap:4px;
}
#ammoBar .actionPaletteToggle {
  width:44px;
  min-width:44px;
  height:44px;
  border:1px solid rgba(110,214,237,.3);
  border-radius:5px;
  color:#9eeeff;
  background:#092333;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}
#ammoBar .actionPaletteToggle.active {
  color:#fff;
  background:#10526b;
  transform:rotate(45deg);
}
#ammoBar .actionPalette {
  position:absolute;
  right:0;
  bottom:58px;
  width:390px;
  padding:8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  opacity:1;
  visibility:visible;
  transition:opacity .18s ease, visibility .18s;
}
#ammoBar .actionPalette[hidden] {
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#ammoBar .actionPalette nav {
  display:flex;
  gap:5px;
  justify-content:center;
  margin-top:5px;
}
#ammoBar .actionPalette nav button {
  flex:0 0 auto;
  width:128px;
  min-height:30px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px !important;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  font:750 9px/1.2 ui-sans-serif,system-ui;
  text-transform:uppercase;
  cursor:pointer;
  transition:none;
  position:relative;
}
#ammoBar .actionPalette nav button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#ammoBar .actionPalette nav button.active {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(0,217,255,.12);
}
#ammoBar .actionPalette nav button.active::before, #ammoBar .actionPalette nav button.active::after {
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-3.5px;
  border-radius:50%;
  background:#00d9ff;
  box-shadow:0 0 8px rgba(0,217,255,.9);
  animation:shopTabDotBlink 1s ease-in-out infinite;
}
#ammoBar .actionPalette nav button.active::before {
  left:7px;
}
#ammoBar .actionPalette nav button.active::after {
  right:7px;
}
#ammoBar.compactAmmoBar .actionPalette nav button {
  border-radius:8px !important;
}
#ammoBar .actionPalette nav button:disabled {
  opacity:.35;
  cursor:default;
}
/* Onglets Munitions / Roquettes / Lance-roquettes : icône (CONTROL_MENU)
   au lieu du texte. Repos = NORMAL, survol = HOVER, onglet ouvert = SELECT
   + contour jaune. */
#ammoBar .actionPalette nav button[data-action-category="ammo"],
#ammoBar .actionPalette nav button[data-action-category="rockets"],
#ammoBar .actionPalette nav button[data-action-category="launchers"],
#ammoBar .actionPalette nav button[data-action-category="formations"],
#ammoBar .actionPalette nav button[data-action-category="skills"],
#ammoBar .actionPalette nav button[data-action-category="abilities"],
#ammoBar .actionPalette nav button[data-action-category="pet"],
#ammoBar .actionPalette nav button[data-action-category="tech"] {
  width:46px;
  height:44px;
  min-height:44px;
  font-size:0;
  color:transparent;
}
#ammoBar .actionPalette nav button[data-action-category="ammo"].active::before,
#ammoBar .actionPalette nav button[data-action-category="ammo"].active::after,
#ammoBar .actionPalette nav button[data-action-category="rockets"].active::before,
#ammoBar .actionPalette nav button[data-action-category="rockets"].active::after,
#ammoBar .actionPalette nav button[data-action-category="launchers"].active::before,
#ammoBar .actionPalette nav button[data-action-category="launchers"].active::after,
#ammoBar .actionPalette nav button[data-action-category="formations"].active::before,
#ammoBar .actionPalette nav button[data-action-category="formations"].active::after,
#ammoBar .actionPalette nav button[data-action-category="skills"].active::before,
#ammoBar .actionPalette nav button[data-action-category="skills"].active::after,
#ammoBar .actionPalette nav button[data-action-category="abilities"].active::before,
#ammoBar .actionPalette nav button[data-action-category="abilities"].active::after,
#ammoBar .actionPalette nav button[data-action-category="pet"].active::before,
#ammoBar .actionPalette nav button[data-action-category="pet"].active::after,
#ammoBar .actionPalette nav button[data-action-category="tech"].active::before,
#ammoBar .actionPalette nav button[data-action-category="tech"].active::after {
  display:none;
}
#ammoBar .actionPalette nav button[data-action-category="ammo"] {
  background:url("ASSETS/CONTROL_MENU/lasers_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="ammo"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/lasers_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="ammo"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/lasers_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="rockets"] {
  background:url("ASSETS/CONTROL_MENU/rockets_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="rockets"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/rockets_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="rockets"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/rockets_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="launchers"] {
  background:url("ASSETS/CONTROL_MENU/rocket_launchers_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="launchers"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/rocket_launchers_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="launchers"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/rocket_launchers_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="formations"] {
  background:url("ASSETS/CONTROL_MENU/drone_formations_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="formations"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/drone_formations_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="formations"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/drone_formations_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="skills"] {
  background:url("ASSETS/CONTROL_MENU/cpus_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="skills"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/cpus_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="skills"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/cpus_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="abilities"] {
  background:url("ASSETS/CONTROL_MENU/ship_abilities_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="abilities"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/ship_abilities_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="abilities"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/ship_abilities_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="pet"] {
  background:url("ASSETS/CONTROL_MENU/pet_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="pet"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/pet_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="pet"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/pet_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPalette nav button[data-action-category="tech"] {
  background:url("ASSETS/CONTROL_MENU/tech_items_normal.png") center / contain no-repeat, linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
}
#ammoBar .actionPalette nav button[data-action-category="tech"]:hover:not(.active):not(:disabled) {
  background:url("ASSETS/CONTROL_MENU/tech_items_hover.png") center / contain no-repeat, rgba(0,140,185,.3);
}
#ammoBar .actionPalette nav button[data-action-category="tech"].active {
  border-color:rgba(255,209,102,.9);
  background:url("ASSETS/CONTROL_MENU/tech_items_select.png") center / contain no-repeat, rgba(0,140,185,.3);
  box-shadow:0 0 16px rgba(255,209,102,.35);
}
#ammoBar .actionPaletteItems {
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
  padding-bottom:0;
  overflow:visible;
  justify-content:center;
}
#ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .formationQuickAction {
  flex:0 0 64px;
}
#ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .rocketQuickAction {
  flex:0 0 64px;
}
#ammoBar .formationQuickAction {
  min-height:70px;
  padding:4px;
  display:grid;
  place-items:center;
  gap:2px;
  border:1px solid rgba(255,255,255,.12);
  color:#bdd8e1;
  background:rgba(255,255,255,.06);
  font-size:8px;
}
#ammoBar .formationQuickAction img {
  width:58px;
  height:38px;
  object-fit:contain;
  image-rendering:auto;
}
#ammoBar .formationQuickAction.active {
  border-color:#d8af51;
  color:#ffd978;
  background:#2a2211;
}
#ammoBar .rocketQuickAction {
  min-height:70px;
  padding:4px;
  display:grid;
  place-items:center;
  gap:2px;
  border:1px solid rgba(255,255,255,.12);
  color:#bdd8e1;
  background:rgba(255,255,255,.06);
  font-size:8px;
  position:relative;
}
#ammoBar .rocketQuickAction img {
  width:58px;
  height:38px;
  object-fit:contain;
  image-rendering:auto;
}
#ammoBar .rocketQuickAction.active {
  border-color:#ff9a3c;
  color:#ffd9a8;
  background:#2a1c11;
}
/* Modes P.E.T dans le dock (slots + palette) : image + libellé compacts. */
#ammoBar .rocketQuickAction.petModeAction img {
  width:26px;
  height:26px;
}
#ammoBar .rocketQuickAction.petModeAction > strong {
  font-size:8px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* Comme les aptitudes : pas de libellé (icône + compteur seuls). */
#ammoBar .actionPaletteItems .petModeAction > strong,
#ammoBar .actionSlot .petModeAction > strong {
  display:none;
}
#ammoBar .petModeAction:disabled {
  opacity:.45;
}
#ammoBar .actionSlot .petModeAction {
  cursor:grab;
}
#ammoBar .actionSlot .petModeAction:active {
  cursor:grabbing;
}
#ammoBar .petModeAction.cdVeil {
  --cd-edge:rgba(124,240,255,.9);
}
/* Techs dans l'onglet TECH du dock (visuel seul pour l'instant). */
#ammoBar .rocketQuickAction.techAction img {
  width:26px;
  height:26px;
}
#ammoBar .rocketQuickAction.techAction > strong {
  font-size:8px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#ammoBar .petModeAction .petModeCd {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:none;
  text-align:center;
  pointer-events:none;
  font:800 10px/1.2 ui-sans-serif,system-ui;
  color:#eaffff;
  text-shadow:0 0 4px #000,0 0 4px #000;
}
#ammoBar .petModeAction.cdVeil .petModeCd {
  display:block;
}
/* Tech Speed Burst : compteur + liseré du voile (comme les aptitudes). */
#ammoBar .techAction.cdVeil {
  --cd-edge:rgba(124,240,255,.9);
}
#ammoBar .techAction .techCd {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:none;
  text-align:center;
  pointer-events:none;
  font:800 10px/1.2 ui-sans-serif,system-ui;
  color:#eaffff;
  text-shadow:0 0 4px #000,0 0 4px #000;
}
#ammoBar .techAction.cdVeil .techCd {
  display:block;
}
#ammoBar .rocketQuickAction > strong {
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}
#ammoBar .rocketQuickAction > small.rocketCount {
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
#ammoBar .rocketQuickAction > small.launcherStock {
  display:block;
  width:100%;
  text-align:center;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar .rocketQuickAction .launcherSquares {
  display:block;
  width:100%;
  padding:0;
  margin:0;
  text-align:center;
  letter-spacing:1px;
  margin-right:-1px;
}
#ammoBar .rocketQuickAction .launcherSquares .lsq {
  color:#fff;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar .rocketQuickAction .launcherSquares .lsq.lit {
  color:#00d9ff;
  text-shadow:0 0 6px #00d9ff, 0 0 12px #00d9ff;
}
#ammoBar .rocketQuickAction .launcherSquares .lsq.charge {
  animation:lsqOn 0.2s linear forwards;
}
@keyframes lsqOn {
  from { color:#fff; text-shadow:0 1px 3px #000, 0 0 6px #000; }
  to { color:#00d9ff; text-shadow:0 0 6px #00d9ff, 0 0 12px #00d9ff; }
}
#ammoBar .rocketQuickAction.launcherAutoBtn {
  background-size:contain;
  background-position:center 30%;
  background-repeat:no-repeat;
  align-content:space-between !important;
}
#ammoBar .rocketQuickAction.launcherAutoBtn > strong {
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar .rocketQuickAction.launcherAutoBtn > small.launcherSquares {
  display:block;
  width:100%;
  text-align:center;
  align-self:end;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar .rocketActionSlot {
  display:grid !important;
  place-items:center;
  padding:2px !important;
}
#ammoBar .rocketActionSlot img {
  width:40px;
  height:40px;
  object-fit:contain;
}
#ammoBar .rocketActionSlot span {
  display:none;
}
#ammoBar .formationActionSlot {
  display:grid !important;
  place-items:center;
  padding:2px !important;
}
#ammoBar .formationActionSlot img {
  width:40px;
  height:40px;
  object-fit:contain;
}
#ammoBar .formationActionSlot span {
  display:none;
}
#ammoBar .abilityQuickAction {
  border-color:rgba(180,120,255,.4);
}
#ammoBar .abilityQuickAction img {
  width:38px;
  height:38px;
  object-fit:contain;
  image-rendering:auto;
}
#ammoBar .abilityActionSlot {
  display:grid !important;
  place-items:center;
  padding:2px !important;
}
#ammoBar .abilityActionSlot img {
  width:40px;
  height:40px;
  object-fit:contain;
}
#ammoBar .abilityActionSlot span {
  display:none;
}
#ammoBar .actionPaletteItems.abilitiesView {
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:260px;
}
#ammoBar .abilityEmpty {
  padding:12px 6px;
  text-align:center;
  color:var(--muted);
  font-size:11px;
}
#ammoBar .abilityShipSection {
  margin:0;
}
#ammoBar .abilityShipSection + .abilityShipSection {
  margin-top:8px;
}
#ammoBar .abilityShipIcons.abilityDuo {
  display:grid;
  grid-template-rows:repeat(2,auto);
  grid-auto-flow:column;
  gap:4px;
  justify-content:start;
  overflow-x:auto;
}
#ammoBar .abilityShipIcons {
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}
#ammoBar .abilityShipIcons.abilitySingle {
  justify-content:center;
}
#ammoBar .abilityShipIcons .abilityQuickAction {
  flex:0 0 64px;
  min-height:70px;
  padding:4px;
}
#ammoBar .abilityShipIcons .abilityQuickAction img {
  width:38px;
  height:38px;
}
#ammoBar .abilityShipIcons .abilityQuickAction span {
  display:none;
}
#ammoBar.compactAmmoBar .actionSlot {
  width: 46px;
  height: 44px;
  display: grid;
  place-items: center;
  place-content: center;
  box-sizing: border-box;
  border: 1px solid rgba(110, 214, 237, .13);
  border-radius: 5px;
  background: rgba(3, 13, 21, .68);
}
#ammoBar.compactAmmoBar .actionSlot:has(> .ammoBtn, > .rocketQuickAction, > .launcherAutoBtn):not(.dragTarget) {
  border-color: transparent;
  background: transparent;
}
#ammoBar.compactAmmoBar .actionSlot.dragTarget {
  border-color: #70e7fa;
  background: rgba(30, 157, 184, .22);
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn, #ammoBar.compactAmmoBar .actionSlot .skillBtn {
  width: 42px;
  min-width: 42px;
  height: 40px;
  min-height: 40px;
  padding: 3px;
  cursor: grab;
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn:active {
  cursor: grabbing;
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn strong {
  font-size: 11px;
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn small {
  font-size: 9px;
}
@media (max-width: 680px) {
  #ammoBar.compactAmmoBar { max-width: calc(100vw - 20px); overflow: visible; }
  #ammoBar .actionSlots { grid-template-columns:repeat(10,40px); overflow-x:auto; }
  #ammoBar.compactAmmoBar .actionSlot { width: 40px; }
  #ammoBar.compactAmmoBar .actionSlot .ammoBtn { width: 36px; min-width: 36px; }
}
#gameWindowDock::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
}
.loadingOverlay {
  position:fixed;
  inset:0;
  z-index:20000;
  background:#02050e url("/ASSETS/UI/LOADING_SCREEN.jpg") center / cover no-repeat;
}
.loadingOverlay.halloween {
  background:#02050e url("/ASSETS/UI/LOADING_SCREEN_HALLOWEEN.png") center / cover no-repeat;
}
.loadingOverlay.isLeaving {
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.linkOverlay {
  position:fixed;
  inset:0;
  z-index:21000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(2,5,14,.82);
}
.linkBox {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:28px 40px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:14px;
  background:rgba(4,12,24,.92);
  box-shadow:0 0 40px rgba(0,0,0,.6);
}
.speedGuardOverlay {
  z-index:23000;
  width:100vw;
  height:100vh;
  max-width:none;
  max-height:none;
  margin:0;
  border:0;
  padding:20px;
  box-sizing:border-box;
  background:rgba(2,5,14,.94);
}
.speedGuardBox {
  width:min(620px,100%);
  box-sizing:border-box;
  padding:36px clamp(20px,5vw,44px);
  text-align:center;
  gap:20px;
  border-color:rgba(255,143,157,.65);
}
.linkBox.speedGuardBox h2 { color:#ff8f9d; font-size:24px; }
.linkBox.speedGuardBox p { font-size:16px; line-height:1.6; }
.linkBox.speedGuardBox .speedGuardStatus { color:#8fcddd; font-size:13px; }
.linkBox .linkLogo {
  width:min(240px,60vw);
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 0 24px rgba(124,240,255,.35));
}
.linkBox h2 {
  margin:0;
  color:#ffd36b;
  font:800 18px/1.2 ui-sans-serif,system-ui;
  text-transform:uppercase;
  letter-spacing:1px;
}
.linkBox p {
  margin:0;
  color:#8fcddd;
  font:700 13px/1.4 ui-sans-serif,system-ui;
}
.linkSpin {
  width:34px;
  height:34px;
  border-radius:50%;
  border:3px solid rgba(124,240,255,.2);
  border-top-color:#7cf0ff;
  animation:linkSpin 0.9s linear infinite;
}
@keyframes linkSpin{ to{ transform:rotate(360deg); } }
.linkBox .kickTitle {
  color:#ff8f9d;
}
.kickReloadBtn {
  height:38px;
  padding:0 26px;
  border:1px solid rgba(124,240,255,.45);
  border-radius:9px;
  background:linear-gradient(135deg,rgba(0,145,190,.45),rgba(0,70,100,.4));
  color:#eaffff;
  font:800 14px/1 ui-sans-serif,system-ui;
  cursor:pointer;
}
.kickReloadBtn:hover {
  border-color:rgba(124,240,255,.7);
  background:rgba(0,140,185,.35);
}
.loadingLogo {
  position:absolute;
  left:50%;
  top:50%;
  width:min(360px, 72vw);
  height:auto;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 0 30px rgba(124,240,255,.38));
}
.loadingBottom {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px clamp(18px, 6vw, 90px) 34px;
  text-align:center;
}
.loadingBottom h1 {
  margin:0;
  color:#f2fbff;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
}
.loadingHint {
  margin:0 0 12px;
  color:rgba(226,240,255,.66);
  font-size:11px;
  text-shadow:0 2px 10px rgba(0,0,0,.85);
}
.loadingTrack {
  position:relative;
  width:100%;
  max-width:720px;
  margin:0 auto;
  height:34px;
  border-radius:14px;
  box-sizing:border-box;
  border:2px solid #ffd75e;
  background:rgba(2,8,18,.45);
  box-shadow:0 8px 40px rgba(0,0,0,.55), inset 0 0 20px rgba(0,0,0,.5);
  overflow:hidden;
}
.loadingTrack i#loadingFill {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0;
  background:linear-gradient(90deg,#e6a917,#ffd75e);
  box-shadow:0 0 26px rgba(255,205,82,.55);
  pointer-events:none;
  transition:width .22s cubic-bezier(.4,0,.2,1);
}
.loadingTrack i#loadingFill::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:80px;
  left:-100px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  animation:loadingSheen 1.6s linear infinite;
}
.loadingTrack strong {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:1000;
  color:#fff6d6;
  letter-spacing:.06em;
  text-shadow:0 2px 8px rgba(0,0,0,.85);
  pointer-events:none;
  z-index:2;
}
.loadingStartBtn {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:inherit;
  background:linear-gradient(180deg,#4dffa1,#19c368);
  color:#04301a;
  font-size:22px;
  font-weight:1000;
  letter-spacing:.14em;
  cursor:pointer;
  box-shadow:0 0 30px rgba(77,255,161,.5), inset 0 0 14px rgba(255,255,255,.3);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  z-index:3;
}
.loadingStartBtn:focus-visible {
  outline:2px solid #fff;
  outline-offset:2px;
}
.loadingOverlay.isReady .loadingStartBtn {
  opacity:1;
  pointer-events:auto;
}
.loadingOverlay.isReady .loadingTrack {
  border-color:#4dffa1;
}
.loadingOverlay.isReady .loadingTrack i#loadingFill {
  background:linear-gradient(90deg,#19c368,#4dffa1);
}
.loadingOverlay.isReady .loadingTrack strong {
  display:none;
}
@keyframes loadingSheen{
  from{transform:translateX(0)}
  to{transform:translateX(calc(100vw))}
}
#settingsWindow .settingsCheck {
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:7px 11px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
#settingsWindow .settingsCheck input {
  width:17px;
  height:17px;
  accent-color:#7cf0ff;
}
#settingsWindow .settingsCheck span {
  display:grid;
  gap:2px;
  font-size:12px;
}
#settingsWindow .settingsCheck span {
  min-width:0;
  overflow-wrap:anywhere;
}
#settingsWindow .settingsCheck small {
  color:rgba(232,244,255,.58);
  font-size:10px;
}
#settingsWindow {
  width:min(980px,calc(100vw - 20px));
  height:min(720px,calc(100vh - 16px));
  transition:width .18s ease,height .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#settingsWindow .settingsCheck, #settingsWindow .settingsToggle, #settingsWindow .settingsResetBtn {
  height:34px;
  min-height:34px;
}
#settingsWindow .keyBindRow {
  height:32px;
  min-height:32px;
}
#settingsWindow .settingsBody {
  max-height:none;
  display:flex;
  flex-direction:column;
}
#settingsWindow .settingsPage {
  flex:1 1 auto;
  height:auto;
  padding:14px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:hidden;
}
#settingsWindow .settingsPageIntro {
  gap:2px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(124,240,255,.11);
}
#settingsWindow .settingsPageIntro b {
  color:#effbff;
  font-size:13px;
}
#settingsWindow .settingsPageIntro span {
  color:rgba(204,228,241,.50);
  font-size:9px;
}
#settingsWindow .settingsPreferences {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:8px;
  align-items:stretch;
}
#settingsWindow .settingsVisual, #settingsWindow .settingsAudio {
  min-width:0;
  padding:8px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.055);
}
#settingsWindow .settingsVisual {
  display:grid;
  gap:6px;
  overflow:hidden;
}
#settingsWindow .settingsVisualTitle {
  padding:0 2px 5px;
  border-bottom:1px solid rgba(124,240,255,.10);
  color:rgba(124,240,255,.72);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}
#settingsWindow .settingsVisualGrid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  min-width:0;
  align-content:center;
}
#settingsWindow .settingsVisual .settingsCheck {
  padding:4px 8px;
  border-radius:8px;
  width:100%;
  box-sizing:border-box;
}
#settingsWindow .settingsVisual .settingsCheck span {
  font-size:11px;
  overflow-wrap:anywhere;
}
#settingsWindow .settingsVisual .settingsCheck input {
  width:14px;
  height:14px;
}
#settingsWindow .settingsFpsRow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  height:34px;
  padding:4px 8px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  box-sizing:border-box;
}
#settingsWindow .settingsFpsRow span {
  display:grid;
  gap:2px;
  font-size:11px;
}
#settingsWindow .settingsFpsRow small {
  color:rgba(232,244,255,.58);
  font-size:10px;
}
#settingsWindow .settingsFpsRow select {
  background:#051521;
  color:#effcff;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  height:26px;
  padding:0 8px;
  font:800 11px/1 ui-sans-serif,system-ui;
  cursor:pointer;
}
#settingsWindow .settingsFpsRow select option {
  background:#071622;
  color:#effcff;
}
#settingsWindow .settingsAudio {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  align-self:stretch;
}
#settingsWindow .settingsAudio .settingsToggle {
  width:100%;
  justify-content:center;
  letter-spacing:.3px;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#settingsWindow .settingsAudio .settingsVolumeRow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}
#settingsWindow .settingsAudio .settingsVolumeSlider {
  flex:1 1 auto;
  min-width:0;
  height:11px;
  margin:0;
  accent-color:#7cf0ff;
  cursor:pointer;
}
#settingsWindow .settingsAudio .settingsVolumeValue {
  flex:0 0 auto;
  color:#7cf0ff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  background:rgba(0,217,255,.10);
  border:1px solid rgba(0,217,255,.25);
  padding:0 7px;
  border-radius:6px;
  white-space:nowrap;
}
#settingsWindow .settingsToggle {
  padding:0 8px;
  border-radius:8px;
  white-space:nowrap;
  transform:none!important;
  box-shadow:none!important;
}
#settingsWindow .settingsCheck {
  flex:0 0 auto;
  align-self:stretch;
  padding:5px 11px;
}
#settingsWindow .settingsKeyColumns {
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:10px;
  align-content:start;
  overflow-y:auto;
  overflow-x:hidden;
}
#settingsWindow .settingsKeyGroup {
  min-width:0;
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:5px;
  align-content:start;
  border:1px solid rgba(124,240,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
#settingsWindow .settingsSectionSub {
  margin:0 0 3px;
  padding:0 2px 5px;
  border-top:0;
  border-bottom:1px solid rgba(124,240,255,.10);
  color:rgba(124,240,255,.72);
  font-size:10px;
}
#settingsWindow .keyBindRow {
  min-width:0;
  width:100%;
  padding:0 10px;
  border-radius:8px;
  font-size:11px;
  box-sizing:border-box;
  transform:none!important;
  box-shadow:none!important;
}
#settingsWindow .keyBindRow > span {
  min-width:0;
  white-space:normal;
  line-height:1.2;
  text-align:left;
}
#settingsWindow .keyBindRow > kbd {
  flex:0 0 auto;
  margin-left:8px;
}
#settingsWindow .settingsControlsIntro {
  margin-top:0;
}
#settingsWindow .settingsPageFooter {
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:8px;
  border-top:1px solid rgba(124,240,255,.11);
}
#settingsWindow .settingsPageFooter:has(> :only-child) {
  grid-template-columns:1fr;
}
#settingsWindow .settingsResetBtn {
  width:100%;
  font-size:11px;
}
#settingsWindow .settingsTabs {
  flex:0 0 auto;
  gap:6px;
  padding:10px 14px 0;
}
#settingsWindow .settingsTab {
  flex:1 1 0;
  min-width:0;
  height:32px;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.22);
  color:rgba(204,228,241,.65);
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#settingsWindow .settingsTab:hover {
  border-color:rgba(124,240,255,.45);
}
#settingsWindow .settingsTab.active {
  color:#06222e;
  background:linear-gradient(180deg,#7cf0ff,#38b6d6);
  border-color:#7cf0ff;
}
#settingsWindow .sfxList {
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px;
}
#settingsWindow .sfxRow {
  display:grid;
  grid-template-columns:auto minmax(110px,1fr) minmax(110px,1.4fr) auto;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:4px 10px;
  border:1px solid rgba(124,240,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  cursor:pointer;
  box-sizing:border-box;
}
#settingsWindow .sfxRow.muted {
  opacity:.55;
}
#settingsWindow .sfxRow input[type="checkbox"] {
  width:15px;
  height:15px;
  accent-color:#7cf0ff;
  cursor:pointer;
}
#settingsWindow .sfxRow .sfxName {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dceef4;
  font-size:11px;
  font-weight:700;
}
#settingsWindow .sfxRow .settingsVolumeSlider {
  width:100%;
  min-width:0;
  height:11px;
  margin:0;
  accent-color:#7cf0ff;
  cursor:pointer;
}
#settingsWindow .sfxRow .settingsVolumeSlider:disabled {
  opacity:.4;
  cursor:default;
}
#settingsWindow .sfxRow .settingsVolumeValue {
  color:#7cf0ff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  background:rgba(0,217,255,.10);
  border:1px solid rgba(0,217,255,.25);
  padding:0 7px;
  border-radius:6px;
  white-space:nowrap;
  min-width:44px;
  text-align:center;
}
#settingsWindow .settingsBody, #settingsWindow .settingsPage, #settingsWindow .settingsKeyColumns {
  scrollbar-width:none;
}
#settingsWindow .settingsBody::-webkit-scrollbar, #settingsWindow .settingsPage::-webkit-scrollbar, #settingsWindow .settingsKeyColumns::-webkit-scrollbar {
  display:none;
}
#settingsWindow #musicList {
  flex:0 0 auto;
  min-height:fit-content;
  overflow:visible;
}
#settingsWindow .sfxList {
  scrollbar-width:thin;
  scrollbar-color:rgba(124,240,255,.45) transparent;
}
#settingsWindow .sfxList::-webkit-scrollbar {
  display:block;
  width:8px;
}
#settingsWindow .sfxList::-webkit-scrollbar-track {
  background:rgba(255,255,255,.04);
  border-radius:4px;
}
#settingsWindow .sfxList::-webkit-scrollbar-thumb {
  background:rgba(124,240,255,.35);
  border-radius:4px;
}
#settingsWindow .sfxList::-webkit-scrollbar-thumb:hover {
  background:rgba(124,240,255,.6);
}
@media (max-width:600px){
  #settingsWindow{width:calc(100vw - 24px);height:min(650px, calc(100vh - 48px))}
  #settingsWindow .settingsPage{overflow-y:auto}
  #settingsWindow .settingsPreferences{grid-template-columns:1fr}
  #settingsWindow .settingsKeyColumns{grid-template-columns:1fr;overflow-y:auto}
  #settingsWindow .settingsSlotKeyColumns{grid-template-columns:1fr}
}
body #profileOverlay .profileTabs {
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:14px !important;
}
body #profileOverlay .profileTabs .tabBtn {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:42px !important;
  padding:0 13px !important;
}
body #profileOverlay .hangarWorkspace {
  display:grid !important;
  grid-template-columns:250px minmax(0,1fr) !important;
  gap:14px !important;
  min-height:0 !important;
}
body #profileOverlay .hangarWorkspace > .profileGrid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  min-width:0 !important;
  overflow-y:auto !important;
}
body #profileOverlay #shopTabs {
  display:grid !important;
  grid-template-columns:repeat(11,minmax(0,1fr)) !important;
  gap:6px !important;
}
body #profileOverlay #panel_shop .shopLayout {
  display:grid !important;
  grid-template-columns:310px minmax(0,1fr) !important;
  gap:14px !important;
  min-height:0 !important;
}
@media (max-width:820px){
  body #profileOverlay .profileTabs{flex-direction:row !important; overflow-x:auto !important;}
  body #profileOverlay .profileTabs .tabBtn{flex:1 0 auto !important; justify-content:center !important;}
  body #profileOverlay .hangarWorkspace{grid-template-columns:190px minmax(0,1fr) !important;}
  body #profileOverlay .hangarWorkspace > .profileGrid{grid-template-columns:1fr !important;}
  body #profileOverlay #shopTabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  body #profileOverlay #panel_shop .shopLayout{grid-template-columns:1fr !important;}
}
@media (max-width:560px){body #profileOverlay .hangarWorkspace{grid-template-columns:1fr !important; overflow-y:auto !important;}}
#ammoBar.compactAmmoBar {
  gap:4px !important;
  padding:5px !important;
  border-radius:0 !important;
}
#ammoBar .actionSlots {
  grid-template-columns:repeat(10,46px) !important;
  grid-template-rows:repeat(2,44px);
  gap:4px !important;
}
#ammoBar.compactAmmoBar .actionSlot, #ammoBar.compactAmmoBar .actionSlot .ammoBtn, #ammoBar.compactAmmoBar .actionSlot .skillBtn, #ammoBar .actionPaletteToggle, #ammoBar .actionPalette, #ammoBar .actionPalette nav button, #ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .formationQuickAction {
  border-radius:0 !important;
}
#ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .rocketQuickAction {
  border-radius:0 !important;
}
#ammoBar.compactAmmoBar .actionSlot {
  width:46px !important;
  height:44px !important;
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn, #ammoBar.compactAmmoBar .actionSlot .skillBtn {
  width:42px !important;
  min-width:42px !important;
  height:40px !important;
  min-height:40px !important;
}
#ammoBar .actionPaletteToggle {
  width:27px !important;
  min-width:27px !important;
  height:44px !important;
  font-size:13px !important;
  color:rgba(158,238,255,.7) !important;
  transform:none !important;
}
#ammoBar .actionPaletteToggle.active {
  transform:none !important;
  background:#0d4052 !important;
}
#ammoBar .actionPalette {
  right:0 !important;
  width:max-content !important;
  max-width:calc(100vw - 24px) !important;
  bottom:100% !important;
  padding:7px !important;
}
#ammoBar .actionPaletteItems {
  gap:4px !important;
}
#ammoBar .actionPaletteItems button {
  cursor:pointer;
}
#ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .formationQuickAction {
  flex:0 0 46px !important;
  width:46px !important;
  min-width:46px !important;
  height:44px !important;
  min-height:44px !important;
  padding:2px !important;
}
#ammoBar .actionPaletteItems>.ammoBtn, #ammoBar .rocketQuickAction {
  flex:0 0 46px !important;
  width:46px !important;
  min-width:46px !important;
  height:44px !important;
  min-height:44px !important;
  padding:2px !important;
}
#ammoBar .formationQuickAction img {
  width:40px !important;
  height:40px !important;
  object-fit:contain !important;
}
#ammoBar .rocketQuickAction img {
  width:40px !important;
  height:40px !important;
  object-fit:contain !important;
}
#ammoBar .rocketQuickAction > strong {
  display:none !important;
}
#ammoBar.compactAmmoBar .actionSlot .rocketActionSlot > strong {
  display:none !important;
}
#ammoBar.compactAmmoBar .actionSlot .rocketActionSlot > small.rocketCount {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:1px;
  margin:0 !important;
  overflow:hidden;
  color:rgba(225,241,249,.78) !important;
  font-size:7px !important;
  line-height:8px;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#ammoBar .rocketQuickAction > small.rocketCount, #ammoBar .rocketQuickAction > small.launcherStock {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:1px;
  margin:0 !important;
  overflow:hidden;
  color:rgba(225,241,249,.78) !important;
  font-size:7px !important;
  line-height:8px;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar.compactAmmoBar .actionSlot .formationActionSlot, #ammoBar.compactAmmoBar .actionSlot .rocketActionSlot, #ammoBar .formationQuickAction, #ammoBar .rocketQuickAction {
  width:46px !important;
  min-width:46px !important;
  height:44px !important;
  min-height:44px !important;
  padding:2px !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
#ammoBar.compactAmmoBar .actionSlot .ammoBtn, #ammoBar.compactAmmoBar .actionSlot .skillBtn {
  width:46px !important;
  min-width:46px !important;
  height:44px !important;
  min-height:44px !important;
  box-sizing:border-box !important;
}
#ammoBar .compactAmmoBtn[data-ammo] {
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
}
#ammoBar img[src*="BDR-1212"] {
  transform:translateY(-14.5%) !important;
}
#ammoBar img[src*="BDR1212"] {
  transform:translateY(-14.5%) !important;
}
#ammoBar img[src*="BDR-1211"] {
  transform:translateY(-10.5%) !important;
}
#ammoBar img[src*="R-310"] {
  transform:translateY(-11.8%) !important;
}
#ammoBar img[src*="R-IC3"] {
  transform:translateY(-10.5%) !important;
}
#ammoBar img[src*="PLT-2026"] {
  transform:translateY(-9.2%) !important;
}
#ammoBar img[src*="PLT-2021"] {
  transform:translateY(-7.9%) !important;
}
#ammoBar img[src*="PLT-3030"] {
  transform:translateY(-6.6%) !important;
}
#ammoBar img[src*="DCR-250"] {
  transform:translateY(-6.6%) !important;
}
#ammoBar img[src*="PLD-8"] {
  transform:translateY(-6.6%) !important;
}
#ammoBar img[src*="HSTRM-01"] {
  transform:translateY(-3.9%) !important;
}
#ammoBar img[src*="CBR"] {
  transform:translateY(-5.3%) !important;
}
#ammoBar img[src*="ECO-10"] {
  transform:translateY(-2.6%) !important;
}
#ammoBar img[src*="SAR-01"] {
  transform:translateY(-2.6%) !important;
}
#ammoBar img[src*="SAR-02"] {
  transform:translateY(-2.6%) !important;
}
#ammoBar img[src*="SR-5"] {
  transform:translateY(-2.6%) !important;
}
#ammoBar img[src*="UBR-100"] {
  transform:translateY(-1.3%) !important;
}
#ammoBar img[src*="K-300M"] {
  transform:translateY(-1.3%) !important;
}
#ammoBar img[src*="SP-100X"] {
  transform:translateY(1.3%) !important;
}
#ammoBar img[src*="WIZ-X"] {
  transform:translate(2.6%,-11.8%) !important;
}
#ammoBar img[src*="FORMATION_DEFAULT"] {
  transform:translateY(-5px) !important;
}
#ammoBar img[src*="F-01-TU"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-02-AR"] {
  transform:translateY(-1px) !important;
}
#ammoBar img[src*="F-03-LA"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-04-ST"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-05-PI"] {
  transform:translateY(-5px) !important;
}
#ammoBar img[src*="F-06-DA"] {
  transform:translateY(-2px) !important;
}
#ammoBar img[src*="F-07-DI"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-08-CH"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-09-MO"] {
  transform:translateY(-4px) !important;
}
#ammoBar img[src*="F-10-CR"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-11-HE"] {
  transform:translateY(-3px) !important;
}
#ammoBar img[src*="F-12-BA"] {
  transform:translateY(-1px) !important;
}
#ammoBar img[src*="F-13-BT"] {
  transform:translateY(-4px) !important;
}
#ammoBar img[src*="F-3D-DM"] {
  transform:translateY(5.3%) !important;
}
#ammoBar img[src*="F-3D-DR"] {
  transform:translateY(3.9%) !important;
}
#ammoBar img[src*="F-3D-RG"] {
  transform:translateY(-1.3%) !important;
}
#ammoBar img[src*="F-3D-VT"] {
  transform:translateY(1.3%) !important;
}
#ammoBar img[src*="F-3D-WL"] {
  transform:translateY(3.9%) !important;
}
#ammoBar img[src*="F-3D-WV"] {
  transform:translateY(2.6%) !important;
}
#ammoBar img[src*="F-3D-X"] {
  transform:translateY(-2.6%) !important;
}
#ammoBar .actionSlot .rocketQuickAction, #ammoBar .actionSlot .formationQuickAction, #ammoBar .actionSlot .launcherAutoBtn, #ammoBar .rocketQuickAction, #ammoBar .formationQuickAction {
  display:grid !important;
  place-items:center !important;
  place-content:center !important;
}
#ammoBar .actionSlot img, #ammoBar .rocketQuickAction img, #ammoBar .formationQuickAction img {
  margin:auto !important;
}
#ammoBar .launcherAutoBtn {
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
}
#ammoBar .compactAmmoBtn[data-ammo]::before {
  content:"";
  position:absolute;
  z-index:1;
  left:3px;
  top:3px;
  width:40px;
  height:31px;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  image-rendering:auto;
  pointer-events:none;
}
#ammoBar .compactAmmoBtn[data-ammo="x1"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_lcb-10.png");
  background-size:76% auto;
}
#ammoBar .compactAmmoBtn[data-ammo="x2"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_mcb-25.png");
}
#ammoBar .compactAmmoBtn[data-ammo="x3"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_mcb-50.png");
}
#ammoBar .compactAmmoBtn[data-ammo="x4"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_ucb-100.png");
}
#ammoBar .compactAmmoBtn[data-ammo="sab"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_sab-50.png");
}
#ammoBar .compactAmmoBtn[data-ammo="x6"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_rsb-75.png");
}
#ammoBar .compactAmmoBtn[data-ammo="rcb"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_rcb-140.png");
}
#ammoBar .compactAmmoBtn[data-ammo="cbo"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_cbo-100.png");
}
#ammoBar .compactAmmoBtn[data-ammo="job"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_job-100.png");
}
#ammoBar .compactAmmoBtn[data-ammo="rb"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_rb-214.png");
}
#ammoBar .compactAmmoBtn[data-ammo="pib"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_pib-100.png");
}
#ammoBar .compactAmmoBtn[data-ammo="idb"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_idb-125.png");
}
#ammoBar .compactAmmoBtn[data-ammo="vb"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_vb-142.png");
}
#ammoBar .compactAmmoBtn[data-ammo="emaa"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_emaa-20.png");
}
#ammoBar .compactAmmoBtn[data-ammo="sbl"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_sbl-100.png");
}
#ammoBar .compactAmmoBtn[data-ammo="abl"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_laser_a-bl.png");
}
#ammoBar .compactAmmoBtn[data-ammo="tent"]::before {
  background-image:url("ASSETS/ITEMS/AMMO_TENT.png");
}
#ammoBar .compactAmmoBtn[data-ammo="ice"]::before {
  background-image:url("ASSETS/ITEMS/AMMO_ICE.png");
}
#ammoBar .compactAmmoBtn[data-ammo] > strong {
  display:none !important;
}
#ammoBar .compactAmmoBtn[data-ammo] > small {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:1px;
  margin:0 !important;
  overflow:hidden;
  color:rgba(225,241,249,.78) !important;
  font-size:7px !important;
  line-height:8px;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#ammoBar.compactAmmoBar .compactAmmoBtn[data-ammo] > small {
  font-size:10px !important;
  line-height:1 !important;
}
#ammoBar .formationQuickAction img, #ammoBar .rocketQuickAction img {
  display:block !important;
  width:40px !important;
  height:40px !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  transform:none !important;
}
#ammoBar .actionPalette {
  left:50% !important;
  right:auto !important;
  bottom:calc(100% - 9px) !important;
  transform:translateX(-50%) !important;
}
#ammoBar .formationQuickAction span, #ammoBar .actionPalette .slotKeyHint {
  display:none !important;
}
#ammoBar .slotKeyHint {
  position:absolute;
  top:2px;
  left:3px;
  z-index:4;
  color:rgba(218,244,250,.66);
  font-size:7px;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}
#ammoBar .slotKeyHint, #ammoBar .ammoKey, #ammoBar .keyHint {
  display:none !important;
}
#ammoBar.compactAmmoBar .ammoBtn.active, #ammoBar.compactAmmoBar .formationActionSlot.active, #ammoBar.compactAmmoBar .rocketActionSlot.active, #ammoBar .formationQuickAction.active, #ammoBar .rocketQuickAction.active {
  transform:none !important;
}
#ammoBar [data-skill] {
  position:relative;
  overflow:hidden;
}
#ammoBar [data-skill="pulse"]::before, #ammoBar [data-skill="ish"]::before, #ammoBar [data-skill="repair"]::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:3px 3px 10px;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  pointer-events:none;
}
#ammoBar [data-skill="pulse"]::before {
  background-image:url("ASSETS/PULSE/IEM.png");
}
#ammoBar [data-skill="ish"]::before {
  background-image:url("ASSETS/CPU/ISH_01_100X100.png");
}
#ammoBar [data-skill="repair"]::before {
  background-image:url("ASSETS/REPAIR_ROBOT/2.png");
}
#ammoBar [data-skill="pulse"] > strong, #ammoBar [data-skill="ish"] > strong, #ammoBar [data-skill="repair"] > strong {
  display:none !important;
}
#ammoBar [data-skill="pulse"] > small, #ammoBar [data-skill="ish"] > small, #ammoBar [data-skill="repair"] > small {
  position:relative;
  z-index:3;
}
#ammoBar #btnPulse {
  gap:0;
}
#ammoBar #btnIsh {
  gap:0;
}
#ammoBar #btnCloak {
  gap:0;
}
#ammoBar #btnSmb {
  gap:0;
}
#ammoBar #btnPulse > small, #ammoBar #btnIsh > small, #ammoBar #btnCloak > small, #ammoBar #btnSmb > small, #ammoBar #btnRepair > small {
  display:block;
  margin:2px 0 0;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
#ammoBar.compactAmmoBar #btnPulse > small, #ammoBar.compactAmmoBar #btnIsh > small, #ammoBar.compactAmmoBar #btnRepair > small {
  font-size:12px;
  line-height:1;
  opacity:.88;
}
#ammoBar.compactAmmoBar #btnPulse > small.skillPriceMini, #ammoBar.compactAmmoBar #btnIsh > small.skillPriceMini, #ammoBar.compactAmmoBar #btnCloak > small.skillPriceMini, #ammoBar.compactAmmoBar #btnSmb > small.skillPriceMini {
  display:none;
}
#ammoBar [data-skill="pulse"] > small, #ammoBar [data-skill="ish"] > small, #ammoBar [data-skill="cloak"] > small, #ammoBar [data-skill="smb"] > small {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:2px;
  margin:0 !important;
  overflow:hidden;
  color:rgba(225,241,249,.78) !important;
  font-size:7px !important;
  line-height:8px;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar [data-skill="pulse"] > small.skillPriceMini, #ammoBar [data-skill="ish"] > small.skillPriceMini, #ammoBar [data-skill="cloak"] > small.skillPriceMini, #ammoBar [data-skill="smb"] > small.skillPriceMini {
  bottom:11px;
}
#ammoBar [data-skill="cloak"] > small:first-of-type {
  bottom:1px;
}
#ammoBar [data-skill="smb"] > small:first-of-type {
  bottom:1px;
}
#ammoBar [data-skill="repair"] > small {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:2px;
  margin:0 !important;
  overflow:hidden;
  color:rgba(225,241,249,.78) !important;
  font-size:7px !important;
  line-height:8px;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 1px 3px #000, 0 0 6px #000;
}
#ammoBar.compactAmmoBar .actionSlot .rocketActionSlot > small.rocketCount, #ammoBar.compactAmmoBar .rocketQuickAction > small.rocketCount, #ammoBar.compactAmmoBar .rocketQuickAction > small.launcherStock, #ammoBar.compactAmmoBar [data-skill="pulse"] > small, #ammoBar.compactAmmoBar [data-skill="ish"] > small, #ammoBar.compactAmmoBar [data-skill="cloak"] > small, #ammoBar.compactAmmoBar [data-skill="smb"] > small, #ammoBar.compactAmmoBar [data-skill="repair"] > small {
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
}
#ammoBar .actionPaletteToggle {
  position:absolute !important;
  right:-42px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  padding:0 !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23eaffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7 L8 2 L13 7'/%3E%3Cpath d='M3 12 L8 7 L13 12'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  background-position:center, 0 0 !important;
  background-repeat:no-repeat !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font-size:0 !important;
  cursor:pointer !important;
  transition:none !important;
}
#ammoBar .actionPaletteToggle:hover {
  border-color:rgba(124,240,255,.62) !important;
  background-color:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#ammoBar .actionPaletteToggle.active {
  transform:translateY(-50%) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23eaffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4 L8 9 L13 4'/%3E%3Cpath d='M3 9 L8 14 L13 9'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  background-position:center, 0 0 !important;
  background-repeat:no-repeat !important;
}
#ammoBar .actionPaletteToggle:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
@media (max-width:760px){
  #ammoBar .actionPaletteToggle{ position:static !important; transform:none !important; width:27px !important; min-width:27px !important; height:44px !important; }
}
.ggDetailsBottom .ggPartsBar {
  border:none;
  background:none;
  border-radius:0;
  padding:0;
}
#ammoBar [data-skill="repair"].cdVeil > small {
  position:absolute;
}
#ammoBar [data-skill="repair"].cdVeil {
  --cd-edge:rgba(57,255,20,.9);
}
#ammoBar [data-skill="repair"] {
  border-color:color-mix(in srgb, var(--c) 60%, rgba(255,255,255,.12));
  background:
    radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%),
    color-mix(in srgb, var(--c) 15%, rgba(255,255,255,.05));
  box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 35%, transparent) inset;
}
#ammoBar [data-skill="pulse"].ready, #ammoBar [data-skill="pulse"].skillFeedback, #ammoBar [data-skill="ish"].ready, #ammoBar [data-skill="ish"].skillFeedback, #ammoBar [data-skill="cloak"].ready, #ammoBar [data-skill="cloak"].skillFeedback, #ammoBar [data-skill="smb"].ready, #ammoBar [data-skill="smb"].skillFeedback, #ammoBar [data-skill="repair"].ready, #ammoBar [data-skill="repair"].skillFeedback {
  border-color:color-mix(in srgb, var(--c) 78%, white);
  background:
    linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,0) 55%),
    color-mix(in srgb, var(--c) 32%, rgba(255,255,255,.08));
  box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 35%, transparent) inset,
    inset 0 1px 0 rgba(255,255,255,.28);
}
#ammoBar [data-skill="pulse"].ready, #ammoBar [data-skill="ish"].ready, #ammoBar [data-skill="cloak"].ready, #ammoBar [data-skill="smb"].ready, #ammoBar [data-skill="repair"].ready {
  box-shadow:0 0 12px color-mix(in srgb, var(--c) 55%, transparent),
    0 0 0 2px color-mix(in srgb, var(--c) 22%, transparent) inset;
}
#ammoBar [data-skill="pulse"].skillFeedback.disabled, #ammoBar [data-skill="ish"].skillFeedback.disabled, #ammoBar [data-skill="cloak"].skillFeedback.disabled, #ammoBar [data-skill="smb"].skillFeedback.disabled {
  opacity:1;
}
#ammoBar [data-skill="pulse"].skillFeedback > small, #ammoBar [data-skill="ish"].skillFeedback > small, #ammoBar [data-skill="smb"].skillFeedback > small {
  color:#cfe3ee;
}
#ammoBar [data-skill].skillFeedback::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:1;
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--skill-feedback,0) * 360deg),
    rgba(200,120,255,.9) calc(var(--skill-feedback,0) * 360deg) calc(var(--skill-feedback,0) * 360deg + 3deg),
    transparent calc(var(--skill-feedback,0) * 360deg + 3deg));
}
#ammoBar [data-skill="pulse"].skillReadyPop {
  animation:iemReadyFlash .7s ease-out;
}
@keyframes iemReadyFlash{
  0%{box-shadow:0 0 0 0 rgba(196,110,255,.95),0 0 0 0 rgba(196,110,255,.5)}
  60%{box-shadow:0 0 22px 4px rgba(196,110,255,.55),0 0 0 3px rgba(196,110,255,.25)}
  100%{box-shadow:0 0 12px rgba(179,66,255,.55),0 0 0 0 rgba(196,110,255,0)}
}
#ammoBar [data-skill="ish"].skillFeedback::after {
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--skill-feedback,0) * 360deg),
    rgba(255,225,77,.9) calc(var(--skill-feedback,0) * 360deg) calc(var(--skill-feedback,0) * 360deg + 3deg),
    transparent calc(var(--skill-feedback,0) * 360deg + 3deg));
}
#ammoBar [data-skill="repair"].skillFeedback::after {
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--skill-feedback,0) * 360deg),
    rgba(57,255,20,.9) calc(var(--skill-feedback,0) * 360deg) calc(var(--skill-feedback,0) * 360deg + 3deg),
    transparent calc(var(--skill-feedback,0) * 360deg + 3deg));
}
#ammoBar [data-skill="repair"].skillReadyPop {
  animation:repairReadyFlash .7s ease-out;
}
@keyframes repairReadyFlash{
  0%{box-shadow:0 0 0 0 rgba(57,255,20,.95),0 0 0 0 rgba(57,255,20,.5)}
  60%{box-shadow:0 0 22px 4px rgba(57,255,20,.55),0 0 0 3px rgba(57,255,20,.25)}
  100%{box-shadow:0 0 12px rgba(57,255,20,.55),0 0 0 0 rgba(57,255,20,0)}
}
#ammoBar [data-skill="ish"].skillReadyPop {
  animation:ishReadyFlash .7s ease-out;
}
@keyframes ishReadyFlash{
  0%{box-shadow:0 0 0 0 rgba(255,225,77,.95),0 0 0 0 rgba(255,225,77,.5)}
  60%{box-shadow:0 0 22px 4px rgba(255,225,77,.55),0 0 0 3px rgba(255,225,77,.25)}
  100%{box-shadow:0 0 12px rgba(255,225,77,.55),0 0 0 0 rgba(255,225,77,0)}
}
#ammoBar [data-skill="cloak"].skillFeedback::after {
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--skill-feedback,0) * 360deg),
    rgba(164,19,60,.9) calc(var(--skill-feedback,0) * 360deg) calc(var(--skill-feedback,0) * 360deg + 3deg),
    transparent calc(var(--skill-feedback,0) * 360deg + 3deg));
}
#ammoBar [data-skill="cloak"].skillReadyPop {
  animation:cloakReadyFlash .7s ease-out;
}
@keyframes cloakReadyFlash{
  0%{box-shadow:0 0 0 0 rgba(164,19,60,.95),0 0 0 0 rgba(164,19,60,.5)}
  60%{box-shadow:0 0 22px 4px rgba(164,19,60,.55),0 0 0 3px rgba(164,19,60,.25)}
  100%{box-shadow:0 0 12px rgba(164,19,60,.55),0 0 0 0 rgba(164,19,60,0)}
}
#ammoBar [data-skill="smb"].skillFeedback::after {
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--skill-feedback,0) * 360deg),
    rgba(11,46,143,.9) calc(var(--skill-feedback,0) * 360deg) calc(var(--skill-feedback,0) * 360deg + 3deg),
    transparent calc(var(--skill-feedback,0) * 360deg + 3deg));
}
#ammoBar [data-skill="smb"].skillReadyPop {
  animation:smbReadyFlash .7s ease-out;
}
@keyframes smbReadyFlash{
  0%{box-shadow:0 0 0 0 rgba(11,46,143,.95),0 0 0 0 rgba(11,46,143,.5)}
  60%{box-shadow:0 0 22px 4px rgba(11,46,143,.55),0 0 0 3px rgba(11,46,143,.25)}
  100%{box-shadow:0 0 12px rgba(11,46,143,.55),0 0 0 0 rgba(11,46,143,0)}
}
#ammoBar [data-ammo] .fireOrbit {
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:5px;
  margin:0;
  padding:0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 5px #fff,0 0 10px rgba(255,255,255,.6);
  pointer-events:none;
  opacity:0;
  z-index:6;
  offset-path:path("M -0.5 -0.5 H 44.5 V 42.5 H -0.5 Z");
  offset-anchor:center;
  offset-rotate:0deg;
}
#ammoBar [data-ammo].firing {
  position:relative;
}
#ammoBar.compactAmmoBar [data-ammo].firing {
  overflow:visible !important;
}
#ammoBar [data-ammo].firing .fireOrbit.f1 {
  opacity:1;
  animation:fireOrbit 1s linear infinite;
}
#ammoBar [data-ammo].firing .fireOrbit.f2 {
  width:4px;
  height:4px;
  opacity:.65;
  animation:fireOrbit 1s linear infinite;
  animation-delay:.035s;
  animation-fill-mode:backwards;
}
#ammoBar [data-ammo].firing .fireOrbit.f3 {
  width:3px;
  height:3px;
  opacity:.4;
  animation:fireOrbit 1s linear infinite;
  animation-delay:.065s;
  animation-fill-mode:backwards;
}
#ammoBar [data-ammo].firing .fireOrbit.f4 {
  width:2px;
  height:2px;
  opacity:.2;
  animation:fireOrbit 1s linear infinite;
  animation-delay:.085s;
  animation-fill-mode:backwards;
}
@keyframes fireOrbit{from{offset-distance:100%}to{offset-distance:0%}}
#ammoBar .cdVeil {
  position:relative;
  overflow:hidden;
}
#ammoBar .cdVeil > small, #ammoBar .cdVeil > strong, #ammoBar .cdVeil > span {
  position:relative;
  z-index:2;
}
#ammoBar .cdVeil::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(3,7,16,.8) 0deg calc(var(--cd,0) * 360deg),
    var(--cd-edge,rgba(175,185,195,.9)) calc(var(--cd,0) * 360deg) calc(var(--cd,0) * 360deg + 3deg),
    transparent calc(var(--cd,0) * 360deg + 3deg));
}
#ammoBar .rocketActionSlot.cdVeil, #ammoBar .rocketQuickAction.cdVeil {
  --cd-edge:rgba(255,170,80,.9);
}
#ammoBar .formationActionSlot.cdVeil, #ammoBar .formationQuickAction.cdVeil {
  --cd-edge:rgba(232,196,106,.9);
}
#ammoBar .abilityActionSlot.cdVeil, #ammoBar .abilityQuickAction.cdVeil {
  --cd-edge:rgba(180,120,255,.9);
}
#ammoBar .abilityActionSlot .abilityCd, #ammoBar .abilityQuickAction .abilityCd {
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  z-index:2;
  display:none;
  text-align:center;
  pointer-events:none;
  font:800 10px/1.2 ui-sans-serif,system-ui;
  color:#eaffff;
  text-shadow:0 0 4px #000,0 0 4px #000;
}
#ammoBar .abilityActionSlot.cdVeil .abilityCd, #ammoBar .abilityQuickAction.cdVeil .abilityCd {
  display:block;
}
#ammoBar [data-ammo="x6"].x6Ready {
  animation:x6ReadyFlash .45s ease-out;
}
@keyframes x6ReadyFlash{
  35%{
    border-color:color-mix(in srgb, var(--c) 85%, white);
    background:color-mix(in srgb, var(--c) 38%, rgba(255,255,255,.08));
    box-shadow:0 0 18px 3px rgba(255,165,74,.8),
      0 0 0 2px color-mix(in srgb, var(--c) 45%, transparent) inset;
  }
}
#ammoBar [data-skill="repair"] {
  cursor:pointer !important;
}
#settingsWindow .settingsKeyColumns {
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) !important;
}
#settingsWindow .settingsSlotKeys {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px 8px;
}
#settingsWindow .settingsSlotKeyColumns {
  display:grid;
  gap:5px 10px;
}
#settingsWindow .settingsSlotKeyCol .settingsSlotKeys {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#settingsWindow .settingsSlotKeyGroup {
  min-width:0;
}
#settingsWindow .settingsPreferences {
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important;
}
#settingsWindow .settingsCheck {
  height:34px !important;
  min-height:34px !important;
  align-items:center !important;
}
#settingsWindow .settingsVisual .settingsCheck {
  height:34px !important;
  min-height:34px !important;
  padding:4px 8px !important;
}
#settingsWindow .settingsVisual .settingsCheck span {
  font-size:11px !important;
}
#settingsWindow .settingsCheck span {
  min-width:0 !important;
  line-height:1.15 !important;
}
#settingsWindow .settingsCheck small {
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
#settingsWindow .settingsSoundControl {
  height:auto !important;
}
#settingsWindow .settingsSlotKeys .keyBindRow {
  height:32px !important;
  min-height:32px !important;
  padding:4px 9px !important;
  font-size:10px !important;
  width:100% !important;
}
#settingsWindow .settingsSlotKeys .keyBindRow kbd {
  min-width:30px !important;
  padding:3px 5px !important;
}
.craftingRecipe.ownedLimit {
  opacity:.38 !important;
  filter:grayscale(1) !important;
  border-color:rgba(130,150,160,.16) !important;
  background:#071018 !important;
}
#profileOverlay.profileOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90000 !important;
  display: none;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}
#profileOverlay .profileOverlayInner {
  display: contents !important;
}
#profileOverlay #profileWindow.gameWindow {
  position: fixed !important;
  width: min(1180px, calc(100vw - 32px)) !important;
  height: min(720px, calc(100vh - 90px)) !important;
  min-width: 760px !important;
  min-height: 520px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 290px minmax(0, 1fr) !important;
  grid-template-rows: 26px minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: #e8f4ff !important;
  border: 1px solid rgba(124, 240, 255, .24) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  pointer-events: auto !important;
}
#profileOverlay #profileWindow.gameWindow:hover {
  border-color: rgba(124, 240, 255, .42) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.50), 0 0 28px rgba(0,217,255,.16), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
html body #profileOverlay #profileWindow.gameWindow:not(.floating) {
  left: max(16px, calc(50vw - 590px)) !important;
  top: 70px !important;
}
#profileOverlay #profileWindow.gameWindow > .gameWinBar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124, 240, 255, .18) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(0,217,255,.18), rgba(124,240,255,.05), rgba(255,255,255,.035)) !important;
  box-shadow: none !important;
  cursor: grab !important;
}
#profileOverlay #profileWindow .gameWinIcon {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
}
#profileOverlay #profileWindow .gameWinTitle {
  flex: 1 !important;
  min-width: 0 !important;
  color: rgba(232,244,255,.88) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .35px !important;
}
html body #profileOverlay #profileWindow.gameWindow > .gameWinBar .gameWinMinBtn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 -8px 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 0 8px 0 0 !important;
  background: linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  color: #eaffff !important;
  font: 750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition: none !important;
}
html body #profileOverlay #profileWindow.gameWindow > .gameWinBar .gameWinMinBtn:hover:not(:disabled) {
  border-color: rgba(124,240,255,.62) !important;
  background: rgba(0,140,185,.3) !important;
  box-shadow: 0 0 16px rgba(0,217,255,.12) !important;
}
#profileOverlay .profileHeaderCard {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-right: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0b2638, #071927) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#profileOverlay .profileHeaderTop {
  margin: 0 !important;
  padding: 0 3px 18px !important;
  display: block !important;
  border-bottom: 1px solid rgba(124,240,255,.14) !important;
}
#profileOverlay .profileTitle {
  padding: 0 !important;
  border: 0 !important;
  color: #f0fbff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
#profileOverlay .profileSub {
  margin: 8px 0 0 !important;
  color: rgba(204,228,241,.62) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}
#profileOverlay .profileTabs {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow: visible !important;
}
#profileOverlay .profileTabs .tabBtn, #profileOverlay #shopTabs .subtabBtn, #profileOverlay button:not(.gameWinMinBtn) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(124,240,255,.17) !important;
  border-radius: 8px !important;
  color: rgba(215,235,246,.76) !important;
  background: #0a2232 !important;
  box-shadow: none !important;
  font: 800 11px/1.2 system-ui !important;
  text-transform: none !important;
  transform: none !important;
  transition: none !important;
}
#profileOverlay .profileTabs .tabBtn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  min-height: 44px !important;
  padding: 11px 14px !important;
  font-size: 12px !important;
  letter-spacing: .045em !important;
  white-space: nowrap !important;
}
#profileOverlay .generalPanel {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(220px,.8fr) minmax(280px,1.2fr);
  align-items: center;
  gap: 34px;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#profileOverlay .generalLogo {
  width: min(100%,360px);
  max-height: 260px;
  justify-self: center;
  object-fit: contain;
  filter: drop-shadow(0 0 22px rgba(0,200,255,.18));
}
#profileOverlay .generalCopy {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#profileOverlay .generalCopy span {
  color: #72e7ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#profileOverlay .generalCopy h2 {
  margin: 0;
  color: #effbff;
  font-size: clamp(25px,3vw,40px);
  line-height: 1;
}
#profileOverlay .generalCopy p {
  margin: 0;
  color: rgba(215,235,246,.68);
  font-size: 11px;
  line-height: 1.7;
}
#profileOverlay .profileTabs .tabBtn.active, #profileOverlay #shopTabs .subtabBtn.active {
  color: #f1fcff !important;
  border-color: rgba(124,240,255,.52) !important;
  background: #0c3950 !important;
  box-shadow: inset 3px 0 0 #69e9ff !important;
}
#profileOverlay .profileTabs .tabBtn:hover, #profileOverlay #shopTabs .subtabBtn:hover, #profileOverlay button:not(.gameWinMinBtn):hover, #profileOverlay button:not(.gameWinMinBtn):active {
  transform: none !important;
}
#profileOverlay #msg {
  display: none !important;
}
#profileOverlay .profileMainCard {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #06111c !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#profileOverlay .profilePanel {
  display: none !important;
}
#profileOverlay .profilePanel.active {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 11px !important;
  background: #091a28 !important;
  box-shadow: none !important;
  animation: none !important;
}
#profileOverlay .hint {
  flex: 0 0 auto !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  color: rgba(209,231,243,.70) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  border: 1px solid rgba(124,240,255,.12) !important;
  border-radius: 8px !important;
  background: #071622 !important;
}
#profileOverlay .statsRow {
  flex: 0 0 auto !important;
  margin: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}
#profileOverlay .statCard, #profileOverlay .previewCard, #profileOverlay .tile, #profileOverlay .profileTile {
  box-sizing: border-box !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 9px !important;
  background: #0a2232 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#profileOverlay .statCard {
  min-height: 82px !important;
  padding: 14px !important;
}
#profileOverlay .statLabel {
  margin: 0 0 9px !important;
  color: rgba(204,228,241,.56) !important;
  font-size: 9px !important;
}
#profileOverlay .statValue {
  color: #72e7ff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}
#profileOverlay .previewCard {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 20px !important;
  gap: 18px !important;
}
#profileOverlay .previewCard img {
  width: 120px !important;
  height: 120px !important;
  padding: 10px !important;
}
#profileOverlay .accountSettingsGrid, #settingsWindow .accountSettingsGrid {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
#profileOverlay #panel_inventory.profilePanel.active {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  overflow: hidden !important;
}
#profileOverlay .inventoryToolbar {
  min-width: 0 !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 10px !important;
  background: linear-gradient(120deg, rgba(11,38,56,.92), rgba(7,25,39,.92)) !important;
}
#profileOverlay .inventoryTitle {
  color: #f0fbff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
#profileOverlay .inventorySubtitle {
  margin-top: 4px !important;
  color: rgba(204,228,241,.58) !important;
  font-size: 10px !important;
}
#profileOverlay .inventorySearchField {
  width: min(310px, 42%) !important;
  display: grid !important;
  gap: 5px !important;
}
#profileOverlay .inventorySearchField > span {
  color: rgba(164,202,221,.72) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .7px !important;
}
#profileOverlay .inventorySearchField input {
  width: 100% !important;
  min-height: 36px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(124,240,255,.20) !important;
  border-radius: 8px !important;
  outline: none !important;
  color: #e8f4ff !important;
  background: #061521 !important;
}
#profileOverlay .inventorySearchField input:focus {
  border-color: rgba(0,217,255,.62) !important;
  box-shadow: 0 0 0 2px rgba(0,217,255,.08) !important;
}
#profileOverlay .inventorySections {
  min-height: 0 !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 72px) !important;
  grid-auto-rows: 72px !important;
  align-content: start !important;
  gap: 8px !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#profileOverlay .inventorySlot {
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 9px !important;
  background: radial-gradient(circle at 50% 42%, rgba(0,217,255,.12), rgba(2,12,20,.84) 72%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
#profileOverlay .inventorySlot:hover, #profileOverlay .inventorySlot:focus-visible {
  border-color: rgba(124,240,255,.65) !important;
  background: radial-gradient(circle at 50% 42%, rgba(0,217,255,.22), rgba(2,12,20,.84) 74%) !important;
  box-shadow: 0 0 14px rgba(0,217,255,.13), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
#profileOverlay .inventorySlot img {
  width: 84% !important;
  height: 84% !important;
  object-fit: contain !important;
  pointer-events: none !important;
}
#profileOverlay .inventorySlotQuantity {
  position: absolute !important;
  right: 5px !important;
  bottom: 4px !important;
  max-width: calc(100% - 10px) !important;
  overflow: hidden !important;
  color: #ffd56a !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 3px #000, 0 0 5px #000 !important;
  white-space: nowrap !important;
}
body > .inventoryTooltip {
  position: fixed !important;
  z-index: 999999 !important;
  width: max-content !important;
  max-width: 310px !important;
  padding: 10px 12px !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  border: 1px solid rgba(124,240,255,.36) !important;
  border-radius: 8px !important;
  color: rgba(221,241,250,.78) !important;
  background: rgba(3,14,23,.97) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.58), 0 0 16px rgba(0,217,255,.10) !important;
  font: 700 10px/1.55 system-ui !important;
  white-space: pre-line !important;
  transition: opacity .12s ease !important;
}
body > .inventoryTooltip.visible {
  opacity: 1 !important;
  visibility: visible !important;
}
body > .inventoryTooltip .ttModName {
  color:#eaffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  margin-bottom:2px !important;
}
body > .inventoryTooltip .ttModLine {
  color:rgba(221,241,250,.78) !important;
  font-size:12px !important;
  font-weight:700 !important;
}
body > .inventoryTooltip .ttModPos {
  color:#00ff88 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body > .inventoryTooltip .ttModNeg {
  color:#ff5566 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body > .inventoryTooltip .ttAmmoDesc {
  color:#f4fbff !important;
  font-size:12px !important;
  font-weight:600 !important;
}
body > .inventoryTooltip .ttAmmoName {
  color:#eaffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:center !important;
}
body > .inventoryTooltip .ttAmmoQty {
  color:#ffd56a !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-align:center !important;
}
#profileOverlay .inventorySlot[class*="rarity-"] {
  border-color: color-mix(in srgb, var(--rarity) 48%, transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -2px 0 var(--rarity) !important;
}
#profileOverlay .inventorySlot.rarity-common {
  --rarity:#a9bcc7;
}
#profileOverlay .inventorySlot.rarity-rare {
  --rarity:#45bfff;
}
#profileOverlay .inventorySlot.rarity-epic {
  --rarity:#ba72ff;
}
#profileOverlay .inventorySlot.rarity-legendary {
  --rarity:#ffd15c;
}
#profileOverlay .inventorySlot.is-module {
  width:232px !important;
  height:72px !important;
  grid-column:span 3 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 8px !important;
  text-align:left !important;
}
#profileOverlay .inventorySlot.is-module img.invModIcon {
  width:40px !important;
  height:40px !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  pointer-events:none !important;
}
#profileOverlay .inventorySlot.is-module img.invModShip {
  width:64px !important;
  height:44px !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  pointer-events:none !important;
}
#profileOverlay .invModStats {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:1px !important;
  min-width:0 !important;
  flex:1 !important;
  overflow:hidden !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}
#profileOverlay .invModStats > span {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#profileOverlay .invModLine {
  color:rgba(221,241,250,.78) !important;
}
#profileOverlay .invModPos {
  color:#00ff88 !important;
}
#profileOverlay .invModNeg {
  color:#ff5566 !important;
}
#fitCard .invCell[class*="rarity-"], #fitCard .slotCell[class*="rarity-"] {
  border-color: color-mix(in srgb, var(--rarity) 50%, transparent) !important;
  box-shadow: inset 0 -2px 0 var(--rarity), inset 0 0 12px color-mix(in srgb, var(--rarity) 9%, transparent) !important;
}
#fitCard .rarity-common {
  --rarity:#a9bcc7;
}
#fitCard .rarity-rare {
  --rarity:#45bfff;
}
#fitCard .rarity-epic {
  --rarity:#ba72ff;
}
#fitCard .rarity-legendary {
  --rarity:#ffd15c;
}
#profileOverlay .inventoryEmpty {
  padding: 18px 12px !important;
  color: rgba(177,207,224,.48) !important;
  font-size: 10px !important;
  text-align: center !important;
}
#profileOverlay #panel_account .accountSettingsGrid, #settingsWindow .accountSettingsGrid {
  flex: 0 0 auto !important;
  grid-auto-rows: minmax(280px, auto) !important;
  overflow: visible !important;
}
#profileOverlay #panel_account .accountCard, #settingsWindow .accountCard {
  overflow: visible !important;
}
#profileOverlay .accountCard, #settingsWindow .accountCard {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow-y: auto !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 10px !important;
  background: #071622 !important;
}
#profileOverlay .accountCardHeader, #settingsWindow .accountCardHeader {
  min-width: 0 !important;
  padding-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
}
#profileOverlay .accountCardIcon, #settingsWindow .accountCardIcon {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.22) !important;
  border-radius: 9px !important;
  color: #74e8ff !important;
  background: #0a2a3c !important;
  font-size: 15px !important;
}
#profileOverlay .accountCardHeader h3, #settingsWindow .accountCardHeader h3 {
  margin: 0 !important;
  color: #effbff !important;
  font-size: 14px !important;
}
#profileOverlay .accountCardHeader p, #settingsWindow .accountCardHeader p {
  margin: 3px 0 0 !important;
  overflow: hidden !important;
  color: rgba(204,228,241,.58) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#profileOverlay .passwordFields, #settingsWindow .passwordFields {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}
#profileOverlay .passwordFields .accountField:first-child, #settingsWindow .passwordFields .accountField:first-child {
  grid-column: 1 / -1 !important;
}
#profileOverlay .accountField, #settingsWindow .accountField {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#profileOverlay .accountField > span, #settingsWindow .accountField > span {
  color: rgba(204,228,241,.62) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}
#profileOverlay .accountField input, #profileOverlay .accountField select, #settingsWindow .accountField input, #settingsWindow .accountField select {
  width: 100% !important;
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.18) !important;
  border-radius: 8px !important;
  color: #eaf9ff !important;
  background: #05111c !important;
  font: 700 11px/1 system-ui !important;
}
#profileOverlay .accountField select, #settingsWindow .accountField select {
  appearance: none !important;
  cursor: pointer !important;
}
#profileOverlay .accountField select option, #settingsWindow .accountField select option {
  color: #eaf9ff;
  background: #071622;
}
#profileOverlay .accountPanelIntro, #settingsWindow .accountPanelIntro {
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #effbff;
}
#profileOverlay .accountPanelIntro span, #settingsWindow .accountPanelIntro span {
  color: rgba(204,228,241,.62);
  font-size: 10px;
}
#profileOverlay .factionChangeCost, #settingsWindow .factionChangeCost {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(255,174,73,.2);
  border-radius: 8px;
  color: rgba(230,238,244,.72);
  background: rgba(255,145,45,.055);
  font-size: 10px;
}
#profileOverlay .factionChangeCost strong, #settingsWindow .factionChangeCost strong {
  color: #ffc06b;
  font-size: 11px;
}
#profileOverlay .npcStatsCard {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(124,240,255,.14);
  border-radius: 10px;
  background: #071622;
}
#profileOverlay .npcPanelIntro {
  margin: 0 0 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(124,240,255,.14);
  border-radius: 9px;
  background: #071622;
}
#profileOverlay .npcPanelIntro > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#profileOverlay .npcPanelIntro strong {
  color: #effbff;
  font-size: 13px;
}
#profileOverlay .npcPanelIntro span {
  color: rgba(204,228,241,.58);
  font-size: 10px;
}
#profileOverlay .npcTotalBadge {
  min-width: 110px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(124,240,255,.2);
  border-radius: 8px;
  background: #0a2232;
}
#profileOverlay .npcTotalBadge strong {
  color: #72e7ff;
  font-size: 18px;
}
#profileOverlay .npcStatsHeader {
  flex: 0 0 auto;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(124,240,255,.12);
  color: #effbff;
  font-size: 12px;
  font-weight: 900;
}
#profileOverlay .npcStatsHeader small {
  color: rgba(204,228,241,.52);
  font-size: 9px;
  font-weight: 700;
}
#profileOverlay .npcKillList {
  flex: 1 1 auto;
  min-height: 0;
  padding: 6px;
  display: block;
  overflow: auto;
}
#profileOverlay .npcKillRow {
  min-width: 0;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 6px;
  color: rgba(215,235,246,.72);
  background: rgba(10,34,50,.7);
  font-size: 10px;
}
#profileOverlay .npcKillRow span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#profileOverlay .npcKillRow strong {
  flex: 0 0 auto;
  color: #72e7ff;
}
#profileOverlay .rankCalculationCard {
  margin: 0 0 12px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 8px;
  border: 1px solid rgba(124,240,255,.14);
  border-radius: 10px;
  background: #071622;
}
#profileOverlay .rankCalculationMetric, #profileOverlay .rankCalculationCurrent, #profileOverlay .rankCalculationAdjacent {
  min-width: 0;
  padding: 9px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-radius: 7px;
  background: #0a2232;
}
#profileOverlay .rankCalculationCard span {
  color: rgba(204,228,241,.55);
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}
#profileOverlay .rankCalculationCard strong {
  color: #72e7ff;
  font-size: 15px;
}
#profileOverlay .rankCalculationCard small {
  overflow: hidden;
  color: rgba(215,235,246,.68);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#profileOverlay .rankCalculationCard .rankImportantValue {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 800;
}
#profileOverlay .rankCalculationCurrent, #profileOverlay .rankCalculationAdjacent {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
}
#profileOverlay .rankCalculationAdjacent {
  grid-column: span 2;
  border: 1px solid transparent;
}
#profileOverlay .rankCalculationCurrent {
  grid-column: span 2;
  border: 1px solid rgba(95,225,144,.28);
  background: rgba(20,92,59,.32);
}
#profileOverlay .rankPrevious {
  border-color: rgba(255,105,120,.22);
  background: rgba(112,35,48,.25);
}
#profileOverlay .rankNext {
  border-color: rgba(255,201,91,.25);
  background: rgba(112,83,24,.25);
}
#profileOverlay .rankPrevious strong {
  color: #ff9aa7;
}
#profileOverlay .rankPrevious .rankImportantValue {
  color: #ffc0c8;
}
#profileOverlay .rankCalculationCurrent strong {
  color: #7cf0a9;
}
#profileOverlay .rankCalculationCurrent .rankImportantValue, #profileOverlay .rankCalculationCurrent small b {
  color: #9bf5bc;
}
#profileOverlay .rankNext strong {
  color: #ffd477;
}
#profileOverlay .rankNext .rankImportantValue {
  color: #ffe2a0;
}
#profileOverlay .rankCalculationCurrent img, #profileOverlay .rankCalculationAdjacent img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  image-rendering: auto;
}
#profileOverlay .rankCalculationCurrent div, #profileOverlay .rankCalculationAdjacent div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#profileOverlay .rankMetricsSeparator {
  grid-column: 1 / -1;
  padding: 6px 2px 2px;
  border-top: 1px solid rgba(124,240,255,.18);
}
#profileOverlay .rankMetricsSeparator span {
  color: rgba(224,242,251,.7);
}
#profileOverlay .rankCalculationMetric {
  grid-column: span 3;
}
#profileOverlay .npcRewardRow {
  min-width: 0;
  padding: 7px 9px;
  display: grid;
  grid-template-columns: minmax(145px,1.6fr) repeat(5,minmax(68px,1fr));
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  color: rgba(215,235,246,.72);
  background: rgba(10,34,50,.7);
  font-size: 9px;
}
#profileOverlay .npcRewardRow + .npcRewardRow {
  margin-top: 4px;
}
#profileOverlay .npcRewardRow > :not(:first-child) {
  text-align: right;
}
#profileOverlay .npcRewardRow strong {
  color: #72e7ff;
}
#profileOverlay .npcRewardName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#profileOverlay .npcRewardHeader {
  flex: 0 0 auto;
  margin: 6px 6px 0;
  color: rgba(224,242,251,.72);
  background: #0d3044;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}
#profileOverlay .npcTotalsSeparator, #profileOverlay .missionStatsSeparator {
  flex: 0 0 auto;
  margin: 0 8px;
  padding: 8px 0 5px;
  border-top: 1px solid rgba(124,240,255,.22);
  color: #effbff;
  font-size: 10px;
  font-weight: 900;
}
#profileOverlay .npcRewardTotals {
  flex: 0 0 auto;
  padding: 0 6px 6px;
  overflow-x: auto;
}
#profileOverlay .npcTotalRewardRow {
  border: 1px solid rgba(114,231,255,.24);
  background: #0c2d40;
}
#profileOverlay .missionRewardSummary {
  flex: 0 0 auto;
  padding: 0 6px 6px;
  overflow-x: auto;
}
#profileOverlay .missionRewardRow {
  border: 1px solid rgba(124,240,255,.14);
  background: #0b2638;
}
#profileOverlay .accountField input:focus, #settingsWindow .accountField input:focus {
  border-color: rgba(124,240,255,.62) !important;
}
#profileOverlay .accountField input::placeholder, #settingsWindow .accountField input::placeholder {
  color: rgba(185,211,225,.34) !important;
}
#profileOverlay .accountCard > button, #settingsWindow .accountCard > button {
  width: 100% !important;
  margin-top: auto !important;
}
#profileOverlay .hangarWorkspace {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(230px, 36%) minmax(0, 1fr) !important;
  gap: 12px !important;
}
#profileOverlay .hangarPreview {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 10px !important;
  background: radial-gradient(circle at 50% 38%, rgba(0,180,230,.14), transparent 42%), #071622 !important;
}
#profileOverlay .hangarPreviewEyebrow {
  color: rgba(190,220,240,.58) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 1.1px !important;
}
#profileOverlay #hangarPreviewImage {
  width: 100px !important;
  height: 100px !important;
  margin: 20px 0 14px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#profileOverlay #hangarPreviewTitle {
  margin: 0 0 8px !important;
  color: #eefbff !important;
  font-size: 19px !important;
}
#profileOverlay #hangarPreviewMeta {
  margin: 0 !important;
  color: rgba(204,228,241,.62) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}
#profileOverlay .hangarPreviewStage {
  width: 100% !important;
  height: 330px !important;
  position: relative !important;
  flex: 0 0 330px !important;
  overflow: hidden !important;
}
#profileOverlay .hangarActivePreview, #profileOverlay .hangarSelectedPreview {
  position: absolute !important;
  left: 50% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transform: translateX(-50%) !important;
  transition: top .42s cubic-bezier(.2,.8,.2,1), transform .42s cubic-bezier(.2,.8,.2,1), opacity .3s ease !important;
}
#profileOverlay .hangarActivePreview {
  top: 100px !important;
}
#profileOverlay .hangarActivePreview #hangarPreviewImage {
  width: 100px !important;
  height: 100px !important;
  margin: 0 0 10px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  transition: width .42s cubic-bezier(.2,.8,.2,1), height .42s cubic-bezier(.2,.8,.2,1) !important;
}
#profileOverlay .hangarActivePreview #hangarPreviewTitle, #profileOverlay .hangarSelectedPreview #hangarSelectedTitle {
  margin: 0 !important;
  color: #eefbff !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}
#profileOverlay .hangarSelectedPreview {
  top: 190px !important;
  opacity: 0 !important;
  transform: translate(-50%, 28px) scale(.92) !important;
  pointer-events: none !important;
}
#profileOverlay .hangarSelectedPreview #hangarSelectedImage {
  width: 100px !important;
  height: 100px !important;
  margin: 4px 0 4px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#profileOverlay .hangarSelectedLabel {
  color: #72e7ff !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
}
#profileOverlay .hangarFlowArrows {
  position: absolute !important;
  top: 150px !important;
  left: 50% !important;
  z-index: 3 !important;
  display: grid !important;
  gap: 0 !important;
  color: #72e7ff !important;
  font: 1000 18px/.55 ui-sans-serif,system-ui !important;
  opacity: 0 !important;
  transform: translateX(-50%) !important;
  transition: opacity .2s ease .16s !important;
  pointer-events: none !important;
}
#profileOverlay .hangarFlowArrows span {
  opacity: .16;
  text-shadow: 0 0 9px rgba(105,233,255,.8);
}
#profileOverlay .hangarPreview.isComparing .hangarActivePreview {
  top: 4px !important;
}
#profileOverlay .hangarPreview.isComparing .hangarActivePreview #hangarPreviewImage {
  width: 100px !important;
  height: 100px !important;
}
#profileOverlay .hangarPreview.isComparing .hangarActivePreview #hangarPreviewTitle {
  font-size: 13px !important;
}
#profileOverlay .hangarPreview.isComparing .hangarSelectedPreview {
  opacity: 1 !important;
  transform: translate(-50%, 0) scale(1) !important;
}
#profileOverlay .hangarPreview.isComparing .hangarFlowArrows {
  opacity: 1 !important;
}
#profileOverlay .hangarPreview.isComparing .hangarFlowArrows span:nth-child(1) {
  animation: hangarArrowPulse 1.2s linear infinite;
}
#profileOverlay .hangarPreview.isComparing .hangarFlowArrows span:nth-child(2) {
  animation: hangarArrowPulse 1.2s .2s linear infinite;
}
#profileOverlay .hangarPreview.isComparing .hangarFlowArrows span:nth-child(3) {
  animation: hangarArrowPulse 1.2s .4s linear infinite;
}
@keyframes hangarArrowPulse {
  0%, 16%, 72%, 100% { opacity: .14; filter: none; }
  28%, 52% { opacity: 1; filter: drop-shadow(0 0 5px #72e7ff); }
}
#profileOverlay .hangarWorkspace > #hangarGrid.profileGrid {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 5px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow-y: auto !important;
}
#profileOverlay .hangarListItem {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 11px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 9px !important;
  background: #0a2232 !important;
  cursor: pointer !important;
}
#profileOverlay .hangarListItem.selected {
  border-color: rgba(124,240,255,.50) !important;
  background: #0b2d40 !important;
}
#profileOverlay .hangarListItem.active {
  box-shadow: inset 3px 0 0 #48d99d !important;
}
#profileOverlay .hangarListItem .tileShipPreview {
  min-width: 0 !important;
  margin: 0 !important;
  gap: 10px !important;
}
#profileOverlay .hangarListItem .tileShipPreview img {
  width: 58px !important;
  height: 58px !important;
  padding: 4px !important;
  flex: 0 0 auto !important;
}
#profileOverlay .hangarListItem h3 {
  margin: 0 0 5px !important;
  font-size: 13px !important;
}
#profileOverlay .hangarListItem p {
  font-size: 9px !important;
  line-height: 1.4 !important;
}
#profileOverlay .hangarListItem .tileActions {
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#profileOverlay .hangarListItem .tileActions button {
  width: 92px !important;
  min-height: 30px !important;
  padding: 6px 8px !important;
}
#profileOverlay .hangarDesignRow {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 2px 0 0 !important;
  padding: 8px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-top: 1px solid rgba(124,240,255,.14) !important;
}
#profileOverlay .hangarDesignRow label {
  flex: 0 0 auto !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: #8fcddd !important;
}
#profileOverlay .hangarDesignTrigger {
  flex: 1 !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid rgba(124,240,255,.3) !important;
  border-radius: 6px !important;
  color: #eaf8ff !important;
  background: #082436 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  cursor: pointer !important;
  text-align: left !important;
}
#profileOverlay .hangarDesignTrigger:hover {
  border-color: rgba(124,240,255,.55) !important;
}
#profileOverlay .hangarDesignValue {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#profileOverlay .hangarDesignCaret {
  flex: 0 0 auto !important;
  opacity: .75 !important;
}
#profileOverlay .hangarDesignRow.disabled {
  opacity: .55 !important;
}
#profileOverlay .hangarDesignRow.disabled .hangarDesignTrigger {
  cursor: not-allowed !important;
}
.hangarDesignPanel {
  position: fixed !important;
  z-index: 1001000 !important;
  overflow-y: auto !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 8px !important;
  background: #071a2b !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.5) !important;
}
.hangarDesignPanel .hangarDesignOption {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 5px !important;
  color: #eaf8ff !important;
  background: transparent !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  text-align: left !important;
  cursor: pointer !important;
}
.hangarDesignPanel .hangarDesignOption:hover:not(:disabled) {
  background: rgba(0,180,230,.22) !important;
}
.hangarDesignPanel .hangarDesignOption.selected {
  color: #7cf0ff !important;
  background: rgba(0,150,200,.18) !important;
}
.hangarDesignPanel .hangarDesignOption.locked {
  color: rgba(190,215,230,.45) !important;
  cursor: not-allowed !important;
}
.hangarDesignPanel.asImages {
  padding: 10px !important;
  display: grid !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  max-width: min(400px, calc(100vw - 16px)) !important;
}
.hangarDesignPanel .hangarDesignImageOption {
  width: 88px !important;
  height: 88px !important;
  padding: 5px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 10px !important;
  background: rgba(3,14,25,.55) !important;
  cursor: pointer !important;
}
.hangarDesignPanel .hangarDesignImageOption img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.hangarDesignPanel .hangarDesignImageOption:hover {
  border-color: rgba(124,240,255,.55) !important;
  background: rgba(0,140,185,.18) !important;
}
.hangarDesignPanel .hangarDesignImageOption.selected {
  border-color: #7cf0ff !important;
  box-shadow: 0 0 12px rgba(124,240,255,.35) !important;
  background: rgba(0,140,185,.22) !important;
}
#profileOverlay .shopToolbar {
  flex: 0 0 auto !important;
  min-height: 54px !important;
  margin: 0 0 8px !important;
  padding: 2px 4px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#profileOverlay .shopToolbarTitle {
  color: #effbff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
#profileOverlay .shopToolbarSub {
  margin-top: 3px !important;
  color: rgba(204,228,241,.55) !important;
  font-size: 9px !important;
}
#profileOverlay .shopBalance {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
}
#profileOverlay .shopBalance span {
  display: block !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#profileOverlay .shopBalance strong {
  display: block !important;
  margin-top: 2px !important;
  color: #75e8ff !important;
  font-size: 18px !important;
}
#profileOverlay #shopTabs.subtabs {
  flex: 0 0 auto !important;
  margin: 0 0 10px !important;
  padding: 0 0 9px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 5px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#profileOverlay #shopTabs .subtabBtn {
  width: 100% !important;
  min-height: 32px !important;
  padding: 6px 4px !important;
  white-space: nowrap !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#profileOverlay #shopTabs .subtabBtn.active {
  border-color: #69e9ff !important;
  color: #effcff !important;
  background: rgba(0,217,255,.07) !important;
  box-shadow: none !important;
}
html body #profileOverlay #panel_shop .shopLayout {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 310px minmax(0,1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body #profileOverlay #panel_shop .shopList, html body #profileOverlay #panel_shop .shopPreview {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body #profileOverlay #panel_shop .shopList {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-right: 1px solid rgba(124,240,255,.13) !important;
}
html body #profileOverlay .shopGroupHeader {
  flex: 0 0 auto !important;
  padding: 10px 10px 6px !important;
  color: #ffd9a8 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border-bottom: 1px solid rgba(255,154,60,.25) !important;
  background: rgba(255,154,60,.06) !important;
}
html body #profileOverlay .shopRow {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 8px 10px !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.09) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}
html body #profileOverlay .shopRow.active {
  border-color: rgba(124,240,255,.09) !important;
  background: rgba(0,217,255,.10) !important;
  box-shadow: inset 3px 0 0 #69e9ff !important;
}
#profileOverlay .shopRow img {
  width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
}
#profileOverlay .shopMeta b {
  overflow: hidden !important;
  color: #e9f8ff !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#profileOverlay .shopMeta span {
  color: rgba(204,228,241,.57) !important;
  font-size: 9px !important;
}
html body #profileOverlay #panel_shop .shopPreview > .tile {
  min-height: 100% !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body #profileOverlay .shopPreview .bigImg {
  width: min(200px, 70%) !important;
  height: 180px !important;
  margin: 0 auto 12px !important;
  padding: 8px !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}
html body #profileOverlay .shopPreview .bigImg.ammoShopImage {
  width: 100px !important;
  height: 100px !important;
  padding: 0 !important;
}
html body #profileOverlay .shipPreviewContainer {
  width: 100% !important;
  height: 210px !important;
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#profileOverlay .shipPreviewContainer img {
  image-rendering: pixelated !important;
  object-fit: contain !important;
}
#profileOverlay .shopPreview h3 {
  margin: 0 0 8px !important;
  color: #effbff !important;
  font-size: 17px !important;
}
#profileOverlay .shopPreview p {
  color: rgba(209,231,243,.68) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
#profileOverlay .shopPreview .shopItemStat {
  margin: 8px 0 !important;
  color: rgba(209,231,243,.72) !important;
}
#profileOverlay .shopPreview .shopItemStat strong {
  margin-left: 5px !important;
  color: #75e8ff !important;
  font-size: 13px !important;
}
#profileOverlay .shopPreview .shopItemStat.ammoDesc {
  color:#f4fbff !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:1.6 !important;
  margin-top:6px !important;
  text-align:center !important;
}
#profileOverlay .shopPreview .shopItemStat.ammoDesc strong {
  margin-left:0 !important;
}
#profileOverlay .shopPreview h3.ammoTitle {
  text-align:center !important;
  font-size:20px !important;
  margin-bottom:0 !important;
}
#profileOverlay .shopPreview h3.ammoTitle .ammoTitleQty {
  color:#ffd56a !important;
  font-size:20px !important;
  margin-left:10px !important;
  white-space:nowrap !important;
}
#profileOverlay .shopPreview .shopItemStat.shopAbility img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}
#profileOverlay .shopPreview .shopItemStat.shopAbility em {
  color: rgba(180,200,220,.75) !important;
}
#profileOverlay .shopPreview .shopAbilitiesGrid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 4px 2px !important;
}
#profileOverlay .shopPreview .shopAbilitiesGrid img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}
#profileOverlay .shopPreview .shopAbilityInherit {
  color: rgba(140,220,150,.85) !important;
  font-style: italic !important;
}
#profileOverlay .shopAmmoOwned {
  margin: 8px 0 !important;
  color: rgba(225,241,249,.82) !important;
  font-size: 12px !important;
}
#profileOverlay .shopPurchaseRow {
  margin: 14px 0 0 !important;
  padding: 14px 4px !important;
  display: grid !important;
  grid-template-columns: minmax(160px,1fr) 110px !important;
  align-items: center !important;
  gap: 18px !important;
  border-top: 1px solid rgba(124,240,255,.15) !important;
}
#profileOverlay .shopPurchaseInfo {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}
#profileOverlay .shopPurchaseInfo > label {
  color: rgba(225,241,249,.78) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
#profileOverlay .shopPurchaseRow > select {
  width: 110px !important;
  height: 36px !important;
  padding: 0 30px 0 12px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  text-align: center !important;
  cursor: pointer !important;
}
#profileOverlay .shopPurchaseRow > select:focus {
  border-color: #69e9ff !important;
}
#profileOverlay .shopPurchaseRow > select option {
  color: #effcff !important;
  background: #071622 !important;
}
#profileOverlay .shopPurchasePrice {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  text-align: left !important;
}
#profileOverlay .shopPurchasePrice > span {
  color: rgba(204,228,241,.48) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#profileOverlay .shopPurchasePrice strong {
  color: #72efff !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
#profileOverlay .shopAmmoBuyRow {
  margin: 14px 0 0 !important;
  padding: 14px 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
#profileOverlay .shopAmmoQtyRow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
#profileOverlay .shopAmmoQtyRow > label {
  color: #f4fbff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
#profileOverlay .shopAmmoBuyRow > input,
#profileOverlay .shopAmmoQtyRow > input {
  flex: 0 0 90px !important;
  width: 90px !important;
  height: 36px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  text-align: center !important;
}
#profileOverlay .shopAmmoBuyRow > input:focus,
#profileOverlay .shopAmmoQtyRow > input:focus {
  border-color: #69e9ff !important;
}
#profileOverlay .shopQtyCombo {
  position: relative !important;
  flex: 0 0 90px !important;
  width: 90px !important;
}
#profileOverlay .shopQtyBtn {
  width: 100% !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  cursor: pointer !important;
}
#profileOverlay .shopQtyBtn:focus {
  border-color: #69e9ff !important;
}
#profileOverlay .shopQtyPopup {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 60 !important;
  background: #051521 !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  max-height: 264px !important;
  overflow-y: auto !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}
#profileOverlay .shopQtyOpt {
  padding: 4px 8px !important;
  border-radius: 6px !important;
  font: 800 12px/1.5 ui-sans-serif,system-ui !important;
  color: #effcff !important;
  cursor: pointer !important;
  text-align: center !important;
}
#profileOverlay .shopQtyOpt:hover {
  background: rgba(0,217,255,.15) !important;
}
#profileOverlay .shopQtyPopup::-webkit-scrollbar {
  width: 8px !important;
}
#profileOverlay .shopQtyPopup::-webkit-scrollbar-track {
  background: rgba(255,255,255,.05) !important;
  border-radius: 10px !important;
}
#profileOverlay .shopQtyPopup::-webkit-scrollbar-thumb {
  background: rgba(0,217,255,.3) !important;
  border-radius: 10px !important;
}
#profileOverlay .shopAmmoCost {
  margin: 0 !important;
  color: #f4fbff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#profileOverlay .shopAmmoCost #shopPurchaseTotal {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#profileOverlay .shopAmmoCost #shopAmmoUnitsVal {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#profileOverlay .shopAmmoCost .shopAmmoWord {
  color: #f4fbff !important;
}
#profileOverlay .shopAmmoStock {
  margin: 2px 0 0 !important;
  color: #f4fbff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#profileOverlay .shopAmmoCost + .shopAmmoStock {
  margin-top: 35px !important;
}
#profileOverlay .shopAmmoStock .shopAmmoWord {
  color: #f4fbff !important;
}
#profileOverlay .shopAmmoStock .shopAmmoGold {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#profileOverlay .shopAmmoCost .shopAmmoGold {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#profileOverlay .shopAmmoStock [data-booster-status],
#profileOverlay .shopAmmoStock [data-booster-countdown] {
  font-size: 16px !important;
}
#profileOverlay .shopBuySection {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(124,240,255,.12) !important;
}
#profileOverlay #btnBuyPreview {
  margin-top: auto !important;
  width: 100% !important;
}
html body #profileOverlay #panel_shop .shopLayout.extrasMode {
  display: block !important;
  overflow-y: auto !important;
}
html body #profileOverlay #panel_shop .shopLayout.extrasMode .shopList {
  display: none !important;
}
html body #profileOverlay #panel_shop .shopLayout.extrasMode .shopPreview {
  width: 100% !important;
  min-height: 100% !important;
  overflow: visible !important;
}
#profileOverlay .extrasRoulettePanel {
  justify-content: flex-start !important;
}
#profileOverlay .extrasRouletteHeader {
  padding-bottom: 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
}
#profileOverlay .extrasRouletteHeader h3 {
  margin-bottom: 5px !important;
}
#profileOverlay .extrasRouletteHeader p {
  margin: 0 !important;
}
#profileOverlay .extrasRouletteCost {
  flex: 0 0 auto !important;
  color: rgba(204,228,241,.55) !important;
  font-size: 9px !important;
  text-align: right !important;
}
#profileOverlay .extrasRouletteCost span {
  display: block !important;
  text-transform: uppercase !important;
}
#profileOverlay .extrasRouletteCost strong {
  margin-right: 4px !important;
  color: #75e8ff !important;
  font-size: 16px !important;
}
#profileOverlay .moduleHistoryPanel {
  min-height: 0 !important;
  margin-top: 18px !important;
  border-top: 1px solid rgba(124,240,255,.13) !important;
}
#profileOverlay .moduleHistoryPanel > header {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  color: #effbff !important;
}
#profileOverlay .moduleHistoryPanel > header strong {
  font-size: 12px !important;
}
#profileOverlay .moduleHistoryPanel > header span {
  color: rgba(204,228,241,.52) !important;
  font-size: 9px !important;
}
#profileOverlay .moduleHistoryList {
  max-height:none !important;
  overflow:visible !important;
  border-top:none !important;
}
#profileOverlay .moduleHistoryRow {
  min-height: 48px !important;
  padding: 7px 5px !important;
  display: grid !important;
  grid-template-columns: 28px 38px 40px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  border-bottom: 1px solid rgba(124,240,255,.08) !important;
}
#profileOverlay .moduleHistoryIndex {
  color: rgba(204,228,241,.38) !important;
  font-size: 9px !important;
  text-align: center !important;
}
#profileOverlay .moduleHistoryRow img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#profileOverlay .moduleHistoryShipImg {
  width: 40px !important;
  height: 40px !important;
  background: rgba(0,217,255,0.06) !important;
  border: 1px solid rgba(124,240,255,.12) !important;
  border-radius: 9px !important;
}
#profileOverlay .moduleHistoryMeta {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
#profileOverlay .moduleHistoryMeta strong {
  color: #75e8ff !important;
  font-size: 10px !important;
}
#profileOverlay .moduleHistoryMeta span {
  overflow: hidden !important;
  color: rgba(204,228,241,.60) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#profileOverlay .moduleHistoryRow time {
  color: rgba(204,228,241,.38) !important;
  font-size: 8px !important;
  white-space: nowrap !important;
}
#profileOverlay .moduleHistoryEmpty {
  padding: 24px !important;
  color: rgba(204,228,241,.45) !important;
  font-size: 10px !important;
  text-align: center !important;
}
@media (max-width: 900px) {
  #profileOverlay #profileWindow.gameWindow { width: calc(100vw - 16px) !important; height: calc(100vh - 24px) !important; min-width: 0 !important; grid-template-columns: 240px minmax(0,1fr) !important; }
  html body #profileOverlay #profileWindow.gameWindow:not(.floating) { left: 8px !important; top: 70px !important; }
  #profileOverlay .profileHeaderCard { padding: 14px 9px !important; }
  #profileOverlay .statsRow { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #profileOverlay .hangarWorkspace { grid-template-columns: 210px minmax(0,1fr) !important; }
  #profileOverlay #panel_shop .shopLayout { grid-template-columns: 250px minmax(0,1fr) !important; }
  #profileOverlay #shopTabs.subtabs { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  #profileOverlay .passwordFields,
  #settingsWindow .passwordFields { grid-template-columns: 1fr !important; }
  #profileOverlay .passwordFields .accountField:first-child,
  #settingsWindow .passwordFields .accountField:first-child { grid-column: auto !important; }
}
#fitCard .fitSectionNav {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 8px !important;
}
#fitCard .fitSectionBtn {
  min-height: 28px !important;
  padding: 5px 10px !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: .55px !important;
}
#fitCard .fitSectionBtn.active {
  border-color: rgba(105, 233, 255, .62) !important;
  color: #effdff !important;
  background: #0d4c62 !important;
  box-shadow: inset 0 -2px #65dff5 !important;
}
#fitCard .fitSectionBtn:disabled {
  opacity: .48 !important;
}
#fitCard .fitHelpTooltip {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(101, 223, 245, .58) !important;
  border-radius: 50% !important;
  color: #bdf7ff !important;
  background: #0b4960 !important;
  box-shadow: 0 0 8px rgba(101, 223, 245, .14) !important;
  font: 900 13px/1 system-ui !important;
  cursor: help !important;
}
#fitCard .fitHelpTooltip > span {
  position: absolute !important;
  z-index: 80 !important;
  right: -6px !important;
  bottom: calc(100% + 10px) !important;
  width: 235px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(4px) !important;
  border: 1px solid rgba(101, 223, 245, .34) !important;
  border-radius: 4px !important;
  color: rgba(222, 244, 249, .82) !important;
  background: #071923 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .55) !important;
  font: 700 9px/1.75 system-ui !important;
  pointer-events: none !important;
  transition: opacity .14s ease, transform .14s ease !important;
}
#fitCard .fitHelpTooltip > span b {
  color: #73e6f8 !important;
}
#fitCard .fitHelpTooltip:hover > span, #fitCard .fitHelpTooltip:focus > span {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}
#fitCard .fitSlotsScroll {
  display: block !important;
  padding: 10px 14px 12px !important;
}
#fitCard .fitSlotGroup {
  min-height: 0 !important;
  padding: 8px 0 10px !important;
  overflow: visible !important;
  border-bottom: 1px solid rgba(101, 223, 245, .09) !important;
}
#fitCard .fitSlotGroup::after {
  display: none !important;
}
#fitCard .fitGroupTitle {
  min-height: 18px !important;
}
#fitCard .fitGroupTitle span {
  font-size: 11px !important;
  letter-spacing: 1.15px !important;
  color: rgba(218, 244, 249, .82) !important;
}
#fitCard .slotGrid, #fitCard .invGrid {
  grid-template-columns: repeat(auto-fill, 52px) !important;
  gap: 8px !important;
  justify-content: start !important;
}
#fitCard .slotCell, #fitCard .invCell {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  box-sizing: border-box !important;
}
#fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotGridModules {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  align-items: start !important;
}
#fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotCell {
  width: 100% !important;
  min-width: 0 !important;
  height: 68px !important;
  aspect-ratio: auto !important;
  padding: 7px 9px !important;
  box-sizing: border-box !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  place-items: center start !important;
  gap: 8px !important;
}
#fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotCell > img {
  width: 46px !important;
  height: 46px !important;
}
#fitCard .shipModSlotDetails {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}
#fitCard .shipModSlotDetails b {
  color: #dffaff !important;
  font-size: 9px !important;
  letter-spacing: .45px !important;
}
#fitCard .shipModSlotDetails span {
  overflow: hidden !important;
  color: rgba(145, 230, 244, .72) !important;
  font-size: 8px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#fitCard .fitSelectionBar {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
#fitCard .fitSelectionBar > span {
  font-size: 8px !important;
}
#fitCard .shipModRow {
  position: relative !important;
  min-height: 58px !important;
  padding: 8px 5px !important;
  box-sizing: border-box !important;
}
#fitCard .shipModRow.equipped {
  opacity: .36 !important;
  filter: grayscale(1) !important;
  cursor: not-allowed !important;
}
#fitCard .shipModRow.equipped:hover {
  background: transparent !important;
}
#fitCard .shipModEquippedBadge {
  margin-left: auto !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(174, 202, 210, .25) !important;
  border-radius: 3px !important;
  color: rgba(216, 232, 237, .78) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  white-space: nowrap !important;
}
@media (max-width: 650px) {
  #profileOverlay #profileWindow.gameWindow { grid-template-columns: 1fr !important; grid-template-rows: 26px auto minmax(0,1fr) !important; }
  #profileOverlay .profileHeaderCard { grid-column: 1 !important; grid-row: 2 !important; padding: 8px !important; gap: 8px !important; border-right: 0 !important; border-bottom: 1px solid rgba(124,240,255,.16) !important; }
  #profileOverlay .profileHeaderTop { display: none !important; }
  #profileOverlay .profileTabs { flex-direction: row !important; }
  #profileOverlay .profileTabs .tabBtn { justify-content: center !important; }
  #profileOverlay .profileMainCard { grid-column: 1 !important; grid-row: 3 !important; padding: 8px !important; }
  #profileOverlay .hangarWorkspace { grid-template-columns: 1fr !important; overflow-y: auto !important; }
  #profileOverlay .hangarPreview { min-height: 250px !important; }
  #profileOverlay #panel_shop .shopLayout { grid-template-columns: 1fr !important; overflow-y: auto !important; }
  #profileOverlay #panel_shop .shopList { max-height: 210px !important; }
  #profileOverlay #panel_stats.profilePanel.active { overflow-y: auto !important; }
  #profileOverlay .generalPanel { height: auto; min-height: 100%; padding: 20px; grid-template-columns: 1fr; gap: 18px; text-align: center; }
  #profileOverlay .generalLogo { max-height: 150px; }
  #profileOverlay .generalCopy { align-items: center; }
  #profileOverlay .accountSettingsGrid,
  #settingsWindow .accountSettingsGrid { grid-template-columns: 1fr !important; overflow: visible !important; }
  #profileOverlay .accountCard,
  #settingsWindow .accountCard { min-height: 290px !important; overflow: visible !important; }
}
#fitOverlay {
  position: absolute !important;
  inset: 30px 0 0 !important;
  z-index: 20 !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  display: none;
  place-items: center !important;
  overflow: hidden !important;
  background: #06111c !important;
}
#fitCard.fitWindow {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: 52px auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.28) !important;
  border-radius: 8px !important;
  color: #eaf8ff !important;
  background: #071421 !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.72), 0 0 30px rgba(0,217,255,.10) !important;
}
#fitCard .fitWindowHeader {
  min-width: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-bottom: 1px solid rgba(124,240,255,.16) !important;
  background: linear-gradient(90deg, rgba(0,217,255,.13), rgba(10,34,50,.84) 42%, #0a2232) !important;
}
#fitCard .fitWindowIdentity {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#fitCard .fitWindowIcon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.22) !important;
  border-radius: 8px !important;
  color: #79ebff !important;
  background: #09283a !important;
}
#fitCard .fitTopTitle {
  overflow: hidden !important;
  color: #effbff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#fitCard .fitTopSub {
  margin-top: 3px !important;
  overflow: hidden !important;
  color: rgba(204,228,241,.55) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#fitCard .fitWindowActions {
  flex: 0 0 auto !important;
  gap: 7px !important;
}
#fitCard button {
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 7px 12px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(124,240,255,.18) !important;
  border-radius: 8px !important;
  color: rgba(225,242,250,.84) !important;
  background: #0a2638 !important;
  box-shadow: none !important;
  font: 800 10px/1.2 system-ui !important;
  text-transform: none !important;
  transform: none !important;
  transition: none !important;
  cursor: pointer !important;
}
#fitCard button.primary {
  border-color: rgba(124,240,255,.42) !important;
  color: #effcff !important;
  background: #0b4a62 !important;
}
#fitCard button:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
}
#fitCard button:hover:not(:disabled), #fitCard button:active:not(:disabled) {
  transform: none !important;
  box-shadow: none !important;
}
#fitCard .fitError {
  margin: 8px 12px 0 !important;
  padding: 8px 10px !important;
  color: #ffd2d8 !important;
  border: 1px solid rgba(255,107,122,.28) !important;
  border-radius: 7px !important;
  background: rgba(120,24,42,.22) !important;
  font-size: 10px !important;
}
#fitCard .fitWorkspace {
  grid-row: 1 / -1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 12px !important;
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) 300px !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 10px !important;
  background: #071622 !important;
}
#fitCard .fitShipPane, #fitCard .fitLoadoutPane, #fitCard .fitInventoryPane {
  min-width: 0 !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
#fitCard .fitShipPane {
  padding: 16px !important;
  flex-direction: column !important;
  border-right: 1px solid rgba(124,240,255,.12) !important;
  background: #081b29 !important;
}
#fitCard .fitPaneLabel {
  align-self: stretch !important;
  color: rgba(204,228,241,.48) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}
#fitCard #fitShipCanvas {
  width: 188px !important;
  height: 188px !important;
  margin: 28px 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  image-rendering: pixelated !important;
}
#fitCard .fitShipMeta {
  min-width: 0 !important;
  gap: 6px !important;
  text-align: center !important;
}
#fitCard #fitShipName {
  color: #effbff !important;
  font-size: 16px !important;
}
#fitCard #fitShipHint {
  color: rgba(204,228,241,.54) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}
#fitCard .fitConfigBar {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-top: 1px solid rgba(124,240,255,.11) !important;
}
#fitCard .fitConfigBar > span {
  color: rgba(204,228,241,.55) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#fitCard .fitConfigBar > div {
  display: flex !important;
  gap: 5px !important;
}
#fitCard .fitConfigBar .fitCfgBtn {
  width: 34px !important;
  padding: 0 !important;
}
#fitCard .fitConfigBar .fitCfgBtn.active {
  border-color: #69e9ff !important;
  color: #effcff !important;
  background: #0b4a62 !important;
}
#fitCard .fitLoadoutPane {
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid rgba(124,240,255,.12) !important;
}
#fitCard .fitSlotGroup.dragCompatible {
  margin-inline: -8px !important;
  padding-inline: 8px !important;
  border: 1px solid rgba(105,233,255,.60) !important;
  border-radius: 9px !important;
  background: rgba(0,217,255,.085) !important;
  box-shadow: inset 0 0 24px rgba(0,217,255,.07), 0 0 12px rgba(0,217,255,.08) !important;
}
#fitCard .fitSlotGroup.dragCompatible .fitGroupTitle span {
  color: #75edff !important;
}
#fitCard .fitPaneHeading, #fitCard .fitInventoryHeader {
  min-height: 58px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(124,240,255,.11) !important;
}
#fitCard .fitPaneHeading > div, #fitCard .fitInventoryHeader > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
#fitCard .fitPaneHeading strong, #fitCard .fitInventoryHeader strong {
  color: #eefbff !important;
  font-size: 12px !important;
}
#fitCard .fitPaneHeading span, #fitCard .fitInventoryHeader span {
  color: rgba(204,228,241,.50) !important;
  font-size: 8px !important;
}
#fitCard .fitCompactBtn {
  flex: 0 0 auto !important;
}
#fitCard .fitSlotsScroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 4px 14px 16px !important;
  overflow-y: auto !important;
}
#fitCard .fitSlotGroup {
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.09) !important;
}
#fitCard .fitSlotGroup:last-child {
  border-bottom: 0 !important;
}
#fitCard .fitGroupTitle {
  margin: 0 0 10px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
#fitCard .fitGroupTitle span {
  color: #dff6ff !important;
}
#fitCard .fitGroupTitle small {
  color: rgba(204,228,241,.42) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}
#fitCard .slotGrid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)) !important;
  gap: 6px !important;
}
#fitCard .slotGridModules {
  grid-template-columns: repeat(auto-fill, minmax(42px, 52px)) !important;
}
#fitCard .slotCell {
  width: 100% !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px dashed rgba(124,240,255,.20) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.025) !important;
  cursor: pointer !important;
}
#fitCard .slotCell.filled {
  border-style: solid !important;
  border-color: rgba(124,240,255,.48) !important;
  background: rgba(0,217,255,.10) !important;
}
#fitCard .slotCell.filled {
  cursor: grab !important;
}
#fitCard .slotCell.dragging {
  opacity: .35 !important;
}
#fitCard .fitSlotsScroll .slotCell.dragTarget {
  border-color: #70e7fa !important;
  background: rgba(20,154,182,.22) !important;
  box-shadow: 0 0 12px rgba(105,233,255,.35) !important;
}
#fitCard .slotCell img {
  width: 86% !important;
  height: 86% !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#fitCard .fitInventoryPane {
  display: flex !important;
  flex-direction: column !important;
}
#fitCard .fitSelect, #fitCard .fitInput {
  height: 34px !important;
  min-width: 0 !important;
  padding: 0 9px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.18) !important;
  border-radius: 7px !important;
  color: #eaf8ff !important;
  background: #05111c !important;
  font: 700 9px/1 system-ui !important;
}
#fitCard .fitSelect option {
  color: #eaf8ff !important;
  background: #071622 !important;
}
#fitCard .fitInventoryTools {
  padding: 8px 10px !important;
  display: block !important;
  border-bottom: 1px solid rgba(124,240,255,.09) !important;
}
#fitCard .fitSelectionBar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 7px !important;
}
#fitCard .fitSelectionBar > span {
  min-width: 0 !important;
  color: #dff6ff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#fitCard .fitSelectionBar button {
  height: 28px !important;
  padding: 0 9px !important;
}
#fitCard .fitSelectionHelp {
  margin-bottom: 8px !important;
  color: rgba(204,228,241,.48) !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}
#fitCard .fitSelectionHelp b {
  color: #74eaff !important;
}
#fitCard .fitSellDrop {
  min-height: 34px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(204,228,241,.48) !important;
  border: 1px dashed rgba(124,240,255,.18) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.02) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-align: center !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
#fitCard .fitSellDrop.dragSellActive {
  color: #ffe3b2 !important;
  border-color: rgba(255,190,92,.65) !important;
  background: rgba(255,170,54,.12) !important;
}
#fitCard .fitReturnHint {
  padding: 8px 10px !important;
  color: rgba(204,228,241,.46) !important;
  border-bottom: 1px solid rgba(124,240,255,.08) !important;
  background: rgba(0,217,255,.025) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  text-align: center !important;
  transition: background .16s ease, color .16s ease !important;
}
#fitCard .fitInventoryPane.dragReturnActive .fitReturnHint {
  color: #dffbff !important;
  background: rgba(0,217,255,.16) !important;
}
#fitCard .fitInvScroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 10px !important;
  overflow-y: auto !important;
}
#fitCard .invGrid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)) !important;
  gap: 6px !important;
}
#fitCard .invCell {
  width: 100% !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.025) !important;
  cursor: pointer !important;
}
#fitCard .invCell.selected {
  border-color: #69e9ff !important;
  background: rgba(0,217,255,.12) !important;
  box-shadow: inset 0 0 0 1px rgba(105,233,255,.12) !important;
}
#fitCard .invCell.selected::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #69e9ff !important;
  box-shadow: 0 0 7px #69e9ff !important;
}
#fitCard .invCell.disabled {
  opacity: .25 !important;
  cursor: not-allowed !important;
}
#fitCard .invCell img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  pointer-events: none !important;
}
#fitCard .fitModulesHeading {
  margin: 16px 0 8px !important;
  padding-top: 12px !important;
  color: rgba(222,243,252,.76) !important;
  border-top: 1px solid rgba(124,240,255,.10) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#fitCard .fitShipModules {
  gap: 0 !important;
}
#fitCard .shipModRow {
  padding: 8px 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
#fitCard * {
  scrollbar-width: thin !important;
  scrollbar-color: #285a72 #07131f !important;
}
#fitCard .fitPresetOverlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  display: none;
  place-items: center !important;
  padding: 20px !important;
  background: rgba(1,6,12,.86) !important;
}
#fitCard .fitPresetWindow {
  width: min(500px, calc(100vw - 40px)) !important;
  padding: 18px !important;
  display: grid !important;
  gap: 12px !important;
  border: 1px solid rgba(124,240,255,.25) !important;
  border-radius: 12px !important;
  background: #081b29 !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.7) !important;
}
#fitCard .fitPresetWindow > header {
  padding-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
}
#fitCard .fitPresetWindow > header > div {
  display: grid !important;
  gap: 3px !important;
}
#fitCard .fitPresetWindow > header strong {
  color: #effbff !important;
  font-size: 13px !important;
}
#fitCard .fitPresetWindow > header span {
  color: rgba(204,228,241,.52) !important;
  font-size: 9px !important;
}
#fitCard .fitPresetField {
  display: grid !important;
  gap: 6px !important;
}
#fitCard .fitPresetField > span {
  color: rgba(204,228,241,.55) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#fitCard .fitPresetDivider {
  height: 1px !important;
  background: rgba(124,240,255,.10) !important;
}
#fitCard .fitPresetActions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
}
@media (max-width: 1050px) {
  #fitCard .fitWorkspace { grid-template-columns: 160px minmax(0,1fr) 220px !important; }
  #fitCard #fitShipCanvas { width: 130px !important; height: 130px !important; }
}
@media (max-width: 780px) {
  #fitOverlay { padding: 8px !important; }
  #fitCard.fitWindow { width: 100% !important; height: 100% !important; }
  #fitCard .fitWindowHeader { padding: 0 8px !important; }
  #fitCard .fitTopSub { display: none !important; }
  #fitCard .fitWindowActions button { padding: 6px 8px !important; }
  #fitCard .fitWorkspace { margin: 8px !important; grid-template-columns: 1fr !important; overflow-y: auto !important; }
  #fitCard .fitShipPane { min-height: 280px !important; border-right: 0 !important; border-bottom: 1px solid rgba(124,240,255,.12) !important; }
  #fitCard .fitLoadoutPane { min-height: 500px !important; border-right: 0 !important; border-bottom: 1px solid rgba(124,240,255,.12) !important; }
  #fitCard .fitInventoryPane { min-height: 420px !important; }
}
#fitCard.fitWindow {
  --fit-military-cyan: #65dff5;
  --fit-military-cyan-dim: rgba(101, 223, 245, .22);
  --fit-military-steel: #0a1a26;
  --fit-military-deep: #050d15;
  border-color: rgba(101, 223, 245, .34) !important;
  background:
    linear-gradient(135deg, rgba(89, 216, 242, .025) 0 1px, transparent 1px 18px),
    linear-gradient(160deg, #0b1c28 0%, #07131e 48%, #050c14 100%) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .72), inset 0 0 0 1px rgba(172, 241, 255, .025) !important;
}
#fitCard .fitWindowHeader {
  border-bottom-color: rgba(101, 223, 245, .20) !important;
  background:
    linear-gradient(90deg, rgba(28, 106, 129, .17), transparent 40%),
    linear-gradient(180deg, #102735, #091923) !important;
  box-shadow: inset 0 -1px rgba(0, 0, 0, .55) !important;
}
#fitCard .fitWindowIcon {
  border: 1px solid rgba(101, 223, 245, .48) !important;
  border-radius: 3px !important;
  color: #c4f7ff !important;
  background: linear-gradient(135deg, #17475a, #0a2837) !important;
  box-shadow: inset 0 0 10px rgba(101, 223, 245, .12), 0 0 8px rgba(101, 223, 245, .08) !important;
}
#fitCard .fitTopTitle {
  color: #e8f9fc !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}
#fitCard .fitTopSub {
  color: rgba(190, 225, 235, .52) !important;
}
#fitCard button {
  border-radius: 3px !important;
  border-color: rgba(101, 223, 245, .24) !important;
  color: #cfeef4 !important;
  background: linear-gradient(180deg, #102a38, #0a1c28) !important;
}
#fitCard button.primary {
  border-color: rgba(101, 223, 245, .55) !important;
  color: #effdff !important;
  background: linear-gradient(180deg, #126079, #0b4054) !important;
}
#fitCard button:hover:not(:disabled) {
  border-color: rgba(132, 235, 253, .68) !important;
  color: #fff !important;
  filter: brightness(1.08) !important;
}
#fitCard button:active:not(:disabled) {
  filter: brightness(.92) !important;
}
#fitCard .fitWorkspace {
  border-color: rgba(101, 223, 245, .17) !important;
  border-radius: 4px !important;
  background: #06111a !important;
  box-shadow: inset 0 0 26px rgba(0, 0, 0, .25) !important;
}
#fitCard .fitShipPane, #fitCard .fitLoadoutPane, #fitCard .fitInventoryPane {
  position: relative !important;
  background:
    linear-gradient(135deg, rgba(101, 223, 245, .025), transparent 35%),
    linear-gradient(180deg, #0a1b27, #07131d) !important;
}
#fitCard .fitShipPane::before, #fitCard .fitLoadoutPane::before, #fitCard .fitInventoryPane::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  left: 0 !important;
  width: 34px !important;
  height: 2px !important;
  background: var(--fit-military-cyan) !important;
  box-shadow: 0 0 8px rgba(101, 223, 245, .45) !important;
  pointer-events: none !important;
}
#fitCard .fitPaneLabel {
  color: rgba(135, 226, 241, .66) !important;
  letter-spacing: 1.15px !important;
}
#fitCard #fitShipCanvas {
  background:
    radial-gradient(circle, rgba(40, 153, 179, .10), transparent 59%),
    linear-gradient(rgba(101, 223, 245, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101, 223, 245, .035) 1px, transparent 1px) !important;
  background-size: auto, 18px 18px, 18px 18px !important;
}
#fitCard #fitShipName {
  color: #edfaff !important;
  text-transform: uppercase !important;
  letter-spacing: .45px !important;
}
#fitCard .fitConfigBar {
  border-top-color: rgba(101, 223, 245, .15) !important;
  background: linear-gradient(90deg, rgba(101, 223, 245, .035), transparent) !important;
}
#fitCard .fitConfigBar .fitCfgBtn {
  border-radius: 2px !important;
}
#fitCard .fitConfigBar .fitCfgBtn.active {
  border-color: #78e7fa !important;
  color: #fff !important;
  background: #10546b !important;
  box-shadow: inset 0 -2px #71e5f9 !important;
}
#fitCard .fitPaneHeading, #fitCard .fitInventoryHeader {
  border-bottom-color: rgba(101, 223, 245, .15) !important;
  background: linear-gradient(90deg, rgba(21, 76, 94, .16), rgba(5, 16, 25, .25)) !important;
}
#fitCard .fitPaneHeading strong, #fitCard .fitInventoryHeader strong {
  color: #ecfbff !important;
  text-transform: uppercase !important;
  letter-spacing: .45px !important;
}
#fitCard .fitSlotGroup {
  position: relative !important;
  border-bottom-color: rgba(101, 223, 245, .10) !important;
}
#fitCard .fitSlotGroup::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -1px !important;
  width: 28px !important;
  height: 1px !important;
  background: rgba(101, 223, 245, .45) !important;
}
#fitCard .fitGroupTitle span {
  color: #dff8fc !important;
  text-transform: uppercase !important;
  letter-spacing: .55px !important;
}
#fitCard .fitGroupTitle small {
  color: rgba(182, 216, 226, .42) !important;
}
#fitCard .slotCell {
  position: relative !important;
  border-radius: 3px !important;
  border-style: solid !important;
  border-color: rgba(108, 198, 218, .18) !important;
  background:
    linear-gradient(135deg, rgba(143, 229, 246, .045), transparent 45%),
    #081620 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35) !important;
}
#fitCard .slotCell::before, #fitCard .invCell::before, #fitCard .droneFitSlot::before, #fitCard .petFitSlot::before, #fitCard .droneDesignSlot::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1px solid rgba(116, 222, 242, .38) !important;
  border-left: 1px solid rgba(116, 222, 242, .38) !important;
  pointer-events: none !important;
}
#fitCard .slotCell.filled {
  border-color: rgba(101, 223, 245, .54) !important;
  background: radial-gradient(circle, rgba(27, 129, 155, .20), #09202c 72%) !important;
  box-shadow: inset 0 -2px rgba(88, 215, 239, .16) !important;
}
#fitCard .slotCell:hover, #fitCard .droneFitSlot:hover, #fitCard .petFitSlot:hover, #fitCard .droneDesignSlot:hover {
  border-color: rgba(123, 232, 250, .74) !important;
  background-color: #0c2734 !important;
}
#fitCard .fitSelect, #fitCard .fitInput {
  border-radius: 3px !important;
  border-color: rgba(101, 223, 245, .23) !important;
  background: #06121c !important;
}
#fitCard .fitInventoryTools {
  background: rgba(4, 14, 22, .45) !important;
}
#fitCard .fitSelectionHelp {
  color: rgba(184, 216, 225, .48) !important;
}
#fitCard .fitSelectionHelp b {
  color: #74e6f8 !important;
}
#fitCard .fitSellDrop {
  border-radius: 3px !important;
  background: repeating-linear-gradient(-45deg, rgba(255, 177, 65, .025) 0 6px, transparent 6px 12px) !important;
}
#fitCard .fitReturnHint {
  background: rgba(19, 70, 86, .055) !important;
}
#fitCard .invCell {
  border-radius: 3px !important;
  border-color: rgba(108, 198, 218, .17) !important;
  background: linear-gradient(145deg, rgba(140, 226, 244, .04), transparent 46%), #081620 !important;
}
#fitCard .invCell:hover {
  border-color: rgba(118, 229, 248, .62) !important;
  background-color: #0b2430 !important;
}
#fitCard .invCell.selected {
  border-color: #70e7fa !important;
  background: radial-gradient(circle, rgba(33, 157, 184, .22), #09212c 75%) !important;
  box-shadow: inset 0 -2px #5adcf3, 0 0 10px rgba(76, 218, 243, .12) !important;
}
#fitCard .fitModulesHeading {
  color: #d8f3f8 !important;
  text-transform: uppercase !important;
  letter-spacing: .55px !important;
}
#fitCard .shipModRow {
  border-bottom-color: rgba(101, 223, 245, .10) !important;
}
#fitCard .shipModRow:hover {
  background: rgba(24, 103, 126, .10) !important;
}
#fitCard .fitSlotGroup.dragCompatible {
  border-color: rgba(105, 233, 255, .72) !important;
  background:
    repeating-linear-gradient(-45deg, rgba(62, 210, 238, .035) 0 8px, transparent 8px 16px),
    rgba(0, 217, 255, .075) !important;
  box-shadow: inset 3px 0 #63e3f8, inset 0 0 25px rgba(0, 217, 255, .06) !important;
}
#fitCard #fitShipCanvas {
  width: 66px !important;
  height: 66px !important;
  flex: 0 0 66px !important;
}
#fitOverlay {
  padding: 0 !important;
}
#fitCard.fitWindow {
  grid-template-rows: auto minmax(0, 1fr) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#fitCard .fitError {
  position: absolute !important;
  z-index: 40 !important;
  top: 8px !important;
  left: 50% !important;
  max-width: 520px !important;
  transform: translateX(-50%) !important;
}
#fitCard .fitWorkspace {
  height: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  grid-template-rows: 74px minmax(0, 1fr) !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#fitCard .fitShipPane {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  padding: 7px 10px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 11px !important;
  border: 1px solid rgba(101, 223, 245, .13) !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #0a1d29, #07131d) !important;
}
#fitCard .fitShipPane::before {
  height: 100% !important;
  width: 2px !important;
}
#fitCard #fitShipCanvas {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#fitCard .fitShipMeta {
  min-width: 130px !important;
  display: grid !important;
  gap: 3px !important;
  text-align: left !important;
}
#fitCard #fitShipName {
  font-size: 13px !important;
}
#fitCard #fitShipHint {
  font-size: 8px !important;
}
#fitCard .fitConfigBar {
  width: auto !important;
  margin: 0 0 0 10px !important;
  padding: 0 0 0 14px !important;
  flex: 0 0 auto !important;
  gap: 9px !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(101, 223, 245, .13) !important;
  background: transparent !important;
}
#fitCard .fitConfigBar > span {
  font-size: 7px !important;
  letter-spacing: .7px !important;
}
#fitCard .fitWindowActions {
  margin-left: auto !important;
  display: flex !important;
  gap: 6px !important;
}
#fitCard .fitWindowActions button {
  min-height: 30px !important;
  padding: 6px 10px !important;
  font-size: 8px !important;
}
#fitCard .fitLoadoutPane {
  grid-column: 1 !important;
  grid-row: 2 !important;
  border: 1px solid rgba(101, 223, 245, .15) !important;
  border-radius: 4px !important;
}
#fitCard .fitInventoryPane {
  grid-column: 2 !important;
  grid-row: 2 !important;
  border: 1px solid rgba(101, 223, 245, .15) !important;
  border-radius: 4px !important;
}
#fitCard .fitSlotsScroll {
  padding-top: 6px !important;
}
#fitCard .fitSlotGroup {
  padding: 11px 0 !important;
}
#fitCard .fitGroupTitle {
  margin-bottom: 7px !important;
}
#fitCard .fitGroupTitle span {
  font-size: 8px !important;
  letter-spacing: 1px !important;
  color: rgba(189, 226, 235, .60) !important;
}
#fitCard .fitGroupTitle small {
  font-size: 7px !important;
}
#fitCard .fitInventoryHeader {
  min-height: 48px !important;
  padding: 7px 10px !important;
}
#fitCard .fitInventoryHeader strong {
  font-size: 9px !important;
  letter-spacing: .9px !important;
}
#fitCard .fitInventoryHeader > div > span {
  display: none !important;
}
#fitCard .fitSelectionBar {
  grid-template-columns: minmax(75px, 1fr) auto auto auto !important;
}
#fitCard .fitSelectionBar button {
  min-height: 27px !important;
  padding: 5px 7px !important;
  font-size: 8px !important;
}
#fitCard .fitSellButton {
  border-color: rgba(235, 177, 76, .35) !important;
  color: #f0d19b !important;
  background: linear-gradient(180deg, #3b2a14, #241a0e) !important;
}
@media (max-width: 900px) {
  #fitCard .fitWorkspace { grid-template-columns: minmax(0, 1fr) 270px !important; }
  #fitCard .fitWindowActions button { padding-inline: 7px !important; }
}
#fitCard .fitShipPane {
  overflow: visible !important;
  z-index: 10 !important;
}
#fitCard #fitShipCanvas {
  width: 84px !important;
  height: 84px !important;
  flex: 0 0 84px !important;
  background: radial-gradient(circle, rgba(40, 153, 179, .10), transparent 62%) !important;
  background-size: auto !important;
}
#fitCard .fitHelpTooltip > span {
  left: 0 !important;
  right: auto !important;
  top: calc(100% + 10px) !important;
  bottom: auto !important;
}
#fitCard .slotGrid {
  gap: 10px !important;
}
#fitCard .invGrid {
  gap: 8px !important;
}
#fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotGridModules {
  gap: 8px !important;
}
#fitCard .fitWorkspace {
  grid-template-rows: 96px minmax(0, 1fr) !important;
}
#fitCard .slotCell.selected {
  border-color: #70e7fa !important;
  background: radial-gradient(circle, rgba(33, 157, 184, .25), #09212c 75%) !important;
  box-shadow: inset 0 -2px #5adcf3, 0 0 11px rgba(76, 218, 243, .18) !important;
}
#fitCard .slotCell.selected::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 4px !important;
  right: 4px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #69e9ff !important;
  box-shadow: 0 0 7px #69e9ff !important;
  pointer-events: none !important;
}
#fitCard .fitSlotsScroll {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-gutter: stable;
  overscroll-behavior-y: contain;
}
#fitCard .fitSlotsScroll::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
}
#fitCard .fitSlotsScroll::-webkit-scrollbar-track {
  background: #07131f;
}
#fitCard .fitSlotsScroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #285a72;
}
#fitCard .fitSlotsScroll::-webkit-scrollbar-thumb:hover {
  background: #4489a7;
}
#fitCard .fitSlotGroup {
  border: 0 !important;
}
#fitCard .fitSlotGroup.dragCompatible {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#fitCard .fitSlotGroup.dragCompatible .slotCell {
  border-color: rgba(105, 233, 255, .68) !important;
  box-shadow: inset 0 0 10px rgba(0, 217, 255, .08) !important;
}
#fitCard .fitInventorySelectionHint {
  color: rgba(184, 216, 225, .46) !important;
  font-size: 8px !important;
}
#fitCard .fitBackButton {
  margin-left: 0 !important;
}
#fitCard .fitActionSeparator {
  width: 1px !important;
  height: 24px !important;
  flex: 0 0 1px !important;
  margin: 0 6px !important;
  display: block !important;
  background: rgba(101, 223, 245, .34) !important;
  box-shadow: 0 0 5px rgba(101, 223, 245, .10) !important;
}
#fitCard .fitDroneWorkspace {
  height: 100%;
  min-height: 0;
  padding: 12px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 190px minmax(0,1fr);
  gap: 12px;
  overflow: hidden;
  background: #07141e;
}
#fitCard .fitDroneWorkspace[hidden] {
  display: none !important;
}
#fitCard .droneRoster {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow-y: auto;
}
#fitCard .droneRosterItem {
  min-height: 54px;
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  gap: 0 8px;
  text-align: left;
}
#fitCard .droneRosterItem img {
  width: 40px;
  height: 40px;
  grid-row: 1 / -1;
  object-fit: contain;
  image-rendering: pixelated;
}
#fitCard .droneRosterItem span {
  color: #eafaff;
  font-size: 10px;
  font-weight: 900;
}
#fitCard .droneRosterItem small {
  color: #7eacbc;
  font-size: 8px;
}
#fitCard .droneRosterItem.active {
  border-color: #6ee7fa !important;
  background: #0d4052 !important;
}
#fitCard .droneFitDetail {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(105,233,255,.16);
  background: linear-gradient(145deg,#0a1e2b,#06121c);
}
#fitCard .droneFitDetail header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(105,233,255,.14);
}
#fitCard .droneFitDetail header img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  image-rendering: pixelated;
}
#fitCard .droneFitDetail header div {
  display: grid;
  gap: 5px;
}
#fitCard .droneFitDetail header strong {
  color: #effcff;
  font-size: 18px;
}
#fitCard .droneFitDetail header span, #fitCard .droneFitDetail p {
  color: #789cac;
  font-size: 9px;
}
#fitCard .droneXp {
  height: 7px;
  margin: 12px 0 18px;
  overflow: hidden;
  border: 1px solid #16445a;
  background: #041019;
}
#fitCard .droneXp i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,#16a9ca,#75edff);
}
#fitCard .droneFitDetail h4 {
  margin: 15px 0 8px;
  color: #7fdff0;
  font-size: 9px;
  letter-spacing: 1px;
}
#fitCard .droneFitSlots {
  display: flex;
  gap: 10px;
}
#fitCard .droneFitSlot, #fitCard .droneAbilitySlot {
  border: 1px solid rgba(105,233,255,.22);
  background: #06121c;
}
#fitCard .droneFitSlot {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
}
#fitCard .droneFitSlot img {
  width: 88%;
  height: 88%;
  object-fit: contain;
}
#fitCard .droneFitSlot span {
  color: #346377;
  font-size: 24px;
}
#fitCard .droneFitSlot.dragTarget {
  border-color: #70e7fa;
  background: rgba(20,154,182,.22);
}
#fitCard .droneAbilitySlot {
  width: 100%;
  min-height: 48px;
  color: #789cac;
  font-size: 9px;
  text-align: left;
}
#fitCard .fitDroneEmpty {
  place-self: center;
  color: #789cac;
}
#fitCard .fitDroneWorkspace {
  display:block;
  overflow-y:auto;
}
#fitCard .droneCards {
  display:grid;
  gap:10px;
}
#fitCard .droneEquipmentCard {
  min-height:92px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:82px minmax(150px,1fr) auto minmax(180px,.8fr);
  align-items:center;
  gap:14px;
  border:1px solid rgba(105,233,255,.17);
  border-radius:5px;
  background:linear-gradient(100deg,#0a1e2b,#06121c);
}
#fitCard .droneCardSprite {
  width:74px;
  height:66px;
  object-fit:contain;
  image-rendering:pixelated;
}
#fitCard .droneCardIdentity {
  display:grid;
  gap:5px;
}
#fitCard .droneCardIdentity strong {
  color:#effcff;
  font-size:13px;
}
#fitCard .droneCardIdentity span {
  color:#789cac;
  font-size:9px;
}
#fitCard .droneCardIdentity .droneXp {
  width:100%;
  margin:2px 0 0;
}
#fitCard .droneCardSlots, #fitCard .droneCardAbility {
  display:grid;
  gap:6px;
}
#fitCard .droneCardSlots label, #fitCard .droneCardAbility label {
  color:#70dceb;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
#fitCard .droneCardSlots>div {
  display:flex;
  gap:10px;
}
#fitCard .droneCardAbility .droneAbilitySlot {
  min-width:180px;
}
#fitCard .droneGlobalHint {
  margin:10px 2px 0;
  color:#789cac;
  font-size:9px;
  text-align:center;
}
body #profileOverlay .droneShopImage {
  width:74px !important;
  height:66px !important;
  object-fit:contain !important;
  image-rendering:pixelated !important;
  transform:scale(1.12);
}
body #profileOverlay .formationShopImage {
  width:min(420px,90%) !important;
  height:190px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}
body #profileOverlay .formationDescription {
  line-height:1.55;
  color:#d8c17c;
}
body #profileOverlay .shopRow img.droneShopRowImage {
  width:58px !important;
  height:52px !important;
  padding:0 !important;
  image-rendering:pixelated !important;
}
body #profileOverlay .shopRow img.petShopRowImage {
  width:48px !important;
  height:48px !important;
  padding:0 !important;
  object-fit:contain !important;
}
body #profileOverlay .shopRow img.formationShopRowImage {
  width:72px !important;
  height:48px !important;
  padding:0 !important;
  object-fit:contain !important;
}
#fitCard.droneMode .fitLoadoutPane {
  grid-column:1 / -1 !important;
}
#fitCard .fitInventoryPane[hidden] {
  display:none !important;
}
#fitCard .droneEquipmentCard {
  grid-template-columns:82px minmax(170px,1fr) auto auto;
  grid-template-rows:auto 11px;
}
#fitCard .droneFitSlot, #fitCard .droneDesignSlot {
  width:56px !important;
  height:56px !important;
  min-width:56px;
  padding:3px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(105,233,255,.22);
  border-radius:3px;
  color:#346377;
  background:#06121c;
}
#fitCard .droneDesignSlot {
  font-size:22px;
}
#fitCard .droneCardAbility {
  padding-right:14px;
  border-right:1px solid rgba(105,233,255,.18);
}
#fitCard .droneEquipmentCard>.droneXp {
  grid-column:1 / -1;
  position:relative;
  width:100%;
  height:9px;
  margin:5px 0 0;
  overflow:visible;
}
#fitCard .droneEquipmentCard>.droneXp span {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#eaffff;
  font-size:7px;
  font-weight:900;
  line-height:9px;
  text-shadow:0 1px 2px #000;
}
#fitCard .droneInventoryTray {
  margin-top:10px;
  padding:9px;
  border:1px solid rgba(105,233,255,.14);
  background:#06121c;
}
#fitCard .droneInventoryTray>label {
  display:block;
  margin-bottom:7px;
  color:#70dceb;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
#fitCard .droneInventoryTray>div {
  display:flex;
  gap:7px;
  overflow-x:auto;
}
#fitCard .droneInventoryTray button {
  position:relative;
  flex:0 0 50px;
  width:50px;
  height:50px;
  padding:3px;
}
#fitCard .droneInventoryTray img {
  width:100%;
  height:100%;
  object-fit:contain;
}
#fitCard .droneInventoryTray button span {
  position:absolute;
  right:3px;
  bottom:2px;
  color:#ffd56b;
  font-size:8px;
}
#confirmMessage {
  white-space: pre-line !important;
}
#fitCard.droneMode .fitLoadoutPane {
  grid-column:1 !important;
  grid-row:2 !important;
}
#fitCard.droneMode .fitInventoryPane {
  display:flex !important;
  grid-column:2 !important;
  grid-row:2 !important;
}
#fitCard.droneMode .fitSlotsScroll {
  display:none !important;
}
#fitCard:not(.droneMode) .fitDroneWorkspace {
  display:none !important;
}
#fitCard.droneMode .fitModulesHeading, #fitCard.droneMode .fitShipModules {
  display:none !important;
}
#fitCard.droneMode .fitDroneWorkspace {
  display:block !important;
  height:100% !important;
  padding:10px !important;
  overflow-y:auto !important;
  background:transparent !important;
}
#fitCard.droneMode .droneCards {
  display:grid !important;
  gap:8px !important;
}
#fitCard.droneMode .droneEquipmentCard {
  min-height:108px !important;
  padding:10px 12px !important;
  grid-template-columns:72px minmax(150px,1fr) auto auto !important;
  grid-template-rows:minmax(70px,auto) 11px !important;
  gap:10px !important;
  border-radius:3px !important;
  background:linear-gradient(100deg,#0a1e2b,#071722) !important;
}
#fitCard.droneMode .droneCardSprite {
  width:64px !important;
  height:56px !important;
}
#fitCard.droneMode .droneCardIdentity strong {
  font-size:12px !important;
}
#fitCard.droneMode .droneCardAbility {
  padding-right:12px !important;
  border-right:1px solid rgba(105,233,255,.22) !important;
}
#fitCard.droneMode .droneFitSlot, #fitCard.droneMode .droneDesignSlot {
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:3px !important;
}
#fitCard.droneMode .droneEquipmentCard>.droneXp {
  grid-column:1 / -1 !important;
  align-self:end !important;
  height:9px !important;
  margin:2px 0 0 !important;
}
#fitCard.droneMode .droneGlobalHint, #fitCard.droneMode .droneInventoryTray {
  display:none !important;
}
#fitCard .droneFitSlot {
  position:relative !important;
  overflow:hidden !important;
}
#fitCard .petFitSlot, #fitCard .droneDesignSlot {
  position:relative !important;
  overflow:hidden !important;
}
#fitCard .droneFitSlot.selected {
  border-color:#70e7fa !important;
  background:radial-gradient(circle,rgba(33,157,184,.25),#09212c 75%) !important;
  box-shadow:inset 0 -2px #5adcf3,0 0 11px rgba(76,218,243,.18) !important;
}
#fitCard .droneFitSlot.selected::after {
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  top:4px !important;
  right:4px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#69e9ff !important;
  box-shadow:0 0 7px #69e9ff !important;
}
#fitCard .droneFitSlot.dragCompatible {
  border-color:rgba(105,233,255,.65) !important;
  box-shadow:0 0 12px rgba(105,233,255,.28),inset 0 0 16px rgba(105,233,255,.08) !important;
  background:rgba(0,217,255,.09) !important;
}
#fitCard .droneFitSlot.dragging {
  opacity:.45 !important;
}
.inventoryPager {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
}
.inventoryPager button:disabled {
  opacity: .4;
  cursor: default;
}
#fitCard .fitPetWorkspace {
  height:100%;
  min-height:0 !important;
  min-width:0;
  padding:12px;
  box-sizing:border-box;
  display:block;
  overflow-y:auto;
  background:#07141e;
}
#fitCard .fitPetWorkspace[hidden] {
  display:none !important;
}
#fitCard.petMode .fitLoadoutPane {
  grid-column:1 !important;
  grid-row:2 !important;
}
#fitCard.petMode .fitInventoryPane {
  display:flex !important;
  grid-column:2 !important;
  grid-row:2 !important;
}
#fitCard.petMode .fitSlotsScroll {
  display:none !important;
}
#fitCard:not(.petMode) .fitPetWorkspace {
  display:none !important;
}
#fitCard.petMode .fitModulesHeading, #fitCard.petMode .fitShipModules {
  display:none !important;
}
#fitCard.petMode .fitPetWorkspace {
  display:block !important;
  height:100% !important;
  padding:10px !important;
  overflow-y:auto !important;
  background:transparent !important;
}
#fitCard.petMode .droneCards {
  display:grid !important;
  gap:8px !important;
}
#fitCard.petMode .droneEquipmentCard {
  min-height:108px !important;
  padding:10px 12px !important;
  grid-template-columns:72px minmax(150px,1fr) auto !important;
  grid-template-rows:minmax(70px,auto) 11px !important;
  gap:10px !important;
  border-radius:3px !important;
  background:linear-gradient(100deg,#0a1e2b,#071722) !important;
}
#fitCard .petCards {
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  height:100% !important;
  min-height:0 !important;
}
#fitCard .petHeaderCard {
  flex:1 1 20% !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:2px 10px !important;
  align-items:center !important;
  border:1px solid rgba(105,233,255,.17) !important;
  border-radius:5px !important;
  background:linear-gradient(100deg,#0a1e2b,#06121c) !important;
}
#fitCard .petHeaderCard .droneCardSprite {
  width:56px !important;
  height:50px !important;
}
#fitCard .petHeaderCard .droneCardIdentity strong {
  font-size:16px !important;
}
#fitCard .petHeaderCard .droneCardIdentity span {
  font-size:11px !important;
  line-height:1.5 !important;
}
#fitCard .fitGroupTitle span {
  color:#70dceb !important;
  font-size:10px !important;
  font-weight:900 !important;
}
#fitCard .fitGroupTitle small {
  font-size:9px !important;
}
#fitCard .droneCardSlots label,#fitCard .droneCardAbility label {
  font-size:10px !important;
}
#fitCard .droneCardIdentity strong {
  font-size:15px !important;
}
#fitCard .droneCardIdentity span {
  font-size:11px !important;
  line-height:1.5 !important;
}
#fitCard.droneMode .droneCardIdentity strong {
  font-size:14px !important;
}
#fitCard .petHeaderCard>.droneXp {
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  margin:4px 0 0 !important;
}
#fitCard .petSlotsCard {
  flex:4 1 80% !important;
  min-height:0 !important;
  overflow-y:auto !important;
  padding:10px 12px !important;
  border:1px solid rgba(105,233,255,.17) !important;
  border-radius:5px !important;
  background:linear-gradient(100deg,#0a1e2b,#06121c) !important;
}
#fitCard .petGroups {
  grid-column:1 / -1 !important;
  display:grid !important;
  gap:10px !important;
}
#fitCard .petGroup {
  display:grid !important;
  gap:6px !important;
}
#fitCard .petGroup>label {
  color:#70dceb !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
#fitCard .petGroup>label small {
  color:#789cac !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
#fitCard .petGroupSlots {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#fitCard .petFitSlot {
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  padding:3px !important;
  box-sizing:border-box !important;
}
#fitCard .petFitSlot {
  position:relative !important;
  overflow:hidden !important;
}
#fitCard .petFitSlot.selected {
  border-color:#70e7fa !important;
  background:radial-gradient(circle,rgba(33,157,184,.25),#09212c 75%) !important;
  box-shadow:inset 0 -2px #5adcf3,0 0 11px rgba(76,218,243,.18) !important;
}
#fitCard .petFitSlot.selected::after {
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  top:4px !important;
  right:4px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#69e9ff !important;
  box-shadow:0 0 7px #69e9ff !important;
}
#fitCard .petFitSlot.dragCompatible {
  border-color:rgba(105,233,255,.65) !important;
  box-shadow:0 0 12px rgba(105,233,255,.28),inset 0 0 16px rgba(105,233,255,.08) !important;
  background:rgba(0,217,255,.09) !important;
}
#fitCard .petFitSlot.dragging {
  opacity:.45 !important;
}
#fitCard .petFitSlot.dragTarget {
  border-color:#70e7fa !important;
  background:rgba(20,154,182,.22) !important;
}
#fitCard .slotCell, #fitCard .droneFitSlot, #fitCard .petFitSlot, #fitCard .droneDesignSlot {
  border-radius: 3px !important;
}
#fitCard .droneFitSlot, #fitCard .petFitSlot {
  border-style: solid !important;
  border-color: rgba(108, 198, 218, .18) !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, rgba(143, 229, 246, .045), transparent 45%), #081620 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35) !important;
}
#fitCard .droneFitSlot.filled, #fitCard .petFitSlot.filled {
  border-color: rgba(101, 223, 245, .54) !important;
  background: radial-gradient(circle, rgba(27, 129, 155, .20), #09202c 72%) !important;
  box-shadow: inset 0 -2px rgba(88, 215, 239, .16) !important;
}
#fitCard .petHeaderCard .droneCardSprite {
  image-rendering:auto !important;
}
#fitOverlay #fitCard #fitSlotsLasers.slotGrid, #fitOverlay #fitCard #fitSlotsGens.slotGrid, #fitOverlay #fitCard #fitSlotsExtras.slotGrid, #fitOverlay #fitCard #fitDroneWorkspace .droneCardSlots > div, #fitOverlay #fitCard #fitPetWorkspace .petGroupSlots {
  gap: 2px !important;
}
#fitOverlay #fitCard #fitSlotsLasers.slotGrid, #fitOverlay #fitCard #fitSlotsGens.slotGrid, #fitOverlay #fitCard #fitSlotsExtras.slotGrid {
  grid-template-columns: repeat(auto-fill, 52px) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell, #fitOverlay #fitCard #fitSlotsGens .slotCell, #fitOverlay #fitCard #fitSlotsExtras .slotCell {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  aspect-ratio: auto !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell, #fitOverlay #fitCard #fitSlotsGens .slotCell, #fitOverlay #fitCard #fitSlotsExtras .slotCell, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  cursor: pointer !important;
  border: 1px solid rgba(108, 198, 218, .18) !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, rgba(143, 229, 246, .045), transparent 45%), #081620 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell::before, #fitOverlay #fitCard #fitSlotsGens .slotCell::before, #fitOverlay #fitCard #fitSlotsExtras .slotCell::before, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot::before, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot::before, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1px solid rgba(116, 222, 242, .38) !important;
  border-left: 1px solid rgba(116, 222, 242, .38) !important;
  pointer-events: none !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled {
  border-color: rgba(101, 223, 245, .54) !important;
  background: radial-gradient(circle, rgba(27, 129, 155, .20), #09202c 72%) !important;
  box-shadow: inset 0 -2px rgba(88, 215, 239, .16) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell:hover, #fitOverlay #fitCard #fitSlotsGens .slotCell:hover, #fitOverlay #fitCard #fitSlotsExtras .slotCell:hover, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot:hover, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot:hover, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot:hover {
  border-color: rgba(123, 232, 250, .74) !important;
  background-color: #0c2734 !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell img, #fitOverlay #fitCard #fitSlotsGens .slotCell img, #fitOverlay #fitCard #fitSlotsExtras .slotCell img, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot img, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot img {
  width: 86% !important;
  height: 86% !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
.shopPetBadge {
  display: inline-block !important;
  padding: 1px 6px !important;
  border: 1px solid rgba(112, 231, 250, .6) !important;
  border-radius: 3px !important;
  color: #70e7fa !important;
  background: rgba(0, 217, 255, .08) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  vertical-align: 1px !important;
}
.shopLauncherBadge {
  border-color: rgba(255, 161, 77, .6) !important;
  color: #ffa14d !important;
  background: rgba(255, 154, 60, .08) !important;
}
.shopGearBadge {
  border-color: rgba(112, 231, 250, .6) !important;
  color: #70e7fa !important;
  background: rgba(0, 217, 255, .08) !important;
}
.shopProtoBadge {
  border-color: rgba(196, 141, 255, .6) !important;
  color: #c48dff !important;
  background: rgba(150, 80, 255, .10) !important;
}
.shopWideBadge {
  white-space: nowrap !important;
  letter-spacing: 0.5px !important;
}
.shopSpeedBadge {
  border-color: rgba(0, 255, 136, .55) !important;
  color: #00ff88 !important;
  background: rgba(0, 255, 136, .08) !important;
}
.shopShieldBadge {
  border-color: rgba(0, 150, 255, .6) !important;
  color: #4da6ff !important;
  background: rgba(0, 120, 255, .10) !important;
}
#fitCard .invCell .petOnlyBadge {
  position: absolute !important;
  left: 3px !important;
  bottom: 2px !important;
  z-index: 2 !important;
  padding: 0 4px !important;
  border: 1px solid rgba(112, 231, 250, .6) !important;
  border-radius: 3px !important;
  color: #70e7fa !important;
  background: rgba(4, 16, 25, .9) !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  line-height: 1.5 !important;
  pointer-events: none !important;
}
#fitCard .invCell .shipOnlyBadge {
  border-color: rgba(255, 105, 180, .6) !important;
  color: #ff8fc0 !important;
  background: rgba(40, 8, 25, .9) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.selected, #fitOverlay #fitCard #fitSlotsGens .slotCell.selected, #fitOverlay #fitCard #fitSlotsExtras .slotCell.selected, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.selected, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.selected, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot.selected, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.selected {
  border-color: #70e7fa !important;
  background: radial-gradient(circle, rgba(33, 157, 184, .25), #09212c 75%) !important;
  box-shadow: inset 0 -2px #5adcf3, 0 0 11px rgba(76, 218, 243, .18) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.selected::after, #fitOverlay #fitCard #fitSlotsGens .slotCell.selected::after, #fitOverlay #fitCard #fitSlotsExtras .slotCell.selected::after, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.selected::after, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.selected::after, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot.selected::after, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.selected::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 4px !important;
  right: 4px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #69e9ff !important;
  box-shadow: 0 0 7px #69e9ff !important;
  pointer-events: none !important;
}
#fitCard .fitShipModules {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}
#fitCard .fitShipModules .shipModRow {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(108, 198, 218, .17) !important;
  border-radius: 3px !important;
  background: linear-gradient(145deg, rgba(140, 226, 244, .04), transparent 46%), #081620 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35) !important;
  cursor: pointer !important;
  outline: 0 !important;
  transform: none !important;
}
#fitCard .fitShipModules .shipModRow[class*="rarity-"] {
  border-color: color-mix(in srgb, var(--rarity) 50%, transparent) !important;
  box-shadow: inset 0 -2px 0 var(--rarity), inset 0 0 12px color-mix(in srgb, var(--rarity) 9%, transparent) !important;
}
#fitCard .fitShipModules .shipModRow img {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, .25) !important;
  pointer-events: none !important;
}
#fitCard .fitShipModules .shipModRow:hover {
  border-color: rgba(118, 229, 248, .62) !important;
  background-color: #0b2430 !important;
}
#fitCard .fitShipModules .shipModRow.selected {
  border-color: #70e7fa !important;
  background: radial-gradient(circle, rgba(33, 157, 184, .25), #09212c 75%) !important;
  box-shadow: inset 0 -2px #5adcf3, 0 0 11px rgba(76, 218, 243, .18) !important;
}
#fitCard .fitShipModules .shipModRow.selected::after {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 4px !important;
  right: 4px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #69e9ff !important;
  box-shadow: 0 0 7px #69e9ff !important;
  pointer-events: none !important;
}
#fitCard .fitShipModules .shipModRow.equipped {
  opacity: .36 !important;
  filter: grayscale(1) !important;
  cursor: not-allowed !important;
}
#fitCard .fitShipModules .shipModRow.equipped:hover {
  background: linear-gradient(145deg, rgba(140, 226, 244, .04), transparent 46%), #081620 !important;
}
#fitOverlay #fitCard .fitSlotGroup.dragCompatible #fitSlotsLasers .slotCell, #fitOverlay #fitCard .fitSlotGroup.dragCompatible #fitSlotsGens .slotCell, #fitOverlay #fitCard .fitSlotGroup.dragCompatible #fitSlotsExtras .slotCell, #fitOverlay #fitCard .fitSlotGroup.dragCompatible #fitSlotsShipMods .slotCell {
  border-color: rgba(105, 233, 255, .68) !important;
  background: rgba(0, 217, 255, .09) !important;
  box-shadow: inset 0 0 10px rgba(0, 217, 255, .08), 0 0 12px rgba(105, 233, 255, .12) !important;
}
#fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.dragCompatible, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.dragCompatible {
  border-color: rgba(105, 233, 255, .65) !important;
  background: rgba(0, 217, 255, .09) !important;
  box-shadow: 0 0 12px rgba(105, 233, 255, .28), inset 0 0 16px rgba(105, 233, 255, .08) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.dragTarget, #fitOverlay #fitCard #fitSlotsGens .slotCell.dragTarget, #fitOverlay #fitCard #fitSlotsExtras .slotCell.dragTarget, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.dragTarget, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.dragTarget, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.dragTarget {
  border-color: #70e7fa !important;
  background: rgba(20, 154, 182, .22) !important;
  box-shadow: 0 0 12px rgba(105, 233, 255, .35) !important;
}
#shopOverlay.profileOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90000 !important;
  display: none;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}
#shopOverlay .profileOverlayInner {
  display: contents !important;
}
#shopOverlay #shopWindow.gameWindow {
  position: fixed !important;
  width: min(1180px, calc(100vw - 32px)) !important;
  height: min(720px, calc(100vh - 90px)) !important;
  min-width: 760px !important;
  min-height: 520px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 290px minmax(0, 1fr) !important;
  grid-template-rows: 26px minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: #e8f4ff !important;
  border: 1px solid rgba(124, 240, 255, .24) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  pointer-events: auto !important;
}
#shopOverlay #shopWindow.gameWindow:hover {
  border-color: rgba(124, 240, 255, .42) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.50), 0 0 28px rgba(0,217,255,.16), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
html body #shopOverlay #shopWindow.gameWindow:not(.floating) {
  left: max(16px, calc(50vw - 590px)) !important;
  top: 70px !important;
}
#shopOverlay #shopWindow.gameWindow > .gameWinBar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124, 240, 255, .18) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(0,217,255,.18), rgba(124,240,255,.05), rgba(255,255,255,.035)) !important;
  box-shadow: none !important;
  cursor: grab !important;
}
#shopOverlay #shopWindow .gameWinIcon {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
}
#shopOverlay #shopWindow .gameWinTitle {
  flex: 1 !important;
  min-width: 0 !important;
  color: rgba(232,244,255,.88) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .35px !important;
}
html body #shopOverlay #shopWindow.gameWindow > .gameWinBar .gameWinMinBtn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 -8px 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 0 8px 0 0 !important;
  background: linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  color: #eaffff !important;
  font: 750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition: none !important;
}
html body #shopOverlay #shopWindow.gameWindow > .gameWinBar .gameWinMinBtn:hover:not(:disabled) {
  border-color: rgba(124,240,255,.62) !important;
  background: rgba(0,140,185,.3) !important;
  box-shadow: 0 0 16px rgba(0,217,255,.12) !important;
}
#shopOverlay .profileHeaderCard {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  scrollbar-width: none !important;
}
#shopOverlay .profileHeaderCard::-webkit-scrollbar {
  display: none !important;
}
#shopOverlay .profileTabs {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow: visible !important;
}
#shopOverlay .profileMainCard {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#shopOverlay .profilePanel {
  display: none !important;
}
#shopOverlay .profilePanel.active {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(124,240,255,.16) !important;
  border-radius: 11px !important;
  background: #091a28 !important;
  box-shadow: none !important;
}
#shopOverlay .shopToolbar {
  flex: 0 0 auto !important;
  min-height: 54px !important;
  margin: 0 0 8px !important;
  padding: 2px 4px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#shopOverlay .shopToolbarTitle {
  color: #effbff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
#shopOverlay .shopBalance {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
}
#shopOverlay .shopBalance span {
  display: block !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#shopOverlay .shopBalance strong {
  display: block !important;
  margin-top: 2px !important;
  color: #75e8ff !important;
  font-size: 18px !important;
}
html body #shopOverlay .shopRow {
  background-image: none !important;
}
body #shopOverlay .shopPreview .profileTile {
  padding: 16px !important;
}
html body #shopOverlay #shopWindowPanel .shopLayout.extrasMode {
  display: block !important;
  overflow-y: auto !important;
}
html body #shopOverlay #shopWindowPanel .shopLayout.extrasMode .shopList {
  display: none !important;
}
html body #shopOverlay #shopWindowPanel .shopLayout.extrasMode .shopPreview {
  width: 100% !important;
  min-height: 100% !important;
  overflow: visible !important;
}
#shopOverlay button:not(.gameWinMinBtn) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 8px !important;
  color: #eaffff !important;
  background: linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font: 750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition: none !important;
}
#shopOverlay button:not(.gameWinMinBtn):hover:not(:disabled), #shopOverlay button:not(.gameWinMinBtn):active:not(:disabled) {
  border-color: rgba(124,240,255,.62) !important;
  background: rgba(0,140,185,.3) !important;
  box-shadow: 0 0 16px rgba(0,217,255,.12) !important;
  transform: none !important;
}
#shopOverlay button:not(.gameWinMinBtn):disabled {
  opacity: .35 !important;
  cursor: default !important;
}
#shopOverlay .tile, #shopOverlay .profileTile {
  box-sizing: border-box !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 9px !important;
  background: #0a2232 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html body #shopOverlay .shopGroupHeader {
  flex: 0 0 auto !important;
  padding: 10px 10px 6px !important;
  color: #ffd9a8 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border-bottom: 1px solid rgba(255,154,60,.25) !important;
  background: rgba(255,154,60,.06) !important;
}
#shopOverlay .shopRow img {
  width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
}
#shopOverlay .shopMeta {
  flex: 1 !important;
  min-width: 0 !important;
}
#shopOverlay .shopMeta b {
  display: block !important;
  overflow: hidden !important;
  color: #e9f8ff !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#shopOverlay .shopMeta span {
  color: rgba(204,228,241,.57) !important;
  font-size: 9px !important;
}
html body #shopOverlay .shopPreview .bigImg {
  width: min(200px, 70%) !important;
}
html body #shopOverlay .shopPreview .bigImg.ammoShopImage {
  width: 100px !important;
  height: 100px !important;
  padding: 0 !important;
}
html body #shopOverlay .shopPreview .bigImg.equipShopImage {
  width: 100px !important;
  max-width: 100px !important;
  height: 100px !important;
  max-height: 100px !important;
  padding: 8px !important;
  border: 0 !important;
  background: transparent !important;
}
html body #shopOverlay .shopPreview .bigImg.petPreviewImage {
  width: 160px !important;
  max-width: 160px !important;
  height: 160px !important;
  max-height: 160px !important;
}
html body #shopOverlay .shopPreviewCard {
  width: 105px !important;
  height: 105px !important;
  margin: 0 auto 12px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.25) !important;
  border: 1px solid rgba(0,217,255,.3) !important;
}
html body #shopOverlay .shopPreviewCard .bigImg {
  width: 100px !important;
  max-width: 100px !important;
  height: 100px !important;
  max-height: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}
html body #shopOverlay .shopPreview .tile {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
}
html body #shopOverlay .shopPreview .shopBuySection {
  margin-top: auto !important;
  padding-top: 12px !important;
}
html body #shopOverlay .shopPreviewContainer, html body #shopOverlay .shipPreviewContainer {
  width: 100% !important;
  height: 210px !important;
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#shopOverlay .shipPreviewContainer img {
  image-rendering: pixelated !important;
  object-fit: contain !important;
}
#shopOverlay .shopPreview h3 {
  margin: 0 0 8px !important;
  color: #effbff !important;
  font-size: 17px !important;
}
#shopOverlay .shopPreview p {
  color: rgba(209,231,243,.68) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
#shopOverlay .shopPreview .shopItemStat {
  margin: 8px 0 !important;
  color: rgba(209,231,243,.72) !important;
}
#shopOverlay .shopPreview .shopItemStat strong {
  margin-left: 5px !important;
  color: #75e8ff !important;
  font-size: 13px !important;
}
#shopOverlay .shopPreview .shopItemStat.ammoDesc {
  color:#f4fbff !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:1.6 !important;
  margin-top:6px !important;
  text-align:center !important;
}
#shopOverlay .shopPreview .shopItemStat.ammoDesc strong {
  margin-left:0 !important;
}
#shopOverlay .shopPreview h3.ammoTitle {
  text-align:center !important;
  font-size:20px !important;
  margin-bottom:0 !important;
}
#shopOverlay .shopAmmoStock {
  margin:2px 0 0 !important;
  color:#f4fbff !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-align:center !important;
}
#shopOverlay .shopAmmoStock .shopAmmoWord {
  color:#f4fbff !important;
}
#shopOverlay .shopAmmoStock .shopAmmoGold {
  color:#ffd56a !important;
  font-size:16px !important;
}
#shopOverlay .shopPreview .shopItemStat.shopAbility img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}
#shopOverlay .shopPreview .shopItemStat.shopAbility em {
  color: rgba(180,200,220,.75) !important;
}
#shopOverlay .shopPreview .shopAbilitiesGrid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 4px 2px !important;
}
#shopOverlay .shopPreview .shopAbilitiesGrid img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}
#shopOverlay .shopPreview .shopAbilityInherit {
  color: rgba(140,220,150,.85) !important;
  font-style: italic !important;
}
#shopOverlay .shopAmmoOwned {
  margin: 8px 0 !important;
  color: rgba(225,241,249,.82) !important;
  font-size: 12px !important;
}
#shopOverlay .shopPurchaseRow {
  margin: 14px 0 0 !important;
  padding: 14px 4px !important;
  display: grid !important;
  grid-template-columns: minmax(160px,1fr) 110px !important;
  align-items: center !important;
  gap: 18px !important;
  border-top: 1px solid rgba(124,240,255,.15) !important;
}
#shopOverlay .shopPurchaseInfo {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}
#shopOverlay .shopPurchaseInfo > label {
  color: rgba(225,241,249,.78) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
#shopOverlay .shopPurchaseRow > select {
  width: 110px !important;
  height: 36px !important;
  padding: 0 30px 0 12px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  text-align: center !important;
  cursor: pointer !important;
}
#shopOverlay .shopPurchaseRow > select:focus {
  border-color: #69e9ff !important;
}
#shopOverlay .shopPurchaseRow > select option {
  color: #effcff !important;
  background: #071622 !important;
}
#shopOverlay .shopQuantityBox {
  width: 110px !important;
  display: grid !important;
  gap: 6px !important;
}
#shopOverlay .shopQuantityBox > input {
  width: 100% !important;
  height: 36px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  text-align: center !important;
}
#shopOverlay .shopQuantityBox > input:focus {
  border-color: #69e9ff !important;
}
#shopOverlay .shopAmmoBuyRow {
  margin: 14px 0 0 !important;
  padding: 14px 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
#shopOverlay .shopAmmoQtyRow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
#shopOverlay .shopAmmoQtyRow > label {
  color: #f4fbff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
#shopOverlay .shopAmmoBuyRow > input,
#shopOverlay .shopAmmoQtyRow > input {
  flex: 0 0 90px !important;
  width: 90px !important;
  height: 36px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  text-align: center !important;
}
#shopOverlay .shopAmmoBuyRow > input:focus,
#shopOverlay .shopAmmoQtyRow > input:focus,
#shopOverlay .shopQtyBtn:focus {
  border-color: #69e9ff !important;
}
#shopOverlay .shopQtyCombo {
  position: relative !important;
  flex: 0 0 90px !important;
  width: 90px !important;
}
#shopOverlay .shopQtyBtn {
  width: 100% !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 12px/1 system-ui !important;
  cursor: pointer !important;
}
#shopOverlay .shopQtyPopup {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 60 !important;
  background: #051521 !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  max-height: 264px !important;
  overflow-y: auto !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}
#shopOverlay .shopQtyOpt {
  padding: 4px 8px !important;
  border-radius: 6px !important;
  font: 800 12px/1.5 ui-sans-serif,system-ui !important;
  color: #effcff !important;
  cursor: pointer !important;
  text-align: center !important;
}
#shopOverlay .shopQtyOpt:hover {
  background: rgba(0,217,255,.15) !important;
}
#shopOverlay .shopQtyPopup::-webkit-scrollbar {
  width: 8px !important;
}
#shopOverlay .shopQtyPopup::-webkit-scrollbar-track {
  background: rgba(255,255,255,.05) !important;
  border-radius: 10px !important;
}
#shopOverlay .shopQtyPopup::-webkit-scrollbar-thumb {
  background: rgba(0,217,255,.3) !important;
  border-radius: 10px !important;
}
#shopOverlay .shopAmmoCost {
  margin: 0 !important;
  color: #f4fbff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#shopOverlay .shopAmmoCost #shopPurchaseTotal {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#shopOverlay .shopAmmoCost #shopAmmoUnitsVal {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#shopOverlay .shopAmmoCost .shopAmmoWord {
  color: #f4fbff !important;
}
#shopOverlay .shopAmmoStock {
  margin: 2px 0 0 !important;
  color: #f4fbff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
#shopOverlay .shopAmmoCost + .shopAmmoStock {
  margin-top: 35px !important;
}
#shopOverlay .shopAmmoStock .shopAmmoWord {
  color: #f4fbff !important;
}
#shopOverlay .shopAmmoStock .shopAmmoGold {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#shopOverlay .shopAmmoCost .shopAmmoGold {
  color: #ffd56a !important;
  font-size: 16px !important;
}
#shopOverlay .shopAmmoStock [data-booster-status],
#shopOverlay .shopAmmoStock [data-booster-countdown] {
  font-size: 16px !important;
}
#shopOverlay .shopQuantityBox > select {
  width: 100% !important;
  height: 30px !important;
  padding: 0 26px 0 10px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.30) !important;
  border-radius: 7px !important;
  color: #effcff !important;
  background: #051521 !important;
  font: 900 11px/1 system-ui !important;
  text-align: center !important;
  cursor: pointer !important;
}
#shopOverlay .shopQuantityBox > select:focus {
  border-color: #69e9ff !important;
}
#shopOverlay .shopQuantityBox > select option {
  color: #effcff !important;
  background: #071622 !important;
}
#shopOverlay .shopPurchasePrice {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  text-align: left !important;
}
#shopOverlay .shopPurchasePrice > span {
  color: rgba(204,228,241,.48) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#shopOverlay .shopPurchasePrice strong {
  color: #72efff !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
#shopOverlay .shopBuySection {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(124,240,255,.12) !important;
}
#shopOverlay #btnBuyPreview {
  margin-top: auto !important;
  width: 100% !important;
}
#shopOverlay .extrasRoulettePanel {
  justify-content: flex-start !important;
}
#shopOverlay .extrasRouletteHeader {
  padding-bottom: 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
}
#shopOverlay .extrasRouletteHeader h3 {
  margin-bottom: 5px !important;
}
#shopOverlay .extrasRouletteHeader p {
  margin: 0 !important;
}
#shopOverlay .extrasRouletteCost {
  flex: 0 0 auto !important;
  color: rgba(204,228,241,.55) !important;
  font-size: 9px !important;
  text-align: right !important;
}
#shopOverlay .extrasRouletteCost span {
  display: block !important;
  text-transform: uppercase !important;
}
#shopOverlay .extrasRouletteCost strong {
  margin-right: 4px !important;
  color: #75e8ff !important;
  font-size: 16px !important;
}
#shopOverlay .moduleHistoryPanel {
  min-height: 0 !important;
  margin-top: 18px !important;
  border-top: 1px solid rgba(124,240,255,.13) !important;
}
#shopOverlay .moduleHistoryPanel > header {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  color: #effbff !important;
}
#shopOverlay .moduleHistoryPanel > header strong {
  font-size: 12px !important;
}
#shopOverlay .moduleHistoryPanel > header span {
  color: rgba(204,228,241,.52) !important;
  font-size: 9px !important;
}
#shopOverlay .moduleHistoryList {
  max-height:none !important;
  overflow:visible !important;
  border-top:none !important;
}
#shopOverlay .moduleHistoryRow {
  min-height: 48px !important;
  padding: 7px 5px !important;
  display: grid !important;
  grid-template-columns: 28px 38px 40px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  border-bottom: 1px solid rgba(124,240,255,.08) !important;
}
#shopOverlay .moduleHistoryIndex {
  color: rgba(204,228,241,.38) !important;
  font-size: 9px !important;
  text-align: center !important;
}
#shopOverlay .moduleHistoryRow img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}
#shopOverlay .moduleHistoryShipImg {
  width: 40px !important;
  height: 40px !important;
  background: rgba(0,217,255,0.06) !important;
  border: 1px solid rgba(124,240,255,.12) !important;
  border-radius: 9px !important;
}
#shopOverlay .moduleHistoryMeta {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
#shopOverlay .moduleHistoryMeta strong.moduleHistoryName {
  color: #75e8ff !important;
  font-size: 10px !important;
}
#shopOverlay .moduleHistoryMeta span:not(.moduleHistoryRarity) {
  overflow: hidden !important;
  color: rgba(204,228,241,.60) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#shopOverlay .moduleHistoryRow time {
  color: rgba(204,228,241,.38) !important;
  font-size: 8px !important;
  white-space: nowrap !important;
}
#shopOverlay .moduleHistoryEmpty {
  padding: 24px !important;
  color: rgba(204,228,241,.45) !important;
  font-size: 10px !important;
  text-align: center !important;
}
body #shopOverlay .droneShopImage {
  width: 74px !important;
  height: 66px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
  transform: scale(1.12);
}
body #shopOverlay .formationShopImage {
  width: min(420px,90%) !important;
  height: 190px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}
body #shopOverlay .formationDescription {
  line-height: 1.55;
  color: #d8c17c;
}
body #shopOverlay .shopRow img.droneShopRowImage {
  width: 58px !important;
  height: 52px !important;
  padding: 0 !important;
  image-rendering: pixelated !important;
}
body #shopOverlay .shopRow img.petShopRowImage {
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  object-fit: contain !important;
}
body #shopOverlay .shopRow img.formationShopRowImage {
  width: 72px !important;
  height: 48px !important;
  padding: 0 !important;
  object-fit: contain !important;
}
@media (max-width: 900px) {
  #shopOverlay #shopWindow.gameWindow { width: calc(100vw - 16px) !important; height: calc(100vh - 24px) !important; min-width: 0 !important; grid-template-columns: 240px minmax(0,1fr) !important; }
  html body #shopOverlay #shopWindow.gameWindow:not(.floating) { left: 8px !important; top: 70px !important; }
  #shopOverlay #shopWindowPanel .shopLayout { grid-template-columns: 250px minmax(0,1fr) !important; }
}
@media (max-width: 650px) {
  #shopOverlay #shopWindow.gameWindow { grid-template-columns: 1fr !important; grid-template-rows: 26px auto minmax(0,1fr) !important; }
  #shopOverlay .profileHeaderCard { grid-column: 1 !important; grid-row: 2 !important; padding: 8px !important; border-right: 0 !important; border-bottom: 1px solid rgba(124,240,255,.16) !important; }
  #shopOverlay .profileTabs { flex-direction: row !important; overflow-x: auto !important; }
  #shopOverlay .profileTabs .tabBtn { justify-content: center !important; }
  #shopOverlay .profileTabs .tabBtn[data-shop="extras"] { margin-top: 0 !important; }
  #shopOverlay .profileMainCard { grid-column: 1 !important; grid-row: 3 !important; padding: 8px !important; }
  #shopOverlay #shopWindowPanel .shopLayout { grid-template-columns: 1fr !important; overflow-y: auto !important; }
  #shopOverlay #shopWindowPanel .shopList { max-height: 210px !important; }
}
body #shopOverlay .profileHeaderCard {
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:14px 0 14px 14px !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:22px !important;
  overflow:hidden auto !important;
  border:0 !important;
  border-right:1px solid rgba(124,240,255,.16) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  scrollbar-width:none !important;
}
body #shopOverlay .profileTabs {
  width:100% !important;
  margin:0 !important;
  padding:0 0 2px !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:6px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
}
body #shopOverlay .profileTabs::-webkit-scrollbar {
  display:none !important;
}
body #shopOverlay button:not(.gameWinMinBtn) {
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
}
body #shopOverlay .profileTabs .tabBtn {
  width:100% !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:38px !important;
  padding:9px 11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  text-align:left !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  cursor:pointer !important;
  transform:none !important;
  transition:none !important;
}
body #shopOverlay .profileTabs .tabBtn:hover:not(:disabled) {
  transform:none !important;
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
body #shopOverlay .profileTabs .tabBtn.active {
  color:#eaffff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
body #shopOverlay .profileTabs .tabBtn.active::after {
  content:"" !important;
  flex:0 0 auto !important;
  width:8px !important;
  height:8px !important;
  margin-left:auto !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
}
@keyframes shopTabDotBlink{
  0%,100%{ opacity:1; }
  50%{ opacity:.25; }
}
body #shopOverlay .profileMainCard {
  grid-column:2 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:14px !important;
  display:flex !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #shopOverlay .profilePanel {
  display:none !important;
  min-width:0 !important;
  min-height:0 !important;
}
body #shopOverlay .profilePanel.active {
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:20px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
  backdrop-filter:none !important;
}
html body #shopOverlay #shopWindowPanel .shopLayout {
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:310px minmax(0,1fr) !important;
  gap:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
html body #shopOverlay #shopWindowPanel .shopList, html body #shopOverlay #shopWindowPanel .shopPreview {
  min-width:0 !important;
  min-height:0 !important;
  padding:8px !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body #shopOverlay #shopWindowPanel .shopList {
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  border-right:1px solid rgba(124,240,255,.13) !important;
}
html body #shopOverlay .shopRow {
  flex:0 0 auto !important;
  min-width:0 !important;
  min-height:64px !important;
  padding:8px 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
html body #shopOverlay .shopRow.active {
  border-bottom-color:rgba(124,240,255,.09) !important;
  background:rgba(0,140,185,.18) !important;
  box-shadow:none !important;
}
body #shopOverlay .shopRow {
  transition:none !important;
}
body #shopOverlay .shopRow:hover {
  transform:none !important;
  border-bottom-color:rgba(124,240,255,.09) !important;
  background:rgba(0,140,185,.10) !important;
  box-shadow:none !important;
}
html body #shopOverlay .shopRow.active::after {
  content:"" !important;
  flex:0 0 auto !important;
  width:8px !important;
  height:8px !important;
  margin-left:auto !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
}
html body #shopOverlay #shopWindowPanel .shopPreview > .tile {
  min-height:100% !important;
  padding:18px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body #shopOverlay .shopPreview .bigImg {
  width:min(200px,70%) !important;
  height:180px !important;
  margin:0 auto 12px !important;
  padding:8px !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  object-fit:contain !important;
}
html body #shopOverlay #moduleRollHistory {
  flex:1 1 auto !important;
  min-height:120px !important;
  max-height:none !important;
  overflow-y:auto !important;
}
html body #shopOverlay .moduleHistoryEmpty {
  padding:28px 12px !important;
  font-size:12px !important;
}
html body #shopOverlay .moduleHistoryRow {
  min-height:76px !important;
  padding:10px 8px !important;
  grid-template-columns:36px 54px 62px minmax(0,1fr) auto 46px !important;
  gap:12px !important;
  align-items:center !important;
}
html body #shopOverlay .moduleHistoryRow img {
  width:52px !important;
  height:52px !important;
}
html body #shopOverlay .moduleHistoryShipImg {
  width:60px !important;
  height:60px !important;
  border-radius:12px !important;
}
html body #shopOverlay .moduleHistoryIndex {
  font-size:12px !important;
}
html body #shopOverlay .moduleHistoryMeta {
  gap:4px !important;
}
html body #shopOverlay .moduleHistoryMeta strong.moduleHistoryName {
  font-size:13px !important;
}
html body #shopOverlay .moduleHistoryMeta span {
  font-size:11px !important;
  white-space:normal !important;
}
html body #shopOverlay .moduleHistoryRow time {
  font-size:10px !important;
}
html body #shopOverlay .moduleHistorySide {
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
  justify-items:end !important;
  text-align:right !important;
}
html body #shopOverlay .moduleHistoryReroll {
  color:rgba(204,228,241,.55) !important;
  font-size:10px !important;
  white-space:nowrap !important;
}
html body #shopOverlay .moduleHistoryReroll strong {
  color:#75e8ff !important;
}
html body #shopOverlay .moduleHistoryRerollBtn {
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  color:#eaffff !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  cursor:pointer !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transform:none !important;
  transition:none !important;
}
html body #shopOverlay .moduleHistoryRerollBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
html body #shopOverlay .moduleHistoryRerollBtn:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#shopOverlay .moduleTicketCost, #profileOverlay .moduleTicketCost {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
  white-space:nowrap !important;
}
#shopOverlay .moduleTicketCost img, #profileOverlay .moduleTicketCost img {
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
}
#shopOverlay .moduleTicketCost small, #profileOverlay .moduleTicketCost small {
  color:rgba(204,228,241,.58) !important;
  font-size:9px !important;
}
html body #shopOverlay .moduleHistoryReroll .moduleTicketCost img, html body #shopOverlay .moduleHistoryPayment img {
  width:14px !important;
  height:14px !important;
  object-fit:contain !important;
}
html body #shopOverlay .moduleHistoryPayment {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:4px !important;
  color:rgba(204,228,241,.62) !important;
  font-size:9px !important;
  white-space:nowrap !important;
}
html body #shopOverlay .moduleHistoryPayment.legacy {
  color:rgba(204,228,241,.35) !important;
}
#hangarOverlay.profileOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90000 !important;
  display: none;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}
#hangarOverlay .profileOverlayInner {
  display: contents !important;
}
#hangarOverlay #hangarWindow.gameWindow {
  position: fixed !important;
  width: min(1100px, calc(100vw - 32px)) !important;
  height: min(720px, calc(100vh - 90px)) !important;
  min-width: 760px !important;
  min-height: 520px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 26px minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: #e8f4ff !important;
  border: 1px solid rgba(124, 240, 255, .24) !important;
  background: linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 26px rgba(0,217,255,.12), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  pointer-events: auto !important;
}
#hangarOverlay #hangarWindow.gameWindow:hover {
  border-color: rgba(124, 240, 255, .42) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.50), 0 0 28px rgba(0,217,255,.16), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
html body #hangarOverlay #hangarWindow.gameWindow:not(.floating) {
  left: max(16px, calc(50vw - 570px)) !important;
  top: 45px !important;
}
#hangarOverlay #hangarWindow.gameWindow > .gameWinBar {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(124, 240, 255, .18) !important;
  background: linear-gradient(90deg, rgba(0,217,255,.18), rgba(124,240,255,.05), rgba(255,255,255,.035)) !important;
  cursor: grab !important;
}
#hangarOverlay #hangarWindow .gameWinIcon {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
}
#hangarOverlay #hangarWindow .gameWinTitle {
  flex: 1 !important;
  min-width: 0 !important;
  color: rgba(232,244,255,.88) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .35px !important;
}
html body #hangarOverlay #hangarWindow.gameWindow > .gameWinBar .gameWinMinBtn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 -8px 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.38) !important;
  border-radius: 0 8px 0 0 !important;
  background: linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  color: #eaffff !important;
  font: 750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition: none !important;
}
html body #hangarOverlay #hangarWindow.gameWindow > .gameWinBar .gameWinMinBtn:hover:not(:disabled) {
  border-color: rgba(124,240,255,.62) !important;
  background: rgba(0,140,185,.3) !important;
  box-shadow: 0 0 16px rgba(0,217,255,.12) !important;
}
body #hangarOverlay .profileHeaderCard {
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:14px 0 14px 14px !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:22px !important;
  overflow:hidden auto !important;
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(14,45,65,.78),rgba(5,17,30,.84)) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  scrollbar-width:none !important;
}
body #hangarOverlay .profileHeaderCard::-webkit-scrollbar {
  display:none !important;
}
body #hangarOverlay .profileHeaderTop {
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 0 20px !important;
  border-bottom:1px solid rgba(124,240,255,.13) !important;
}
body #hangarOverlay .profileTitle {
  font-size:11px !important;
}
body #hangarOverlay .profileSub {
  margin-top:10px !important;
  font-size:11px !important;
  line-height:1.7 !important;
}
body #hangarOverlay .profileTabs {
  width:100% !important;
  margin:0 !important;
  padding:0 0 2px !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:6px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
}
body #hangarOverlay .profileTabs::-webkit-scrollbar {
  display:none !important;
}
body #hangarOverlay button:not(.gameWinMinBtn) {
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:30px !important;
  margin:0 !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  box-shadow:none !important;
}
body #hangarOverlay .profileTabs .tabBtn {
  width:100% !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:38px !important;
  padding:9px 11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border:1px solid rgba(124,240,255,.18) !important;
  border-radius:9px !important;
  color:rgba(205,230,245,.72) !important;
  background:rgba(8,35,52,.62) !important;
  font:800 11px/1.2 system-ui !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transform:none !important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease !important;
}
body #hangarOverlay .profileTabs .tabBtn:hover:not(:disabled) {
  transform:none !important;
  border-color:rgba(124,240,255,.45) !important;
  background:rgba(0,140,185,.18) !important;
}
body #hangarOverlay .profileTabs .tabBtn.active {
  color:#edfbff !important;
  border-color:rgba(124,240,255,.5) !important;
  background:linear-gradient(90deg,rgba(0,155,205,.34),rgba(0,90,125,.17)) !important;
  box-shadow:inset 3px 0 0 #69e9ff !important;
}
body #hangarOverlay .profileMainCard {
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:14px !important;
  display:flex !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #hangarOverlay .profilePanel {
  display:none !important;
  min-width:0 !important;
  min-height:0 !important;
}
body #hangarOverlay .profilePanel.active {
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:4px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #hangarOverlay .hangarWorkspace {
  flex:1 1 auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
}
body #hangarOverlay .hangarWorkspace > .profileGrid {
  min-width:0 !important;
  min-height:0 !important;
  grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  align-content:start !important;
  overflow-y:auto !important;
}
body #hangarOverlay .hangarWorkspace > .profileGrid > .tile {
  min-height:150px !important;
  display:flex !important;
  flex-direction:column !important;
}
body #hangarOverlay .hangarWorkspace .tileActions {
  margin-top:auto !important;
}
body #hangarOverlay .tile, body #hangarOverlay .profileTile {
  box-sizing:border-box !important;
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,rgba(15,45,65,.72),rgba(5,14,25,.8)) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body #hangarOverlay .hangarWorkspace > #hangarGrid.profileGrid {
  min-width:0 !important;
  min-height:0 !important;
  padding:0 5px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;
  gap:10px !important;
  overflow-y:auto !important;
  align-content:start !important;
  align-items:start !important;
}
body #hangarOverlay .hangarListItem {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  min-width:0 !important;
  padding:12px 10px !important;
  gap:8px !important;
  text-align:center !important;
  border:1px solid rgba(124,240,255,.14) !important;
  background:linear-gradient(135deg,rgba(15,45,65,.72),rgba(5,14,25,.8)) !important;
  cursor:pointer !important;
}
body #hangarOverlay .hangarListItem.selected {
  border-color:rgba(124,240,255,.50) !important;
  background:rgba(0,140,185,.18) !important;
}
body #hangarOverlay .hangarListItem.active::after {
  content:"" !important;
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#2bff88 !important;
  box-shadow:0 0 8px #2bff88 !important;
  animation:hangarActiveBlink 1.4s ease-in-out infinite !important;
}
@keyframes hangarActiveBlink{
  0%,100%{ opacity:1; }
  50%{ opacity:.25; }
}
body #hangarOverlay .hangarCardPhoto {
  position:relative !important;
  width:100px !important;
  height:100px !important;
}
body #hangarOverlay .hangarCardPhoto img {
  width:100px !important;
  height:100px !important;
  object-fit:contain !important;
  transition:transform .15s ease, filter .15s ease !important;
}
body #hangarOverlay .hangarCardPhoto:hover img {
  transform:scale(1.05) !important;
  filter:drop-shadow(0 0 10px rgba(0,217,255,.35)) !important;
}
body #hangarOverlay button.hangarCardPhotoBadge {
  position:absolute !important;
  right:2px !important;
  bottom:2px !important;
  min-width:20px !important;
  height:20px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 5px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.35) !important;
  border-radius:7px !important;
  background:rgba(3,14,25,.85) !important;
  color:#7cf0ff !important;
  font:900 11px/1 system-ui !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
body #hangarOverlay button.hangarCardPhotoBadge:hover {
  border-color:rgba(124,240,255,.6) !important;
  background:rgba(0,140,185,.35) !important;
}
body #hangarOverlay button.hangarCardPhotoBadge svg {
  display:block !important;
}
body #hangarOverlay .hangarCardSlotBadge {
  position:absolute !important;
  left:2px !important;
  top:2px !important;
  min-width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 6px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.35) !important;
  border-radius:7px !important;
  background:rgba(3,14,25,.85) !important;
  color:#7cf0ff !important;
  font:900 11px/1 system-ui !important;
  pointer-events:none !important;
}
body #hangarOverlay .hangarListItem h3 {
  margin:0 !important;
  font-size:12px !important;
}
body #hangarOverlay .hangarListItem .tileActions {
  margin:0 !important;
  display:flex !important;
  flex-direction:row !important;
  gap:6px !important;
}
body #hangarOverlay .hangarListItem .tileActions button {
  min-height:26px !important;
  padding:4px 10px !important;
  font-size:10px !important;
}
body #hangarOverlay .hangarSwipe {
  position:relative !important;
  display:inline-block !important;
  width:46px !important;
  height:26px !important;
  margin:0 !important;
  cursor:pointer !important;
}
body #hangarOverlay .hangarSwipe input {
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
}
body #hangarOverlay .hangarSwipe .swipeTrack {
  position:absolute !important;
  inset:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(124,240,255,.28) !important;
  transition:background .15s ease, border-color .15s ease !important;
}
body #hangarOverlay .hangarSwipe .swipeTrack::after {
  content:"" !important;
  position:absolute !important;
  top:2px !important;
  left:2px !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#8fb8c9 !important;
  transition:transform .15s ease, background .15s ease !important;
}
body #hangarOverlay .hangarSwipe input:checked + .swipeTrack {
  background:rgba(0,180,230,.35) !important;
  border-color:#7cf0ff !important;
}
body #hangarOverlay .hangarSwipe input:checked + .swipeTrack::after {
  transform:translateX(20px) !important;
  background:#7cf0ff !important;
  box-shadow:0 0 8px rgba(124,240,255,.6) !important;
}
body #hangarOverlay .hangarSwipe input:disabled + .swipeTrack {
  cursor:default !important;
}
body #hangarOverlay .hangarDesignRow {
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:44px !important;
  margin:2px 0 0 !important;
  padding:8px 0 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  border-top:1px solid rgba(124,240,255,.14) !important;
}
body #hangarOverlay .hangarDesignRow label {
  flex:0 0 auto !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  color:#8fcddd !important;
}
body #hangarOverlay .hangarDesignTrigger {
  flex:1 !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:6px !important;
  color:#eaf8ff !important;
  background:#082436 !important;
  font-weight:800 !important;
  font-size:11px !important;
  cursor:pointer !important;
  text-align:left !important;
}
body #hangarOverlay .hangarDesignTrigger:hover {
  border-color:rgba(124,240,255,.55) !important;
}
body #hangarOverlay .hangarDesignValue {
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body #hangarOverlay .hangarDesignCaret {
  flex:0 0 auto !important;
  opacity:.75 !important;
}
body #hangarOverlay .hangarDesignRow.disabled {
  opacity:.55 !important;
}
body #hangarOverlay .hangarDesignRow.disabled .hangarDesignTrigger {
  cursor:not-allowed !important;
}
body #hangarOverlay button:not(.gameWinMinBtn), body #hangarOverlay button:not(.gameWinMinBtn):hover, body #hangarOverlay button:not(.gameWinMinBtn):active, body #hangarOverlay .tile, body #hangarOverlay .tile:hover {
  transform:none !important;
  transition:none !important;
}
body #hangarOverlay button.primary:hover:not(:disabled) {
  border-color:rgba(124,240,255,.38) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
body #hangarOverlay button.secondary:hover:not(:disabled) {
  border-color:rgba(124,240,255,.2) !important;
  background:rgba(8,35,52,.62) !important;
  box-shadow:none !important;
}
@media (max-width: 900px) {
  #hangarOverlay #hangarWindow.gameWindow { width:calc(100vw - 16px) !important; height:calc(100vh - 24px) !important; min-width:0 !important; grid-template-columns:minmax(0,1fr) !important; }
  html body #hangarOverlay #hangarWindow.gameWindow:not(.floating) { left:8px !important; top:70px !important; }
  body #hangarOverlay .hangarWorkspace { grid-template-columns:minmax(0,1fr) !important; gap:9px !important; }
}
@media (max-width: 650px) {
  #hangarOverlay #hangarWindow.gameWindow { grid-template-columns:1fr !important; grid-template-rows:26px minmax(0,1fr) !important; }
  body #hangarOverlay .profileMainCard { grid-column:1 !important; grid-row:2 !important; padding:8px !important; }
  body #hangarOverlay .profilePanel.active { padding:12px !important; }
  body #hangarOverlay .hangarWorkspace { grid-template-columns:1fr !important; overflow-y:auto !important; }
}
html body #profileOverlay #profileWindow.gameWindow > .gameWinBar .gameWinMinBtn, html body #shopOverlay #shopWindow.gameWindow > .gameWinBar .gameWinMinBtn, html body #hangarOverlay #hangarWindow.gameWindow > .gameWinBar .gameWinMinBtn {
  font-size:0 !important;
}
.botPanel {
  width:320px !important;
  min-width:0 !important;
  max-width:min(340px, calc(100vw - 20px)) !important;
}
.botPanel.botWide {
  width:1080px !important;
  max-width:min(1100px, calc(100vw - 20px)) !important;
}
.botBody {
  display:grid;
  gap:10px;
  padding:10px 12px 12px;
  max-height:min(78vh, 720px);
  overflow-y:auto;
  scrollbar-width:thin;
}
.botWide .botBody {
  max-height:min(88vh, 900px);
}
.botGrid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.botSpan {
  grid-column:1 / -1;
}
.botTopRow {
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.botPlayBtn {
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(124,240,255,.45);
  background:linear-gradient(135deg,rgba(0,145,190,.5),rgba(0,70,100,.45));
  color:#eaffff;
  font-size:18px;
  cursor:pointer;
}
.botPlayBtn.running {
  border-color:rgba(80,255,150,.65);
  box-shadow:0 0 14px rgba(80,255,150,.25);
}
.botStatusWrap {
  display:grid;
  gap:2px;
  min-width:0;
}
.botStatus {
  color:#effcff;
  font-size:13px;
}
.botStatus.running {
  color:#7dffab;
}
.botTarget {
  color:#83bbc8;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.botStatsMini {
  display:grid;
  gap:2px;
  color:#83bbc8;
  font-size:11px;
  text-align:right;
}
.botStatsMini b {
  color:#ffd36b;
}
.botSection {
  display:grid;
  gap:6px;
  padding:8px 10px;
  border:1px solid rgba(124,240,255,.14);
  border-radius:10px;
  background:rgba(3,18,30,.5);
}
.botSectionTitle {
  color:#87deef;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.botRowTitle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.botMiniActions {
  display:flex;
  gap:6px;
}
.botMiniActions button {
  padding:2px 8px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:6px;
  background:none;
  color:#bfeefa;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.botMiniActions button:hover {
  border-color:rgba(124,240,255,.6);
}
.botModeRow {
  display:grid;
  gap:4px;
}
.botModeRow label, .botCheck {
  display:flex;
  align-items:center;
  gap:8px;
  color:#d9eef5;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.botModeRow input, .botCheck input {
  accent-color:#00d9ff;
}
.botMapRow {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
}
.botMapRow select {
  height:30px;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:800 12px system-ui;
}
.botMapRow button, #botGoBtn {
  padding:0 12px;
  height:30px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:7px;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  color:#eaffff;
  font:800 12px system-ui;
  cursor:pointer;
}
.botSearch {
  height:28px;
  padding:0 9px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:700 12px system-ui;
}
.botCheckList {
  display:grid;
  gap:2px;
  max-height:170px;
  overflow-y:auto;
  scrollbar-width:thin;
  padding-right:2px;
}
.botCheckList label {
  display:flex;
  align-items:center;
  gap:8px;
  padding:3px 6px;
  border-radius:6px;
  color:#cfe7ef;
  font-size:12px;
  cursor:pointer;
}
.botCheckList label:hover {
  background:rgba(0,140,185,.18);
}
.botCheckList input {
  accent-color:#00d9ff;
}
.botField {
  display:grid;
  gap:3px;
  color:#d9eef5;
  font-size:12px;
  font-weight:700;
}
.botField > span {
  color:#83bbc8;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.botField select, .botField input[type="number"] {
  height:30px;
  padding:0 8px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:800 12px system-ui;
}
.botField select:focus, .botField input[type="number"]:focus {
  border-color:#69e9ff;
  outline:none;
}
.botFilterRow {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.botFilterRow select {
  height:28px;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:800 12px system-ui;
}
.botFilterRow .botCheck {
  font-size:11px;
  white-space:nowrap;
}
.botTabs {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:2px;
}
.botTab {
  padding:6px 14px;
  border:1px solid rgba(124,240,255,.25);
  border-radius:8px;
  background:rgba(3,18,30,.5);
  color:#9fc6d1;
  font:800 12px system-ui;
  cursor:pointer;
}
.botTab:hover {
  border-color:rgba(124,240,255,.55);
  color:#eaffff;
}
.botTab.active {
  border-color:#69e9ff;
  background:linear-gradient(135deg,rgba(0,145,190,.45),rgba(0,70,100,.4));
  color:#eaffff;
  box-shadow:0 0 12px rgba(0,217,255,.18);
}
.botNote {
  color:#5d96a5;
  font-size:11px;
  line-height:1.4;
}
.botCfgRow {
  display:grid;
  grid-template-columns:86px auto minmax(0,1fr);
  gap:6px;
  align-items:center;
  padding:3px 0;
}
.botCfgRow > span {
  color:#d9eef5;
  font-size:12px;
  font-weight:700;
}
.botCfgRow select {
  height:28px;
  padding:0 6px;
  box-sizing:border-box;
  min-width:0;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:800 11px system-ui;
}
.botSeg {
  display:flex;
  gap:3px;
}
.botSeg button {
  min-width:26px;
  height:26px;
  padding:0 7px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:6px;
  background:rgba(3,18,30,.6);
  color:#9fc6d1;
  font:800 12px system-ui;
  cursor:pointer;
}
.botSeg button:hover {
  border-color:rgba(124,240,255,.6);
  color:#eaffff;
}
.botSeg button.on {
  border-color:#69e9ff;
  background:linear-gradient(135deg,rgba(0,145,190,.55),rgba(0,70,100,.5));
  color:#eaffff;
}
.botRefineGrid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
}
.botRefineRow {
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px;
  gap:4px;
}
.botRefineRow select, .botRefineRow input {
  height:28px;
  padding:0 6px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:800 11px system-ui;
  min-width:0;
}
.botCount {
  color:#5d96a5;
  font-weight:800;
  text-transform:none;
}
.botNpcRow {
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 44px 52px 60px;
  gap:6px;
  align-items:center;
}
.botNpcList {
  max-height:none;
  overflow:visible;
  gap:4px;
}
.botWide .botNpcList {
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.botNpcRow input.botNpcPrio {
  width:44px;
  height:24px;
  padding:0 4px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.3);
  border-radius:6px;
  background:#051521;
  color:#ffd36b;
  font:800 11px system-ui;
}
.botStatsGrid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:6px;
}
.botStatsGrid > div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid rgba(124,240,255,.14);
  border-radius:8px;
  background:rgba(3,18,30,.5);
}
.botStatsGrid span {
  color:#83bbc8;
  font-size:11px;
  font-weight:800;
}
.botStatsGrid b {
  color:#ffd36b;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.botWide .botNpcList .botNpcRow {
  min-width:0;
}
.botNpcRow {
  padding:4px 6px;
  border-radius:6px;
  border:1px solid rgba(124,240,255,.08);
}
.botNpcRow:hover {
  background:rgba(0,140,185,.18);
}
.botNpcId {
  display:grid;
  gap:0;
  min-width:0;
}
.botNpcRow .botNpcName {
  color:#cfe7ef;
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.botNpcRow .botNpcMaps {
  color:#5d96a5;
  font-size:10px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.botNpcRow input[type="number"] {
  width:56px;
  height:24px;
  padding:0 4px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.3);
  border-radius:6px;
  background:#051521;
  color:#effcff;
  font:700 11px system-ui;
}
.botNpcRow select.botNpcAmmo {
  width:64px;
  height:24px;
  padding:0 2px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.3);
  border-radius:6px;
  background:#051521;
  color:#effcff;
  font:700 11px system-ui;
}
.botNpcRow input[type="checkbox"] {
  accent-color:#00d9ff;
}
.botNpcCombat {
  display:grid;
  grid-template-columns:minmax(78px,.8fr) auto auto 72px minmax(130px,1.4fr);
  gap:6px;
  align-items:center;
}
.botNpcCombat label {
  display:flex;
  align-items:center;
  gap:3px;
  color:#9fc6d1;
  font-size:10px;
  font-weight:800;
}
.botNpcCombat select {
  min-width:0;
  width:100%;
  height:27px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:4px;
  background:#051521;
  color:#effcff;
  font:700 10px system-ui;
}
.botLog {
  min-height:120px;
  max-height:180px;
  overflow-y:auto;
  padding:6px 8px;
  border:1px solid rgba(124,240,255,.12);
  border-radius:8px;
  background:rgba(0,0,0,.35);
  color:#9fc6d1;
  font-size:11px;
  line-height:1.45;
}
@media (max-width:800px){ .botGrid{ grid-template-columns:1fr; } .botWide .botNpcList{ grid-template-columns:1fr; } }
.botPanel.botWide {
  width:960px !important;
  max-width:min(960px,calc(100vw - 20px)) !important;
}
.botWide .botBody {
  grid-template-columns:150px minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);
  gap:0;
  padding:0;
  overflow:hidden;
  max-height:min(82vh,760px);
}
.botWide .botTopRow {
  grid-column:1 / -1;
  margin:10px;
  border-radius:5px;
  border-color:rgba(124,240,255,.16);
  background:linear-gradient(180deg,rgba(11,38,55,.94),rgba(4,20,32,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.botWide .botTabs {
  grid-column:1;
  grid-row:2;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:2px;
  padding:10px 8px;
  overflow-y:auto;
  border-top:1px solid rgba(124,240,255,.1);
  border-right:1px solid rgba(124,240,255,.12);
  background:rgba(0,10,20,.42);
}
.botWide .botTab {
  width:100%;
  min-height:32px;
  padding:7px 10px;
  border:0;
  border-left:2px solid transparent;
  border-radius:3px;
  background:transparent;
  color:#789aa7;
  text-align:left;
  font-size:11px;
  letter-spacing:.25px;
}
.botWide .botTab:hover {
  background:rgba(55,132,158,.12);
  color:#d8edf4;
}
.botWide .botTab.active {
  border-color:#63d8ef;
  background:linear-gradient(90deg,rgba(30,130,161,.3),rgba(10,49,66,.12));
  color:#eefcff;
  box-shadow:none;
}
.botWide .botGrid {
  grid-column:2;
  grid-row:2;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  min-height:0;
  padding:12px;
  overflow-y:auto;
  scrollbar-width:thin;
}
.botWide .botSection {
  border-radius:4px;
  border-color:rgba(124,240,255,.12);
  background:linear-gradient(180deg,rgba(7,29,43,.82),rgba(3,17,28,.78));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.botWide .botSectionTitle {
  padding-bottom:5px;
  border-bottom:1px solid rgba(124,240,255,.1);
  color:#a9d7e2;
}
.botWide .botPlayBtn {
  border-radius:4px;
}
.botWide .botNpcList {
  grid-template-columns:1fr;
  gap:3px;
}
.botNpcColumns,.botNpcRow {
  display:grid;
  grid-template-columns:22px minmax(180px,.8fr) 58px minmax(420px,2fr);
  gap:8px;
  align-items:center;
}
.botNpcColumns {
  padding:0 7px;
  color:#527f8c;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.botNpcColumns span:nth-child(n+3) {
  text-align:center;
}
.botWide .botNpcRow {
  min-height:38px;
  padding:5px 7px;
  border-radius:3px;
  background:rgba(0,8,15,.22);
}
.botWide .botNpcRow input.botNpcPrio,.botWide .botNpcRow select.botNpcAmmo {
  width:100%;
  height:27px;
}
@media (max-width:800px){
  .botWide .botBody{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);overflow-y:auto}
  .botWide .botTopRow{grid-column:1;grid-row:1}
  .botWide .botTabs{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;border-right:0}
  .botWide .botTab{width:auto}
  .botWide .botGrid{grid-column:1;grid-row:3;grid-template-columns:1fr;overflow:visible}
  .botNpcColumns{display:none}
  .botNpcRow{grid-template-columns:22px minmax(120px,1fr) 48px 66px;gap:4px}
}
#wikiWindow.gameWindow:not(.floating) {
  left:calc(50% - 430px) !important;
  top:60px !important;
}
.wikiPanel {
  width:min(860px, calc(100vw - 24px));
  height:min(620px, calc(100vh - 30px));
  max-height:calc(100vh - 30px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.wikiPanel.gameWindow:not(.gameWinMinimized) {
  display:flex !important;
}
.wikiToolbar {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid rgba(124,240,255,.12);
  flex-shrink:0;
}
.wikiSearch {
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  color:#83bbc8;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.wikiSearch input {
  flex:1;
  height:30px;
  padding:0 10px;
  border:1px solid rgba(124,240,255,.3);
  border-radius:7px;
  background:#051521;
  color:#effcff;
  font:700 12px system-ui;
  text-transform:none;
  letter-spacing:0;
}
.wikiSearch input:focus {
  border-color:#69e9ff;
  outline:none;
}
.wikiCount {
  color:#5d96a5;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.wikiLayout {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  min-height:0;
  flex:1;
}
.wikiTabs {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px;
  overflow-y:auto;
  border-right:1px solid rgba(124,240,255,.12);
  background:rgba(0,10,22,.3);
}
.wikiTab {
  padding:8px 10px;
  text-align:left;
  border:1px solid rgba(124,240,255,.15);
  border-radius:7px;
  background:rgba(8,35,52,.62);
  color:rgba(225,245,255,.8);
  font:800 12px system-ui;
  cursor:pointer;
}
.wikiTab:hover {
  border-color:rgba(124,240,255,.5);
  color:#fff;
}
.wikiTab.active {
  border-color:#7cf0ff;
  color:#fff;
  background:rgba(0,140,185,.28);
}
.wikiPages {
  padding:12px;
  overflow-y:auto;
  min-width:0;
}
.wikiPage {
  display:none;
}
.wikiPage.active {
  display:grid;
  gap:10px;
  align-content:start;
}
.wikiPage.searchHit {
  display:grid;
  gap:10px;
  align-content:start;
}
.wikiPage.active[data-empty="1"] {
  display:none;
}
.wikiArticle {
  border:1px solid rgba(124,240,255,.14);
  border-radius:8px;
  background:rgba(3,18,30,.5);
  overflow:hidden;
}
.wikiArticle summary {
  padding:10px 12px;
  color:#eaffff;
  font:800 13px system-ui;
  cursor:pointer;
  list-style:none;
}
.wikiArticle summary::-webkit-details-marker {
  display:none;
}
.wikiArticle summary:hover {
  background:rgba(0,140,185,.18);
}
.wikiArticle p, .wikiArticle ul, .wikiArticle ol {
  margin:0;
  padding:0 12px 10px;
  color:#cfe7ef;
  font-size:12px;
  line-height:1.55;
}
.wikiArticle ul, .wikiArticle ol {
  padding-left:28px;
}
.wikiArticle li {
  margin:3px 0;
}
.wikiArticle b {
  color:#fff;
}
.wikiArticle kbd {
  padding:1px 6px;
  border:1px solid rgba(124,240,255,.35);
  border-bottom-width:2px;
  border-radius:5px;
  background:#051521;
  color:#7cf0ff;
  font:800 11px system-ui;
  white-space:nowrap;
}
@media (max-width:800px){ .wikiLayout{ grid-template-columns:1fr; } .wikiTabs{ flex-direction:row; flex-wrap:wrap; border-right:none; border-bottom:1px solid rgba(124,240,255,.12); } .wikiTab{ flex:1 1 120px; } }
#ammoBar.compactAmmoBar .actionSlot .dockAction img, #ammoBar .actionPalette .dockAction img, #ammoBar .dockAction img {
  display:block !important;
  width:40px !important;
  height:40px !important;
  max-width:none !important;
  max-height:none !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}
#ammoBar.compactAmmoBar .actionSlot .dockAction, #ammoBar .actionPalette .dockAction {
  display:grid !important;
  place-items:center !important;
  place-content:center !important;
}
#ammoBar.compactAmmoBar .actionSlot .dockAction.formationClassic img, #ammoBar .actionPalette .dockAction.formationClassic img, #ammoBar .dockAction.formationClassic img {
  width:40px !important;
  height:47px !important;
}
#ammoBar .compactSkillBtn[data-skill="pulse"]::before, #ammoBar .compactSkillBtn[data-skill="ish"]::before, #ammoBar .compactSkillBtn[data-skill="repair"]::before {
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:42px;
  height:42px;
  transform:translate(-50%,-50%);
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  pointer-events:none;
}
#ammoBar .compactSkillBtn[data-skill="pulse"]::before {
  background-image:url("ASSETS/CONTROL_MENU/ammunition_specialammo_emp-01.png");
}
#ammoBar .compactSkillBtn[data-skill="ish"]::before {
  background-image:url("ASSETS/CONTROL_MENU/equipment_extra_cpu_ish-01.png");
}
#ammoBar .compactSkillBtn[data-skill="repair"]::before {
  background-image:url("ASSETS/CONTROL_MENU/equipment_extra_repbot_rep-s.png");
}
#ammoBar .compactSkillBtn[data-skill="smb"] > .smbSkillIcon {
  position:absolute;
  z-index:1;
  left:50%;
  top:44%;
  width:42px;
  height:42px;
  margin:0;
  object-fit:contain;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
#ammoBar .compactSkillBtn[data-skill="pulse"] > strong, #ammoBar .compactSkillBtn[data-skill="ish"] > strong, #ammoBar .compactSkillBtn[data-skill="smb"] > strong, #ammoBar .compactSkillBtn[data-skill="repair"] > strong {
  display:none !important;
}
#ammoBar .compactSkillBtn[data-skill="pulse"], #ammoBar .compactSkillBtn[data-skill="ish"], #ammoBar .compactSkillBtn[data-skill="smb"], #ammoBar .compactSkillBtn[data-skill="repair"] {
  position:relative;
  overflow:hidden;
}
#ammoBar .compactSkillBtn[data-skill="pulse"] > small, #ammoBar .compactSkillBtn[data-skill="ish"] > small, #ammoBar .compactSkillBtn[data-skill="smb"] > small, #ammoBar .compactSkillBtn[data-skill="repair"] > small {
  position:absolute;
  z-index:3;
  left:2px;
  right:2px;
  bottom:1px;
  margin:0 !important;
  overflow:hidden;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.skylabPanel {
  width:800px;
  min-width:min(760px,calc(100vw - 24px));
  max-width:min(800px,calc(100vw - 24px));
}
#skylabWindow.gameWindow.floating {
  min-width:min(760px,calc(100vw - 24px)) !important;
}
.skylabBody {
  display:grid;
  gap:10px;
  padding:12px;
  color:#dff7ff;
}
.skylabMain {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
.skylabMap {
  position:relative;
  aspect-ratio:772 / 364;
  min-height:0;
  width:100%;
  max-width:772px;
  margin:0 auto;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  overflow:hidden;
  background:url("ASSETS/SKYLAB/station.png") center top/100% 100% no-repeat, linear-gradient(135deg, rgba(10,18,36,.88), rgba(3,8,20,.80));
}
.skylabTopBar {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:6px;
  width:100%;
  max-width:772px;
  margin:0 auto;
  background:none;
  border:none;
}
.topCell {
  display:grid;
  justify-items:center;
  gap:0;
  padding:4px 2px 5px;
  min-width:0;
  border:1px solid rgba(124,240,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.055);
}
.topCellName {
  color:var(--res,#eaffff);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.topCellVal {
  color:#fff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.topCell.is-full .topCellVal {
  color:#ffd36b;
}
.skylabNode {
  position:absolute;
  display:grid;
  justify-items:start;
  gap:0;
  padding:2px 4px;
  cursor:pointer;
  text-align:left;
  background:none;
  border:none;
}
.skylabNode .nodeName {
  color:#f5ffff;
  font-size:clamp(9px,1.35vw,13px);
  font-weight:900;
  white-space:nowrap;
  text-shadow:0 1px 3px #000, 0 0 8px #000;
  pointer-events:none;
}
.skylabNode.is-inactive .nodeName {
  color:#6f6f6f;
}
.skylabNode.selected .nodeName {
  text-decoration:underline;
  text-shadow:0 0 10px rgba(124,240,255,.9), 0 1px 3px #000;
}
.skylabNode .nodeMeta {
  display:flex;
  gap:8px;
  pointer-events:none;
}
.skylabNode .nodeLvl {
  color:#65aae1;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.skylabNode .nodeEnergy {
  color:#f1ec63;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.skylabNode .nodeRate {
  color:#3dff7a;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.skylabNode .nodeRate.neg {
  color:#ff5a5a;
}
.skylabNode .nodeTimer {
  color:#ffb2bb;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
}
.skylabNode .nodeBuilt {
  color:#6f6f6f;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
}
.skylabNode .nodeOff {
  color:#ff3b3b;
  font-size:clamp(8px,1.15vw,11px);
  font-weight:900;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
  pointer-events:none;
}
.skylabNode.is-off {
  opacity:.7;
}
.skylabNode.is-upgrading .nodeName {
  color:#ffd36b;
}
.skylabLayer {
  position:absolute;
  pointer-events:none;
}
.skylabEnergyLine {
  position:absolute;
  left:8px;
  bottom:6px;
  color:#ffd36b;
  font-size:11px;
  font-weight:900;
  text-shadow:0 1px 3px #000;
  pointer-events:none;
}
.skylabPopupBody .detailImg {
  width:100%;
  max-height:110px;
  object-fit:contain;
  border-radius:8px;
  background:rgba(0,0,0,.35);
}
.skylabDetail {
  display:grid;
  gap:8px;
  align-content:start;
  padding:10px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  font-size:12px;
}
.skylabPopup {
  position:absolute;
  left:26%;
  top:14%;
  width:min(280px,42%);
  max-height:calc(100% - 8px);
  display:flex;
  flex-direction:column;
  z-index:5;
  border:1px solid rgba(124,240,255,.4);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(6,18,32,.97),rgba(3,10,22,.97));
  box-shadow:0 18px 42px rgba(0,0,0,.6), 0 0 26px rgba(0,217,255,.14);
  overflow:hidden;
}
.skylabPopup[hidden] {
  display:none;
}
.skylabPopupHead {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  height:26px;
  min-height:26px;
  padding:0 0 0 8px;
  border-bottom:1px solid rgba(124,240,255,.18);
  background:linear-gradient(90deg, rgba(0,217,255,.18), rgba(124,240,255,.05), rgba(255,255,255,.035));
}
.skylabPopupHead b {
  color:#eaffff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.skylabPopupHead > .gameWinMinBtn {
  position:relative !important;
  width:30px !important;
  height:26px !important;
  margin:0 !important;
  flex:none !important;
  border:none !important;
  border-left:1px solid rgba(124,240,255,.18) !important;
  border-radius:0 11px 0 0 !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  font-size:0 !important;
}
.skylabPopupHead > .gameWinMinBtn::before {
  content:"";
  position:absolute;
  left:4px;
  top:6px;
  width:9px;
  height:9px;
  border-top:2px solid #eaffff;
  border-left:2px solid #eaffff;
  border-radius:3px 0 0 0;
  filter:drop-shadow(0 0 4px rgba(0,217,255,.6));
}
.skylabPopupBody {
  display:grid;
  gap:8px;
  align-content:start;
  padding:10px;
  font-size:12px;
  min-height:0;
  max-height:min(52vh,330px);
  overflow-y:auto;
}
.skylabPopupBody .detailDesc {
  color:#9fd4e6;
  font-size:11px;
  line-height:1.4;
}
.skylabPopupBody .detailRow {
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#8fcddd;
  font-weight:700;
}
.skylabPopupBody .detailRow b {
  color:#fff;
  font-variant-numeric:tabular-nums;
}
.skylabPopupBody .detailProgress {
  display:grid;
  gap:2px;
  padding:6px 8px;
  border:1px solid rgba(124,240,255,.25);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#9fd4e6;
  font-weight:700;
}
.skylabPopupBody button {
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:750 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.skylabPopupBody button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.skylabPopupBody button:disabled {
  opacity:.35;
  cursor:default;
}
.skylabPopupBody button.warnBtn {
  border-color:rgba(255,154,165,.5);
}
.skylabPopupBody .robotRow {
  display:flex;
  align-items:center;
  gap:8px;
}
.skylabPopupBody .robotRow img {
  width:28px;
  height:28px;
  object-fit:contain;
}
.skylabTransport {
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.skylabDirToggle {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:900 12px/1 ui-sans-serif,system-ui;
  text-align:center;
  cursor:pointer;
}
.skylabDirToggle b {
  font-size:20px;
  font-weight:900;
  vertical-align:-2px;
  padding:0 4px;
}
.skylabDirToggle:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.skylabCargoLine {
  text-align:right;
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.skyTransInputs {
  grid-template-columns:minmax(0,1fr);
}
.skyTransTopRow {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.skyTransInputs {
  display:grid;
  gap:4px;
}
.skyTransActions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.skyTransActions button {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:900 11px/1.3 ui-sans-serif,system-ui;
  text-align:center;
  cursor:pointer;
}
.skyTransActions button span {
  color:#ffd36b;
  font-weight:700;
  white-space:nowrap;
}
.skyTransActions button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.skyTransActions button:disabled {
  opacity:.35;
  cursor:default;
}
.skyTransRow {
  display:grid;
  grid-template-columns:minmax(0,1fr) 90px;
  align-items:center;
  gap:3px;
  color:#eaffff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.skyTransBox {
  position:relative;
  width:90px;
}
.skyTransBox input {
  width:100%;
  box-sizing:border-box;
  padding:2px 4px;
  outline:0;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#effcff;
  background:#051521;
  font:900 10px/1 ui-sans-serif,system-ui;
  text-align:center;
}
.skyTransBox input:focus {
  border-color:rgba(124,240,255,.7);
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}
input[type=number] {
  -moz-appearance:textfield;
  appearance:textfield;
}
.skylabTransportStatus {
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
}
.auctionPanel {
  width:560px;
  max-width:min(560px,calc(100vw - 24px));
}
.auctionBody {
  display:grid;
  gap:8px;
  padding:12px;
  color:#dff7ff;
  max-height:min(70vh,620px);
  overflow-y:auto;
}
.auctionHead {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.auctionCredits {
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.auctionTimer {
  color:#ffd36b;
  font-size:13px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 10px rgba(255,211,107,.4);
  white-space:nowrap;
}
.gameWinBar > .auctionTimer {
  font-size:11px;
  margin-left:4px;
  flex-shrink:0;
}
.auctionHead small {
  color:#8fcddd;
  font-size:10px;
  font-weight:700;
}
.auctionTabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.auctionTab {
  min-height:32px;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:8px;
  color:rgba(204,228,241,.65);
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.auctionTab.active {
  color:#eaffff;
  border-color:rgba(124,240,255,.6);
  background:rgba(0,140,185,.25);
}
.auctionPage {
  display:none;
}
.auctionPage.active {
  display:block;
}
.auctionList {
  display:grid;
  gap:0;
}
.auctionEmpty {
  padding:10px;
  text-align:center;
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
}
.auctionRow {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  padding:8px 2px;
  border-bottom:1px solid rgba(124,240,255,.14);
}
.auctionRow:last-child {
  border-bottom:none;
}
.auctionRow.leading {
  border-bottom-color:rgba(255,211,107,.45);
}
.auctionRow img {
  width:40px;
  height:40px;
  object-fit:contain;
}
.auctionMeta {
  display:grid;
  gap:1px;
  min-width:0;
}
.auctionMeta b {
  color:#fff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auctionMeta small {
  color:#8fcddd;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auctionMeta small.auctionRecent {
  color:#ffd36b;
  font-weight:800;
}
.auctionBid {
  display:grid;
  justify-items:end;
  gap:0;
}
.auctionBid b {
  color:#fff;
  font-size:13px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.auctionRow.leading .auctionBid b {
  color:#ffd36b;
}
.auctionAct {
  display:grid;
  grid-template-columns:110px auto;
  gap:4px;
  align-items:center;
}
.auctionAct input {
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:4px 6px;
  outline:0;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#effcff;
  background:#051521;
  font:900 11px/1 ui-sans-serif,system-ui;
  text-align:center;
}
.auctionAct input:focus {
  border-color:rgba(124,240,255,.7);
}
.auctionAct button {
  padding:5px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:800 11px/1.2 ui-sans-serif,system-ui;
  white-space:nowrap;
  cursor:pointer;
}
.auctionAct button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.auctionHistory {
  display:grid;
  gap:4px;
}
.auctionHistRow {
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:4px 8px;
  border-radius:6px;
  background:rgba(255,255,255,.04);
  font-size:11px;
}
.auctionHistRow b {
  color:#eaffff;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auctionHistRow span {
  color:#8fcddd;
  font-weight:700;
  white-space:nowrap;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auctionHistRow.won b {
  color:#3dff7a;
}
.auctionHistRow.lost b {
  color:#ff9aa5;
}
.pilotPanel {
  width:960px;
  max-width:min(960px,calc(100vw - 24px));
}
.pilotBody {
  display:grid;
  gap:8px;
  padding:12px;
  color:#dff7ff;
  max-height:min(78vh,700px);
  overflow-y:auto;
}
.pilotHead {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.pilotBalance {
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.pilotBalance span {
  display:block;
  color:rgba(204,228,241,.55);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.pilotBalance strong {
  display:block;
  margin-top:2px;
  color:#75e8ff;
  font-size:16px;
}
.pilotHeadBtns button:disabled {
  opacity:.45;
  cursor:default;
}
.pilotStatus {
  flex:1;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  text-align:center;
}
.pilotSep {
  color:rgba(204,228,241,.5);
  font-weight:800;
}
.pilotStatus .pilotPoints, .pilotStatus .pilotAvail, .pilotStatus .pilotLeft, .pilotStatus .pilotDisks, .pilotStatus .pilotSep {
  line-height:16px;
}
.pilotPoints {
  color:#ffd36b;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.pilotAvail {
  color:#3dff7a;
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.pilotLeft {
  color:#8fcddd;
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.pilotDisks {
  color:#8fcddd;
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.pilotHeadBtns {
  margin-left:auto;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.pilotHeadBtns button {
  padding:5px 10px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:800 11px/1.2 ui-sans-serif,system-ui;
  white-space:nowrap;
  cursor:pointer;
}
.pilotHeadBtns button:hover {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
.pilotPanels {
  display:grid;
  grid-template-columns:1fr 1fr 1.1fr;
  gap:8px;
}
.pilotBranch {
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  padding:8px;
  background:rgba(255,255,255,.03);
}
.pilotBranch[data-branch="0"] {
  border-color:rgba(0,180,255,.45);
  box-shadow:inset 0 0 24px rgba(0,150,255,.07);
}
.pilotBranch[data-branch="1"] {
  border-color:rgba(180,120,255,.45);
  box-shadow:inset 0 0 24px rgba(150,80,255,.07);
}
.pilotBranch[data-branch="2"] {
  border-color:rgba(255,90,90,.45);
  box-shadow:inset 0 0 24px rgba(255,60,60,.07);
}
.pilotBranch h4 {
  margin:0 0 6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.4px;
  color:#eaffff;
  text-align:center;
}
.pilotGrid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,72px));
  gap:8px 6px;
  justify-content:center;
  justify-items:center;
}
.pilotBranch[data-branch="2"] .pilotGrid {
  grid-template-columns:repeat(4,72px);
}
.pilotNode {
  box-sizing:border-box;
  width:72px;
  height:82px;
  padding:2px;
  border:1px solid rgba(124,240,255,.25);
  border-radius:8px;
  background:rgba(0,0,0,.4);
  cursor:pointer;
}
.pilotNode.avail {
  border-color:rgba(124,240,255,.65);
  box-shadow:0 0 10px rgba(0,217,255,.25);
}
.pilotNode.maxed {
  border-color:rgba(255,211,107,.7);
  box-shadow:0 0 10px rgba(255,211,107,.25);
}
.pilotNode.partial {
  border-color:rgba(180,120,255,.7);
  box-shadow:0 0 10px rgba(150,80,255,.3);
}
.pilotNode.partial .pilotLvl {
  color:#c9a2ff;
}
.pilotNode.locked {
  cursor:not-allowed;
}
.pilotNode.selected {
  outline:2px solid #eaffff;
  outline-offset:1px;
}
.pilotIcon {
  display:block;
  width:66px;
  height:76px;
  margin:0 auto;
  overflow:hidden;
  border-radius:6px;
}
.pilotIcon img {
  display:block;
  width:2900%;
  max-width:none;
  height:100%;
  margin-left:calc(var(--f, 0) * -100%);
}
.pilotLvl {
  display:block;
  position:relative;
  left:1px;
  z-index:1;
  text-align:center;
  font-size:11px;
  line-height:14px;
  white-space:nowrap;
  font-weight:900;
  color:#eaffff;
  text-shadow:0 1px 3px #000;
  margin-top:-19px;
}
.pilotNode.maxed .pilotLvl {
  color:#ffd36b;
}
.pilotEmpty {
  box-sizing:border-box;
  width:72px;
  height:82px;
  padding:2px;
  border:1px dashed rgba(124,240,255,.12);
  border-radius:8px;
}
.pilotDetail {
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  padding:8px 10px;
  background:rgba(255,255,255,.03);
  display:grid;
  gap:4px;
}
.pilotDetail b {
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.pilotDetail small {
  color:#8fcddd;
  font-size:11px;
  font-weight:700;
}
.pilotDetail .pilotCost {
  color:#ffd36b;
  font-weight:800;
}
.pilotDetail .pilotNoFx {
  color:#c9a2ff;
}
.pilotDetail button {
  justify-self:start;
  padding:6px 14px;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));
  font:800 11px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
.pilotDetail button:disabled {
  opacity:.45;
  cursor:not-allowed;
}
.pilotDetail button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62);
  background:rgba(0,140,185,.3);
}
@media (max-width:900px){ .skylabMain{ grid-template-columns:minmax(0,1fr); } }
#settingsWindow {
  width:min(960px,calc(100vw - 24px));
  height:min(700px,calc(100vh - 24px));
}
#settingsWindow .settingsBody {
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  height:calc(100% - 30px);
  min-height:0;
  padding:0;
  overflow:hidden;
  color:#dff7ff;
  background:linear-gradient(145deg,rgba(3,18,29,.98),rgba(3,10,18,.98));
}
#settingsWindow .settingsTabs {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:14px 10px;
  border:0;
  border-right:1px solid rgba(124,240,255,.18);
  background:linear-gradient(180deg,rgba(9,39,57,.72),rgba(3,15,25,.7));
  overflow-y:auto;
}
#settingsWindow .settingsNavHead {
  display:grid;
  gap:2px;
  padding:4px 8px 15px;
  margin-bottom:3px;
  border-bottom:1px solid rgba(124,240,255,.12);
}
#settingsWindow .settingsNavHead b {
  color:#fff;
  font:900 15px/1.2 ui-sans-serif,system-ui;
  letter-spacing:.2px;
}
#settingsWindow .settingsNavHead span {
  color:#72aabe;
  font:700 9px/1.25 ui-sans-serif,system-ui;
}
#settingsWindow .settingsTab {
  position:relative;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  min-height:39px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:8px;
  color:#8fbaca;
  background:transparent;
  font:800 11px/1 ui-sans-serif,system-ui;
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}
#settingsWindow .settingsTab:hover {
  color:#eaffff;
  background:rgba(124,240,255,.06);
}
#settingsWindow .settingsTab.active {
  color:#eaffff;
  border-color:rgba(82,221,255,.32);
  background:linear-gradient(90deg,rgba(0,156,205,.28),rgba(0,110,150,.08));
  box-shadow:inset 3px 0 #4de4ff,0 0 15px rgba(0,179,224,.07);
}
#settingsWindow .settingsTabIcon {
  display:grid;
  place-items:center;
  width:20px;
  color:#62e7ff;
  font-size:15px;
}
#settingsWindow .settingsPage {
  display:none;
  grid-column:2;
  min-width:0;
  min-height:0;
  padding:18px;
  overflow-y:auto;
  align-content:start;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:rgba(72,207,238,.5) rgba(0,0,0,.15);
}
#settingsWindow .settingsPage.active {
  display:flex;
  flex-direction:column;
}
#settingsWindow .settingsPageIntro {
  display:grid;
  gap:3px;
  padding:0 2px 12px;
  border-bottom:1px solid rgba(124,240,255,.14);
}
#settingsWindow .settingsPageIntro b {
  color:#fff;
  font:900 17px/1.2 ui-sans-serif,system-ui;
}
#settingsWindow .settingsPageIntro span {
  color:#81afbf;
  font:700 10px/1.35 ui-sans-serif,system-ui;
}
#settingsWindow .settingsCardGrid {
  display:grid;
  gap:12px;
  align-items:start;
}
#settingsWindow .settingsCardGridTwo {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#settingsWindow .settingsCard {
  display:grid;
  align-content:start;
  gap:10px;
  min-width:0;
  padding:13px;
  border:1px solid rgba(124,240,255,.16);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(17,45,61,.5),rgba(4,18,29,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
#settingsWindow .settingsCardHead {
  display:flex;
  align-items:center;
  gap:9px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(124,240,255,.1);
}
#settingsWindow .settingsCardHead>span {
  display:grid;
  place-items:center;
  flex:0 0 31px;
  height:27px;
  border:1px solid rgba(84,224,255,.3);
  border-radius:7px;
  color:#63e8ff;
  background:rgba(0,151,195,.13);
  font:900 9px/1 ui-sans-serif,system-ui;
}
#settingsWindow .settingsCardHead>div {
  display:grid;
  gap:2px;
  min-width:0;
}
#settingsWindow .settingsCardHead b {
  color:#f2fcff;
  font:900 11px/1.2 ui-sans-serif,system-ui;
}
#settingsWindow .settingsCardHead small {
  color:#719eae;
  font:700 9px/1.2 ui-sans-serif,system-ui;
}
#settingsWindow .settingsOptionGrid {
  display:grid;
  gap:7px;
}
#settingsWindow .settingsCheck {
  display:flex;
  align-items:flex-start !important;
  gap:9px;
  height:auto !important;
  min-height:52px !important;
  box-sizing:border-box;
  margin:0;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.1);
  border-radius:8px;
  background:rgba(0,0,0,.13);
  cursor:pointer;
  transition:.15s ease;
}
#settingsWindow .settingsCheck:hover {
  border-color:rgba(124,240,255,.3);
  background:rgba(67,210,239,.055);
}
#settingsWindow .settingsCheck input {
  flex:0 0 auto;
  margin-top:3px;
  accent-color:#35d9f5;
}
#settingsWindow .settingsCheck>span {
  display:grid;
  gap:2px;
  min-width:0;
}
#settingsWindow .settingsCheck b {
  color:#e9faff;
  font:800 10px/1.25 ui-sans-serif,system-ui;
}
#settingsWindow .settingsCheck small {
  color:#739dad;
  font:650 9px/1.35 ui-sans-serif,system-ui;
}
#settingsWindow .settingsPerformanceCard {
  gap:7px;
}
#settingsWindow .settingsPerformanceCard>span {
  color:#c9e4ed;
  font-size:10px;
  font-weight:800;
}
#settingsWindow select {
  width:100%;
  box-sizing:border-box;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.28);
  border-radius:8px;
  outline:none;
  color:#eaffff;
  background:#061b29;
  font:800 10px/1 ui-sans-serif,system-ui;
}
#settingsWindow .settingsHint {
  margin:0;
  color:#6f9aaa;
  font:650 9px/1.4 ui-sans-serif,system-ui;
}
#settingsWindow .settingsResetBtn {
  min-height:34px;
  margin:0;
  border:1px solid rgba(124,240,255,.28);
  border-radius:8px;
  color:#dcf8ff;
  background:linear-gradient(135deg,rgba(0,135,177,.22),rgba(4,40,57,.4));
  font:800 10px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}
#settingsWindow .settingsResetBtn:hover {
  border-color:rgba(124,240,255,.55);
  background:rgba(0,140,185,.25);
}
#settingsWindow .settingsDangerBtn {
  border-color:rgba(255,118,118,.28);
  background:rgba(115,24,34,.2);
}
#settingsWindow .settingsDangerBtn:hover {
  border-color:rgba(255,118,118,.58);
  background:rgba(150,31,43,.28);
}
#settingsWindow .settingsKeyColumns {
  min-height:0;
}
#settingsWindow .settingsAudio {
  min-height:0;
}
@media (max-width:760px){
  #settingsWindow{ width:calc(100vw - 16px); height:calc(100vh - 16px); }
  #settingsWindow .settingsBody{ grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
  #settingsWindow .settingsTabs{ grid-row:1; display:flex; flex-direction:row; gap:4px; padding:7px; border-right:0; border-bottom:1px solid rgba(124,240,255,.18); overflow-x:auto; overflow-y:hidden; }
  #settingsWindow .settingsNavHead{ display:none; }
  #settingsWindow .settingsTab{ justify-content:center; min-width:96px; width:auto; min-height:34px; padding:0 8px; box-shadow:none; }
  #settingsWindow .settingsTabIcon{ width:auto; }
  #settingsWindow .settingsPage{ grid-column:1; grid-row:2; padding:12px; }
  #settingsWindow .settingsCardGridTwo{ grid-template-columns:1fr; }
}
#settingsWindow .settingsCard, #settingsWindow .settingsKeyGroup {
  border:1px solid rgba(100,200,255,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(100,200,255,.025));
  box-shadow:none;
}
#settingsWindow .settingsCard {
  padding:15px;
  border-radius:12px;
}
#settingsWindow .settingsCardHead>span {
  border-color:rgba(100,200,255,.22);
  color:#87dff4;
  background:rgba(255,255,255,.045);
}
#settingsWindow .settingsCheck, #settingsWindow .sfxRow {
  border-color:rgba(100,200,255,.16);
  background:rgba(255,255,255,.035);
}
#settingsWindow .settingsCheck:hover, #settingsWindow .sfxRow:hover {
  border-color:rgba(0,217,255,.42);
  background:rgba(0,217,255,.075);
}
#settingsWindow .settingsToggle, #settingsWindow .settingsResetBtn, #settingsWindow .keyBindRow {
  border:1px solid rgba(124,240,255,.30);
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.25),rgba(0,70,100,.20));
  box-shadow:none !important;
}
#settingsWindow .settingsToggle:hover, #settingsWindow .settingsResetBtn:hover, #settingsWindow .keyBindRow:hover {
  border-color:rgba(124,240,255,.58);
  background:rgba(0,140,185,.25);
}
#settingsWindow .settingsDangerBtn {
  border-color:rgba(255,118,118,.30);
  color:#ffc5c5;
  background:rgba(115,24,34,.18);
}
#settingsWindow .settingsPerformanceCard {
  gap:14px;
}
#settingsWindow .settingsFpsRow {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:13px;
  height:auto;
  min-height:0;
  padding:13px;
  border:1px solid rgba(100,200,255,.16);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  cursor:default;
}
#settingsWindow .settingsFpsRow>span {
  display:grid;
  gap:5px;
}
#settingsWindow .settingsFpsRow>span b {
  color:#effbff;
  font-size:11px;
}
#settingsWindow .settingsFpsRow>span small {
  color:#79a4b4;
  font-size:9px;
  line-height:1.45;
}
#settingsWindow .settingsFpsRow select {
  width:100%;
  height:34px;
  padding:0 10px;
  border-color:rgba(124,240,255,.34);
  background:#071b28;
}
#settingsWindow .settingsHint {
  padding:10px 11px;
  border-left:2px solid rgba(124,240,255,.38);
  background:rgba(0,0,0,.12);
  line-height:1.5;
}
#settingsWindow .settingsKeyColumns {
  gap:14px;
  padding:1px;
}
#settingsWindow .settingsKeyGroup {
  gap:7px;
  padding:13px;
  border-radius:12px;
}
#settingsWindow .settingsKeyGroup>.settingsSectionSub {
  margin:0 0 5px;
  padding:0 2px 10px;
  color:#eafaff;
  font-size:11px;
  letter-spacing:.45px;
}
#settingsWindow .settingsSlotKeyGroup>.keyBindRow {
  margin-bottom:5px;
}
#settingsWindow .settingsSlotKeyColumns {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:2px;
}
#settingsWindow .settingsSlotKeyCol {
  min-width:0;
  padding:10px;
  border:1px solid rgba(100,200,255,.15);
  border-radius:9px;
  background:rgba(0,0,0,.14);
}
#settingsWindow .settingsSlotKeyCol>.settingsSectionSub {
  margin:0 0 8px;
  padding:0 0 8px;
  color:#7cecff;
  font-size:9px;
  text-align:center;
  letter-spacing:.5px;
}
#settingsWindow .settingsSlotKeyCol .settingsSlotKeys {
  grid-template-columns:1fr;
  gap:5px;
}
#settingsWindow .keyBindRow {
  min-height:34px;
  height:34px;
}
#settingsWindow .keyBindRow kbd {
  border:1px solid rgba(124,240,255,.22);
  background:rgba(0,0,0,.24);
}
@media (max-width:880px){
  #settingsWindow .settingsKeyColumns{ grid-template-columns:1fr !important; }
}
@media (max-width:560px){
  #settingsWindow .settingsSlotKeyColumns{ grid-template-columns:1fr; }
}
#settingsWindow {
  width:min(980px,calc(100vw - 24px));
  height:min(720px,calc(100vh - 24px));
  max-width:none;
}
#settingsWindow .settingsBody {
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  height:calc(100% - 30px) !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#dff7ff !important;
  background:transparent !important;
}
#settingsWindow .settingsTabs {
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:none !important;
  gap:10px !important;
  min-width:0 !important;
  padding:14px 14px 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#settingsWindow .settingsNavHead {
  display:flex !important;
  align-items:baseline !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 2px !important;
  border:0 !important;
  background:transparent !important;
}
#settingsWindow .settingsNavHead b {
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  background:linear-gradient(135deg,#ffffff,#00d9ff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#fff !important;
}
#settingsWindow .settingsNavHead span {
  color:rgba(232,244,255,.6) !important;
  font-size:12px !important;
  font-weight:600 !important;
}
#settingsWindow .settingsTabRow {
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}
#settingsWindow .settingsTabIcon {
  display:none !important;
}
#settingsWindow .settingsTab {
  flex:1 1 0 !important;
  min-width:120px !important;
  width:auto !important;
  min-height:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  position:relative !important;
  gap:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}
#settingsWindow .settingsTab:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#settingsWindow .settingsTab.active {
  color:#eaffff !important;
  border-color:rgba(124,240,255,.62) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 16px rgba(0,217,255,.12) !important;
}
#settingsWindow .settingsTab:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#settingsWindow .settingsTab>span {
  display:block !important;
  width:100% !important;
  justify-self:center !important;
  text-align:center !important;
}
#settingsWindow .settingsTab.active::after {
  content:"" !important;
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
  pointer-events:none !important;
}
#settingsWindow .settingsTab.active::before {
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
  pointer-events:none !important;
}
#settingsWindow .settingsPage {
  display:none !important;
  grid-column:auto !important;
  grid-row:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  min-width:0 !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:14px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:transparent !important;
  border:0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(124,240,255,.4) transparent !important;
}
#settingsWindow .settingsPage.active {
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  align-content:start !important;
}
#settingsWindow .settingsPage::-webkit-scrollbar {
  width:8px !important;
  display:block !important;
}
#settingsWindow .settingsPage::-webkit-scrollbar-track {
  background:rgba(0,0,0,.3) !important;
  border-radius:999px !important;
}
#settingsWindow .settingsPage::-webkit-scrollbar-thumb {
  background:rgba(124,240,255,.35) !important;
  border-radius:999px !important;
}
#settingsWindow .settingsPageIntro {
  display:grid !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 2px 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}
#settingsWindow .settingsPageIntro b {
  color:#f0f9ff !important;
  font-size:15px !important;
  font-weight:900 !important;
}
#settingsWindow .settingsPageIntro span {
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}
#settingsWindow .settingsCardGrid {
  display:grid !important;
  gap:12px !important;
  align-items:start !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCardGrid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:start !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCol {
  display:grid !important;
  gap:8px !important;
  align-content:start !important;
  min-width:0 !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] {
  overflow:hidden !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCardGrid {
  flex:1 1 auto !important;
  min-height:0 !important;
  align-items:stretch !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCol:first-child {
  overflow:hidden !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsColScroll {
  min-height:0 !important;
  max-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start !important;
  padding-right:4px !important;
  scrollbar-width:thin !important;
  gap:5px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCard {
  padding:10px !important;
  gap:6px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsOptionGrid {
  gap:5px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCol {
  gap:6px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCheck {
  min-height:32px !important;
  padding:4px 9px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCheck input {
  margin-top:0 !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCheck>span {
  flex:1 1 auto !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsPlainRow {
  display:grid !important;
  grid-template-columns:1fr 220px !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsPlainRow>span, #settingsWindow .settingsPage[data-settings-page="general"] .settingsPlainRow>span b {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  color:#effbff !important;
  font-size:11px !important;
  font-weight:800 !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsPlainRow select {
  min-width:0 !important;
  width:220px !important;
  max-width:220px !important;
  height:26px !important;
  padding:0 6px !important;
  background:#051521 !important;
  color:#effcff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  font:800 11px/1 ui-sans-serif,system-ui !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsCol > * + * {
  border-top:0 !important;
  padding-top:0 !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .settingsColScroll > .settingsSectionSub:first-child {
  padding-top:11px !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .perfTag {
  margin-left:auto !important;
  flex:0 0 auto !important;
  align-self:center !important;
  font:900 9px/1 ui-sans-serif,system-ui !important;
  letter-spacing:.5px !important;
  padding:4px 7px !important;
  border-radius:20px !important;
  border:1px solid !important;
  font-style:normal !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .perfTag.high {
  color:#ff8f9a !important;
  border-color:rgba(255,90,105,.5) !important;
  background:rgba(255,60,80,.12) !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .perfTag.med {
  color:#ffc46b !important;
  border-color:rgba(255,170,60,.45) !important;
  background:rgba(255,150,40,.10) !important;
}
#settingsWindow .settingsPage[data-settings-page="general"] .perfTag.low {
  color:#7dffa8 !important;
  border-color:rgba(90,255,140,.4) !important;
  background:rgba(60,255,130,.08) !important;
}
@media (max-width:760px){
  #settingsWindow .settingsPage[data-settings-page="general"]{ overflow-y:auto !important; }
  #settingsWindow .settingsPage[data-settings-page="general"] .settingsCardGrid{ grid-template-columns:1fr !important; }
  #settingsWindow .settingsPage[data-settings-page="general"] .settingsColScroll{ overflow:visible !important; max-height:none !important; }
}
#settingsWindow .settingsCardGridTwo {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#settingsWindow .settingsCard, #settingsWindow .settingsKeyGroup, #settingsWindow .settingsVisual, #settingsWindow .settingsAudio {
  display:grid !important;
  align-content:start !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:14px !important;
  border:1px solid rgba(100,200,255,.2) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(138,43,226,.05)) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.3) !important;
  backdrop-filter:blur(12px) !important;
}
#settingsWindow .settingsCardHead {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 0 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}
#settingsWindow .settingsCardHead>span {
  flex:0 0 auto !important;
  min-width:34px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 8px !important;
  border:1px solid rgba(0,217,255,.3) !important;
  border-radius:8px !important;
  color:#7cf0ff !important;
  background:rgba(0,0,0,.25) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.6px !important;
  box-shadow:none !important;
}
#settingsWindow .settingsCardHead>div {
  display:grid !important;
  gap:2px !important;
  min-width:0 !important;
}
#settingsWindow .settingsCardHead b {
  color:#f2fcff !important;
  font-size:13px !important;
  font-weight:900 !important;
}
#settingsWindow .settingsCardHead small {
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}
#settingsWindow .settingsOptionGrid {
  display:grid !important;
  gap:8px !important;
}
#settingsWindow .settingsCheck, #settingsWindow .sfxRow, #settingsWindow .settingsFpsRow {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  height:auto !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:8px 12px !important;
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:border-color .15s ease,background .15s ease !important;
}
#settingsWindow .settingsCheck:hover, #settingsWindow .sfxRow:hover {
  border-color:rgba(0,217,255,.42) !important;
  background:rgba(0,217,255,.075) !important;
}
#settingsWindow .settingsCheck input {
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  accent-color:#00d9ff !important;
  cursor:pointer !important;
}
#settingsWindow .settingsCheck input[type="checkbox"], #settingsWindow .sfxRow input[type="checkbox"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  accent-color:unset !important;
  cursor:pointer !important;
}
#settingsWindow .settingsCheck input[type="checkbox"]:checked::after, #settingsWindow .sfxRow input[type="checkbox"]:checked::after {
  content:"✓" !important;
  color:#eaffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
#settingsWindow .settingsCheck input[type="checkbox"]:hover, #settingsWindow .sfxRow input[type="checkbox"]:hover {
  border-color:rgba(124,240,255,.62) !important;
}
#settingsWindow .settingsVolumeSlider {
  -webkit-appearance:none !important;
  appearance:none !important;
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(0,217,255,.55),rgba(0,217,255,.12)) !important;
  box-shadow:none !important;
  outline:none !important;
  cursor:pointer !important;
}
#settingsWindow .settingsVolumeSlider::-webkit-slider-thumb {
  -webkit-appearance:none !important;
  appearance:none !important;
  width:12px !important;
  height:12px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#7cf0ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  cursor:pointer !important;
}
#settingsWindow .settingsVolumeSlider::-moz-range-track {
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(0,217,255,.12) !important;
  box-shadow:none !important;
}
#settingsWindow .settingsVolumeSlider::-moz-range-progress {
  height:4px !important;
  border-radius:999px !important;
  background:rgba(0,217,255,.55) !important;
}
#settingsWindow .settingsVolumeSlider::-moz-range-thumb {
  width:12px !important;
  height:12px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#7cf0ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  cursor:pointer !important;
}
#settingsWindow .settingsVolumeSlider:hover::-webkit-slider-thumb {
  box-shadow:0 0 12px rgba(0,217,255,1) !important;
}
#settingsWindow .settingsCheck>span {
  display:grid !important;
  gap:2px !important;
  min-width:0 !important;
}
#settingsWindow .settingsCheck b {
  color:#e9faff !important;
  font-size:12px !important;
  font-weight:800 !important;
}
#settingsWindow .settingsCheck small {
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}
#settingsWindow .settingsToggle, #settingsWindow .settingsResetBtn {
  min-height:36px !important;
  height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}
#settingsWindow .keyBindRow {
  min-height:36px !important;
  height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}
#settingsWindow .settingsToggle:hover:not(:disabled), #settingsWindow .settingsResetBtn:hover:not(:disabled), #settingsWindow .keyBindRow:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#settingsWindow .settingsToggle:disabled, #settingsWindow .settingsResetBtn:disabled, #settingsWindow .keyBindRow:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#settingsWindow .settingsToggle.isOn {
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#settingsWindow .settingsToggle.isOn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#settingsWindow .settingsToggle.isOff {
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#settingsWindow .settingsDangerBtn {
  color:#eaffff !important;
}
#settingsWindow .settingsPageFooter {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:0 !important;
  padding:12px 2px 0 !important;
  border:0 !important;
  border-top:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}
#settingsWindow .settingsPageFooter:has(> :only-child) {
  grid-template-columns:1fr !important;
}
#settingsWindow .settingsPage[data-settings-page="controls"] .settingsPageFooter {
  border-top:0 !important;
}
#settingsWindow .settingsKeyColumns {
  display:grid !important;
  grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr) !important;
  gap:12px !important;
  align-items:start !important;
  overflow:visible !important;
  background:transparent !important;
}
#settingsWindow .settingsKeyGroup>.settingsSectionSub, #settingsWindow .settingsSectionSub {
  margin:0 !important;
  padding:0 2px 8px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  color:#7cecff !important;
  background:transparent !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}
#settingsWindow .keyBindRow {
  min-height:34px !important;
  font-size:11px !important;
}
#settingsWindow .keyBindRow>span {
  flex:1 !important;
  min-width:0 !important;
  text-align:left !important;
  line-height:1.25 !important;
}
#settingsWindow .keyBindRow kbd {
  flex:0 0 auto !important;
  min-width:44px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 8px !important;
  border:1px solid rgba(124,240,255,.28) !important;
  border-radius:8px !important;
  color:#7cf0ff !important;
  background:rgba(0,0,0,.45) !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:900 !important;
}
#settingsWindow .keyBindRow.waiting {
  border-color:rgba(255,210,122,.75) !important;
  background:rgba(255,210,122,.12) !important;
}
#settingsWindow .settingsSlotKeyColumns {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
#settingsWindow .settingsSlotKeyCol {
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
  align-content:start !important;
  padding:10px !important;
  border:1px solid rgba(100,200,255,.15) !important;
  border-radius:10px !important;
  background:rgba(0,0,0,.18) !important;
}
#settingsWindow .settingsSlotKeys {
  display:grid !important;
  gap:6px !important;
}
#settingsWindow .sfxList {
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  overflow-y:auto !important;
  background:transparent !important;
}
#settingsWindow .sfxRow {
  display:grid !important;
  grid-template-columns:auto minmax(110px,1fr) minmax(110px,1.4fr) auto !important;
  cursor:default !important;
}
#settingsWindow .sfxRow .sfxName {
  color:#dceef4 !important;
  font-size:11px !important;
  font-weight:700 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#settingsWindow .settingsVolumeSlider {
  accent-color:#00d9ff !important;
}
#settingsWindow .settingsVolumeValue {
  color:#7cf0ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  background:rgba(0,217,255,.1) !important;
  border:1px solid rgba(0,217,255,.25) !important;
  padding:2px 8px !important;
  border-radius:6px !important;
  white-space:nowrap !important;
}
#settingsWindow select {
  width:100% !important;
  height:34px !important;
  box-sizing:border-box !important;
  padding:0 10px !important;
  border:1px solid rgba(124,240,255,.34) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:#071b28 !important;
  font-size:11px !important;
  font-weight:800 !important;
  outline:none !important;
}
#settingsWindow .settingsHint {
  margin:0 !important;
  padding:10px 11px !important;
  border:0 !important;
  border-left:2px solid rgba(0,217,255,.5) !important;
  border-radius:0 8px 8px 0 !important;
  color:rgba(232,244,255,.6) !important;
  background:rgba(0,0,0,.18) !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
#settingsWindow .settingsAudio.settingsSoundControl {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}
#settingsWindow .settingsAudio.settingsSoundControl .settingsToggle {
  flex:0 0 auto !important;
  width:auto !important;
}
#settingsWindow .settingsAudio.settingsSoundControl .settingsVolumeRow {
  flex:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
#settingsWindow .settingsPage[data-settings-page="sound"] {
  align-content:start !important;
}
#settingsWindow .settingsAudioCard {
  gap:8px !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
#settingsWindow .settingsPage[data-settings-page="sound"] .settingsAudio {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}
#settingsWindow .settingsPage[data-settings-page="sound"] .settingsSectionSub {
  padding-bottom:2px !important;
}
#settingsWindow .settingsPage[data-settings-page="sound"] .sfxList {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
  overflow:visible !important;
  flex:none !important;
  align-content:start !important;
}
#settingsWindow .settingsPage[data-settings-page="sound"] #sfxList {
  flex:1 1 auto !important;
  grid-auto-rows:minmax(0,1fr) !important;
  min-height:0 !important;
}
#settingsWindow .settingsAudioCard > *:not(#sfxList) {
  flex:none !important;
}
#settingsWindow .settingsCard, #settingsWindow .settingsKeyGroup, #settingsWindow .settingsVisual, #settingsWindow .settingsSlotKeyCol {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}
#settingsWindow .settingsCol > * + *, #settingsWindow .settingsAudioCard > * + *:not(.settingsResetBtn) {
  border-top:1px solid rgba(100,200,255,.14) !important;
  padding-top:10px !important;
}
#settingsWindow #btnResetSfx {
  margin-top:10px !important;
}
#settingsWindow .settingsKeyColumns > * + * {
  border-left:1px solid rgba(100,200,255,.14) !important;
  padding-left:12px !important;
}
@media (max-width:880px){
  #settingsWindow .settingsKeyColumns > * + *{
    border-left:0 !important;
    padding-left:0 !important;
    border-top:1px solid rgba(100,200,255,.14) !important;
    padding-top:10px !important;
  }
}
#settingsWindow .settingsPage[data-settings-page="sound"] .sfxRow {
  display:grid !important;
  grid-template-columns:auto minmax(80px,1fr) minmax(80px,1.2fr) auto !important;
  gap:8px !important;
  min-height:28px !important;
  padding:2px 10px !important;
  overflow:hidden !important;
}
@media (max-width:760px){
  #settingsWindow .settingsPage[data-settings-page="sound"] .sfxList{ grid-template-columns:1fr !important; }
}
@media (max-width:760px){
  #settingsWindow{ width:calc(100vw - 16px) !important; height:calc(100vh - 16px) !important; }
  #settingsWindow .settingsTabs{ padding:12px 12px 10px !important; }
  #settingsWindow .settingsTab{ min-width:calc(50% - 4px) !important; flex:1 1 calc(50% - 4px) !important; }
  #settingsWindow .settingsPage{ padding:12px !important; }
  #settingsWindow .settingsCardGridTwo{ grid-template-columns:1fr !important; }
  #settingsWindow .settingsKeyColumns{ grid-template-columns:1fr !important; }
  #settingsWindow .settingsSlotKeyColumns{ grid-template-columns:1fr !important; }
  #settingsWindow .settingsPageFooter{ grid-template-columns:1fr !important; }
}
#gameWindowDock .dockLayoutBtn {
  order:9999 !important;
  align-self:center !important;
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.34) !important;
  border-radius:8px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(0,217,255,.16), rgba(4,9,24,.92)) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.42),
    0 0 14px rgba(0,217,255,.10) !important;
  cursor:pointer !important;
}
#gameWindowDock .dockLayoutBtn svg {
  width:22px !important;
  height:22px !important;
  display:block !important;
  pointer-events:none !important;
}
#gameWindowDock .dockLayoutBtn:hover {
  border-color:rgba(124,240,255,.62) !important;
  box-shadow:0 0 12px rgba(0,217,255,.15) !important;
}
/* Dispositions du dock (bouton disposition) : départ = ligne centrée. */
#gameWindowDock.mode-left {
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
}
#gameWindowDock.mode-right {
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
}
#gameWindowDock.mode-left3 {
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  align-content:flex-start !important;
  left:12px !important;
  right:auto !important;
  width:460px !important;
  max-width:calc(100vw - 24px) !important;
}
#gameWindowDock.mode-right3 {
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  align-content:flex-start !important;
  left:auto !important;
  right:12px !important;
  width:460px !important;
  max-width:calc(100vw - 24px) !important;
}
#fitOverlay #fitCard button {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font-weight:750 !important;
  transition:none !important;
  transform:none !important;
}
#fitOverlay #fitCard button:hover:not(:disabled), #fitOverlay #fitCard button:active:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
  transform:none !important;
}
#fitOverlay #fitCard button:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#fitOverlay #fitCard button.primary {
  border-color:rgba(124,240,255,.55) !important;
  background:linear-gradient(135deg,rgba(0,170,220,.5),rgba(0,90,125,.45)) !important;
}
#fitOverlay #fitCard .fitConfigBar .fitCfgBtn.active {
  border-color:#69e9ff !important;
  color:#effcff !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .fitSellButton {
  border-color:rgba(235,177,76,.45) !important;
  color:#f0d19b !important;
  background:linear-gradient(135deg,rgba(120,70,20,.45),rgba(60,35,10,.4)) !important;
}
#fitOverlay #fitCard .slotCell, #fitOverlay #fitCard .invCell, #fitOverlay #fitCard .droneFitSlot, #fitOverlay #fitCard .droneDesignSlot, #fitOverlay #fitCard .petFitSlot {
  background:linear-gradient(135deg,rgba(0,145,190,.22),rgba(0,70,100,.22)) !important;
}
#fitOverlay #fitCard .slotCell.filled, #fitOverlay #fitCard .invCell.selected, #fitOverlay #fitCard .droneFitSlot.filled, #fitOverlay #fitCard .petFitSlot.filled {
  border-color:#69e9ff !important;
  background:linear-gradient(135deg,rgba(0,170,220,.35),rgba(0,90,125,.3)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .slotCell.dragging {
  opacity:.35 !important;
}
#fitOverlay #fitCard .fitSlotsScroll .slotCell.dragTarget {
  border-color:#69e9ff !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.2) !important;
}
#fitOverlay #fitCard .fitShipPane, #fitOverlay #fitCard .fitLoadoutPane, #fitOverlay #fitCard .fitInventoryPane, #fitOverlay #fitCard .fitPresetWindow {
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .fitPresetOverlay {
  background:rgba(1,6,12,.86) !important;
}
#fitOverlay #fitCard .fitSelect, #fitOverlay #fitCard .fitInput {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:#051521 !important;
}
#fitOverlay #fitCard .fitSelect:focus, #fitOverlay #fitCard .fitInput:focus {
  border-color:rgba(124,240,255,.62) !important;
}
#fitOverlay #fitCard .fitSelect option {
  color:#eaffff !important;
  background:#071622 !important;
}
#fitOverlay #fitCard .fitDroneWorkspace, #fitOverlay #fitCard .fitPetWorkspace, #fitOverlay #fitCard .fitInventoryTools, #fitOverlay #fitCard .droneInventoryTray, #fitOverlay #fitCard .fitReturnHint, #fitOverlay #fitCard .fitSlotGroup, #fitOverlay #fitCard .petGroup {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .droneEquipmentCard, #fitOverlay #fitCard .petHeaderCard, #fitOverlay #fitCard .petSlotsCard, #fitOverlay #fitCard .droneFitDetail, #fitOverlay #fitCard .droneRosterItem {
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
}
#fitOverlay #fitCard .fitShipPane {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .fitActionSeparator {
  display:none !important;
}
#fitOverlay #fitCard .fitShipPane::before, #fitOverlay #fitCard .fitLoadoutPane::before, #fitOverlay #fitCard .fitInventoryPane::before {
  display:none !important;
}
#hangarOverlay #hangarWindow.fit-open > :not(.gameWinBar):not(#fitOverlay) {
  display:none !important;
}
#panel_hangars.fit-hidden {
  display:none !important;
}
html body #hangarOverlay #hangarWindow.gameWindow.fit-open > .gameWinBar .gameWinMinBtn, html body #profileOverlay #profileWindow.gameWindow.fit-open > .gameWinBar .gameWinMinBtn {
  display:none !important;
}
#hangarOverlay #hangarWindow > .gameWinBar .fitTitlebarGroup, #profileOverlay #profileWindow > .gameWinBar .fitTitlebarGroup {
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  margin:0 -8px 0 auto !important;
  align-self:stretch !important;
}
#hangarOverlay #hangarWindow > .gameWinBar .fitTitlebarBtn, #profileOverlay #profileWindow > .gameWinBar .fitTitlebarBtn {
  height:26px !important;
  min-height:26px !important;
  padding:0 14px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:0 !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  cursor:pointer !important;
}
#hangarOverlay #hangarWindow > .gameWinBar #fitTitlebarSave, #profileOverlay #profileWindow > .gameWinBar #fitTitlebarSave {
  border-radius:0 8px 0 0 !important;
  margin-left:-1px !important;
}
#hangarOverlay #hangarWindow > .gameWinBar .fitTitlebarBtn:hover:not(:disabled), #profileOverlay #profileWindow > .gameWinBar .fitTitlebarBtn:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#hangarOverlay #hangarWindow > .gameWinBar .fitTitlebarBtn:disabled, #profileOverlay #profileWindow > .gameWinBar .fitTitlebarBtn:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#fitOverlay #fitCard .fitWindowActions {
  justify-content:flex-end !important;
  margin-left:auto !important;
}
#fitOverlay #fitCard .fitLoadoutPane, #fitOverlay #fitCard .fitInventoryPane, #fitOverlay #fitCard .droneEquipmentCard, #fitOverlay #fitCard .petHeaderCard, #fitOverlay #fitCard .petSlotsCard, #fitOverlay #fitCard .droneFitDetail, #fitOverlay #fitCard .droneRosterItem {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
#fitOverlay #fitCard .droneEquipmentCard, #fitOverlay #fitCard .petHeaderCard, #fitOverlay #fitCard .petSlotsCard {
  border-bottom:1px solid rgba(124,240,255,.14) !important;
}
#fitOverlay #fitCard .fitActionsLeft, #fitOverlay #fitCard .fitActionsRight {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
}
#hangarOverlay #hangarWindow.gameWindow {
  border:1px solid rgba(124,240,255,.24) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,rgba(10,18,36,.88),rgba(3,8,20,.80)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.55),0 0 26px rgba(0,217,255,.12),inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
#hangarOverlay #hangarWindow.gameWindow:hover {
  border-color:rgba(124,240,255,.42) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.50),0 0 28px rgba(0,217,255,.16),inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
#hangarOverlay #hangarWindow.gameWindow > .gameWinBar {
  border:0 !important;
  border-bottom:1px solid rgba(124,240,255,.18) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(0,217,255,.18),rgba(124,240,255,.05),rgba(255,255,255,.035)) !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .droneRosterItem.active {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .slotCell.selected, #fitOverlay #fitCard .droneFitSlot.selected, #fitOverlay #fitCard .petFitSlot.selected, #fitOverlay #fitCard .fitShipModules .shipModRow.selected {
  border-color:#69e9ff !important;
  background:linear-gradient(135deg,rgba(0,170,220,.35),rgba(0,90,125,.3)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .fitHelpTooltip {
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard .fitHelpTooltip > span {
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(10,20,32,.96) !important;
}
#fitOverlay #fitCard .fitSectionBtn.active {
  border-color:rgba(124,240,255,.62) !important;
  color:#effcff !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .fitSellDrop {
  border-radius:8px !important;
}
#fitOverlay {
  background:transparent !important;
  backdrop-filter:none !important;
}
#fitOverlay #fitCard.fitWindow {
  background:transparent !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .fitWorkspace {
  background:transparent !important;
}
#fitOverlay #fitCard .fitLoadoutPane, #fitOverlay #fitCard .fitInventoryPane {
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .fitPresetWindow {
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:12px !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
#fitOverlay #fitCard .fitInventoryPane {
  border-top:1px solid rgba(124,240,255,.14) !important;
  border-left:1px solid rgba(124,240,255,.14) !important;
}
#fitOverlay #fitCard .fitLoadoutPane {
  border-top:1px solid rgba(124,240,255,.14) !important;
}
#fitOverlay #fitCard .slotCell, #fitOverlay #fitCard .invCell, #fitOverlay #fitCard .droneFitSlot, #fitOverlay #fitCard .droneDesignSlot, #fitOverlay #fitCard .petFitSlot {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard .slotCell:hover, #fitOverlay #fitCard .invCell:hover, #fitOverlay #fitCard .droneFitSlot:hover, #fitOverlay #fitCard .droneDesignSlot:hover, #fitOverlay #fitCard .petFitSlot:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .slotCell.filled, #fitOverlay #fitCard .droneFitSlot.filled, #fitOverlay #fitCard .petFitSlot.filled, #fitOverlay #fitCard .invCell.selected, #fitOverlay #fitCard .slotCell.selected, #fitOverlay #fitCard .droneFitSlot.selected, #fitOverlay #fitCard .petFitSlot.selected, #fitOverlay #fitCard .fitShipModules .shipModRow.selected {
  border-color:#69e9ff !important;
  background:linear-gradient(135deg,rgba(0,170,220,.5),rgba(0,90,125,.45)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .droneEquipmentCard, #fitOverlay #fitCard .petHeaderCard, #fitOverlay #fitCard .petSlotsCard, #fitOverlay #fitCard .droneFitDetail, #fitOverlay #fitCard .droneRosterItem {
  border:0 !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
#fitOverlay #fitCard .droneEquipmentCard:last-child, #fitOverlay #fitCard .petSlotsCard:last-child {
  border-bottom:0 !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell, #fitOverlay #fitCard #fitSlotsGens .slotCell, #fitOverlay #fitCard #fitSlotsExtras .slotCell, #fitOverlay #fitCard #fitSlotsShipMods .slotCell, #fitOverlay #fitCard .droneFitSlot, #fitOverlay #fitCard .droneDesignSlot, #fitOverlay #fitCard .petFitSlot, #fitOverlay #fitCard .invCell {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell::before, #fitOverlay #fitCard #fitSlotsGens .slotCell::before, #fitOverlay #fitCard #fitSlotsExtras .slotCell::before, #fitOverlay #fitCard .droneFitSlot::before, #fitOverlay #fitCard .droneDesignSlot::before, #fitOverlay #fitCard .petFitSlot::before {
  display:none !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell:hover, #fitOverlay #fitCard #fitSlotsGens .slotCell:hover, #fitOverlay #fitCard #fitSlotsExtras .slotCell:hover, #fitOverlay #fitCard #fitSlotsShipMods .slotCell:hover, #fitOverlay #fitCard .droneFitSlot:hover, #fitOverlay #fitCard .droneDesignSlot:hover, #fitOverlay #fitCard .petFitSlot:hover, #fitOverlay #fitCard .invCell:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled, #fitOverlay #fitCard .droneFitSlot.filled, #fitOverlay #fitCard .petFitSlot.filled, #fitOverlay #fitCard .invCell.selected, #fitOverlay #fitCard #fitSlotsLasers .slotCell.selected, #fitOverlay #fitCard #fitSlotsGens .slotCell.selected, #fitOverlay #fitCard #fitSlotsExtras .slotCell.selected, #fitOverlay #fitCard .droneFitSlot.selected, #fitOverlay #fitCard .petFitSlot.selected {
  border-color:#69e9ff !important;
  background:linear-gradient(135deg,rgba(0,170,220,.5),rgba(0,90,125,.45)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot::before, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot::before, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot::before {
  display:none !important;
}
#fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot:hover, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot:hover, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.selected, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot.selected, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.selected {
  border-color:#69e9ff !important;
  background:linear-gradient(135deg,rgba(0,170,220,.5),rgba(0,90,125,.45)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell::before, #fitOverlay #fitCard #fitSlotsGens .slotCell::before, #fitOverlay #fitCard #fitSlotsExtras .slotCell::before, #fitOverlay #fitCard #fitSlotsShipMods .slotCell::before, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot::before, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot::before, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot::before, #fitOverlay #fitCard .invCell::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:3px !important;
  left:3px !important;
  width:7px !important;
  height:7px !important;
  border-top:1px solid rgba(116,222,242,.38) !important;
  border-left:1px solid rgba(116,222,242,.38) !important;
  pointer-events:none !important;
}
#fitOverlay #fitCard .slotCell.filled[class*="rarity-"]::before, #fitOverlay #fitCard .invCell[class*="rarity-"]::before {
  border-top-color:var(--rarity) !important;
  border-left-color:var(--rarity) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled.rarity-common, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled.rarity-common, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled.rarity-common, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled.rarity-common, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled.rarity-common, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled.rarity-common, #fitOverlay #fitCard .invCell.rarity-common {
  border-color:#a9bcc7 !important;
  background:linear-gradient(135deg,rgba(169,188,199,.38),rgba(169,188,199,.15)) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled.rarity-rare, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled.rarity-rare, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled.rarity-rare, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled.rarity-rare, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled.rarity-rare, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled.rarity-rare, #fitOverlay #fitCard .invCell.rarity-rare {
  border-color:#45bfff !important;
  background:linear-gradient(135deg,rgba(69,191,255,.38),rgba(69,191,255,.15)) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled.rarity-epic, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled.rarity-epic, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled.rarity-epic, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled.rarity-epic, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled.rarity-epic, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled.rarity-epic, #fitOverlay #fitCard .invCell.rarity-epic {
  border-color:#ba72ff !important;
  background:linear-gradient(135deg,rgba(186,114,255,.38),rgba(186,114,255,.15)) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled.rarity-legendary, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled.rarity-legendary, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled.rarity-legendary, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled.rarity-legendary, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled.rarity-legendary, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled.rarity-legendary, #fitOverlay #fitCard .invCell.rarity-legendary {
  border-color:#ffd15c !important;
  background:linear-gradient(135deg,rgba(255,209,92,.38),rgba(255,209,92,.15)) !important;
}
#fitOverlay #fitCard #fitSlotsShipMods.slotGridModules {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr)) !important;
}
#fitOverlay #fitCard #shipModsCount {
  display:none !important;
}
body #hangarOverlay .hangarListItem {
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:none !important;
}
body #hangarOverlay .hangarListItem .tileActions button {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font-weight:750 !important;
}
body #hangarOverlay .hangarListItem .tileActions button:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
body #hangarOverlay .hangarListItem .tileActions button:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow img {
  background:transparent !important;
}
#fitOverlay #fitCard.fitDragging, #fitOverlay #fitCard.fitDragging *, #fitOverlay #fitCard.fitDragging *::before, #fitOverlay #fitCard.fitDragging *::after {
  transition:none !important;
  animation:none !important;
}
#hangarOverlay:has(#fitCard.fitDragging), #profileOverlay:has(#fitCard.fitDragging) {
  backdrop-filter:none !important;
}
#fitOverlay #fitCard #fitSlotsShipMods .slotCell.shipModSlot {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  aspect-ratio:auto !important;
  min-height:52px !important;
  padding:6px 8px !important;
}
#fitOverlay #fitCard #fitSlotsShipMods .slotCell.shipModSlot img {
  width:40px !important;
  height:40px !important;
  flex:0 0 auto !important;
}
#fitOverlay #fitCard .shipModSlotDetails {
  gap:2px !important;
}
#fitOverlay #fitCard .shipModSlotDetails b {
  font-size:12px !important;
}
#fitOverlay #fitCard .shipModSlotDetails span {
  display:block !important;
  font-size:12px !important;
  white-space:normal !important;
}
#fitOverlay #fitCard .shipModSlotDetails span strong {
  font-size:12px !important;
}
#fitOverlay #fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotGridModules {
  align-items:start !important;
  align-content:start !important;
  height:auto !important;
}
#fitOverlay #fitCard #fitSlotsShipMods.slotGridModules {
  grid-auto-rows:auto !important;
}
#fitOverlay #fitCard #fitSlotsShipMods .slotCell.shipModSlot {
  min-height:144px !important;
  height:auto !important;
  padding:12px !important;
}
#fitOverlay #fitCard .fitSlotGroup[data-slot-type="shipMods"] .slotCell {
  min-height:144px !important;
  height:144px !important;
  box-sizing:border-box !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell:not(.filled), #fitOverlay #fitCard #fitSlotsGens .slotCell:not(.filled), #fitOverlay #fitCard #fitSlotsExtras .slotCell:not(.filled), #fitOverlay #fitCard #fitSlotsShipMods .slotCell:not(.filled), #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot:not(.filled), #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot:not(.filled), #fitOverlay #fitCard #fitPetWorkspace .petFitSlot:not(.filled) {
  border-color:rgba(169,188,199,.35) !important;
  background:linear-gradient(135deg,rgba(169,188,199,.16),rgba(169,188,199,.07)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow.equipped:hover {
  background:rgba(0,140,185,.12) !important;
}
#fitOverlay #fitCard .fitShipModules {
  grid-template-columns:minmax(0,1fr) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow {
  position:relative !important;
}
.assemblyDetailCard {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:12px 2px !important;
}
.assemblySubCard {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:10px 2px !important;
}
.assemblyCols {
  border-top:1px solid rgba(124,240,255,.14) !important;
  padding-top:10px !important;
}
@media (min-width:761px){
  .assemblyCols > .assemblySubCard + .assemblySubCard{
    border-left:1px solid rgba(124,240,255,.14) !important;
    padding-left:16px !important;
  }
}
@media (max-width:760px){
  .assemblyCols > .assemblySubCard + .assemblySubCard{
    border-top:1px solid rgba(124,240,255,.14) !important;
    padding-top:10px !important;
  }
}
.questOfferItem {
  border:0 !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  margin-bottom:0 !important;
}
.questOfferItem:last-child {
  border-bottom:0 !important;
}
.questOfferDetail {
  background:transparent !important;
}
.questInfoCard {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
  padding:11px 2px !important;
}
.questHelpList article {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
  padding:8px 2px !important;
}
.questHelpList article:last-child {
  border-bottom:0 !important;
}
.questCard {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 2px !important;
}
.questCard .qoffTitle {
  font-size:15px !important;
  text-align:center !important;
}
.questObjective {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.questAction {
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font-weight:750 !important;
}
.questAction:hover:not(:disabled) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
.questAction:disabled {
  opacity:.35 !important;
  cursor:default !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell:not(.filled)::before, #fitOverlay #fitCard #fitSlotsGens .slotCell:not(.filled)::before, #fitOverlay #fitCard #fitSlotsExtras .slotCell:not(.filled)::before, #fitOverlay #fitCard #fitSlotsShipMods .slotCell:not(.filled)::before, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot:not(.filled)::before, #fitOverlay #fitCard #fitDroneWorkspace .droneDesignSlot:not(.filled)::before, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot:not(.filled)::before {
  border-top-color:rgba(169,188,199,.45) !important;
  border-left-color:rgba(169,188,199,.45) !important;
}
#fitOverlay #fitCard #fitSlotsLasers .slotCell.filled[class*="rarity-"]::before, #fitOverlay #fitCard #fitSlotsGens .slotCell.filled[class*="rarity-"]::before, #fitOverlay #fitCard #fitSlotsExtras .slotCell.filled[class*="rarity-"]::before, #fitOverlay #fitCard #fitSlotsShipMods .slotCell.filled[class*="rarity-"]::before, #fitOverlay #fitCard #fitDroneWorkspace .droneFitSlot.filled[class*="rarity-"]::before, #fitOverlay #fitCard #fitPetWorkspace .petFitSlot.filled[class*="rarity-"]::before {
  border-top-color:var(--rarity) !important;
  border-left-color:var(--rarity) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:3px !important;
  left:3px !important;
  width:7px !important;
  height:7px !important;
  border-top:1px solid var(--rarity, rgba(116,222,242,.38)) !important;
  border-left:1px solid var(--rarity, rgba(116,222,242,.38)) !important;
  pointer-events:none !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow img {
  width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow > div > div:first-child {
  font-size:12px !important;
}
#fitOverlay #fitCard #fitSlotsShipMods .slotCell.shipModSlot {
  justify-content:flex-start !important;
}
#fitOverlay #fitCard .shipModSlotDetails {
  flex:1 !important;
  text-align:center !important;
}
#fitOverlay #fitCard .fitShipModules {
  gap:8px !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow {
  padding:8px 10px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow.rarity-common {
  border-color:#a9bcc7 !important;
  background:linear-gradient(135deg,rgba(169,188,199,.38),rgba(169,188,199,.15)) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow.rarity-rare {
  border-color:#45bfff !important;
  background:linear-gradient(135deg,rgba(69,191,255,.38),rgba(69,191,255,.15)) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow.rarity-epic {
  border-color:#ba72ff !important;
  background:linear-gradient(135deg,rgba(186,114,255,.38),rgba(186,114,255,.15)) !important;
}
#fitOverlay #fitCard .fitShipModules .shipModRow.rarity-legendary {
  border-color:#ffd15c !important;
  background:linear-gradient(135deg,rgba(255,209,92,.38),rgba(255,209,92,.15)) !important;
}
.questToggles {
  display:flex !important;
  gap:6px !important;
  padding:10px 10px 4px !important;
}
.questToggleBtn {
  width:40px !important;
  height:32px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:900 14px/1 ui-sans-serif,system-ui !important;
  cursor:pointer !important;
}
.questToggleBtn:hover:not(.active) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
}
.questToggleBtn.active {
  border-color:#69e9ff !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
.questOfferItem img {
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  object-fit:contain !important;
  image-rendering:pixelated !important;
}
.questOfferItem > span {
  display:grid !important;
  gap:1px !important;
}
.questOfferItem > span > b {
  color:#eaffff !important;
  font-size:13px !important;
  font-weight:800 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.questOfferItem > span > small {
  color:rgba(207,231,239,.55) !important;
  font-size:10px !important;
}
.questOfferItem.active {
  border-color:rgba(255,209,92,.55) !important;
  background:linear-gradient(135deg,rgba(120,100,20,.45),rgba(60,50,10,.4)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.questOfferItem.active > span > b {
  color:#ffe9ad !important;
}
.qoffHead {
  display:flex !important;
  gap:14px !important;
  padding:4px 2px 12px !important;
}
.qoffPortraitFrame {
  width:120px !important;
  height:120px !important;
  flex:0 0 120px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:8px !important;
  background:rgba(0,0,0,.45) !important;
}
.qoffPortrait {
  object-fit:contain !important;
  image-rendering:auto !important;
  display:block !important;
}
.qoffHeadText {
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
  align-content:start !important;
}
.qoffTitle {
  margin:0 !important;
  color:#ffd257 !important;
  font-size:19px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}
.qoffDesc {
  margin:0 !important;
  color:rgba(205,230,245,.8) !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
.qoffSection {
  margin:0 !important;
  padding:12px 2px 8px !important;
  color:#ffd257 !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.qoffBox {
  display:grid !important;
  gap:8px !important;
  padding:10px 12px !important;
  border:1px solid rgba(124,240,255,.14) !important;
  border-radius:8px !important;
  background:rgba(0,0,0,.45) !important;
}
.qoffObjective {
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) auto auto !important;
  gap:8px !important;
  align-items:center !important;
}
.qoffObjective.noCount {
  grid-template-columns:22px minmax(0,1fr) auto !important;
}
.qoffObjectiveLabel {
  color:rgba(205,230,245,.85) !important;
  font-size:12px !important;
  line-height:1.3 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.qoffObjective img {
  max-width:110px !important;
  max-height:110px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}
.qoffObjective b {
  color:#eaffff !important;
  font-size:12px !important;
  text-align:right !important;
  white-space:nowrap !important;
}
.qoffReward {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  font-size:12px !important;
}
.qoffReward span {
  color:rgba(205,230,245,.75) !important;
}
.qoffReward b {
  color:#ffd56a !important;
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
}
.qoffSeries {
  display:grid !important;
  gap:4px !important;
  padding:10px 2px 0 !important;
  font-size:11px !important;
}
.qoffSeries > div {
  display:grid !important;
  grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr) !important;
  gap:12px !important;
}
.qoffSeries span {
  color:#86aab8 !important;
}
.qoffSeries b {
  color:#d9f3fb !important;
  font-weight:700 !important;
  overflow-wrap:anywhere !important;
}
.qoffBottom {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 2px 2px !important;
}
.qoffBottomSolo {
  justify-content:center !important;
}
.qoffActions {
  display:grid !important;
  gap:10px !important;
  justify-items:center !important;
  padding:12px 2px 2px !important;
}
.qoffActions .questAction {
  width:min(100%,320px) !important;
  margin-top:0 !important;
}
.questTreeSlots {
  margin-left:auto !important;
  color:rgba(205,230,245,.65) !important;
  font-size:11px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.qoffSlots {
  color:rgba(205,230,245,.7) !important;
  font-size:12px !important;
}
.qoffAccept {
  padding:10px 26px !important;
  border:1px solid rgba(86,225,132,.55) !important;
  border-radius:6px !important;
  color:#eafff0 !important;
  background:linear-gradient(135deg,rgba(20,140,70,.55),rgba(10,80,40,.5)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  font:800 13px/1.2 ui-sans-serif,system-ui !important;
  cursor:pointer !important;
  width:min(100%,320px) !important;
  margin-top:10px !important;
}
.qoffAccept:hover:not(:disabled) {
  border-color:rgba(86,225,132,.8) !important;
  background:rgba(25,160,80,.5) !important;
  box-shadow:0 0 16px rgba(86,225,132,.2) !important;
}
.qoffAccept:disabled {
  opacity:.45 !important;
  cursor:default !important;
}
.qoffAccept.done:disabled {
  opacity:1 !important;
}
.qoffAccept.close {
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
}
.qoffAccept.close:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
.questSearchRow {
  padding:10px 10px 4px !important;
}
.questSearchInput {
  width:100% !important;
  height:34px !important;
  box-sizing:border-box !important;
  padding:0 12px !important;
  outline:0 !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:#051521 !important;
  font:700 12px/1 ui-sans-serif,system-ui !important;
}
.questSearchInput:focus {
  border-color:rgba(124,240,255,.62) !important;
}
.questSearchInput::placeholder {
  color:rgba(207,231,239,.45) !important;
}
.questFilters {
  display:flex !important;
  gap:6px !important;
  padding:8px 10px 4px !important;
}
.questFilterBtn {
  flex:1 !important;
  padding:7px 4px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.questFilterBtn:hover:not(.active) {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
}
.questFilterBtn.active {
  border-color:#69e9ff !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}
.questFamily {
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.questFamily:last-child {
  border-bottom:0 !important;
}
.questFamily > summary {
  padding:10px !important;
  color:#7cf0ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  cursor:pointer !important;
  list-style:none !important;
}
.questFamily > summary::-webkit-details-marker {
  display:none !important;
}
.questFamily > summary:hover {
  color:#eaffff !important;
}
.questOfferItem {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 10px !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.questOfferItem > span {
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.qbriefHead {
  display:flex !important;
  gap:14px !important;
  align-items:center !important;
  padding:4px 2px 12px !important;
  border-bottom:1px solid rgba(124,240,255,.14) !important;
}
.qbriefTarget {
  width:96px !important;
  height:96px !important;
  flex:0 0 96px !important;
  object-fit:contain !important;
  image-rendering:pixelated !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
}
.qbriefHeadText {
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}
.qbriefKicker {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.qbriefLevel {
  color:#7cf0ff !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.qbriefOverview {
  padding:10px 2px 12px !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.qbriefOverview h4 {
  margin:0 0 6px !important;
  color:#7cf0ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
}
.qbriefAcceptRow {
  display:flex !important;
  justify-content:flex-end !important;
  padding-top:4px !important;
}
.questAction.qbriefAccept {
  width:auto !important;
  min-width:220px !important;
  margin-top:0 !important;
  padding:12px 22px !important;
}
.qbriefPill {
  padding:3px 10px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  color:#7cf0ff !important;
  background:rgba(0,145,190,.25) !important;
}
.qbriefPill.done {
  border-color:rgba(86,225,132,.5) !important;
  color:#92f5b1 !important;
  background:rgba(18,104,51,.28) !important;
}
.qbriefPill.active {
  border-color:rgba(255,170,70,.6) !important;
  color:#ffc276 !important;
  background:rgba(148,78,18,.24) !important;
}
.qbriefPill.far,.qbriefPill.locked {
  border-color:rgba(130,150,158,.4) !important;
  color:#9db4bd !important;
  background:rgba(20,30,38,.4) !important;
}
.qbriefPill.full {
  border-color:rgba(255,105,120,.5) !important;
  color:#ff9aa7 !important;
  background:rgba(150,25,45,.2) !important;
}
.qbriefTitle {
  margin:0 !important;
  color:#f0f9ff !important;
  font-size:19px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}
.qbriefDesc {
  margin:0 !important;
  color:rgba(205,230,245,.72) !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
.qbriefObjectives {
  display:grid !important;
  gap:10px !important;
  padding:12px 2px !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.qbriefObjectiveTop {
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  font-size:12px !important;
}
.qbriefObjectiveTop span {
  color:rgba(205,230,245,.8) !important;
}
.qbriefObjectiveTop b {
  color:#d8f3ff !important;
  white-space:nowrap !important;
}
.qbriefRewards {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr)) !important;
  gap:8px !important;
  padding:12px 2px !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.qbriefChip {
  display:grid !important;
  gap:2px !important;
  padding:8px 10px !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
}
.qbriefChip span {
  color:#86aab8 !important;
  font-size:10px !important;
}
.qbriefChip b {
  color:#ffd071 !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.qbriefSeries {
  display:grid !important;
  gap:0 !important;
  padding:6px 2px 12px !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.qbriefSeries > div {
  display:grid !important;
  grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr) !important;
  gap:14px !important;
  padding:6px 2px !important;
}
.qbriefSeries span {
  color:#86aab8 !important;
  font-size:11px !important;
}
.qbriefSeries b {
  color:#d9f3fb !important;
  font-size:11px !important;
  font-weight:700 !important;
  overflow-wrap:anywhere !important;
}
.qbriefHelp {
  padding:12px 2px !important;
  border-bottom:1px solid rgba(124,240,255,.09) !important;
}
.qbriefHelp > summary {
  color:#7cf0ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  cursor:pointer !important;
}
.qbriefHelp article {
  padding:8px 0 !important;
}
.qbriefHelp article > b {
  color:#bcecf6 !important;
  font-size:11px !important;
}
.qbriefHelp p {
  margin:4px 0 0 !important;
  color:#90b8c5 !important;
  font-size:11px !important;
  line-height:1.48 !important;
}
.qbriefStatus {
  padding:10px 2px !important;
  font-size:12px !important;
  color:rgba(205,230,245,.72) !important;
}
.questAction.qbriefAccept {
  padding:12px !important;
  font-size:13px !important;
}
.questOfferPanel {
  width:min(1500px,calc(100vw - 24px)) !important;
  height:min(880px,calc(100vh - 24px)) !important;
}
#questOfferWindow.gameWindow {
  min-width:min(900px,calc(100vw - 24px)) !important;
  min-height:520px !important;
}
.questOfferLayout {
  grid-template-columns:minmax(0,1fr) 370px !important;
}
#questOfferList {
  grid-column:1 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  min-width:0 !important;
  overflow:hidden !important;
  border-left:0 !important;
  border-right:1px solid rgba(124,240,255,.16) !important;
  padding:0 !important;
}
#questOfferDetail {
  grid-column:2 !important;
  grid-row:1 !important;
}
.questTreeToolbar {
  flex:0 0 auto !important;
  border-bottom:1px solid rgba(124,240,255,.12) !important;
  background:rgba(0,10,22,.35) !important;
}
.questTreeToolbar .questSearchRow {
  padding:10px 10px 0 !important;
}
.questTreeToolbar .questToggles {
  align-items:center !important;
  padding-bottom:8px !important;
}
.questTreeZoom {
  margin-left:8px !important;
  display:flex !important;
  gap:4px !important;
  align-items:center !important;
}
.questTreeZoom button {
  min-width:32px !important;
  height:32px !important;
  padding:0 8px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  font:800 12px/1 ui-sans-serif,system-ui !important;
  cursor:pointer !important;
}
.questTreeZoom button:hover {
  border-color:#69e9ff !important;
}
.questTreeHint {
  padding:0 12px 8px !important;
  color:rgba(207,231,239,.5) !important;
  font-size:10px !important;
  line-height:1.4 !important;
}
.questTreeScroll {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:14px !important;
  background:radial-gradient(circle at 20% 0%,rgba(0,145,190,.08),transparent 55%),rgba(0,6,14,.25) !important;
}
.questTreeCanvas {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  align-items:stretch !important;
  width:max-content !important;
  min-width:100% !important;
  min-height:100% !important;
  transform-origin:0 0 !important;
  padding:6px 6px 18px !important;
}
.questTreeMain {
  position:relative !important;
  display:flex !important;
  gap:76px !important;
  align-items:stretch !important;
  width:max-content !important;
  min-width:100% !important;
}
.questTreeEdges {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.questTreeEdges path {
  fill:none !important;
  stroke:rgba(124,240,255,.32) !important;
  stroke-width:1.6 !important;
}
.questTreeEdges path.isActive {
  stroke:#ffd257 !important;
  stroke-width:2.2 !important;
}
.questTreeEdges path.isDone {
  stroke:rgba(86,225,132,.5) !important;
}
.questTreeCol {
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-width:264px !important;
  max-width:264px !important;
}
.questTreeColTitle {
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  padding:6px 10px !important;
  border:1px solid rgba(124,240,255,.18) !important;
  border-radius:8px !important;
  color:#7cf0ff !important;
  background:rgba(0,20,35,.85) !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}
.questTreeColTitle small {
  color:rgba(207,231,239,.6) !important;
}
.questTreeNodes {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.questTreeNode {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-height:64px !important;
  padding:6px 28px 6px 6px !important;
  text-align:left !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:10px !important;
  color:#dff7ff !important;
  background:linear-gradient(135deg,rgba(8,35,52,.92),rgba(4,14,26,.94)) !important;
  cursor:pointer !important;
}
.questTreeNode > span.questTreeThumb {
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.questTreeThumb img {
  max-width:56px !important;
  max-height:56px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  display:block !important;
}
.questTreeNode img {
  flex:0 0 auto !important;
  max-width:56px !important;
  max-height:56px !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  background:none !important;
  border-radius:0 !important;
}
.questTreeNode > span {
  min-width:0 !important;
  flex:1 !important;
  display:grid !important;
  gap:1px !important;
  align-content:center !important;
}
.questTreeNode > span > b {
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
.questTreeNode > span > small {
  font-size:10px !important;
  color:rgba(207,231,239,.6) !important;
}
.questTreeDot {
  position:absolute !important;
  top:5px !important;
  right:6px !important;
  display:grid !important;
  place-items:center !important;
  color:#7cf0ff !important;
  font-style:normal !important;
}
.questTreeDot input[type="checkbox"], .qoffCheck input[type="checkbox"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  cursor:default !important;
  pointer-events:none !important;
}
.questTreeDot input[type="checkbox"]:checked::after, .qoffCheck input[type="checkbox"]:checked::after {
  content:"✓" !important;
  color:#eaffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.qoffCheck {
  display:grid !important;
  place-items:center !important;
}
.questToggleBtn .qtIcon {
  width:16px !important;
  height:16px !important;
  display:block !important;
}
.questTreeZoom button {
  display:grid !important;
  place-items:center !important;
}
.questTreeZoom button .qtIcon {
  width:14px !important;
  height:14px !important;
  display:block !important;
}
.questTreeNode.locked {
  border-color:rgba(116,143,153,.3) !important;
  color:#8fa9b3 !important;
  background:rgba(18,27,34,.85) !important;
}
.questTreeNode.accepted {
  border-color:rgba(255,170,70,.65) !important;
  background:linear-gradient(135deg,rgba(148,78,18,.4),rgba(40,22,6,.9)) !important;
}
.questTreeNode.completed {
  border-color:rgba(86,225,132,.5) !important;
  background:linear-gradient(135deg,rgba(18,104,51,.4),rgba(6,30,16,.9)) !important;
}
.questTreeNode.active {
  border-color:#ffd257 !important;
  box-shadow:0 0 0 1px #ffd257,0 0 18px rgba(255,210,87,.25) !important;
}
.questTreeNode.dimmed {
  opacity:.32 !important;
  filter:saturate(.4) !important;
}
.questTreeNode.isFinal {
  border-style:double !important;
  border-width:3px !important;
  border-color:#ffd257 !important;
}
.questTreeExterm {
  position:relative !important;
  z-index:1 !important;
  margin-top:18px !important;
  border-top:2px dashed rgba(255,209,92,.4) !important;
  padding-top:12px !important;
  max-width:100% !important;
}
.questTreeExtermTitle {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 2px 10px !important;
  color:#ffd257 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.8px !important;
}
.questTreeExtermTitle small {
  color:rgba(207,231,239,.6) !important;
  font-weight:700 !important;
}
.questTreeExtermGrid {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-width:calc(100vw - 480px) !important;
}
.questTreeExtermGrid .questTreeNode {
  width:264px !important;
  flex:0 0 264px !important;
}
.questTreeNode.isExterm {
  border-style:dashed !important;
}
@media (max-width:700px){ .questOfferLayout{ grid-template-columns:1fr !important; grid-template-rows:minmax(0,1.4fr) minmax(0,1fr) !important; } #questOfferList{ grid-column:1 !important; grid-row:1 !important; border-right:0 !important; border-bottom:1px solid rgba(124,240,255,.16) !important; } #questOfferDetail{ grid-column:1 !important; grid-row:2 !important; } }
.tdmPanel {
  width:880px !important;
  min-width:0 !important;
  max-width:min(880px, calc(100vw - 20px)) !important;
}
.tdmBody {
  display:grid !important;
  gap:8px !important;
  padding:10px 12px !important;
}
.tdmToolbar {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
.tdmTitleWrap {
  min-width:0 !important;
}
.tdmTitle {
  color:#f0fbff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}
.tdmSubtitle {
  margin-top:4px !important;
  color:rgba(204,228,241,.58) !important;
  font-size:10px !important;
}
.tdmSearchField {
  width:min(300px, 70%) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.tdmSearchField > span {
  color:rgba(164,202,221,.72) !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}
.tdmSearchField input {
  flex:1 !important;
  min-width:0 !important;
  padding:6px 8px !important;
  border:1px solid rgba(124,240,255,.22) !important;
  border-radius:6px !important;
  color:#eaffff !important;
  background:rgba(2,12,20,.7) !important;
  font-size:11px !important;
  outline:0 !important;
}
.tdmSearchField input:focus {
  border-color:rgba(0,217,255,.62) !important;
  box-shadow:0 0 0 2px rgba(0,217,255,.08) !important;
}
.tdmShipField {
  width:min(280px, 60%) !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
}
.tdmShipField > span {
  color:rgba(164,202,221,.72) !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
  white-space:nowrap !important;
  padding-top:7px !important;
}
.tdmShipCombo {
  position:relative !important;
  flex:1 !important;
  min-width:0 !important;
}
.tdmShipBtn {
  width:100% !important;
  height:26px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 6px !important;
  background:#051521 !important;
  color:#effcff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  font:800 11px/1 ui-sans-serif,system-ui !important;
  outline:0 !important;
  cursor:pointer !important;
}
.tdmShipBtn:focus {
  border-color:rgba(0,217,255,.62) !important;
  box-shadow:0 0 0 2px rgba(0,217,255,.08) !important;
}
.tdmShipBtnLabel {
  flex:1 !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
}
.tdmShipChevron {
  flex:0 0 auto !important;
  color:rgba(124,240,255,.7) !important;
  font-size:10px !important;
}
.tdmShipPopup {
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  right:0 !important;
  z-index:60 !important;
  background:#051521 !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  padding:4px !important;
  max-height:258px !important;
  overflow-y:auto !important;
  box-shadow:0 8px 24px rgba(0,0,0,.5) !important;
}
.tdmShipOpt {
  padding:4px 8px !important;
  border-radius:6px !important;
  font:800 11px/1.5 ui-sans-serif,system-ui !important;
  color:#effcff !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.tdmShipOpt:hover {
  background:rgba(0,217,255,.15) !important;
}
.tdmShipOpt.selected {
  background:rgba(0,217,255,.25) !important;
  color:#fff !important;
}
.tdmShipPopup::-webkit-scrollbar {
  width:8px !important;
}
.tdmShipPopup::-webkit-scrollbar-track {
  background:rgba(255,255,255,.05) !important;
  border-radius:10px !important;
}
.tdmShipPopup::-webkit-scrollbar-thumb {
  background:rgba(0,217,255,.3) !important;
  border-radius:10px !important;
}
.tdmTypeField {
  width:min(190px, 50%) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.tdmTypeField > span {
  color:rgba(164,202,221,.72) !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
  white-space:nowrap !important;
}
.tdmTypeField select {
  flex:1 !important;
  min-width:0 !important;
  height:26px !important;
  padding:0 6px !important;
  background:#051521 !important;
  color:#effcff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  font:800 11px/1 ui-sans-serif,system-ui !important;
  outline:0 !important;
  cursor:pointer !important;
}
.tdmTypeField select:focus {
  border-color:rgba(0,217,255,.62) !important;
  box-shadow:0 0 0 2px rgba(0,217,255,.08) !important;
}
.tdmTypeField select option {
  background:#051521 !important;
  color:#effcff !important;
}
.tdmTabs {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 4px !important;
  border-top:1px solid rgba(124,240,255,.16) !important;
  border-bottom:1px solid rgba(124,240,255,.16) !important;
}
.tdmTab, .tdmPager button, .tdmSellQtyRow button, .tdmSellActions button {
  padding:5px 10px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  font:800 11px/1.2 ui-sans-serif,system-ui !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
.tdmTab:hover:not(.active):not(:disabled), .tdmPager button:hover:not(:disabled), .tdmSellQtyRow button:hover, .tdmSellActions button:hover {
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
}
.tdmTab:disabled, .tdmPager button:disabled {
  opacity:.4 !important;
  cursor:default !important;
}
.tdmTab.active {
  border-color:#69e9ff !important;
  box-shadow:0 0 12px rgba(0,217,255,.18) !important;
}
.tdmTab.tdmSellBtn {
  border-color:rgba(255,90,110,.55) !important;
  color:#ffb3bd !important;
  background:linear-gradient(135deg,rgba(190,30,50,.45),rgba(100,10,25,.4)) !important;
}
.tdmTab.tdmSellBtn:hover:not(:disabled) {
  border-color:#ff5a6e !important;
  color:#ffd7dc !important;
  background:linear-gradient(135deg,rgba(190,30,50,.45),rgba(100,10,25,.4)) !important;
  box-shadow:0 0 12px rgba(255,90,110,.25) !important;
}
.tdmTab.tdmSellBtn:disabled {
  opacity:.4 !important;
  cursor:default !important;
}
.tdmPager {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 2px !important;
  color:rgba(204,228,241,.7) !important;
  font-size:10px !important;
  font-weight:700 !important;
}
#tdmWindow .tdmSections {
  min-height:120px !important;
  max-height:min(480px, calc(100vh - 260px)) !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill, 72px) !important;
  grid-auto-rows:72px !important;
  align-content:start !important;
  justify-content:center !important;
  gap:8px !important;
  overflow-y:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
#tdmWindow .inventorySlot {
  position:relative !important;
  width:72px !important;
  height:72px !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  outline:0 !important;
  border:1px solid rgba(124,240,255,.16) !important;
  border-radius:9px !important;
  background:radial-gradient(circle at 50% 42%, rgba(0,217,255,.12), rgba(2,12,20,.84) 72%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
#tdmWindow .inventorySlot:hover, #tdmWindow .inventorySlot:focus-visible {
  border-color:rgba(124,240,255,.65) !important;
  background:radial-gradient(circle at 50% 42%, rgba(0,217,255,.22), rgba(2,12,20,.84) 74%) !important;
  box-shadow:0 0 14px rgba(0,217,255,.13), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
#tdmWindow .inventorySlot img {
  width:84% !important;
  height:84% !important;
  object-fit:contain !important;
  pointer-events:none !important;
}
#tdmWindow .inventorySlotQuantity {
  position:absolute !important;
  right:5px !important;
  bottom:4px !important;
  max-width:calc(100% - 10px) !important;
  overflow:hidden !important;
  color:#ffd56a !important;
  font-size:10px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  text-overflow:ellipsis !important;
  text-shadow:0 1px 3px #000, 0 0 5px #000 !important;
  white-space:nowrap !important;
}
#tdmWindow .inventorySlot {
  cursor:pointer !important;
}
#tdmWindow .inventorySlot.rarity-common {
  border-color:#a9bcc7 !important;
  background:linear-gradient(135deg,rgba(169,188,199,.38),rgba(169,188,199,.15)) !important;
}
#tdmWindow .inventorySlot.rarity-rare {
  border-color:#45bfff !important;
  background:linear-gradient(135deg,rgba(69,191,255,.38),rgba(69,191,255,.15)) !important;
}
#tdmWindow .inventorySlot.rarity-epic {
  border-color:#ba72ff !important;
  background:linear-gradient(135deg,rgba(186,114,255,.38),rgba(186,114,255,.15)) !important;
}
#tdmWindow .inventorySlot.rarity-legendary {
  border-color:#ffd15c !important;
  background:linear-gradient(135deg,rgba(255,209,92,.38),rgba(255,209,92,.15)) !important;
}
#tdmWindow .inventorySlot.selected {
  border-color:#69e9ff !important;
  box-shadow:0 0 14px rgba(0,217,255,.25), inset 0 0 0 1px rgba(105,233,255,.35) !important;
}
#tdmWindow .inventorySlot.selected::after {
  content:"" !important;
  position:absolute !important;
  top:4px !important;
  right:4px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#69e9ff !important;
  box-shadow:0 0 7px #69e9ff !important;
}
#tdmWindow .inventorySlot.is-module {
  width:232px !important;
  height:72px !important;
  grid-column:span 3 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 8px !important;
  text-align:left !important;
}
#tdmWindow .inventorySlot.is-module img.invModIcon {
  width:40px !important;
  height:40px !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  pointer-events:none !important;
}
#tdmWindow .inventorySlot.is-module img.invModShip {
  width:64px !important;
  height:44px !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  pointer-events:none !important;
}
#tdmWindow .invModStats {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:1px !important;
  min-width:0 !important;
  flex:1 !important;
  overflow:hidden !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
}
#tdmWindow .invModStats > span {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#tdmWindow .invModLine {
  color:rgba(221,241,250,.78) !important;
}
#tdmWindow .invModPos {
  color:#00ff88 !important;
}
#tdmWindow .invModNeg {
  color:#ff5566 !important;
}
.tdmTabsSep {
  width:1px !important;
  align-self:stretch !important;
  margin:2px 4px !important;
  background:rgba(124,240,255,.25) !important;
}
#tdmWindow {
  position:relative;
}
.tdmSellDialog {
  position:absolute !important;
  inset:0 !important;
  z-index:50 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:8px !important;
  background:rgba(0,0,0,.55) !important;
}
.tdmSellDialog[hidden] {
  display:none !important;
}
.tdmSellCard {
  width:min(520px, calc(100% - 24px)) !important;
  display:grid !important;
  gap:14px !important;
  padding:28px !important;
  background:linear-gradient(135deg,rgba(8,25,38,.97),rgba(3,10,18,.97)) !important;
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.6) !important;
  animation:modalIn .22s ease-out !important;
}
.tdmSellTitle {
  color:#00d9ff !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.tdmSellItem {
  color:rgba(232,244,255,.8) !important;
  font-size:16px !important;
  line-height:1.6 !important;
}
.tdmSellQtyRow {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.tdmSellQtyRow input {
  flex:1 !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:7px 10px !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:6px !important;
  color:#eaffff !important;
  background:rgba(0,20,35,.8) !important;
  font:700 13px/1.2 ui-sans-serif,system-ui !important;
  outline:0 !important;
}
.tdmSellTotal {
  color:#ffd56a !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.tdmSellError {
  color:#ff8f9d !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.tdmSellError[hidden] {
  display:none !important;
}
.tdmSellActions {
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
#tdmWindow .inventoryEmpty {
  grid-column:1 / -1 !important;
  padding:18px 12px !important;
  color:rgba(177,207,224,.48) !important;
  font-size:10px !important;
  text-align:center !important;
}
#tdmWindow .tdmTooltip {
  position:fixed !important;
  z-index:999999 !important;
  width:max-content !important;
  max-width:310px !important;
  padding:10px 12px !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  border:1px solid rgba(124,240,255,.36) !important;
  border-radius:8px !important;
  color:rgba(221,241,250,.78) !important;
  background:rgba(3,14,23,.97) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.58), 0 0 16px rgba(0,217,255,.10) !important;
  font:700 10px/1.55 system-ui !important;
  white-space:pre-line !important;
  transition:opacity .12s ease !important;
}
#tdmWindow .tdmTooltip.visible {
  opacity:1 !important;
  visibility:visible !important;
}
#tdmWindow .tdmTooltip .ttModName {
  color:#eaffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  margin-bottom:2px !important;
}
#tdmWindow .tdmTooltip .ttModLine {
  color:rgba(221,241,250,.78) !important;
  font-size:12px !important;
  font-weight:700 !important;
}
#tdmWindow .tdmTooltip .ttModPos {
  color:#00ff88 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
#tdmWindow .tdmTooltip .ttModNeg {
  color:#ff5566 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
#tdmWindow .tdmTooltip .ttAmmoDesc {
  color:#f4fbff !important;
  font-size:12px !important;
  font-weight:600 !important;
}
#tdmWindow .tdmTooltip .ttAmmoName {
  color:#eaffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:center !important;
}
#tdmWindow .tdmTooltip .ttAmmoQty {
  color:#ffd56a !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-align:center !important;
}
#settingsWindow .accountCard {
  overflow:visible !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] {
  overflow:hidden !important;
  padding:12px 14px !important;
  gap:0 !important;
  justify-content:start !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid {
  flex:1 1 auto !important;
  min-height:0 !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:minmax(0,1fr) !important;
  gap:0 12px !important;
  overflow:hidden !important;
  align-content:start !important;
  align-items:stretch !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .settingsCard.accountCard {
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:10px 12px !important;
  margin:0 !important;
  gap:7px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid {
  gap:10px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountSecurityCard {
  grid-column:span 2 !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields .accountField:first-child {
  grid-column:auto !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .settingsCardHead {
  padding-bottom:8px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .settingsCardHead small {
  color:#ffd477 !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField {
  gap:4px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField > span {
  color:#7cecff !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField input, #settingsWindow .settingsPage[data-settings-page="account"] .accountField select {
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  box-sizing:border-box !important;
  padding:7px 10px !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:6px !important;
  outline:none !important;
  color:#eaffff !important;
  background:rgba(0,20,35,.8) !important;
  font:700 13px/1.2 ui-sans-serif,system-ui !important;
  box-shadow:none !important;
  appearance:none !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField select {
  cursor:pointer !important;
  padding-right:26px !important;
  background-image:linear-gradient(45deg,transparent 50%,#7cf0ff 50%),linear-gradient(135deg,#7cf0ff 50%,transparent 50%) !important;
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50% !important;
  background-size:5px 5px !important;
  background-repeat:no-repeat !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField select option {
  color:#eaffff !important;
  background:#071b28 !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField input::placeholder {
  color:rgba(158,238,255,.45) !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .accountField input:focus, #settingsWindow .settingsPage[data-settings-page="account"] .accountField select:focus {
  border-color:#7cf0ff !important;
  box-shadow:0 0 10px rgba(0,217,255,.25) !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .factionChangeCost {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
  padding:6px 10px !important;
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.035) !important;
  font-size:9px !important;
  color:rgba(232,244,255,.6) !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .factionChangeCost ul {
  margin:0 !important;
  padding-left:16px !important;
  display:grid !important;
  gap:2px !important;
  list-style:disc !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .factionChangeCost li {
  line-height:1.4 !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .factionChangeCost strong {
  color:#ffd477 !important;
  font-size:10px !important;
}
#settingsWindow .settingsPage[data-settings-page="account"] .settingsResetBtn {
  width:100% !important;
  min-height:34px !important;
  margin:auto 0 0 !important;
}
#settingsWindow .accountPanelIntro {
  display:none !important;
}
@media (max-width:760px){
  #settingsWindow .settingsPage[data-settings-page="account"]{ overflow-y:auto !important; }
  #settingsWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
    overflow:visible !important;
  }
  #settingsWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid > *{
    padding-left:0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(100,200,255,.14) !important;
    padding-top:10px !important;
    margin-top:10px !important;
  }
  #settingsWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid > *:first-child{
    border-top:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }
  #settingsWindow .settingsPage[data-settings-page="account"] .accountSecurityCard{ grid-column:auto !important; }
  #settingsWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields{
    grid-template-columns:1fr !important;
  }
}
/* Prix boutique (liste) : montant dore + "credits" blanc.
   Place en fin de fichier pour battre :
   - #profileOverlay .shopMeta span
   - #shopOverlay .shopMeta span */
html body #shopOverlay .shopMeta .shopRowPrice,
html body #profileOverlay .shopMeta .shopRowPrice,
html body #shopOverlay .shopMeta span.shopRowPrice,
html body #profileOverlay .shopMeta span.shopRowPrice {
  color:#ffd24d !important;
  font-size:11px !important;
  font-weight:600 !important;
}
html body #shopOverlay .shopMeta .shopRowPrice .shopPriceValue,
html body #profileOverlay .shopMeta .shopRowPrice .shopPriceValue,
html body #shopOverlay .shopMeta span.shopRowPrice span.shopPriceValue,
html body #profileOverlay .shopMeta span.shopRowPrice span.shopPriceValue {
  color:#ffd24d !important;
  font-size:11px !important;
  font-weight:600 !important;
}
html body #shopOverlay .shopMeta .shopRowPrice .shopPriceCurrency,
html body #profileOverlay .shopMeta .shopRowPrice .shopPriceCurrency,
html body #shopOverlay .shopMeta span.shopRowPrice span.shopPriceCurrency,
html body #profileOverlay .shopMeta span.shopRowPrice span.shopPriceCurrency {
  color:#ffffff !important;
  font-size:10px !important;
  font-weight:600 !important;
}
/* Modules + historique des modules : tous les textes gris en blanc
   (accents cyan/doré et couleurs de rareté conservés). */
html body #shopOverlay .extrasRouletteCost,
html body #profileOverlay .extrasRouletteCost,
html body #shopOverlay .extrasRouletteHeader p,
html body #profileOverlay .extrasRouletteHeader p,
html body #shopOverlay .moduleCostLabel,
html body #profileOverlay .moduleCostLabel,
html body #shopOverlay .moduleCreditCost,
html body #profileOverlay .moduleCreditCost,
html body #shopOverlay .moduleTicketStock,
html body #profileOverlay .moduleTicketStock,
html body #shopOverlay .moduleDailyRolls,
html body #profileOverlay .moduleDailyRolls,
html body #shopOverlay .moduleAutoRoll span,
html body #profileOverlay .moduleAutoRoll span,
html body #shopOverlay .moduleHistoryPanel > header span,
html body #profileOverlay .moduleHistoryPanel > header span,
html body #shopOverlay .moduleHistoryIndex,
html body #profileOverlay .moduleHistoryIndex,
html body #shopOverlay .moduleHistoryMeta span:not(.moduleHistoryRarity),
html body #profileOverlay .moduleHistoryMeta span:not(.moduleHistoryRarity),
html body #shopOverlay .moduleHistoryRow time,
html body #profileOverlay .moduleHistoryRow time,
html body #shopOverlay .moduleHistoryEmpty,
html body #profileOverlay .moduleHistoryEmpty,
html body #shopOverlay .moduleHistoryReroll,
html body #profileOverlay .moduleHistoryReroll,
html body #shopOverlay .moduleHistoryPayment,
html body #profileOverlay .moduleHistoryPayment,
html body #shopOverlay .moduleHistoryPayment.legacy,
html body #profileOverlay .moduleHistoryPayment.legacy,
html body #shopOverlay .moduleTicketCost small,
html body #profileOverlay .moduleTicketCost small {
  color:#ffffff !important;
}
/* Compétences boutique : centrées, texte blanc. */
html body #shopOverlay .shopPreview .shopItemStat.shopAbility,
html body #profileOverlay .shopPreview .shopItemStat.shopAbility {
  display:block !important;
  margin:2px 0 !important;
  text-align:center !important;
  color:#ffffff !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopAbilityTitle,
html body #profileOverlay .shopPreview .shopItemStat.shopAbilityTitle {
  text-align:center !important;
  color:#ffffff !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopEffetLine,
html body #profileOverlay .shopPreview .shopItemStat.shopEffetLine {
  text-align:center !important;
  color:#ffffff !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopEffetLine > strong:first-child,
html body #profileOverlay .shopPreview .shopItemStat.shopEffetLine > strong:first-child {
  color:#ffd56a !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopEffetLine strong,
html body #profileOverlay .shopPreview .shopItemStat.shopEffetLine strong {
  margin-left:0 !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shipStatLine strong,
html body #profileOverlay .shopPreview .shopItemStat.shipStatLine strong {
  margin-left:0 !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopAbility strong,
html body #profileOverlay .shopPreview .shopItemStat.shopAbility strong,
html body #shopOverlay .shopPreview .shopItemStat.shopAbilityTitle,
html body #profileOverlay .shopPreview .shopItemStat.shopAbilityTitle {
  color:#ffd56a !important;
}
html body #shopOverlay .shopPreview .shopItemStat.shopAbility em,
html body #profileOverlay .shopPreview .shopItemStat.shopAbility em {
  color:#ffffff !important;
}
html body #shopOverlay .shopPreview .shopAbilitiesGrid,
html body #profileOverlay .shopPreview .shopAbilitiesGrid {
  justify-content:center !important;
}
html body #shopOverlay .shopPreview p.shopDesignWarn,
html body #profileOverlay .shopPreview p.shopDesignWarn {
  color:#ff5b6a !important;
}
html body #shopOverlay .shopPreview .shopFormationReq,
html body #profileOverlay .shopPreview .shopFormationReq {
  color:#ff5b6a !important;
  font-weight:600 !important;
}
/* Bloc coût d'achat vaisseaux/designs : centré, rapproché du dessus. */
html body #shopOverlay .shopPreview .shopAmmoCost.shipCostBlock,
html body #profileOverlay .shopPreview .shopAmmoCost.shipCostBlock {
  margin-top:8px !important;
  text-align:center !important;
}
/* Previews boutique : pas de séparateur au-dessus d'Acheter. */
html body #shopOverlay .shopPreview .shopBuySection,
html body #profileOverlay .shopPreview .shopBuySection {
  border-top:0 !important;
}
/* Sélecteur de niveau gears/protocoles dans la ligne façon munitions. */
.shopAmmoQtyRow > select.shopLevelSelect {
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:230px !important;
  height:36px !important;
  padding:0 26px 0 10px !important;
  box-sizing:border-box !important;
  outline:0 !important;
  border:1px solid rgba(124,240,255,.30) !important;
  border-radius:7px !important;
  color:#effcff !important;
  background-color:#051521 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-align:center !important;
  text-overflow:ellipsis !important;
  cursor:pointer !important;
}
.shopAmmoQtyRow > select.shopLevelSelect:focus {
  border-color:#69e9ff !important;
}
.shopAmmoQtyRow > select.shopLevelSelect option {
  color:#effcff !important;
  background-color:#071622 !important;
}
/* Previews hors carte (drones, formations, P.E.T, gears) : taille réelle. */
html body #shopOverlay .shopPreview .stillPreviewWrap,
html body #profileOverlay .shopPreview .stillPreviewWrap {
  display:flex !important;
  justify-content:center !important;
  margin:0 auto 16px !important;
}
html body #shopOverlay .shopPreview .stillPreviewWrap img.stillPreviewImg,
html body #profileOverlay .shopPreview .stillPreviewWrap img.stillPreviewImg,
html body #shopOverlay .shopPreview .dronePreviewWrap img.droneShopImage,
html body #profileOverlay .shopPreview .dronePreviewWrap img.droneShopImage {
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  transform:none !important;
}
/* Check "possédé" des lignes boutique : vert, visible, collé à droite. */
html body #shopOverlay .shopRow > .shopOwnedCheck,
html body #profileOverlay .shopRow > .shopOwnedCheck {
  margin-left:auto !important;
  flex:0 0 auto !important;
  align-self:center !important;
  color:#00ff88 !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1 !important;
}
/* Mention "Possédé ✓" des previews : vert + espacée. */
html body #shopOverlay .shopPreview .previewOwnedWord,
html body #profileOverlay .shopPreview .previewOwnedWord {
  color:#00ff88 !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  margin-left:8px !important;
}
html body #shopOverlay .shopPreview .previewOwnedCheck,
html body #profileOverlay .shopPreview .previewOwnedCheck {
  color:#00ff88 !important;
  font-weight:900 !important;
}
/* Jauges + mode P.E.T masqués (P.E.T inactif) : bat le display !important. */
html body #petWindow.petMetersHidden .barWrap.petMeters,
html body #petWindow.petMetersHidden .petModeRow {
  display:none !important;
}
/* Descriptions gears/protocoles : une seule ligne, sans retour auto. */
html body #shopOverlay .shopPreview .shopItemStat.singleline,
html body #profileOverlay .shopPreview .shopItemStat.singleline {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
/* Lignes de stock des previews (drones, P.E.T...) : centrées. */
html body #shopOverlay .shopPreview .shopAmmoOwned,
html body #profileOverlay .shopPreview .shopAmmoOwned {
  text-align:center !important;
}
/* Onglet MODULES collé tout en bas de la liste des onglets. */
html body #shopOverlay .profileHeaderCard .profileTabs,
html body #profileOverlay .profileHeaderCard .profileTabs {
  flex:1 1 auto !important;
}
html body #shopOverlay #shopWindowTabs .tabBtn[data-shop="extras"],
html body #profileOverlay #shopWindowTabs .tabBtn[data-shop="extras"],
html body #profileOverlay #shopTabs .subtabBtn[data-shop="extras"] {
  order:99 !important;
  margin-top:auto !important;
}

#fitOverlay #fitCard.droneMode .droneEquipmentCard {
  grid-template-columns:72px minmax(100px,1fr) minmax(110px,1fr) auto auto !important;
}
#fitOverlay #fitCard .droneCardDesignBonus {
  color:#9adecc;
  font-size:11px;
  line-height:1.5;
  white-space:normal;
}
#fitOverlay #fitCard .droneDesignSlot img {
  width:100%; height:100%; object-fit:contain;
}
/* Fenetre Titres : taille + specifiques (les styles cartes/checkbox sont le miroir exact des Parametres en fin de fichier) */
.titlePanel{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 30px);display:flex;flex-direction:column;overflow:hidden}
.passPanel{width:min(520px,calc(100vw - 24px));max-height:min(640px,calc(100vh - 30px));display:flex;flex-direction:column;overflow:hidden}
.passPanel.gameWindow:not(.gameWinMinimized){display:flex !important}
.passHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 0}
.passStatus{font-size:12px;font-weight:700;color:#dff7ff}
.passKeys{font-size:12px;font-weight:800;color:#ffd76b;font-variant-numeric:tabular-nums;white-space:nowrap}
.passTabs{display:flex;gap:8px;padding:10px 14px 10px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}
.passTab{flex:1 1 0;height:30px;padding:0 14px;box-sizing:border-box;border:1px solid rgba(124,240,255,.38);border-radius:8px;color:#eaffff;background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));cursor:pointer;font:800 11px/1.2 ui-sans-serif,system-ui}
.passTab:hover,.passTab.active{border-color:rgba(124,240,255,.62);background:rgba(0,140,185,.3);color:#eaffff}
.passShopRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03)}
.passShopInfo{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}
.passShopInfo b{font-size:12px}
.passShopInfo small{font-size:11px;color:#9aa3b2}
.passRoll{flex:0 0 auto;font-size:11px;font-weight:800;padding:6px 12px;border-radius:8px;border:1px solid rgba(124,240,255,.38);background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));color:#eaffff;cursor:pointer;white-space:nowrap}
.passRoll:disabled{opacity:.55;cursor:default}
.passRoll:not(:disabled):hover{border-color:rgba(124,240,255,.62)}
.passRollResult{padding:8px 10px;border:1px solid rgba(255,209,92,.45);border-radius:10px;background:rgba(255,209,92,.06);font-size:12px;color:#f0f9ff}
.passRollResult b{color:#ffd76b}
.passRollResult ul{margin:4px 0 0;padding-left:16px}
.passShopEmpty{font-size:12px;color:#9aa3b2;text-align:center;padding:8px}
.passList{display:flex;flex-direction:column;gap:8px;padding:12px 14px;overflow-y:auto;max-height:430px}
.passList[hidden]{display:none}
.passRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03)}
.passRow.isDone{border-color:rgba(87,255,138,.4)}
.passClaim .passCheck{color:#00ff88;font-weight:900;font-size:18px;line-height:1}
.passInfo{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}
.passInfo b{font-size:12px;color:#f0f9ff}
.passCount{font-size:11px;color:#9aa3b2;font-variant-numeric:tabular-nums}
.passBar{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.passBar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#ff8c1a,#ffd76b)}
.passRow.isDone .passBar i{background:linear-gradient(90deg,#2fd47e,#9dffb9)}
.passClaim{flex:0 0 auto;font-size:11px;font-weight:800;padding:6px 12px;border-radius:8px;border:1px solid rgba(124,240,255,.38);background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34));color:#eaffff;cursor:pointer;white-space:nowrap}
.passClaim:disabled{opacity:.55;cursor:default}
.passClaim:not(:disabled):hover{border-color:rgba(124,240,255,.62)}
.titlePanel.gameWindow:not(.gameWinMinimized){display:flex !important}

/* === Fenetre Titres : miroir exact des styles Parametres (#settingsWindow -> #titleWindow) === */
#boxWave.gameWindow, #boxMeta.gameWindow, #boxVitals.gameWindow, #boxPerformance.gameWindow, #minimap.gameWindow, #titleWindow.gameWindow{
  padding:0 !important;
}#boxWave.gameWindow:not(.floating), #boxMeta.gameWindow:not(.floating), #boxVitals.gameWindow:not(.floating), #boxPerformance.gameWindow:not(.floating), #minimap.gameWindow:not(.floating), #titleWindow.gameWindow:not(.floating){
  position:absolute !important;
}#titleWindow.gameWindow:not(.floating){
  left:320px !important;
  top:80px !important;
}#titleWindow .settingsBody{
  padding:12px;
  gap:9px;
  max-height:min(72vh, 720px);
  overflow:auto;
}#titleWindow .settingsIntro{
  margin-bottom:2px;
  color:rgba(232,244,255,.68);
  font-size:12px;
  font-weight:800;
}#titleWindow .settingsToggle, #titleWindow .keyBindRow, #titleWindow .settingsResetBtn{
  width:100%;
  border-radius:12px;
  color:rgba(232,244,255,.92);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}#titleWindow .settingsToggle{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(124,240,255,.22);
  background:rgba(255,255,255,.055);
  padding:0 12px;
}#titleWindow .settingsToggle:hover, #titleWindow .keyBindRow:hover{
  transform:translateY(-1px);
  border-color:rgba(124,240,255,.55);
  background:rgba(0,217,255,.10);
  box-shadow:0 0 18px rgba(0,217,255,.12);
}#titleWindow .settingsToggle.isOn{
  border-color:rgba(0,255,136,.35);
  background:rgba(0,255,136,.08);
}#titleWindow .settingsToggle.isOff{
  border-color:rgba(255,107,122,.35);
  background:rgba(255,107,122,.08);
  color:rgba(255,210,218,.92);
}#titleWindow .settingsSection{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(124,240,255,.16);
  display:grid;
  gap:7px;
}#titleWindow .settingsSectionTitle{
  margin-bottom:2px;
  color:rgba(124,240,255,.95);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.4px;
}#titleWindow .settingsSectionSub{
  margin-top:6px;
  color:rgba(232,244,255,.55);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}#titleWindow .keyBindRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(124,240,255,.16);
  background:rgba(255,255,255,.045);
}#titleWindow .keyBindRow.waiting{
  border-color:rgba(255,210,122,.75);
  background:rgba(255,210,122,.12);
  box-shadow:0 0 18px rgba(255,210,122,.18);
}#titleWindow .keyBindRow kbd{
  min-width:42px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(124,240,255,.28);
  background:rgba(3,8,20,.72);
  color:#7cf0ff;
  font-family:inherit;
  font-size:11px;
  font-weight:1000;
  box-shadow:
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 0 10px rgba(0,217,255,.08);
}#titleWindow .settingsResetBtn{
  margin-top:6px;
  border:1px solid rgba(255,210,122,.28);
  background:rgba(255,210,122,.08);
  color:rgba(255,235,190,.95);
}#titleWindow .settingsResetBtn:hover{
  border-color:rgba(255,210,122,.62);
  box-shadow:0 0 16px rgba(255,210,122,.16);
}.profileGrid::-webkit-scrollbar, .shopList::-webkit-scrollbar, .shopPreview::-webkit-scrollbar, #profileOverlay .shopLayoutGrid::-webkit-scrollbar, #titleWindow .settingsBody::-webkit-scrollbar{
  width:8px;
  height:8px;
}.profileGrid::-webkit-scrollbar-track, .shopList::-webkit-scrollbar-track, .shopPreview::-webkit-scrollbar-track, #profileOverlay .shopLayoutGrid::-webkit-scrollbar-track, #titleWindow .settingsBody::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
  border-radius:10px;
}.profileGrid::-webkit-scrollbar-thumb, .shopList::-webkit-scrollbar-thumb, .shopPreview::-webkit-scrollbar-thumb, #profileOverlay .shopLayoutGrid::-webkit-scrollbar-thumb, #titleWindow .settingsBody::-webkit-scrollbar-thumb{
  background:rgba(0,217,255,.3);
  border-radius:10px;
}#titleWindow .settingsCheck{
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:7px 11px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}#titleWindow .settingsCheck input{
  width:17px;
  height:17px;
  accent-color:#7cf0ff;
}#titleWindow .settingsCheck span{
  display:grid;
  gap:2px;
  font-size:12px;
}#titleWindow .settingsCheck span{
  min-width:0;
  overflow-wrap:anywhere;
}#titleWindow .settingsCheck small{
  color:rgba(232,244,255,.58);
  font-size:10px;
}#titleWindow .settingsCheck, #titleWindow .settingsToggle, #titleWindow .settingsResetBtn{
  height:34px;
  min-height:34px;
}#titleWindow .keyBindRow{
  height:32px;
  min-height:32px;
}#titleWindow .settingsBody{
  max-height:none;
  display:flex;
  flex-direction:column;
}#titleWindow .settingsPage{
  flex:1 1 auto;
  height:auto;
  padding:14px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:hidden;
}#titleWindow .settingsPageIntro{
  gap:2px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(124,240,255,.11);
}#titleWindow .settingsPageIntro b{
  color:#effbff;
  font-size:13px;
}#titleWindow .settingsPageIntro span{
  color:rgba(204,228,241,.50);
  font-size:9px;
}#titleWindow .settingsPreferences{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:8px;
  align-items:stretch;
}#titleWindow .settingsVisual, #titleWindow .settingsAudio{
  min-width:0;
  padding:8px;
  box-sizing:border-box;
  border:1px solid rgba(124,240,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.055);
}#titleWindow .settingsVisual{
  display:grid;
  gap:6px;
  overflow:hidden;
}#titleWindow .settingsVisualTitle{
  padding:0 2px 5px;
  border-bottom:1px solid rgba(124,240,255,.10);
  color:rgba(124,240,255,.72);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}#titleWindow .settingsVisualGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  min-width:0;
  align-content:center;
}#titleWindow .settingsVisual .settingsCheck{
  padding:4px 8px;
  border-radius:8px;
  width:100%;
  box-sizing:border-box;
}#titleWindow .settingsVisual .settingsCheck span{
  font-size:11px;
  overflow-wrap:anywhere;
}#titleWindow .settingsVisual .settingsCheck input{
  width:14px;
  height:14px;
}#titleWindow .settingsFpsRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  height:34px;
  padding:4px 8px;
  border:1px solid rgba(124,240,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  box-sizing:border-box;
}#titleWindow .settingsFpsRow span{
  display:grid;
  gap:2px;
  font-size:11px;
}#titleWindow .settingsFpsRow small{
  color:rgba(232,244,255,.58);
  font-size:10px;
}#titleWindow .settingsFpsRow select{
  background:#051521;
  color:#effcff;
  border:1px solid rgba(124,240,255,.38);
  border-radius:8px;
  height:26px;
  padding:0 8px;
  font:800 11px/1 ui-sans-serif,system-ui;
  cursor:pointer;
}#titleWindow .settingsFpsRow select option{
  background:#071622;
  color:#effcff;
}#titleWindow .settingsAudio{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  align-self:stretch;
}#titleWindow .settingsAudio .settingsToggle{
  width:100%;
  justify-content:center;
  letter-spacing:.3px;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
}#titleWindow .settingsAudio .settingsVolumeRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}#titleWindow .settingsAudio .settingsVolumeSlider{
  flex:1 1 auto;
  min-width:0;
  height:11px;
  margin:0;
  accent-color:#7cf0ff;
  cursor:pointer;
}#titleWindow .settingsAudio .settingsVolumeValue{
  flex:0 0 auto;
  color:#7cf0ff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  background:rgba(0,217,255,.10);
  border:1px solid rgba(0,217,255,.25);
  padding:0 7px;
  border-radius:6px;
  white-space:nowrap;
}#titleWindow .settingsToggle{
  padding:0 8px;
  border-radius:8px;
  white-space:nowrap;
  transform:none!important;
  box-shadow:none!important;
}#titleWindow .settingsCheck{
  flex:0 0 auto;
  align-self:stretch;
  padding:5px 11px;
}#titleWindow .settingsKeyColumns{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:10px;
  align-content:start;
  overflow-y:auto;
  overflow-x:hidden;
}#titleWindow .settingsKeyGroup{
  min-width:0;
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:5px;
  align-content:start;
  border:1px solid rgba(124,240,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}#titleWindow .settingsSectionSub{
  margin:0 0 3px;
  padding:0 2px 5px;
  border-top:0;
  border-bottom:1px solid rgba(124,240,255,.10);
  color:rgba(124,240,255,.72);
  font-size:10px;
}#titleWindow .keyBindRow{
  min-width:0;
  width:100%;
  padding:0 10px;
  border-radius:8px;
  font-size:11px;
  box-sizing:border-box;
  transform:none!important;
  box-shadow:none!important;
}#titleWindow .keyBindRow > span{
  min-width:0;
  white-space:normal;
  line-height:1.2;
  text-align:left;
}#titleWindow .keyBindRow > kbd{
  flex:0 0 auto;
  margin-left:8px;
}#titleWindow .settingsControlsIntro{
  margin-top:0;
}#titleWindow .settingsPageFooter{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:8px;
  border-top:1px solid rgba(124,240,255,.11);
}#titleWindow .settingsPageFooter:has(> :only-child){
  grid-template-columns:1fr;
}#titleWindow .settingsResetBtn{
  width:100%;
  font-size:11px;
}#titleWindow .settingsTabs{
  flex:0 0 auto;
  gap:6px;
  padding:10px 14px 0;
}#titleWindow .settingsTab{
  flex:1 1 0;
  min-width:0;
  height:32px;
  padding:0 8px;
  border:1px solid rgba(124,240,255,.22);
  color:rgba(204,228,241,.65);
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}#titleWindow .settingsTab:hover{
  border-color:rgba(124,240,255,.45);
}#titleWindow .settingsTab.active{
  color:#06222e;
  background:linear-gradient(180deg,#7cf0ff,#38b6d6);
  border-color:#7cf0ff;
}#titleWindow .sfxList{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px;
}#titleWindow .sfxRow{
  display:grid;
  grid-template-columns:auto minmax(110px,1fr) minmax(110px,1.4fr) auto;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:4px 10px;
  border:1px solid rgba(124,240,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  cursor:pointer;
  box-sizing:border-box;
}#titleWindow .sfxRow.muted{
  opacity:.55;
}#titleWindow .sfxRow input[type="checkbox"]{
  width:15px;
  height:15px;
  accent-color:#7cf0ff;
  cursor:pointer;
}#titleWindow .sfxRow .sfxName{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dceef4;
  font-size:11px;
  font-weight:700;
}#titleWindow .sfxRow .settingsVolumeSlider{
  width:100%;
  min-width:0;
  height:11px;
  margin:0;
  accent-color:#7cf0ff;
  cursor:pointer;
}#titleWindow .sfxRow .settingsVolumeSlider:disabled{
  opacity:.4;
  cursor:default;
}#titleWindow .sfxRow .settingsVolumeValue{
  color:#7cf0ff;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  background:rgba(0,217,255,.10);
  border:1px solid rgba(0,217,255,.25);
  padding:0 7px;
  border-radius:6px;
  white-space:nowrap;
  min-width:44px;
  text-align:center;
}#titleWindow .settingsBody, #titleWindow .settingsPage, #titleWindow .settingsKeyColumns{
  scrollbar-width:none;
}#titleWindow .settingsBody::-webkit-scrollbar, #titleWindow .settingsPage::-webkit-scrollbar, #titleWindow .settingsKeyColumns::-webkit-scrollbar{
  display:none;
}#titleWindow #musicList{
  flex:0 0 auto;
  min-height:fit-content;
  overflow:visible;
}#titleWindow .sfxList{
  scrollbar-width:thin;
  scrollbar-color:rgba(124,240,255,.45) transparent;
}#titleWindow .sfxList::-webkit-scrollbar{
  display:block;
  width:8px;
}#titleWindow .sfxList::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:4px;
}#titleWindow .sfxList::-webkit-scrollbar-thumb{
  background:rgba(124,240,255,.35);
  border-radius:4px;
}#titleWindow .sfxList::-webkit-scrollbar-thumb:hover{
  background:rgba(124,240,255,.6);
}@media (max-width:600px){#titleWindow .settingsPage{overflow-y:auto}#titleWindow .settingsPreferences{grid-template-columns:1fr}#titleWindow .settingsKeyColumns{grid-template-columns:1fr;overflow-y:auto}#titleWindow .settingsSlotKeyColumns{grid-template-columns:1fr}}#titleWindow .settingsKeyColumns{
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) !important;
}#titleWindow .settingsSlotKeys{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px 8px;
}#titleWindow .settingsSlotKeyColumns{
  display:grid;
  gap:5px 10px;
}#titleWindow .settingsSlotKeyCol .settingsSlotKeys{
  grid-template-columns:repeat(2,minmax(0,1fr));
}#titleWindow .settingsSlotKeyGroup{
  min-width:0;
}#titleWindow .settingsPreferences{
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important;
}#titleWindow .settingsCheck{
  height:34px !important;
  min-height:34px !important;
  align-items:center !important;
}#titleWindow .settingsVisual .settingsCheck{
  height:34px !important;
  min-height:34px !important;
  padding:4px 8px !important;
}#titleWindow .settingsVisual .settingsCheck span{
  font-size:11px !important;
}#titleWindow .settingsCheck span{
  min-width:0 !important;
  line-height:1.15 !important;
}#titleWindow .settingsCheck small{
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}#titleWindow .settingsSoundControl{
  height:auto !important;
}#titleWindow .settingsSlotKeys .keyBindRow{
  height:32px !important;
  min-height:32px !important;
  padding:4px 9px !important;
  font-size:10px !important;
  width:100% !important;
}#titleWindow .settingsSlotKeys .keyBindRow kbd{
  min-width:30px !important;
  padding:3px 5px !important;
}#profileOverlay .accountSettingsGrid, #titleWindow .accountSettingsGrid{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}#profileOverlay #panel_account .accountSettingsGrid, #titleWindow .accountSettingsGrid{
  flex: 0 0 auto !important;
  grid-auto-rows: minmax(280px, auto) !important;
  overflow: visible !important;
}#profileOverlay #panel_account .accountCard, #titleWindow .accountCard{
  overflow: visible !important;
}#profileOverlay .accountCard, #titleWindow .accountCard{
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow-y: auto !important;
  border: 1px solid rgba(124,240,255,.14) !important;
  border-radius: 10px !important;
  background: #071622 !important;
}#profileOverlay .accountCardHeader, #titleWindow .accountCardHeader{
  min-width: 0 !important;
  padding-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border-bottom: 1px solid rgba(124,240,255,.12) !important;
}#profileOverlay .accountCardIcon, #titleWindow .accountCardIcon{
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,240,255,.22) !important;
  border-radius: 9px !important;
  color: #74e8ff !important;
  background: #0a2a3c !important;
  font-size: 15px !important;
}#profileOverlay .accountCardHeader h3, #titleWindow .accountCardHeader h3{
  margin: 0 !important;
  color: #effbff !important;
  font-size: 14px !important;
}#profileOverlay .accountCardHeader p, #titleWindow .accountCardHeader p{
  margin: 3px 0 0 !important;
  overflow: hidden !important;
  color: rgba(204,228,241,.58) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}#profileOverlay .passwordFields, #titleWindow .passwordFields{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}#profileOverlay .passwordFields .accountField:first-child, #titleWindow .passwordFields .accountField:first-child{
  grid-column: 1 / -1 !important;
}#profileOverlay .accountField, #titleWindow .accountField{
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}#profileOverlay .accountField > span, #titleWindow .accountField > span{
  color: rgba(204,228,241,.62) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}#profileOverlay .accountField input, #profileOverlay .accountField select, #titleWindow .accountField input, #titleWindow .accountField select{
  width: 100% !important;
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  border: 1px solid rgba(124,240,255,.18) !important;
  border-radius: 8px !important;
  color: #eaf9ff !important;
  background: #05111c !important;
  font: 700 11px/1 system-ui !important;
}#profileOverlay .accountField select, #titleWindow .accountField select{
  appearance: none !important;
  cursor: pointer !important;
}#profileOverlay .accountField select option, #titleWindow .accountField select option{
  color: #eaf9ff;
  background: #071622;
}#profileOverlay .accountPanelIntro, #titleWindow .accountPanelIntro{
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #effbff;
}#profileOverlay .accountPanelIntro span, #titleWindow .accountPanelIntro span{
  color: rgba(204,228,241,.62);
  font-size: 10px;
}#profileOverlay .factionChangeCost, #titleWindow .factionChangeCost{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(255,174,73,.2);
  border-radius: 8px;
  color: rgba(230,238,244,.72);
  background: rgba(255,145,45,.055);
  font-size: 10px;
}#profileOverlay .factionChangeCost strong, #titleWindow .factionChangeCost strong{
  color: #ffc06b;
  font-size: 11px;
}#profileOverlay .accountField input:focus, #titleWindow .accountField input:focus{
  border-color: rgba(124,240,255,.62) !important;
}#profileOverlay .accountField input::placeholder, #titleWindow .accountField input::placeholder{
  color: rgba(185,211,225,.34) !important;
}#profileOverlay .accountCard > button, #titleWindow .accountCard > button{
  width: 100% !important;
  margin-top: auto !important;
}@media (max-width: 900px){#profileOverlay .passwordFields, #titleWindow .passwordFields{ grid-template-columns: 1fr !important; }#profileOverlay .passwordFields .accountField:first-child, #titleWindow .passwordFields .accountField:first-child{ grid-column: auto !important; }}@media (max-width: 650px){#profileOverlay .accountSettingsGrid, #titleWindow .accountSettingsGrid{ grid-template-columns: 1fr !important; overflow: visible !important; }#profileOverlay .accountCard, #titleWindow .accountCard{ min-height: 290px !important; overflow: visible !important; }}#titleWindow .settingsBody{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  height:calc(100% - 30px);
  min-height:0;
  padding:0;
  overflow:hidden;
  color:#dff7ff;
  background:linear-gradient(145deg,rgba(3,18,29,.98),rgba(3,10,18,.98));
}#titleWindow .settingsTabs{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:14px 10px;
  border:0;
  border-right:1px solid rgba(124,240,255,.18);
  background:linear-gradient(180deg,rgba(9,39,57,.72),rgba(3,15,25,.7));
  overflow-y:auto;
}#titleWindow .settingsNavHead{
  display:grid;
  gap:2px;
  padding:4px 8px 15px;
  margin-bottom:3px;
  border-bottom:1px solid rgba(124,240,255,.12);
}#titleWindow .settingsNavHead b{
  color:#fff;
  font:900 15px/1.2 ui-sans-serif,system-ui;
  letter-spacing:.2px;
}#titleWindow .settingsNavHead span{
  color:#72aabe;
  font:700 9px/1.25 ui-sans-serif,system-ui;
}#titleWindow .settingsTab{
  position:relative;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  min-height:39px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:8px;
  color:#8fbaca;
  background:transparent;
  font:800 11px/1 ui-sans-serif,system-ui;
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}#titleWindow .settingsTab:hover{
  color:#eaffff;
  background:rgba(124,240,255,.06);
}#titleWindow .settingsTab.active{
  color:#eaffff;
  border-color:rgba(82,221,255,.32);
  background:linear-gradient(90deg,rgba(0,156,205,.28),rgba(0,110,150,.08));
  box-shadow:inset 3px 0 #4de4ff,0 0 15px rgba(0,179,224,.07);
}#titleWindow .settingsTabIcon{
  display:grid;
  place-items:center;
  width:20px;
  color:#62e7ff;
  font-size:15px;
}#titleWindow .settingsPage{
  display:none;
  grid-column:2;
  min-width:0;
  min-height:0;
  padding:18px;
  overflow-y:auto;
  align-content:start;
  gap:14px;
  scrollbar-width:thin;
  scrollbar-color:rgba(72,207,238,.5) rgba(0,0,0,.15);
}#titleWindow .settingsPage.active{
  display:flex;
  flex-direction:column;
}#titleWindow .settingsPageIntro{
  display:grid;
  gap:3px;
  padding:0 2px 12px;
  border-bottom:1px solid rgba(124,240,255,.14);
}#titleWindow .settingsPageIntro b{
  color:#fff;
  font:900 17px/1.2 ui-sans-serif,system-ui;
}#titleWindow .settingsPageIntro span{
  color:#81afbf;
  font:700 10px/1.35 ui-sans-serif,system-ui;
}#titleWindow .settingsCardGrid{
  display:grid;
  gap:12px;
  align-items:start;
}#titleWindow .settingsCardGridTwo{
  grid-template-columns:repeat(2,minmax(0,1fr));
}#titleWindow .settingsCard{
  display:grid;
  align-content:start;
  gap:10px;
  min-width:0;
  padding:13px;
  border:1px solid rgba(124,240,255,.16);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(17,45,61,.5),rgba(4,18,29,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}#titleWindow .settingsCardHead{
  display:flex;
  align-items:center;
  gap:9px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(124,240,255,.1);
}#titleWindow .settingsCardHead>span{
  display:grid;
  place-items:center;
  flex:0 0 31px;
  height:27px;
  border:1px solid rgba(84,224,255,.3);
  border-radius:7px;
  color:#63e8ff;
  background:rgba(0,151,195,.13);
  font:900 9px/1 ui-sans-serif,system-ui;
}#titleWindow .settingsCardHead>div{
  display:grid;
  gap:2px;
  min-width:0;
}#titleWindow .settingsCardHead b{
  color:#f2fcff;
  font:900 11px/1.2 ui-sans-serif,system-ui;
}#titleWindow .settingsCardHead small{
  color:#719eae;
  font:700 9px/1.2 ui-sans-serif,system-ui;
}#titleWindow .settingsOptionGrid{
  display:grid;
  gap:7px;
}#titleWindow .settingsCheck{
  display:flex;
  align-items:flex-start !important;
  gap:9px;
  height:auto !important;
  min-height:52px !important;
  box-sizing:border-box;
  margin:0;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.1);
  border-radius:8px;
  background:rgba(0,0,0,.13);
  cursor:pointer;
  transition:.15s ease;
}#titleWindow .settingsCheck:hover{
  border-color:rgba(124,240,255,.3);
  background:rgba(67,210,239,.055);
}#titleWindow .settingsCheck input{
  flex:0 0 auto;
  margin-top:3px;
  accent-color:#35d9f5;
}#titleWindow .settingsCheck>span{
  display:grid;
  gap:2px;
  min-width:0;
}#titleWindow .settingsCheck b{
  color:#e9faff;
  font:800 10px/1.25 ui-sans-serif,system-ui;
}#titleWindow .settingsCheck small{
  color:#739dad;
  font:650 9px/1.35 ui-sans-serif,system-ui;
}#titleWindow .settingsPerformanceCard{
  gap:7px;
}#titleWindow .settingsPerformanceCard>span{
  color:#c9e4ed;
  font-size:10px;
  font-weight:800;
}#titleWindow select{
  width:100%;
  box-sizing:border-box;
  padding:8px 9px;
  border:1px solid rgba(124,240,255,.28);
  border-radius:8px;
  outline:none;
  color:#eaffff;
  background:#061b29;
  font:800 10px/1 ui-sans-serif,system-ui;
}#titleWindow .settingsHint{
  margin:0;
  color:#6f9aaa;
  font:650 9px/1.4 ui-sans-serif,system-ui;
}#titleWindow .settingsResetBtn{
  min-height:34px;
  margin:0;
  border:1px solid rgba(124,240,255,.28);
  border-radius:8px;
  color:#dcf8ff;
  background:linear-gradient(135deg,rgba(0,135,177,.22),rgba(4,40,57,.4));
  font:800 10px/1.2 ui-sans-serif,system-ui;
  cursor:pointer;
}#titleWindow .settingsResetBtn:hover{
  border-color:rgba(124,240,255,.55);
  background:rgba(0,140,185,.25);
}#titleWindow .settingsDangerBtn{
  border-color:rgba(255,118,118,.28);
  background:rgba(115,24,34,.2);
}#titleWindow .settingsDangerBtn:hover{
  border-color:rgba(255,118,118,.58);
  background:rgba(150,31,43,.28);
}#titleWindow .settingsKeyColumns{
  min-height:0;
}#titleWindow .settingsAudio{
  min-height:0;
}@media (max-width:760px){#titleWindow .settingsBody{ grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }#titleWindow .settingsTabs{ grid-row:1; display:flex; flex-direction:row; gap:4px; padding:7px; border-right:0; border-bottom:1px solid rgba(124,240,255,.18); overflow-x:auto; overflow-y:hidden; }#titleWindow .settingsNavHead{ display:none; }#titleWindow .settingsTab{ justify-content:center; min-width:96px; width:auto; min-height:34px; padding:0 8px; box-shadow:none; }#titleWindow .settingsTabIcon{ width:auto; }#titleWindow .settingsPage{ grid-column:1; grid-row:2; padding:12px; }#titleWindow .settingsCardGridTwo{ grid-template-columns:1fr; }}#titleWindow .settingsCard, #titleWindow .settingsKeyGroup{
  border:1px solid rgba(100,200,255,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(100,200,255,.025));
  box-shadow:none;
}#titleWindow .settingsCard{
  padding:15px;
  border-radius:12px;
}#titleWindow .settingsCardHead>span{
  border-color:rgba(100,200,255,.22);
  color:#87dff4;
  background:rgba(255,255,255,.045);
}#titleWindow .settingsCheck, #titleWindow .sfxRow{
  border-color:rgba(100,200,255,.16);
  background:rgba(255,255,255,.035);
}#titleWindow .settingsCheck:hover, #titleWindow .sfxRow:hover{
  border-color:rgba(0,217,255,.42);
  background:rgba(0,217,255,.075);
}#titleWindow .settingsToggle, #titleWindow .settingsResetBtn, #titleWindow .keyBindRow{
  border:1px solid rgba(124,240,255,.30);
  color:#eaffff;
  background:linear-gradient(135deg,rgba(0,145,190,.25),rgba(0,70,100,.20));
  box-shadow:none !important;
}#titleWindow .settingsToggle:hover, #titleWindow .settingsResetBtn:hover, #titleWindow .keyBindRow:hover{
  border-color:rgba(124,240,255,.58);
  background:rgba(0,140,185,.25);
}#titleWindow .settingsDangerBtn{
  border-color:rgba(255,118,118,.30);
  color:#ffc5c5;
  background:rgba(115,24,34,.18);
}#titleWindow .settingsPerformanceCard{
  gap:14px;
}#titleWindow .settingsFpsRow{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:13px;
  height:auto;
  min-height:0;
  padding:13px;
  border:1px solid rgba(100,200,255,.16);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  cursor:default;
}#titleWindow .settingsFpsRow>span{
  display:grid;
  gap:5px;
}#titleWindow .settingsFpsRow>span b{
  color:#effbff;
  font-size:11px;
}#titleWindow .settingsFpsRow>span small{
  color:#79a4b4;
  font-size:9px;
  line-height:1.45;
}#titleWindow .settingsFpsRow select{
  width:100%;
  height:34px;
  padding:0 10px;
  border-color:rgba(124,240,255,.34);
  background:#071b28;
}#titleWindow .settingsHint{
  padding:10px 11px;
  border-left:2px solid rgba(124,240,255,.38);
  background:rgba(0,0,0,.12);
  line-height:1.5;
}#titleWindow .settingsKeyColumns{
  gap:14px;
  padding:1px;
}#titleWindow .settingsKeyGroup{
  gap:7px;
  padding:13px;
  border-radius:12px;
}#titleWindow .settingsKeyGroup>.settingsSectionSub{
  margin:0 0 5px;
  padding:0 2px 10px;
  color:#eafaff;
  font-size:11px;
  letter-spacing:.45px;
}#titleWindow .settingsSlotKeyGroup>.keyBindRow{
  margin-bottom:5px;
}#titleWindow .settingsSlotKeyColumns{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:2px;
}#titleWindow .settingsSlotKeyCol{
  min-width:0;
  padding:10px;
  border:1px solid rgba(100,200,255,.15);
  border-radius:9px;
  background:rgba(0,0,0,.14);
}#titleWindow .settingsSlotKeyCol>.settingsSectionSub{
  margin:0 0 8px;
  padding:0 0 8px;
  color:#7cecff;
  font-size:9px;
  text-align:center;
  letter-spacing:.5px;
}#titleWindow .settingsSlotKeyCol .settingsSlotKeys{
  grid-template-columns:1fr;
  gap:5px;
}#titleWindow .keyBindRow{
  min-height:34px;
  height:34px;
}#titleWindow .keyBindRow kbd{
  border:1px solid rgba(124,240,255,.22);
  background:rgba(0,0,0,.24);
}@media (max-width:880px){#titleWindow .settingsKeyColumns{ grid-template-columns:1fr !important; }}@media (max-width:560px){#titleWindow .settingsSlotKeyColumns{ grid-template-columns:1fr; }}#titleWindow .settingsBody{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  height:calc(100% - 30px) !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#dff7ff !important;
  background:transparent !important;
}#titleWindow .settingsTabs{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:none !important;
  gap:10px !important;
  min-width:0 !important;
  padding:14px 14px 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}#titleWindow .settingsNavHead{
  display:flex !important;
  align-items:baseline !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 2px !important;
  border:0 !important;
  background:transparent !important;
}#titleWindow .settingsNavHead b{
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  background:linear-gradient(135deg,#ffffff,#00d9ff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#fff !important;
}#titleWindow .settingsNavHead span{
  color:rgba(232,244,255,.6) !important;
  font-size:12px !important;
  font-weight:600 !important;
}#titleWindow .settingsTabRow{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}#titleWindow .settingsTabIcon{
  display:none !important;
}#titleWindow .settingsTab{
  flex:1 1 0 !important;
  min-width:120px !important;
  width:auto !important;
  min-height:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  position:relative !important;
  gap:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}#titleWindow .settingsTab:hover:not(:disabled){
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}#titleWindow .settingsTab.active{
  color:#eaffff !important;
  border-color:rgba(124,240,255,.62) !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 16px rgba(0,217,255,.12) !important;
}#titleWindow .settingsTab:disabled{
  opacity:.35 !important;
  cursor:default !important;
}#titleWindow .settingsTab>span{
  display:block !important;
  width:100% !important;
  justify-self:center !important;
  text-align:center !important;
}#titleWindow .settingsTab.active::after{
  content:"" !important;
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
  pointer-events:none !important;
}#titleWindow .settingsTab.active::before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#00d9ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  animation:shopTabDotBlink 1s ease-in-out infinite !important;
  pointer-events:none !important;
}#titleWindow .settingsPage{
  display:none !important;
  grid-column:auto !important;
  grid-row:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  min-width:0 !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:14px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:transparent !important;
  border:0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(124,240,255,.4) transparent !important;
}#titleWindow .settingsPage.active{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  align-content:start !important;
}#titleWindow .settingsPage::-webkit-scrollbar{
  width:8px !important;
  display:block !important;
}#titleWindow .settingsPage::-webkit-scrollbar-track{
  background:rgba(0,0,0,.3) !important;
  border-radius:999px !important;
}#titleWindow .settingsPage::-webkit-scrollbar-thumb{
  background:rgba(124,240,255,.35) !important;
  border-radius:999px !important;
}#titleWindow .settingsPageIntro{
  display:grid !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 2px 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}#titleWindow .settingsPageIntro b{
  color:#f0f9ff !important;
  font-size:15px !important;
  font-weight:900 !important;
}#titleWindow .settingsPageIntro span{
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}#titleWindow .settingsCardGrid{
  display:grid !important;
  gap:12px !important;
  align-items:start !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCardGrid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:start !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCol{
  display:grid !important;
  gap:8px !important;
  align-content:start !important;
  min-width:0 !important;
}#titleWindow .settingsPage[data-settings-page="general"]{
  overflow:hidden !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCardGrid{
  flex:1 1 auto !important;
  min-height:0 !important;
  align-items:stretch !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCol:first-child{
  overflow:hidden !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsColScroll{
  min-height:0 !important;
  max-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start !important;
  padding-right:4px !important;
  scrollbar-width:thin !important;
  gap:5px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCard{
  padding:10px !important;
  gap:6px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsOptionGrid{
  gap:5px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCol{
  gap:6px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCheck{
  min-height:32px !important;
  padding:4px 9px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCheck input{
  margin-top:0 !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCheck>span{
  flex:1 1 auto !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsPlainRow{
  display:grid !important;
  grid-template-columns:1fr 220px !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 8px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsPlainRow>span, #titleWindow .settingsPage[data-settings-page="general"] .settingsPlainRow>span b{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  color:#effbff !important;
  font-size:11px !important;
  font-weight:800 !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsPlainRow select{
  min-width:0 !important;
  width:220px !important;
  max-width:220px !important;
  height:26px !important;
  padding:0 6px !important;
  background:#051521 !important;
  color:#effcff !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  font:800 11px/1 ui-sans-serif,system-ui !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsCol > * + *{
  border-top:0 !important;
  padding-top:0 !important;
}#titleWindow .settingsPage[data-settings-page="general"] .settingsColScroll > .settingsSectionSub:first-child{
  padding-top:11px !important;
}#titleWindow .settingsPage[data-settings-page="general"] .perfTag{
  margin-left:auto !important;
  flex:0 0 auto !important;
  align-self:center !important;
  font:900 9px/1 ui-sans-serif,system-ui !important;
  letter-spacing:.5px !important;
  padding:4px 7px !important;
  border-radius:20px !important;
  border:1px solid !important;
  font-style:normal !important;
}#titleWindow .settingsPage[data-settings-page="general"] .perfTag.high{
  color:#ff8f9a !important;
  border-color:rgba(255,90,105,.5) !important;
  background:rgba(255,60,80,.12) !important;
}#titleWindow .settingsPage[data-settings-page="general"] .perfTag.med{
  color:#ffc46b !important;
  border-color:rgba(255,170,60,.45) !important;
  background:rgba(255,150,40,.10) !important;
}#titleWindow .settingsPage[data-settings-page="general"] .perfTag.low{
  color:#7dffa8 !important;
  border-color:rgba(90,255,140,.4) !important;
  background:rgba(60,255,130,.08) !important;
}@media (max-width:760px){#titleWindow .settingsPage[data-settings-page="general"]{ overflow-y:auto !important; }#titleWindow .settingsPage[data-settings-page="general"] .settingsCardGrid{ grid-template-columns:1fr !important; }#titleWindow .settingsPage[data-settings-page="general"] .settingsColScroll{ overflow:visible !important; max-height:none !important; }}#titleWindow .settingsCardGridTwo{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}#titleWindow .settingsCard, #titleWindow .settingsKeyGroup, #titleWindow .settingsVisual, #titleWindow .settingsAudio{
  display:grid !important;
  align-content:start !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:14px !important;
  border:1px solid rgba(100,200,255,.2) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(138,43,226,.05)) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.3) !important;
  backdrop-filter:blur(12px) !important;
}#titleWindow .settingsCardHead{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 0 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}#titleWindow .settingsCardHead>span{
  flex:0 0 auto !important;
  min-width:34px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 8px !important;
  border:1px solid rgba(0,217,255,.3) !important;
  border-radius:8px !important;
  color:#7cf0ff !important;
  background:rgba(0,0,0,.25) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.6px !important;
  box-shadow:none !important;
}#titleWindow .settingsCardHead>div{
  display:grid !important;
  gap:2px !important;
  min-width:0 !important;
}#titleWindow .settingsCardHead b{
  color:#f2fcff !important;
  font-size:13px !important;
  font-weight:900 !important;
}#titleWindow .settingsCardHead small{
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}#titleWindow .settingsOptionGrid{
  display:grid !important;
  gap:8px !important;
}#titleWindow .settingsCheck, #titleWindow .sfxRow, #titleWindow .settingsFpsRow{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  height:auto !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:8px 12px !important;
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:border-color .15s ease,background .15s ease !important;
}#titleWindow .settingsCheck:hover, #titleWindow .sfxRow:hover{
  border-color:rgba(0,217,255,.42) !important;
  background:rgba(0,217,255,.075) !important;
}#titleWindow .settingsCheck input{
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  accent-color:#00d9ff !important;
  cursor:pointer !important;
}#titleWindow .settingsCheck input[type="checkbox"], #titleWindow .sfxRow input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:6px !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  accent-color:unset !important;
  cursor:pointer !important;
}#titleWindow .settingsCheck input[type="checkbox"]:checked::after, #titleWindow .sfxRow input[type="checkbox"]:checked::after{
  content:"✓" !important;
  color:#eaffff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}#titleWindow .settingsCheck input[type="checkbox"]:hover, #titleWindow .sfxRow input[type="checkbox"]:hover{
  border-color:rgba(124,240,255,.62) !important;
}#titleWindow .settingsVolumeSlider{
  -webkit-appearance:none !important;
  appearance:none !important;
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(0,217,255,.55),rgba(0,217,255,.12)) !important;
  box-shadow:none !important;
  outline:none !important;
  cursor:pointer !important;
}#titleWindow .settingsVolumeSlider::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:12px !important;
  height:12px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#7cf0ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  cursor:pointer !important;
}#titleWindow .settingsVolumeSlider::-moz-range-track{
  height:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(0,217,255,.12) !important;
  box-shadow:none !important;
}#titleWindow .settingsVolumeSlider::-moz-range-progress{
  height:4px !important;
  border-radius:999px !important;
  background:rgba(0,217,255,.55) !important;
}#titleWindow .settingsVolumeSlider::-moz-range-thumb{
  width:12px !important;
  height:12px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#7cf0ff !important;
  box-shadow:0 0 8px rgba(0,217,255,.9) !important;
  cursor:pointer !important;
}#titleWindow .settingsVolumeSlider:hover::-webkit-slider-thumb{
  box-shadow:0 0 12px rgba(0,217,255,1) !important;
}#titleWindow .settingsCheck>span{
  display:grid !important;
  gap:2px !important;
  min-width:0 !important;
}#titleWindow .settingsCheck b{
  color:#e9faff !important;
  font-size:12px !important;
  font-weight:800 !important;
}#titleWindow .settingsCheck small{
  color:rgba(232,244,255,.6) !important;
  font-size:11px !important;
}#titleWindow .settingsToggle, #titleWindow .settingsResetBtn{
  min-height:36px !important;
  height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}#titleWindow .keyBindRow{
  min-height:36px !important;
  height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(124,240,255,.38) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font:750 11px/1.2 ui-sans-serif,system-ui !important;
  text-transform:none !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  cursor:pointer !important;
  transition:none !important;
  transform:none !important;
}#titleWindow .settingsToggle:hover:not(:disabled), #titleWindow .settingsResetBtn:hover:not(:disabled), #titleWindow .keyBindRow:hover:not(:disabled){
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}#titleWindow .settingsToggle:disabled, #titleWindow .settingsResetBtn:disabled, #titleWindow .keyBindRow:disabled{
  opacity:.35 !important;
  cursor:default !important;
}#titleWindow .settingsToggle.isOn{
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}#titleWindow .settingsToggle.isOn:hover:not(:disabled){
  border-color:rgba(124,240,255,.62) !important;
  background:rgba(0,140,185,.3) !important;
  box-shadow:0 0 16px rgba(0,217,255,.12) !important;
}#titleWindow .settingsToggle.isOff{
  border:1px solid rgba(124,240,255,.38) !important;
  color:#eaffff !important;
  background:linear-gradient(135deg,rgba(0,145,190,.38),rgba(0,70,100,.34)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}#titleWindow .settingsDangerBtn{
  color:#eaffff !important;
}#titleWindow .settingsPageFooter{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:0 !important;
  padding:12px 2px 0 !important;
  border:0 !important;
  border-top:1px solid rgba(100,200,255,.14) !important;
  background:transparent !important;
}#titleWindow .settingsPageFooter:has(> :only-child){
  grid-template-columns:1fr !important;
}#titleWindow .settingsPage[data-settings-page="controls"] .settingsPageFooter{
  border-top:0 !important;
}#titleWindow .settingsKeyColumns{
  display:grid !important;
  grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr) !important;
  gap:12px !important;
  align-items:start !important;
  overflow:visible !important;
  background:transparent !important;
}#titleWindow .settingsKeyGroup>.settingsSectionSub, #titleWindow .settingsSectionSub{
  margin:0 !important;
  padding:0 2px 8px !important;
  border:0 !important;
  border-bottom:1px solid rgba(100,200,255,.14) !important;
  color:#7cecff !important;
  background:transparent !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}#titleWindow .keyBindRow{
  min-height:34px !important;
  font-size:11px !important;
}#titleWindow .keyBindRow>span{
  flex:1 !important;
  min-width:0 !important;
  text-align:left !important;
  line-height:1.25 !important;
}#titleWindow .keyBindRow kbd{
  flex:0 0 auto !important;
  min-width:44px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 8px !important;
  border:1px solid rgba(124,240,255,.28) !important;
  border-radius:8px !important;
  color:#7cf0ff !important;
  background:rgba(0,0,0,.45) !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:900 !important;
}#titleWindow .keyBindRow.waiting{
  border-color:rgba(255,210,122,.75) !important;
  background:rgba(255,210,122,.12) !important;
}#titleWindow .settingsSlotKeyColumns{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}#titleWindow .settingsSlotKeyCol{
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
  align-content:start !important;
  padding:10px !important;
  border:1px solid rgba(100,200,255,.15) !important;
  border-radius:10px !important;
  background:rgba(0,0,0,.18) !important;
}#titleWindow .settingsSlotKeys{
  display:grid !important;
  gap:6px !important;
}#titleWindow .sfxList{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  overflow-y:auto !important;
  background:transparent !important;
}#titleWindow .sfxRow{
  display:grid !important;
  grid-template-columns:auto minmax(110px,1fr) minmax(110px,1.4fr) auto !important;
  cursor:default !important;
}#titleWindow .sfxRow .sfxName{
  color:#dceef4 !important;
  font-size:11px !important;
  font-weight:700 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}#titleWindow .settingsVolumeSlider{
  accent-color:#00d9ff !important;
}#titleWindow .settingsVolumeValue{
  color:#7cf0ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  background:rgba(0,217,255,.1) !important;
  border:1px solid rgba(0,217,255,.25) !important;
  padding:2px 8px !important;
  border-radius:6px !important;
  white-space:nowrap !important;
}#titleWindow select{
  width:100% !important;
  height:34px !important;
  box-sizing:border-box !important;
  padding:0 10px !important;
  border:1px solid rgba(124,240,255,.34) !important;
  border-radius:8px !important;
  color:#eaffff !important;
  background:#071b28 !important;
  font-size:11px !important;
  font-weight:800 !important;
  outline:none !important;
}#titleWindow .settingsHint{
  margin:0 !important;
  padding:10px 11px !important;
  border:0 !important;
  border-left:2px solid rgba(0,217,255,.5) !important;
  border-radius:0 8px 8px 0 !important;
  color:rgba(232,244,255,.6) !important;
  background:rgba(0,0,0,.18) !important;
  font-size:11px !important;
  line-height:1.5 !important;
}#titleWindow .settingsAudio.settingsSoundControl{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}#titleWindow .settingsAudio.settingsSoundControl .settingsToggle{
  flex:0 0 auto !important;
  width:auto !important;
}#titleWindow .settingsAudio.settingsSoundControl .settingsVolumeRow{
  flex:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}#titleWindow .settingsPage[data-settings-page="sound"]{
  align-content:start !important;
}#titleWindow .settingsAudioCard{
  gap:8px !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}#titleWindow .settingsPage[data-settings-page="sound"] .settingsAudio{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}#titleWindow .settingsPage[data-settings-page="sound"] .settingsSectionSub{
  padding-bottom:2px !important;
}#titleWindow .settingsPage[data-settings-page="sound"] .sfxList{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
  overflow:visible !important;
  flex:none !important;
  align-content:start !important;
}#titleWindow .settingsPage[data-settings-page="sound"] #sfxList{
  flex:1 1 auto !important;
  grid-auto-rows:minmax(0,1fr) !important;
  min-height:0 !important;
}#titleWindow .settingsAudioCard > *:not(#sfxList){
  flex:none !important;
}#titleWindow .settingsCard, #titleWindow .settingsKeyGroup, #titleWindow .settingsVisual, #titleWindow .settingsSlotKeyCol{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}#titleWindow .settingsCol > * + *, #titleWindow .settingsAudioCard > * + *:not(.settingsResetBtn){
  border-top:1px solid rgba(100,200,255,.14) !important;
  padding-top:10px !important;
}#titleWindow #btnResetSfx{
  margin-top:10px !important;
}#titleWindow .settingsKeyColumns > * + *{
  border-left:1px solid rgba(100,200,255,.14) !important;
  padding-left:12px !important;
}@media (max-width:880px){#titleWindow .settingsKeyColumns > * + *{
    border-left:0 !important;
    padding-left:0 !important;
    border-top:1px solid rgba(100,200,255,.14) !important;
    padding-top:10px !important;
  }}#titleWindow .settingsPage[data-settings-page="sound"] .sfxRow{
  display:grid !important;
  grid-template-columns:auto minmax(80px,1fr) minmax(80px,1.2fr) auto !important;
  gap:8px !important;
  min-height:28px !important;
  padding:2px 10px !important;
  overflow:hidden !important;
}@media (max-width:760px){#titleWindow .settingsPage[data-settings-page="sound"] .sfxList{ grid-template-columns:1fr !important; }}@media (max-width:760px){#titleWindow .settingsTabs{ padding:12px 12px 10px !important; }#titleWindow .settingsTab{ min-width:calc(50% - 4px) !important; flex:1 1 calc(50% - 4px) !important; }#titleWindow .settingsPage{ padding:12px !important; }#titleWindow .settingsCardGridTwo{ grid-template-columns:1fr !important; }#titleWindow .settingsKeyColumns{ grid-template-columns:1fr !important; }#titleWindow .settingsSlotKeyColumns{ grid-template-columns:1fr !important; }#titleWindow .settingsPageFooter{ grid-template-columns:1fr !important; }}#titleWindow .accountCard{
  overflow:visible !important;
}#titleWindow .settingsPage[data-settings-page="account"]{
  overflow:hidden !important;
  padding:12px 14px !important;
  gap:0 !important;
  justify-content:start !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid{
  flex:1 1 auto !important;
  min-height:0 !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:minmax(0,1fr) !important;
  gap:0 12px !important;
  overflow:hidden !important;
  align-content:start !important;
  align-items:stretch !important;
}#titleWindow .settingsPage[data-settings-page="account"] .settingsCard.accountCard{
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:10px 12px !important;
  margin:0 !important;
  gap:7px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid{
  gap:10px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountSecurityCard{
  grid-column:span 2 !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields .accountField:first-child{
  grid-column:auto !important;
}#titleWindow .settingsPage[data-settings-page="account"] .settingsCardHead{
  padding-bottom:8px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .settingsCardHead small{
  color:#ffd477 !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField{
  gap:4px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField > span{
  color:#7cecff !important;
  font-size:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField input, #titleWindow .settingsPage[data-settings-page="account"] .accountField select{
  width:100% !important;
  height:32px !important;
  min-height:32px !important;
  box-sizing:border-box !important;
  padding:7px 10px !important;
  border:1px solid rgba(124,240,255,.3) !important;
  border-radius:6px !important;
  outline:none !important;
  color:#eaffff !important;
  background:rgba(0,20,35,.8) !important;
  font:700 13px/1.2 ui-sans-serif,system-ui !important;
  box-shadow:none !important;
  appearance:none !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField select{
  cursor:pointer !important;
  padding-right:26px !important;
  background-image:linear-gradient(45deg,transparent 50%,#7cf0ff 50%),linear-gradient(135deg,#7cf0ff 50%,transparent 50%) !important;
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50% !important;
  background-size:5px 5px !important;
  background-repeat:no-repeat !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField select option{
  color:#eaffff !important;
  background:#071b28 !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField input::placeholder{
  color:rgba(158,238,255,.45) !important;
}#titleWindow .settingsPage[data-settings-page="account"] .accountField input:focus, #titleWindow .settingsPage[data-settings-page="account"] .accountField select:focus{
  border-color:#7cf0ff !important;
  box-shadow:0 0 10px rgba(0,217,255,.25) !important;
}#titleWindow .settingsPage[data-settings-page="account"] .factionChangeCost{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
  padding:6px 10px !important;
  border:1px solid rgba(100,200,255,.16) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.035) !important;
  font-size:9px !important;
  color:rgba(232,244,255,.6) !important;
}#titleWindow .settingsPage[data-settings-page="account"] .factionChangeCost ul{
  margin:0 !important;
  padding-left:16px !important;
  display:grid !important;
  gap:2px !important;
  list-style:disc !important;
}#titleWindow .settingsPage[data-settings-page="account"] .factionChangeCost li{
  line-height:1.4 !important;
}#titleWindow .settingsPage[data-settings-page="account"] .factionChangeCost strong{
  color:#ffd477 !important;
  font-size:10px !important;
}#titleWindow .settingsPage[data-settings-page="account"] .settingsResetBtn{
  width:100% !important;
  min-height:34px !important;
  margin:auto 0 0 !important;
}#titleWindow .accountPanelIntro{
  display:none !important;
}@media (max-width:760px){#titleWindow .settingsPage[data-settings-page="account"]{ overflow-y:auto !important; }#titleWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
    overflow:visible !important;
  }#titleWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid > *{
    padding-left:0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(100,200,255,.14) !important;
    padding-top:10px !important;
    margin-top:10px !important;
  }#titleWindow .settingsPage[data-settings-page="account"] .accountSettingsGrid > *:first-child{
    border-top:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }#titleWindow .settingsPage[data-settings-page="account"] .accountSecurityCard{ grid-column:auto !important; }#titleWindow .settingsPage[data-settings-page="account"] .accountSecurityCard .passwordFields{
    grid-template-columns:1fr !important;
  }}
/* Titres : specifiques (1 colonne, titre actif en bleu, verrouilles grises, compteur) */
#titleWindow .settingsPage[data-settings-page="general"] .settingsCardGrid{grid-template-columns:minmax(0,1fr) !important}
#titleWindow .settingsBody{flex:1 1 auto;min-height:0}
#titleWindow .settingsCheck.isActive{border-color:rgba(0,217,255,.42) !important;background:rgba(0,217,255,.075) !important;box-shadow:none !important}
#titleWindow .settingsCheck.isLocked{opacity:.45;cursor:not-allowed}
#titleWindow .titleStatus{font-size:10px;color:#8fa3c7;font-weight:600;text-transform:none;letter-spacing:0}
/* Couleur du titre prioritaire sur le blanc des parametres */
#titleWindow #titleList .settingsCheck > span > b{color:var(--tc,#e9faff) !important}
/* Liste limitee a 10 titres + scroll interne (10 lignes x 32px + 9 x 5px de gap) */
#titleWindow #titleList{max-height:365px !important;overflow-y:auto !important;scrollbar-width:thin !important}
#titleWindow #titleList::-webkit-scrollbar{width:8px !important;display:block !important}
#titleWindow #titleList::-webkit-scrollbar-track{background:rgba(0,0,0,.3) !important;border-radius:999px !important}
#titleWindow #titleList::-webkit-scrollbar-thumb{background:rgba(124,240,255,.35) !important;border-radius:999px !important}
/* Description blanche + cartes hautes uniquement pour les titres debloques */
#titleWindow #titleList .settingsCheck{min-height:32px !important}
#titleWindow #titleList .settingsCheck:not(.isLocked){min-height:40px !important}
#titleWindow #titleList .settingsCheck > span > small{color:#eaffff !important}
#titleWindow .settingsPage[data-settings-page="general"]{padding-top:6px !important}
#titleWindow .settingsPage[data-settings-page="general"] .settingsColScroll > .settingsCheck:first-child{margin-top:6px !important}
#titleWindow .settingsPage[data-settings-page="general"] .settingsColScroll > .settingsSectionSub:first-child{padding-top:0 !important;margin-top:0 !important}