* {
	font-family: 'Helvetica Neueu', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

:root {
  /* Animation settings */
  --anim-glitch-dur: 0.35s;
  --anim-shift-dur: 0.8s;
  --easing-glitch: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easing-shift: ease-in-out;
}

@font-face {
	font-family: "Lato-Regular";
	src: url('polices/Lato-Regular.ttf');
}

html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
}

body {
	color: black;
	display: block;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background-color: #232830;
	scrollbar-width: none;
}

body::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}

a:hover, a:focus {
	color: inherit;
}

@keyframes float {
	0% {

		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {

		transform: translatey(0px);
	}
}

#swal2-content {
	font-size: 15px;
}

.swal2-actions {
	font-size: 15px;
}

.fullscreen {
	height: 100%;
	width: 100%;
  position: absolute;
	border: 0;
}

.bigavatar {
    transform: translatey(0px);
    display: block;
    margin: auto;
    overflow: hidden;
    cursor: pointer;
    width: 100px;
	animation: fadeIn 2s;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

.botimgs {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.undertitle {
	animation: fadeIn 2s;
}

.botimgs figure a {
	text-decoration: none;
}

.figcapwatora {
	color:rgb(255, 1, 91);
	font-size: 25px;
}

.figcapmeet {
	color: #7289da;
	font-size: 25px;
}

.botwatora, .botmeet {
	height: 200px !important;
	border-radius: 50%;
}

.botimgs figure {
	height: 250px;
}

.toptext h1 {
	color: #1972F5;
	font: 700 48px Times New Roman, Times, serif;
	font-size: 50px;
}

.toptext h3 {
	color: white;
}

footer {
	bottom: 0;
  position: relative;
  background: rgba(255, 255, 255, .05);
  width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 100%;
}

.swal2-styled.swal2-confirm {
	background-color: #195FF5;
}


@media screen and (max-width: 750px) {
	.maintext {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

  .icon a i {
		font-size: 20px !important;
		padding: 7px !important;
	}

  .si-a {
    width: 34px !important;
    height: 34px !important;
  }

  .icon {
    padding: 25px 5px !important;
  }
}

@media screen and (max-width: 500px) {
	.botwatora, .botmeet {
		height: 150px !important;
	}
}

.ditable {
	display: table;
}

.typewriter h1 {
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: 3px solid rgb(7, 189, 245);
	display: inline-block;
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0; /* Gives that scrolling effect as the typing happens */
	letter-spacing: .15em; /* Adjust as needed */
	animation: typewriter 1s steps(6) .5s 1 normal both, blinkTextCursor 500ms steps(36) infinite normal;
  }

  @keyframes typewriter {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes blinkTextCursor {
	from {
		border-right-color: rgb(7, 189, 245);
	}
	to {
		border-right-color: transparent;
	}
}

@media screen and (max-height: 800px) , screen and (max-width: 750px) {
	.toptext h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 750px) {
	.wb_button {
		width: 100px !important;
	}

	.toptext h3 span {
		font-size: 25px;
	}
}

@media screen and (max-width: 900px) {
	.top {
		padding: 20px !important;
	}
}

.buttons {
	margin-top: 10px;
}

.pink {
	color: #1972F5;
}

.blue {
	color: #1972F5;
}

footer span {
	color: white;
	padding: 5px;
}

.player:hover {
	opacity: 1 !important;
}

.player {
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 1;
  transition: opacity 1s ease;
}

.player a {
	display: flex;
}

.player a i {
	align-self: center;
}

.wb_button {
    display: block;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    width: 198px;
    height: 42px;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    text-align: center;
    border: 2px solid #195FF5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #1972F5 none repeat left top;
    color: black;
    text-decoration: none;
    font-weight: bold;
		transition: 0.3s;
}

.wb_button:hover {
    background-color: white;
}

.wb_button span {
    display: inline-block;
    vertical-align: middle;
    line-height: 300%;
}

.toptext {
	text-align: center;
}

.topbuttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.topbuttons div {
	padding: 5px;
}

.hideInterface:active {
	box-shadow: none;
}

.hideInterface {
  gap: 5px;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}

.stats img {
  display: block;
  margin: auto;
  width: 300px;
  margin: -40px auto -30px auto;
  overflow: hidden;
}

.stats {
  overflow: hidden;
}

.haut {
  margin: 300px;
  color: black;
  padding: 10px;
}

.nopointers {
	pointer-events: none;
}

.initialpointers {
	pointer-events: initial;
}

.top {
	padding: 30px;
}

.block {
	display: block;
}

.icon {
	padding: 20px;
}

a {
	color: white;
	font-weight: bold !important;
}

.icon a i {
	color: white;
	font-size: 30px;
	padding: 10px;
	background-color: #232830;
	transition: 0.3s;
	border-radius: 5px;
}

.icon a i:hover {
	cursor: pointer;
}

.github a i:hover {
	background-color: black;
}

.patreon a i:hover {
	background-color: rgb(249, 104, 84);
}

.paypal a i:hover {
	background-color: #195FF5;
}

.steam a i:hover {
 background-color: #171a21;
}

.anilist a:hover {
 background-color: #02A9FF;
}

.mal a:hover {
 background-color: #2E51A2;
}

.discord a i:hover {
	background-color: #7289da;
}

.youtube a i:hover {
	background-color: #FF0000;
}

.links {
	display: flex;
}

.stats {
	margin: 10px;
}

.mainblock {
	margin-top: 5%;
}

#canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -5;
	opacity: 0.1;
	top: 0;
	left: 0;
}

.github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out
}

.github-corner {
	cursor: pointer;
}

@keyframes octocat-wave {

  0%,
  100% {
    transform: rotate(0)
  }

  20%,
  60% {
    transform: rotate(-25deg)
  }

  40%,
  80% {
    transform: rotate(10deg)
  }
}

@media (max-width:500px) {
  .github-corner:hover .octo-arm {
    animation: none
  }

  .github-corner .octo-arm {
    animation: octocat-wave 560ms ease-in-out
  }
}


.ach-area {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow-y: hidden;
}

.ani_div {
  width: 300px;
  height: 90px;
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 1100;
  background-color: #30302e;
  animation: 6s ease 0s 1 slideInFromBottom;
  cursor: pointer;
}

@keyframes slideInFromBottom {
  0% {transform: translateY(100%);}
  10% {transform: translateY(0%);}
  90% {transform: translateY(0%);}
  100% {transform: translateY(100%);}
}

.ani_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 15px;
  position: relative;
}

.grad {
  background: #30302e; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#30302e, #1a1a17); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#30302e, #1a1a17); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#30302e, #1a1a17); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#30302e, #1a1a17); /* Standard syntax */
}

.glyphicon-size {
  font-size: 45px;
}

.ani_div {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 10px;
}

.ani_div span {
	color: white;
	font-size: 14px;
	font-family: helvetica;
	vertical-align: middle;
}

.ani_div .content {
	display: flex;
	flex-direction: column;
	height: 100%;
 	justify-content: center;
	gap: 5px;
}

.ani_div .description {
 color: grey;
}

.discord {
  transform: scaleX(0.913);
}

.AchievementIconWrapper {
	display: inline-block;
	height: 70px;
	position: relative;
	width: 70px;
}

.AchievementIconGlowContainerRoot,
.AchievementIconGlowContainer,
.AchievementIconGlow {
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
}

.AchievementIconGlowContainerRoot {
	-webkit-mask-image: url(data:image/png;base64,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);
	-webkit-mask-repeat: repeat;
	-webkit-mask-size: 100%;	
}

.AchievementIconGlowContainer {
	animation-name: rotate;
	animation-duration: 18s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: reverse;
	-webkit-mask-image: url(data:image/png;base64,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);
	-webkit-mask-repeat: repeat;
	-webkit-mask-size: 100%;
}

.AchievementIconGlow {
	animation-name: rotate;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;	
}

.AchievementIconWrapper.CommonAchievement .AchievementIconGlow {
	background: radial-gradient(rgba(193, 193, 193, 0.26) 0%, rgba(193, 193, 193, 0) 6%, rgba(193, 193, 193, 0.26) 10%, #969696 26%, rgba(193, 193, 193, 0.26) 35%, #969696 40%, rgba(193, 193, 193, 0.26) 60%, #969696 82%, rgba(193, 193, 193, 0.26) 100%);
}

.AchievementIconWrapper.CommonAchievement .ani_icon {
	box-shadow: 0px 0px 2px 1px rgba(150, 150, 150, 0.6), 0px 0px 16px 1px rgba(150, 150, 150, 0.4);
}

.AchievementIconWrapper.UncommonAchievement .AchievementIconGlow {
	background: radial-gradient(rgba(103, 239, 103, 0.26) 0%, rgba(103, 239, 103, 0) 6%, rgba(103, 239, 103, 0.26) 10%, #45E045 26%, rgba(103, 239, 103, 0.26) 35%, #45E045 40%, rgba(103, 239, 103, 0.26) 60%, #4FFF4F 82%, rgba(103, 239, 103, 0.26) 100%);
}

.AchievementIconWrapper.UncommonAchievement .ani_icon {
	box-shadow: 0px 0px 2px 1px rgba(69, 244, 69, 0.6), 0px 0px 16px 1px rgba(69, 244, 69, 0.4);
}

.AchievementIconWrapper.RareAchievement .AchievementIconGlow {
	background: radial-gradient(rgba(102, 165, 255, 0.26) 0%, rgba(102, 165, 255, 0) 6%, rgba(102, 165, 255, 0.26) 10%, #4B7AF2 26%, rgba(102, 165, 255, 0.26) 35%, #4B7AF2 40%, rgba(102, 165, 255, 0.26) 60%, #4B7AF2 82%, rgba(102, 165, 255, 0.26) 100%);
}

.AchievementIconWrapper.RareAchievement .ani_icon {
	box-shadow: 0px 0px 2px 1px rgba(75, 122, 242, 0.6), 0px 0px 16px 1px rgba(75, 122, 242, 0.4);
}

.AchievementIconWrapper.EpicAchievement .AchievementIconGlow {
	background: radial-gradient(rgba(204, 109, 255, 0.26) 0%, rgba(204, 109, 255, 0) 6%, rgba(204, 109, 255, 0.26) 10%, #C14FFF 26%, rgba(204, 109, 255, 0.26) 35%, #C14FFF 40%, rgba(204, 109, 255, 0.26) 60%, #C14FFF 82%, rgba(204, 109, 255, 0.26) 100%);
}

.AchievementIconWrapper.EpicAchievement .ani_icon {
	box-shadow: 0px 0px 2px 1px rgba(193, 79, 255, 0.6), 0px 0px 16px 1px rgba(193, 79, 255, 0.4);
}

.AchievementIconWrapper.LegendaryAchievement .AchievementIconGlow {
	background: radial-gradient(rgba(255, 201, 109, 0.178) 0%, rgba(255, 201, 109, 0) 6%, rgba(255, 201, 109, 0.178) 10%, #ffb84e 26%, rgba(255, 201, 109, 0.178) 35%, #ffb84e 40%, rgba(255, 201, 109, 0.178) 60%, #ffb84e 82%, rgba(255, 201, 109, 0.178) 100%);
}

.AchievementIconWrapper.LegendaryAchievement .ani_icon {
	box-shadow: 0px 0px 2px 1px rgba(255, 184, 78, 0.6), 0px 0px 16px 1px rgba(255, 217, 78, 0.4);
}

.AchievementIconWrapper.MythicAchievement .AchievementIconGlow {
  background: radial-gradient(
    circle,
    rgba(255, 69, 0, 0.3) 0%,
    rgba(139, 0, 0, 0.15) 20%,
    rgba(255, 69, 0, 0.4) 40%,
    rgba(178, 34, 34, 0.5) 70%,
    rgba(255, 69, 0, 0.7) 100%
  );
  box-shadow: 0 0 8px 4px rgba(255, 69, 0, 0.7);
  animation: pulseMythicGlowRed 2.5s infinite alternate ease-in-out;
}

.AchievementIconWrapper.MythicAchievement .ani_icon {
  box-shadow:
    0 0 4px 2px rgba(255, 69, 0, 0.9),
    0 0 15px 6px rgba(255, 69, 0, 0.6),
    0 0 25px 10px rgba(178, 34, 34, 0.4);
  transition: box-shadow 0.3s ease-in-out;
  animation: lightningFlashRed 1.5s infinite alternate;
}

.AchievementIconWrapper.SecretAchievement .ani_icon {
  position: relative;
  color: #111;
  filter: none;
  animation: glitchShift 1.5s infinite;
  text-shadow:
    0 0 5px #111,
    0 0 10px #111;
}

.AchievementIconWrapper.PrestigeAchievement .ani_icon {
  animation: prestigeMultiFlash 2s infinite;
}

.AchievementIconWrapper.UltraAchievement .AchievementIconGlow {
  background: radial-gradient(
    circle,
    rgba(75, 122, 242, 0.2) 0%,
    rgba(255, 215, 0, 0.25) 20%,
    rgba(230, 57, 70, 0.3) 40%,
    rgba(127, 0, 255, 0.4) 70%,
    rgba(52, 152, 219, 0.6) 100%
  );
  box-shadow: 0 0 10px 5px rgba(75, 122, 242, 0.6);
  animation: ultraPulseGlow 2.5s infinite alternate ease-in-out;
}

.AchievementIconWrapper.UltraAchievement .ani_icon {
  box-shadow:
    0 0 6px 2px gold,
    0 0 12px #e63946,
    0 0 18px #7f00ff,
    0 0 25px #3498db;
  transition: box-shadow 0.3s ease-in-out;
  animation: prestigeGlow 2s infinite;
}

.AchievementIconWrapper.SupremeAchievement .AchievementIconGlow {
  background: radial-gradient(
    circle,
    rgba(116, 185, 255, 0.2) 0%,
    rgba(0, 230, 246, 0.25) 20%,
    rgba(140, 122, 230, 0.3) 40%,
    rgba(95, 39, 205, 0.4) 70%,
    rgba(0, 206, 201, 0.5) 100%
  );
  box-shadow: 0 0 10px 5px rgba(116, 185, 255, 0.6);
  animation: supremePulseGlow 2.5s infinite alternate ease-in-out;
}

.AchievementIconWrapper.SupremeAchievement .ani_icon {
  box-shadow:
    0 0 4px 2px #00e6f6,
    0 0 10px #8c7ae6,
    0 0 18px #5f27cd,
    0 0 30px #00cec9;
  transition: box-shadow 0.3s ease-in-out;
  animation: prestigeGlow 2s infinite;
}

.AchievementIconWrapper[class*="???Achievement"] .AchievementIconGlow {
  background: radial-gradient(
    circle,
    rgba(0,0,0,0.8) 0%,
    rgba(255,0,255,0.18) 30%,
    rgba(0,255,255,0.18) 60%,
    rgba(0,0,0,0.95) 100%
  );
  box-shadow:
    0 0 12px 4px #000,
    0 0 24px 8px #ff00ff,
    0 0 36px 12px #00ffff;
  animation: glitchPulse 1.2s infinite alternate, secretGlitchShift 1.5s infinite;
}

.AchievementIconWrapper[class*="???Achievement"]  .ani_icon {
  color: #fff;
  text-shadow:
    0 0 6px #000,
    0 0 12px #ff00ff,
    0 0 18px #00ffff,
    0 0 30px #ff00ff,
    0 0 40px #00ffff;
  box-shadow:
    0 0 8px 2px #000,
    0 0 16px 4px #ff00ff,
    0 0 24px 8px #00ffff;
  animation: glitchPulse 1s infinite, glitchShift 1.2s infinite;
  filter: brightness(1.2) contrast(1.4);
}

.AchievementIconWrapper[class*="???Achievement"] .fa-crow {
  animation: crowGlitch 0.7s steps(2, end) infinite;
  filter: drop-shadow(0 0 6px #ff00ff) drop-shadow(0 0 12px #00ffff);
}

.AchievementIconWrapper[class*="???Achievement"].cracked {
  box-shadow: 0 0 0 4px #fff, 0 0 20px 4px #ff00ff, 0 0 40px 8px #00ffff;
  border: 2px dashed #fff;
  animation: crackShake 0.2s steps(2, end) infinite;
  position: relative;
}
.AchievementIconWrapper[class*="???Achievement"].cracked::after {
  content: "";
  position: absolute;
  inset: -4px;
  pointer-events: none;
  background: url('img/crack.png') center/cover no-repeat;
  opacity: 0.7;
  z-index: 2;
}
@keyframes crackShake {
  0%, 100% { transform: translate(0,0) rotate(0deg);}
  20% { transform: translate(-2px, 2px) rotate(-2deg);}
  40% { transform: translate(2px, -2px) rotate(2deg);}
  60% { transform: translate(-1px, 1px) rotate(-1deg);}
  80% { transform: translate(1px, -1px) rotate(1deg);}
}

@keyframes crowGlitch {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  10% {
    transform: translate(-2px, 2px) scale(1.05) rotate(-5deg);
  }
  20% {
    transform: translate(2px, -1px) scale(0.98) rotate(3deg);
  }
  30% {
    transform: translate(-1px, 1px) scale(1.03) rotate(-2deg);
  }
  40% {
    transform: translate(1px, -2px) scale(1.01) rotate(2deg);
  }
  50% {
    transform: translate(-3px, 0px) scale(1.04) rotate(4deg);
  }
  60% {
    transform: translate(2px, 2px) scale(0.97) rotate(-3deg);
  }
  70% {
    transform: translate(-2px, -2px) scale(1.02) rotate(2deg);
  }
  80% {
    transform: translate(1px, 1px) scale(1) rotate(-1deg);
  }
  90% {
    transform: translate(-1px, -1px) scale(1.03) rotate(1deg);
  }
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}

@keyframes ultraPulseGlow {
  from { box-shadow: 0 0 5px rgba(75, 122, 242, 0.4); }
  to   { box-shadow: 0 0 15px rgba(75, 122, 242, 0.8); }
}

@keyframes supremePulseGlow {
  from { box-shadow: 0 0 5px rgba(116, 185, 255, 0.4); }
  to   { box-shadow: 0 0 15px rgba(116, 185, 255, 0.8); }
}

@keyframes prestigeGlow {
  0% { filter: drop-shadow(0 0 2px #fff); }
  50% { filter: drop-shadow(0 0 6px #fff); }
  100% { filter: drop-shadow(0 0 2px #fff); }
}

@keyframes prestigeMultiFlash {
  0% {
    box-shadow:
      0 0 8px red,
      0 0 16px orange;
  }
  25% {
    box-shadow:
      0 0 8px orange,
      0 0 16px yellow;
  }
  50% {
    box-shadow:
      0 0 8px yellow,
      0 0 16px lime;
  }
  75% {
    box-shadow:
      0 0 8px lime,
      0 0 16px cyan;
  }
  100% {
    box-shadow:
      0 0 8px cyan,
      0 0 16px red;
  }
}

@keyframes glitchShift {
  0%, 100% {
    text-shadow:
      2px 0 #ff00c1,
      -2px 0 #3498db;
    filter: none;
    transform: translate(0, 0);
  }
  20% {
    text-shadow:
      3px 1px #ff00c1,
      -3px -1px #3498db;
    filter: drop-shadow(3px 1px #ff00c1) drop-shadow(-3px -1px #3498db);
    transform: translate(-1px, 1px);
  }
  40% {
    text-shadow:
      -2px 0 #ff00c1,
      2px 0 #3498db;
    filter: drop-shadow(-2px 0 #ff00c1) drop-shadow(2px 0 #3498db);
    transform: translate(1px, -1px);
  }
  60% {
    text-shadow:
      1px 2px #ff00c1,
      -1px -2px #3498db;
    filter: drop-shadow(1px 2px #ff00c1) drop-shadow(-1px -2px #3498db);
    transform: translate(-1px, 1px);
  }
  80% {
    text-shadow:
      -1px 1px #ff00c1,
      1px -1px #3498db;
    filter: drop-shadow(-1px 1px #ff00c1) drop-shadow(1px -1px #3498db);
    transform: translate(1px, -1px);
  }
}

@keyframes lightningFlashRed {
  0%, 100% {
    box-shadow:
      0 0 4px 2px rgba(255, 69, 0, 0.9),
      0 0 15px 6px rgba(255, 69, 0, 0.6),
      0 0 25px 10px rgba(178, 34, 34, 0.4);
  }
  50% {
    box-shadow:
      0 0 10px 4px rgba(255, 69, 0, 1),
      0 0 30px 12px rgba(255, 69, 0, 0.8),
      0 0 40px 15px rgba(178, 34, 34, 0.6);
  }
}

@keyframes pulseMythicGlowRed {
  0% {
    box-shadow: 0 0 8px 4px rgba(255, 69, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 14px 7px rgba(255, 69, 0, 1);
  }
}

@keyframes rotate {
	to {
		transform: rotate(1turn);
	} 
}

#achievement-tracker.silver i,
.skin-option i.silver {
  color: silver;
  text-shadow: 0 0 5px rgba(192, 192, 192, 0.6);
  animation: silverGlow 3s infinite alternate;
}

#achievement-tracker.gold i,
.skin-option i.gold {
  color: gold;
  text-shadow: 0 0 10px gold, 0 0 20px gold;
  animation: goldGlow 2s infinite alternate;
}

#achievement-tracker.mythic i,
.skin-option i.mythic {
  color: #e63946;
  text-shadow:
    0 0 8px #e63946,
    0 0 15px #9d0208,
    0 0 20px #d00000,
    0 0 30px #6a040f;
  animation: mythicGlow 3s infinite alternate ease-in-out;
}

#achievement-tracker.bronze i, 
.skin-option i.bronze {
  color: #cd7f32;
  text-shadow: 0 0 5px rgba(205, 127, 50, 0.6);
  animation: bronzeGlow 3s infinite alternate;
}

#achievement-tracker.secret i,
.skin-option i.secret {
  position: relative;
  color: #6a0dad;
  text-shadow:
    2px 0 0 #ff00c1,
    -2px 0 0 #3498db;
  filter: none;
  animation: secretGlitchShift 1.5s infinite;
}

#achievement-tracker.ultra i,
.skin-option i.ultra {
  position: relative;
  color: #4B7AF2;
  text-shadow:
    0 0 6px gold,
    0 0 12px #e63946,
    0 0 18px #7f00ff,
    0 0 25px #3498db;
  filter: none;
  animation: prestigeGlow 2s infinite;
}

#achievement-tracker.supreme i,
.skin-option i.supreme {
  position: relative;
  color: #74b9ff;
  text-shadow:
    0 0 4px #00e6f6,
    0 0 10px #8c7ae6,
    0 0 18px #5f27cd,
    0 0 30px #00cec9;
  filter: none;
  animation: prestigeGlow 2s infinite;
}

#achievement-tracker.divine i,
.skin-option i.divine {
  position: relative;
  color: #f9ca24;
  text-shadow:
    0 0 4px #fff200,
    0 0 10px #f0932b,
    0 0 20px #e67e22,
    0 0 30px #ff6b6b;
  filter: none;
  animation: prestigeGlow 2s infinite;
}

#achievement-tracker.transcendent i,
.skin-option i.transcendent {
  position: relative;
  color: #b388ff;
  text-shadow:
    0 0 5px #a29bfe,
    0 0 12px #6c5ce7,
    0 0 20px #9c88ff,
    0 0 28px #a55eea;
  animation: prestigeGlow 2s infinite;
}

#achievement-tracker.ascended i,
.skin-option i.ascended {
  position: relative;
  color: #fffa65;
  text-shadow:
    0 0 6px #ffeaa7,
    0 0 14px #fdcb6e,
    0 0 24px #fab1a0,
    0 0 32px #e17055;
  animation: prestigeGlow 2.5s infinite;
}

#achievement-tracker.eternal i,
.skin-option i.eternal {
  position: relative;
  color: #00d2d3;
  text-shadow:
    0 0 6px #01a3a4,
    0 0 14px #00cec9,
    0 0 22px #48dbfb,
    0 0 34px #10ac84;
  animation: prestigeGlow 3s infinite;
}

#achievement-tracker.godslayer i,
.skin-option i.godslayer {
  position: relative;
  color: #ff6b81;
  text-shadow:
    0 0 8px #ff4757,
    0 0 16px #ff6b81,
    0 0 28px #e84118,
    0 0 40px #c23616;
  animation: prestigeGlow 1.5s infinite;
}

#achievement-tracker.\3F\3F\3F i,
.skin-option i.\3F\3F\3F {
  position: relative;
  color: #ffffff;
  text-shadow:
    0 0 3px #000,
    0 0 6px #ff00ff,
    0 0 12px #00ffff,
    0 0 24px #ff00ff,
    0 0 32px #00ffff;
  animation: glitchPulse 1s infinite;
}

@keyframes glitchPulse {
  0%, 100% {
    text-shadow:
      0 0 3px #000,
      0 0 6px #ff00ff,
      0 0 12px #00ffff,
      0 0 24px #ff00ff,
      0 0 32px #00ffff;
    transform: translate(0, 0);
  }
  50% {
    text-shadow:
      0 0 6px #00ffff,
      0 0 12px #ff00ff,
      0 0 20px #ffffff;
    transform: translate(1px, -1px);
  }
}

@keyframes secretGlitchShift {
  0%, 100% {
    text-shadow:
      2px 0 0 #ff00c1,
      -2px 0 0 #3498db;
    transform: translate(0, 0);
  }
  20% {
    text-shadow:
      3px 1px 0 #ff00c1,
      -3px -1px 0 #3498db;
    transform: translate(-1px, 1px);
  }
  40% {
    text-shadow:
      -2px 0 0 #ff00c1,
      2px 0 0 #3498db;
    transform: translate(1px, -1px);
  }
  60% {
    text-shadow:
      1px 2px 0 #ff00c1,
      -1px -2px 0 #3498db;
    transform: translate(-1px, 1px);
  }
  80% {
    text-shadow:
      -1px 1px 0 #ff00c1,
      1px -1px 0 #3498db;
    transform: translate(1px, -1px);
  }
}

@keyframes bronzeGlow {
  0%, 100% { text-shadow: 0 0 5px rgba(205, 127, 50, 0.4); }
  50% { text-shadow: 0 0 10px rgba(205, 127, 50, 0.8); }
}

@keyframes silverGlow {
  0%, 100% { text-shadow: 0 0 5px rgba(192, 192, 192, 0.4); }
  50% { text-shadow: 0 0 10px rgba(192, 192, 192, 0.7); }
}

@keyframes goldGlow {
  0%, 100% { text-shadow: 0 0 10px gold, 0 0 20px gold; }
  50% { text-shadow: 0 0 20px gold, 0 0 40px gold; }
}

@keyframes mythicGlow {
  0%, 100% {
    text-shadow:
      0 0 6px #e63946,
      0 0 12px #9d0208,
      0 0 18px #d00000,
      0 0 25px #6a040f;
  }
  50% {
    text-shadow:
      0 0 10px #ff4d6d,
      0 0 20px #b22222,
      0 0 28px #ff6666,
      0 0 38px #8b0000;
  }
}

@keyframes secretGlow {
  0%, 100% {
    text-shadow:
      0 0 6px #6a0dad,
      0 0 12px #4b0082,
      0 0 18px #7f00ff,
      0 0 25px #330066;
  }
  50% {
    text-shadow:
      0 0 12px #9f79ee,
      0 0 20px #8a2be2,
      0 0 28px #ba55d3,
      0 0 38px #6a0dad;
  }
}

@keyframes prestigeGlow {
  0%, 100% {
    text-shadow:
      0 0 6px #ff0077,
      0 0 12px #00f7ff,
      0 0 18px #ffe600,
      0 0 25px #ff00f2;
  }
  25% {
    text-shadow:
      0 0 10px #00f7ff,
      0 0 18px #ffe600,
      0 0 28px #ff00f2,
      0 0 36px #ff0077;
  }
  50% {
    text-shadow:
      0 0 12px #ffe600,
      0 0 22px #ff00f2,
      0 0 32px #ff0077,
      0 0 42px #00f7ff;
  }
  75% {
    text-shadow:
      0 0 10px #ff00f2,
      0 0 20px #ff0077,
      0 0 30px #00f7ff,
      0 0 40px #ffe600;
  }
}

.swal-achievement {
	display:flex; 
	align-items:center; 
	gap: 10px; 
	margin: 10px; 
	opacity: 0.6;
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.swal-achievement.unlocked {
  opacity: 1;
}

.swal-achievement i {
  font-size: 24px;
  width: 30px;
  margin-right: 12px;
  color: gold;
  margin: 0 auto;
}

.swal-achievement.locked i {
  filter: grayscale(100%);
  color: gray;
}

.achieve-text {
  flex-grow: 1;
}

.achieve-title {
  font-weight: bold;
}

.achieve-locked {
  font-style: italic;
  font-size: 0.9em;
  color: #999;
}

.swal-achievement .ani_icon {
  width: 40px;
  height: 40px;
}

.swal-achievement .AchievementIconWrapper {
  width: 40px;
  height: 40px;
}

.skin-option {
  user-select: none;
  transition: transform 0.2s ease;
  cursor: pointer;
}
.skin-option:hover:not(#crow-perch) {
  transform: scale(1.15);
}

.newly-viewed-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 15px;
  height: 15px;
  background-color: red;
  border-radius: 50%;
  border: 1.5px solid white;
  box-shadow: 0 0 6px red;
  pointer-events: none;
  z-index: 10;
}

.zoomed {
  transform-origin: top left;
  transition: transform 0.3s ease;
  transform-origin: center;
}

body {
  transition: transform 0.3s ease;
}

body.swal2-height-auto {
  height: 100% !important;
}

.glitch-text {
  position: relative;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: 1.2;
  color: var(--color-main);
  letter-spacing: var(--letter-spacing);
  z-index: 1;
  animation: shift var(--anim-shift-dur) var(--easing-shift) infinite alternate;
}

.glitch-text::before,
.glitch-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.8;
  animation: glitch var(--anim-glitch-dur) var(--easing-glitch) both infinite;
}

.glitch-text::before {
  color: var(--color-accent1);
  z-index: -1;
}

.glitch-text::after {
  color: var(--color-accent2);
  z-index: -2;
  animation-direction: reverse;
}

/* Horizontal jitter animation */
@keyframes glitch {
  20%  { transform: translate(-3px, 3px); }
  40%  { transform: translate(-3px, -3px); }
  60%  { transform: translate(3px, 3px); }
  80%  { transform: translate(3px, -3px); }
  to   { transform: translate(0); }
}

/* Skew-based distortion effect */
@keyframes shift {
  0%, 40%, 44%, 58%, 61%, 65%, 69%, 73%, 100% { transform: skewX(0deg); }
  41%  { transform: skewX(7deg); }
  42%  { transform: skewX(-7deg); }
  59%  { transform: skewX(28deg) skewY(7deg); }
  60%  { transform: skewX(-28deg) skewY(-7deg); }
  63%  { transform: skewX(7deg) skewY(-3.5deg); }
  70%  { transform: skewX(-35deg) skewY(-14deg); }
  71%  { transform: skewX(7deg) skewY(-7deg); }
}

.btn {
  font-weight: bold;
  color: white;
  display: inline-block;
}

#goodBtn {
  background-color: #28a745;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 0 8px 3px rgba(72, 255, 113, 0.7);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  margin: 10px;
}
#goodBtn:hover {
  box-shadow: 0 0 15px 6px rgba(72, 255, 113, 0.9);
  transform: scale(1.1) rotate(3deg);
}

#evilBtn {
  background-color: #8B0000;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 0 10px 3px rgba(244, 67, 54, 0.8);
  text-shadow: 0 0 6px #ff0000;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  margin: 10px;
}
#evilBtn:hover {
  box-shadow: 0 0 20px 8px rgba(255, 0, 0, 1);
  transform: scale(1.1) rotate(-3deg);
}

.nerd {
  cursor: pointer;
}
.swal2-popup {
  font-family: 'Segoe UI', sans-serif;
}
.bdo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.stats {
  font-size: 16px;
}
.axe-img {
  width: 100px;
  height: auto;
}
.enchant-btn {
  padding: 10px 20px;
  background: #222;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.enhance-level {
  font-weight: 600;
  line-height: 10px;
  position: absolute;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f56565;
}
.enhance-level {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
}

.relative {
  position: relative;
}

.text-lg {
  font-size: 2.5rem;
  line-height: 1.75rem;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.crow {
  position: fixed;
  top: 100px;
  left: -100px;
  font-size: 40px;
  color: black;
  z-index: 9999;
  cursor: pointer;
  animation:
    fly-across 10s linear forwards,
    flap 0.6s ease-in-out infinite;
}

@keyframes fly-across {
  0%   { left: -100px; }
  100% { left: 110vw; }
}

@keyframes flap {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-10px) rotate(-5deg); }
  75% { transform: translateY(10px) rotate(5deg); }
}

.captured {
  animation: pop 0.4s ease-out forwards;
}

.crow-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  will-change: transform;
  pointer-events: none;
  z-index: 9999;
}

.follower-crow {
  font-size: 30px;
  color: black;
  animation: flap 0.6s ease-in-out infinite;
}

#crow-perch {
  position: fixed;
  left: 20px;
  bottom: 89px;
  display: flex;
  gap: 8px;
}

#crow-perch .crow-icon {
  font-size: 40px;
  color: black;
  animation: perch-bob 2s ease-in-out infinite;
  cursor: pointer;
}

@keyframes perch-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.cat-hint {
  display: inline-block;
  background: lightseagreen;
  color: white;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  white-space: nowrap;
  animation: floatHint 1s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes floatHint {
  from { transform: translateY(0); }
  to   { transform: translateY(-5px); }
}

@keyframes ultra-dodge-step {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}

.ultra-instinct {
  position: relative;
  color: #a4d7f5;
  text-shadow:
    0 0 5px #d6f0ff,
    0 0 15px #91c7ff,
    0 0 25px #53a7ff,
    0 0 40px #1a75ff,
    0 0 60px #9cdcff,
    0 0 80px #d0f0ff; 
  filter: drop-shadow(0 0 10px #6ec7ff);
}

.crow-dialogue-bubble {
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  font-weight: bold;
  font-size: 16px;
  border-radius: 15px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10000;
  opacity: 1;
  transition: opacity 0.5s ease;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  overflow: visible;
  user-select: none;
}

.crow-dialogue-bubble::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: var(--arrow-left, 50%);
  transform: translateX(-50%);
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
  pointer-events: none;
}

.si-a {
  display: flex;
	background-color: #232830;
  width: 50px;
  height: 50px;
  transition: 0.3s;
  border-radius: 5px;
}

.si-anilist {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: white !important;
  -webkit-mask: url("https://unpkg.com/simple-icons@latest/icons/anilist.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("https://unpkg.com/simple-icons@latest/icons/anilist.svg") no-repeat center;
  mask-size: contain;
  margin: auto;
  align-self: center;
}

.si-mal {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: white !important;
  -webkit-mask: url("https://unpkg.com/simple-icons@latest/icons/myanimelist.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("https://unpkg.com/simple-icons@latest/icons/myanimelist.svg") no-repeat center;
  mask-size: contain;
  margin: auto;
  align-self: center;
}

.freed {
  z-index: 999999;
}
#widget {
  width: min(550px, calc(100vw - 32px));
  margin: 14px auto 0;
  position: relative;
  color: #eef4ff;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  background: rgba(18, 24, 34, 0.84);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: visible;
  pointer-events: auto;
  opacity: 0;
  animation: awWidgetIn 1200ms ease 450ms both;
}

.aw-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

#content {
  padding: 7px;
}

#widget a {
  color: inherit;
  font-weight: 600 !important;
  text-decoration: none;
}

.aw-head,
.aw-summary,
.aw-section-title,
.aw-card,
.aw-error-card {
  display: flex;
  align-items: center;
}

.aw-head {
  gap: 6px;
}

.aw-summary {
  min-width: 0;
  flex: 1;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
  padding: 8px;
  border: none;
  border-radius: 7px;
  background: none;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 160ms ease, transform 160ms ease;
}

.aw-summary:hover,
.aw-summary:focus-visible,
.aw-profile-link:hover,
.aw-profile-link:focus-visible {
  background: rgba(255, 255, 255, 0.075);
  transform: translateY(-1px);
}

.aw-summary:focus-visible,
.aw-profile-link:focus-visible,
.aw-card:focus-visible,
.aw-error-card:focus-visible,
.aw-empty:focus-visible,
.aw-page-btn:focus-visible {
  outline: 2px solid rgba(72, 209, 255, 0.82);
  outline-offset: 2px;
}

.aw-profile-link {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  color: rgba(238, 244, 255, 0.74);
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.aw-profile-link:hover,
.aw-profile-link:focus-visible {
  color: #ffffff;
}

.aw-summary-copy {
  min-width: 0;
  flex: 1;
}

.aw-summary-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  margin-top: 5px;
}

.aw-summary-stats span {
  padding: 6px 8px;
  border-radius: 6px;

  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.08);

  text-align: center;

  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.aw-summary-stats span:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateY(-1px);
}

.aw-summary strong {
  color: #ffffff;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
}

.aw-summary small {
  display: block;
  margin-top: 2px;
  color: rgba(238, 244, 255, 0.62);
  font-size: 10px;
  font-weight: 700;
}

.aw-goal {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  color: rgba(238, 244, 255, 0.62);
  font-size: 10px;
  font-weight: 700;
}

.aw-goal-bar {
  display: block;
  height: 3px;
  margin-top: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  overflow: hidden;
}

.aw-goal-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #48d1ff, #1972f5);
  box-shadow: 0 0 12px rgba(72, 209, 255, 0.36);
}

.aw-summary > i {
  flex: 0 0 auto;
  color: rgba(238, 244, 255, 0.68);
  font-size: 12px;
  transition: transform 180ms ease;
}

.aw-expanded .aw-summary > i {
  transform: rotate(180deg);
}

.aw-details {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  z-index: 20;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  background: rgba(18, 24, 34, 0.96);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  animation: awDetailsIn 180ms ease both;
}

.aw-card:hover,
.aw-error-card:hover {
  background: rgba(255, 255, 255, 0.085);
  transform: translateY(-1px);
}

.aw-eyebrow,
.aw-section-title,
.aw-card small {
  color: rgba(238, 244, 255, 0.68);
}

.aw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.aw-eyebrow .si-anilist {
  margin: 0;
}

.aw-section-title {
  justify-content: space-between;
  margin: 8px 0 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.aw-section-title em {
  color: rgba(238, 244, 255, 0.48);
  font-style: normal;
}

.aw-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.aw-card {
  min-width: 0;
  gap: 8px;
  padding: 6px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.05);
  transition: background 160ms ease, transform 160ms ease;
}

.aw-card img {
  width: 36px;
  height: 50px;
  flex: 0 0 auto;
  border-radius: 5px;
  object-fit: cover;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.24);
}

.aw-card-copy {
  min-width: 0;
  flex: 1;
}

.aw-card strong,
.aw-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aw-card strong {
  font-size: 11px;
  line-height: 1.25;
}

.aw-card small {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 6px;
  margin-top: 4px;
  font-size: 9px;
  white-space: normal;
}

.aw-card small span {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aw-card b {
  align-self: flex-start;
  padding: 2px 4px;
  border-radius: 999px;
  background: rgba(72, 209, 255, 0.14);
  color: #8be6ff;
  font-size: 9px;
}

.aw-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 7px;
}

.aw-pager span {
  min-width: 34px;
  color: rgba(238, 244, 255, 0.64);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

.aw-page-btn {
  width: 24px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  color: #eef4ff;
  cursor: pointer;
  transition: background 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.aw-page-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

.aw-page-btn:disabled {
  cursor: default;
  opacity: 0.35;
}

.aw-loading {
  display: grid;
  gap: 8px;
  padding: 12px 0 4px;
}

.aw-loading span {
  height: 28px;
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.13), rgba(255,255,255,0.05));
  background-size: 220% 100%;
  animation: awShimmer 1.2s linear infinite;
}

.aw-error-card,
.aw-empty {
  padding: 12px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.055);
  transition: background 160ms ease, transform 160ms ease;
}

.aw-error-card {
  gap: 10px;
}

.aw-empty {
  display: block;
  grid-column: 1 / -1;
  color: rgba(238, 244, 255, 0.72);
  font-size: 12px;
}

@keyframes awShimmer {
  to {
    background-position: -220% 0;
  }
}

@keyframes awWidgetIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes awDetailsIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #widget,
  .aw-details,
  .aw-loading span {
    animation: none;
  }

  .aw-summary,
  .aw-profile-link,
  .aw-card,
  .aw-error-card,
  .aw-page-btn {
    transition: none;
  }
}

@media screen and (max-height: 900px) {
    .aw-details {
    display: none;
  }

  .aw-summary .fa-chevron-down {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  #widget {
    width: min(330px, calc(100vw - 60px));
    margin-top: 8px;
    border-radius: 7px;
  }

  #content {
    padding: 6px;
  }

  .aw-eyebrow {
    font-size: 9px;
  }

  .aw-summary {
    padding: 6px 7px;
  }

  .aw-goal {
    display: none;
  }

  .aw-goal-bar {
    display: none;
  }

  .aw-profile-link {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .aw-summary strong {
    font-size: 16px;
  }

  .aw-summary small {
    font-size: 8px;
  }

  .aw-summary-stats {
    gap: 7px;
  }

  .aw-goal {
    margin-top: 5px;
    font-size: 8px;
  }

  .aw-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .aw-section-title {
    margin: 6px 0 5px;
    font-size: 9px;
  }

  .aw-card {
    gap: 5px;
    padding: 5px;
  }

  .aw-card img {
    width: 28px;
    height: 40px;
    border-radius: 4px;
  }

  .aw-card strong {
    font-size: 10px;
  }

  .aw-card small {
    margin-top: 2px;
    font-size: 8px;
  }

  .aw-card b {
    display: none;
  }

  .aw-pager {
    gap: 7px;
    margin-top: 5px;
  }

  .aw-page-btn {
    width: 22px;
    height: 20px;
    border-radius: 5px;
  }

  .aw-pager span {
    min-width: 30px;
    font-size: 9px;
  }

}

@media screen and (max-width: 420px) {
  .aw-summary {
    padding: 6px 7px;
  }
}