.pv-search-box {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:58px !important;
  padding:6px !important;
  gap:0 !important;
  border-radius:22px !important;
  background:var(--pv-control-bg-light) !important;
  border:1px solid rgba(10,21,37,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 14px 30px rgba(10,21,37,.08) !important;
}

.pv-search-input {
  flex:1 1 auto !important;
  min-height:46px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pv-search-button { width:46px !important; height:46px !important; min-width:46px !important; border-radius:16px !important; }

.hud-notify svg {
  width:20px;
  height:20px;
  color:#159ed2;
  flex:0 0 auto;
}

.game-hud {
  gap:5px !important;
}

.game-hud .hud-avatar,
.nav-auth .nav-profile-link {
  display:none !important;
}

.game-hud .hud-pill {
  min-height:30px !important;
  padding:4px 8px !important;
  gap:5px !important;
  font-size:12px !important;
  line-height:1 !important;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease) !important;
}

.game-hud .hud-pill:hover {
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.11) !important;
}

.game-hud .hud-pill:active {
  transform:translateY(1px) !important;
}

.game-hud .hud-level {
  min-width:auto !important;
  padding:4px 8px 4px 9px !important;
  color:#0b1220 !important;
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(208,213,221,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(15,23,42,.08) !important;
}

.hud-level-dot {
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#65D26B,#24B0E9);
  box-shadow:0 0 0 3px rgba(36,176,233,.10),0 2px 6px rgba(36,176,233,.26);
  flex:0 0 auto;
}

.game-hud .hud-level-bar {
  width:28px !important;
  height:4px !important;
  background:rgba(15,23,42,.10) !important;
}

.game-hud .crystal-sheen {
  min-width:74px !important;
  justify-content:center !important;
  color:#0b1220 !important;
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(208,213,221,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(15,23,42,.08) !important;
}

.game-hud .crystal-sheen img {
  width:18px !important;
  height:18px !important;
  padding:1px !important;
}

.game-hud .hud-notify {
  width:34px !important;
  min-width:34px !important;
  justify-content:center !important;
  padding:4px !important;
}

[data-theme="dark"] .game-hud .hud-level,
[data-theme="dark"] .game-hud .crystal-sheen {
  color:#f8fafc !important;
  background:rgba(15,23,42,.82) !important;
  border-color:rgba(96,165,250,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.28) !important;
}

[data-theme="dark"] .game-hud .hud-level-bar {
  background:rgba(255,255,255,.14) !important;
}

@media(max-width:1180px) {
  .game-hud .hud-level-bar { display:none !important; }
  .game-hud .crystal-sheen { min-width:62px !important; }
}

@media(max-width:620px) {
  .game-hud .hud-pill {
    min-height:28px !important;
    padding:4px 7px !important;
    font-size:11px !important;
  }

  .game-hud .crystal-sheen {
    min-width:54px !important;
  }

  .game-hud .crystal-sheen img {
    width:16px !important;
    height:16px !important;
  }
}

.header-controls .theme-switch {
  --toggle-size:16px;
  --container-width:5.625em;
  --container-height:2.5em;
  --container-radius:6.25em;
  --container-light-bg:linear-gradient(135deg,#24B0E9 0%,#4AC6F5 42%,#65D26B 100%);
  --container-night-bg:linear-gradient(135deg,#07111f 0%,#0A1525 58%,#0F1E27 100%);
  --circle-container-diameter:3.375em;
  --sun-moon-diameter:2.125em;
  --sun-bg:linear-gradient(135deg,#F6FAFE 0%,#E8F3F3 38%,#65D26B 100%);
  --moon-bg:linear-gradient(135deg,#F6FAFE 0%,#B8CBD9 100%);
  --spot-color:rgba(10,21,37,.24);
  --circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color:rgba(74,198,245,.9);
  --clouds-color:rgba(246,250,254,.96);
  --back-clouds-color:rgba(232,243,243,.78);
  --transition:.5s cubic-bezier(0,-.02,.4,1.25);
  --circle-transition:.3s cubic-bezier(0,-.02,.35,1.17);
  position:relative !important;
  display:inline-block !important;
  width:var(--container-width) !important;
  height:var(--container-height) !important;
  flex:0 0 var(--container-width) !important;
  font-size:var(--toggle-size) !important;
}

.header-controls .theme-switch,
.header-controls .theme-switch *,
.header-controls .theme-switch *::before,
.header-controls .theme-switch *::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-size:var(--toggle-size);
}

.header-controls .theme-switch__checkbox {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

.header-controls .theme-switch__container {
  position:relative !important;
  display:block !important;
  width:var(--container-width) !important;
  height:var(--container-height) !important;
  overflow:hidden !important;
  cursor:pointer;
  border-radius:var(--container-radius) !important;
  background:var(--container-light-bg) !important;
  box-shadow:0 -.062em .062em rgba(10,21,37,.24),0 .062em .125em rgba(255,255,255,.7),0 .58em 1.3em rgba(36,176,233,.16) !important;
  transition:var(--transition);
}

.header-controls .theme-switch__container::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border:0;
  border-radius:var(--container-radius);
  box-shadow:0 .05em .187em rgba(10,21,37,.24) inset,0 -.02em .12em rgba(255,255,255,.18) inset;
  pointer-events:none;
}

.header-controls .theme-switch__circle-container {
  position:absolute !important;
  left:var(--circle-container-offset) !important;
  top:var(--circle-container-offset) !important;
  width:var(--circle-container-diameter) !important;
  height:var(--circle-container-diameter) !important;
  display:flex !important;
  border-radius:var(--container-radius) !important;
  background-color:rgba(255,255,255,.12) !important;
  box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.10),0 0 0 .625em rgba(255,255,255,.08),0 0 0 1.25em rgba(255,255,255,.055) !important;
  filter:none !important;
  transition:var(--circle-transition) !important;
  pointer-events:none;
  transform:none !important;
}

.header-controls .theme-switch__sun-moon-container {
  position:relative !important;
  z-index:2;
  width:var(--sun-moon-diameter) !important;
  height:var(--sun-moon-diameter) !important;
  margin:auto !important;
  overflow:hidden !important;
  border-radius:var(--container-radius) !important;
  background:var(--sun-bg) !important;
  box-shadow:.062em .062em .062em 0 rgba(255,255,255,.7) inset,0 -.062em .062em 0 rgba(42,141,81,.45) inset !important;
  filter:drop-shadow(.062em .125em .125em rgba(10,21,37,.24)) drop-shadow(0 .062em .125em rgba(10,21,37,.18)) !important;
  transition:var(--transition) !important;
}

.header-controls .theme-switch__sun-moon-container::before {
  content:"";
  position:absolute;
  inset:.36em;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(36,176,233,.28),rgba(101,210,107,.38));
  opacity:.7;
}

.header-controls .theme-switch__moon {
  position:relative !important;
  z-index:2;
  display:block !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  background:var(--moon-bg) !important;
  box-shadow:.062em .062em .062em 0 rgba(255,255,255,.66) inset,0 -.062em .062em 0 rgba(10,21,37,.22) inset !important;
  transform:translateX(100%) !important;
  transition:var(--transition) !important;
}

.header-controls .theme-switch__spot {
  position:absolute !important;
  display:block !important;
  top:.75em !important;
  left:.312em !important;
  width:.75em !important;
  height:.75em !important;
  border-radius:var(--container-radius) !important;
  background-color:var(--spot-color) !important;
  box-shadow:0 .0312em .062em rgba(10,21,37,.22) inset !important;
}

.header-controls .theme-switch__spot:nth-of-type(2) {
  width:.375em !important;
  height:.375em !important;
  top:.937em !important;
  left:1.375em !important;
}

.header-controls .theme-switch__spot:nth-last-of-type(3) {
  width:.25em !important;
  height:.25em !important;
  top:.312em !important;
  left:.812em !important;
}

.header-controls .theme-switch__clouds {
  position:absolute !important;
  left:.312em !important;
  bottom:-.625em !important;
  width:1.25em !important;
  height:1.25em !important;
  border-radius:var(--container-radius) !important;
  background-color:var(--clouds-color) !important;
  box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color) !important;
  opacity:.92 !important;
  transition:.5s cubic-bezier(0,-.02,.4,1.25) !important;
  transform:none !important;
}

.header-controls .theme-switch__stars-container {
  position:absolute !important;
  top:-100% !important;
  left:.312em !important;
  width:2.75em !important;
  height:auto !important;
  color:var(--stars-color) !important;
  opacity:.85 !important;
  filter:drop-shadow(0 0 .45em rgba(74,198,245,.24)) !important;
  transform:none !important;
  transition:var(--transition) !important;
}

.header-controls .theme-switch__checkbox:checked + .theme-switch__container {
  background:var(--container-night-bg) !important;
  box-shadow:0 -.062em .062em rgba(0,0,0,.28),0 .062em .125em rgba(255,255,255,.08),0 .58em 1.3em rgba(10,21,37,.34) !important;
}

.header-controls .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}

.header-controls .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform:translate(0) !important;
}

.header-controls .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom:-4.062em !important;
}

.header-controls .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top:50% !important;
  transform:translateY(-50%) !important;
}

.login-card .field,
.verify-panel .field,
.twofa-panel .field {
  min-height:58px;
  padding:0 14px;
  border:1px solid rgba(10,21,37,.08);
  border-radius:20px;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:12px;
  background:var(--pv-control-bg-light);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(10,21,37,.06);
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s cubic-bezier(.2,.8,.24,1);
}

.login-card .field:focus-within,
.verify-panel .field:focus-within,
.twofa-panel .field:focus-within {
  transform:translateY(-1px);
  border-color:rgba(36,176,233,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 4px rgba(36,176,233,.11),0 18px 38px rgba(10,21,37,.08);
}

.login-card .field input,
.verify-panel .field input,
.twofa-panel .field input {
  min-height:56px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

[data-theme="dark"] .login-card .field,
[data-theme="dark"] .verify-panel .field,
[data-theme="dark"] .twofa-panel .field {
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035)),rgba(10,21,37,.82);
  border-color:rgba(184,203,217,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.20);
}