* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  width: 100%;
  min-width: 0;
  background-color: #060b0e;
  background-image: linear-gradient(rgba(6, 11, 14, .03), rgba(6, 11, 14, .12)), url('/minecraft-background.jpg?v=3');
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #e9ffff;
  transition: background-color .25s ease, color .25s ease;
  font-family: 'Rubik', Arial, sans-serif;
  overflow-x: hidden;
  line-height: 1.5;
}

.grid {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(20, 255, 220, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(174, 64, 255, .045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
  pointer-events: none;
}

.pixel-scene {
  position: absolute;
  inset: 70px 0 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.mob,
.block,
.pickaxe {
  position: absolute;
  image-rendering: pixelated;
}

.block {
  width: 44px;
  height: 44px;
  border: 3px solid #37e6cc66;
  background: linear-gradient(135deg, #123b39, #172027);
  box-shadow: 0 0 24px #35e6cc22;
  transform: rotate(8deg);
  animation: float 5s ease-in-out infinite;
}

.b1 {
  left: 7%;
  top: 18%;
}

.b2 {
  right: 8%;
  top: 58%;
  animation-delay: 1.5s;
}

.steve {
  left: 4%;
  top: 35%;
  width: 72px;
  height: 145px;
  animation: float 4s ease-in-out infinite;
}

.head {
  width: 54px;
  height: 54px;
  margin: auto;
  border: 4px solid #111;
  background: #b97952;
  box-shadow: inset 15px 0 #d79b72;
  position: relative;
}

.head:before,
.head:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: #111;
  top: 22px;
}

.head:before {
  left: 15px;
}

.head:after {
  right: 15px;
}

.body {
  width: 60px;
  height: 65px;
  margin: 0 auto;
  background: #2776a8;
  border: 4px solid #111;
}

.leg {
  width: 25px;
  height: 48px;
  background: #31519a;
  border: 4px solid #111;
  margin: auto;
}

.creeper {
  right: 5%;
  top: 28%;
  width: 70px;
  height: 120px;
  animation: float 4.7s ease-in-out infinite .7s;
}

.creeper-head {
  width: 65px;
  height: 65px;
  background: #4da83f;
  border: 4px solid #111;
  position: relative;
}

.creeper-head i {
  position: absolute;
  width: 12px;
  height: 14px;
  background: #111;
  top: 18px;
}

.creeper-head i:first-child {
  left: 11px;
}

.creeper-head i:nth-child(2) {
  right: 11px;
}

.creeper-head b {
  position: absolute;
  width: 16px;
  height: 25px;
  background: #111;
  left: 21px;
  bottom: 8px;
}

.creeper-body {
  width: 38px;
  height: 45px;
  background: #4da83f;
  border: 4px solid #111;
  margin: auto;
}

.creeper-leg {
  position: absolute;
  bottom: 0;
  width: 18px;
  height: 28px;
  background: #4da83f;
  border: 4px solid #111;
}

.l1 {
  left: 12px;
}

.l2 {
  right: 12px;
}

.enderman {
  right: 15%;
  top: 63%;
  width: 38px;
  height: 150px;
  animation: float 5.2s ease-in-out infinite 1s;
}

.end-head {
  width: 42px;
  height: 42px;
  background: #171320;
  border: 3px solid #000;
  position: relative;
}

.end-head i {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 19px;
  height: 4px;
  background: #e66cff;
}

.end-body {
  width: 28px;
  height: 72px;
  background: #171320;
  border: 3px solid #000;
  margin: auto;
}

.end-leg {
  width: 32px;
  height: 40px;
  background: #171320;
  border: 3px solid #000;
  margin: auto;
}

.zombie {
  left: 15%;
  top: 70%;
  width: 65px;
  height: 105px;
  animation: float 4.3s ease-in-out infinite 1.2s;
}

.z-head {
  width: 54px;
  height: 48px;
  margin: auto;
  background: #65a65a;
  border: 4px solid #111;
}

.z-body {
  width: 58px;
  height: 55px;
  margin: auto;
  background: #3d927a;
  border: 4px solid #111;
}

.z-leg {
  width: 40px;
  height: 20px;
  margin: auto;
  background: #5369b5;
  border: 4px solid #111;
}

.pickaxe {
  right: 25%;
  top: 18%;
  font-size: 58px;
  filter: drop-shadow(0 0 12px #a855ff88);
  animation: spin 7s linear infinite;
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(-12deg);
  }

  50% {
    transform: rotate(18deg);
  }

  100% {
    transform: rotate(-12deg);
  }
}

header {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1180px;
  margin: auto;
  padding: 25px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.logo {
  flex: 0 0 auto;
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.logo span,
footer span {
  color: #30f0d0;
}

nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px 20px;
  min-width: 0;
}

nav a {
  color: #a9bfc2;
  text-decoration: none;
  font-family: 'Rubik', Arial, sans-serif;
  font-weight: 600;
  white-space: nowrap;
}

nav a:hover {
  color: #5fffe4;
}

.hero {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1000px;
  margin: 65px auto 75px;
  padding: 20px 24px;
  text-align: center;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  padding: 10px 15px;
  border: 1px solid #28dcbf55;
  background: #13d9bc10;
  border-radius: 8px;
  color: #63ffe7;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

.badge svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  flex: none;
}

h1 {
  max-width: 100%;
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: clamp(28px, 6vw, 68px);
  line-height: 1.35;
  margin: 24px auto 20px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

h1 span {
  color: #b965ff;
  text-shadow: 0 0 30px #a847ff66;
}

.hero>p {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 8px;
  color: #a9babc;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: clamp(15px, 2vw, 19px);
  font-weight: 500;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.ip {
  display: flex;
  align-items: center;
  width: min(570px, 100%);
  min-width: 0;
  margin: 32px auto 6px;
  padding: 8px 9px 8px 18px;
  gap: 12px;
  border: 1px solid #32e4ca44;
  background: #0d171b;
  box-shadow: 0 0 35px #20e2c012;
  border-radius: 12px;
}

.ip>svg {
  width: 23px;
  height: 23px;
  fill: #5fffe4;
  flex: none;
}

.ip strong {
  min-width: 0;
  flex: 1 1 auto;
  font-family: monospace;
  font-size: 18px;
  direction: ltr;
  text-align: center;
  overflow-wrap: anywhere;
}

.ip button,
.btn {
  border: 0;
  border-radius: 8px;
  padding: 13px 17px;
  font-family: 'Rubik', Arial, sans-serif;
  font-weight: 800;
  cursor: pointer;
}

.ip button {
  background: #31e7ca;
  color: #04110f;
  flex: none;
}

.ip button:hover,
.primary:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

#copied {
  display: block;
  color: #62ffe5;
  font-family: 'Rubik', Arial, sans-serif;
}

.actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}

.btn {
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #121d22;
  color: #dffefd;
  border: 1px solid #ffffff14;
  text-decoration: none;
  transition: .2s;
}

.btn:hover {
  border-color: #a95cff66;
  transform: translateY(-2px);
}

.primary {
  background: #31e7ca;
  color: #04110f;
}

.cards {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 90px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.card {
  min-width: 0;
  width: 100%;
  background: linear-gradient(145deg, #0d181d, #0a1115);
  border: 1px solid #ffffff10;
  border-radius: 18px;
  padding: 28px;
  min-height: 210px;
  box-shadow: 0 15px 50px #0006;
  transition: .25s;
}

.card:hover {
  transform: translateY(-5px);
  border-color: #31e7ca44;
}

.icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #61ffe5;
}

.icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.card h2 {
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: 18px;
  line-height: 1.6;
  margin: 14px 0 10px;
  overflow-wrap: anywhere;
}

.card p {
  max-width: 100%;
  margin: 8px 0;
  color: #93a8ab;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.staff-status {
  width: 100%;
  min-width: 0;
  margin: 14px 0 18px;
  padding: 12px;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  background: #07101488;
}

.staff-title {
  color: #dffefd;
  margin-bottom: 10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-weight: 700;
}

.staff-title strong {
  color: #5fffe4;
  font-size: 20px;
}

.staff-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid #ffffff08;
  color: #91a6a9;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
}

.staff-row:last-child {
  border-bottom: 0;
}

.staff-row span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.staff-row span:last-child {
  white-space: nowrap;
  text-align: right;
}

.staff-row b {
  color: #b965ff;
}

.textbtn {
  display: inline-block;
  color: #59f5da;
  text-decoration: none;
  font-family: 'Rubik', Arial, sans-serif;
  font-weight: 800;
}

.disabled {
  opacity: .45;
  pointer-events: none;
}

footer {
  position: relative;
  z-index: 2;
  text-align: center;
  border-top: 1px solid #ffffff0c;
  padding: 35px 20px;
  color: #708184;
  font-family: 'Rubik', Arial, sans-serif;
}

footer p {
  margin: 10px 0 0;
  overflow-wrap: anywhere;
}

.lang-btn {
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 13px;
  background: #121d22;
  color: #dffefd;
  border: 1px solid #31e7ca55;
  border-radius: 8px;
  padding: 9px 12px;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.2;
  transition: .2s;
}

.lang-btn:hover {
  border-color: #b965ff88;
  color: #fff;
  transform: translateY(-2px);
}

html[dir="rtl"] nav {
  direction: rtl;
}

@media(max-width:900px) {
  header {
    padding: 18px 16px;
    align-items: flex-start;
  }

  .logo {
    font-size: 15px;
  }

  nav {
    gap: 8px 10px;
    max-width: 70%;
  }

  nav a {
    font-size: 13px;
  }

  .hero {
    margin: 42px auto 55px;
    padding: 16px;
  }

  h1 {
    font-size: clamp(24px, 7.5vw, 42px);
    line-height: 1.45;
    margin-top: 20px;
  }

  .hero>p {
    font-size: 16px;
    line-height: 1.75;
  }

  .cards {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }

  .card {
    padding: 24px;
  }

  .pixel-scene .steve,
  .pixel-scene .zombie {
    left: -20px;
  }

  .pixel-scene .creeper,
  .pixel-scene .enderman {
    right: -18px;
  }

  .pixel-scene .pickaxe {
    right: 2%;
    font-size: 40px;
  }
}

@media(max-width:520px) {
  header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }

  nav {
    width: 100%;
    max-width: none;
    justify-content: center;
  }

  .logo {
    font-size: 14px;
  }

  .hero {
    margin-top: 30px;
    padding: 12px;
  }

  .badge {
    font-size: 10px;
    padding: 9px 11px;
  }

  h1 {
    font-size: clamp(23px, 7vw, 34px);
    line-height: 1.55;
    margin-bottom: 18px;
  }

  .hero>p {
    font-size: 15px;
    line-height: 1.8;
    padding: 0;
  }

  .ip {
    margin-top: 24px;
    padding: 7px;
    gap: 7px;
  }

  .ip>svg {
    width: 20px;
    height: 20px;
  }

  .ip strong {
    font-size: 14px;
  }

  .ip button {
    padding: 11px 9px;
    font-size: 12px;
  }

  .actions {
    gap: 8px;
  }

  .btn {
    font-size: 9px;
    padding: 12px 11px;
  }

  .card {
    padding: 20px;
  }

  .card h2 {
    font-size: 16px;
    line-height: 1.6;
  }

  .card p {
    font-size: 15px;
  }

  .staff-row {
    font-size: 13px;
    gap: 7px;
  }
}

@media(max-width:360px) {
  .staff-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .staff-row span:last-child {
    text-align: left;
  }

  html[dir="rtl"] .staff-row span:last-child {
    text-align: right;
  }

  .ip strong {
    font-size: 12px;
  }

  .ip button {
    font-size: 11px;
    padding: 10px 7px;
  }
}

/* ===================================================
   Top Container & News Section
   =================================================== */
.top-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 15px auto 35px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-areas: "news hero";
  gap: 22px;
  align-items: start;
}

html[dir="rtl"] .top-container {
  grid-template-columns: 1fr 280px;
  grid-template-areas: "hero news";
}

.top-container .hero {
  grid-area: hero;
  margin: 0;
  padding: 5px 0;
  max-width: 100%;
}

.top-container .news-section {
  grid-area: news;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.section-heading {
  text-align: center;
  margin-bottom: 12px;
}

.section-heading .badge {
  margin-bottom: 6px;
  font-size: 10px;
  padding: 5px 9px;
}

.section-heading h2 {
  margin: 0 0 4px;
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: 14px;
  line-height: 1.4;
}

.section-heading p {
  margin: 0 auto;
  max-width: 100%;
  color: #93a8ab;
  font-size: 12px;
  line-height: 1.4;
}

.news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.news-card {
  min-width: 0;
  padding: 14px 16px;
  background: linear-gradient(145deg, #0d181d, #0a1115);
  border: 1px solid #ffffff10;
  border-left: 3px solid #31e7ca;
  border-radius: 12px;
  box-shadow: 0 10px 30px #0006;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html[dir="rtl"] .news-card {
  border-left: 1px solid #ffffff10;
  border-right: 3px solid #31e7ca;
  align-items: flex-start;
}

.news-date {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 7px;
  border-radius: 4px;
  background: #b965ff22;
  color: #c77cff;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.8px;
}

.news-card h3 {
  margin: 0 0 6px;
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.news-card p {
  margin: 0 0 12px;
  color: #93a8ab;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.news-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #14242b;
  color: #5fffe4;
  border: 1px solid #31e7ca44;
  border-radius: 6px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: auto;
}

.news-btn:hover {
  background: #31e7ca;
  color: #04110f;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #31e7ca33;
}

@media(max-width: 900px) {

  .top-container,
  html[dir="rtl"] .top-container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero"
      "news";
    gap: 20px;
  }
}

/* ===================================================
   Large News Section
   =================================================== */
.large-news-card {
  width: 100%;
  max-width: 900px;
  /* <--- הגדרת רוחב מקסימלי לכרטיס הבודד */
  margin: 0 auto;
  /* ממרכז את הכרטיס */
  background: linear-gradient(145deg, #0d181d, #0a1115);
  border: 1px solid #ffffff14;
  border-right: 4px solid #b965ff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
  color: #e9ffff;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

.large-news-heading {
  text-align: center;
  margin-bottom: 35px;
}

.large-news-heading .badge {
  margin-bottom: 12px;
}

.large-news-heading h2 {
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: clamp(20px, 4vw, 32px);
  margin: 12px 0 10px;
  color: #ffffff;
}

.large-news-heading p {
  color: #93a8ab;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto;
}

.large-news-grid {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.large-news-card {
  width: 100%;
  background: linear-gradient(145deg, #0d181d, #0a1115);
  border: 1px solid #ffffff14;
  border-right: 4px solid #b965ff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
  color: #e9ffff;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

html[dir="ltr"] .large-news-card {
  border-right: 1px solid #ffffff14;
  border-left: 4px solid #b965ff;
}

.large-news-card:hover {
  transform: translateY(-4px);
  border-color: #31e7ca66;
}

.large-news-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.news-author {
  color: #8fa0a3;
  font-size: 13px;
  font-weight: 600;
}

.large-news-card h3 {
  font-family: 'Press Start 2P', 'Courier New', monospace;
  font-size: clamp(16px, 2.5vw, 22px);
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 14px 0;
  overflow-wrap: anywhere;
}

.large-news-summary {
  font-size: 16px;
  color: #a9babc;
  line-height: 1.7;
  margin: 0 0 18px 0;
  font-weight: 500;
}

.large-news-body {
  color: #cde2e5;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
  padding: 20px;
  background: #060b0e;
  border-radius: 10px;
  border: 1px solid #ffffff0a;
}

.large-news-body h2,
.large-news-body h3 {
  color: #31e7ca !important;
  font-size: 18px;
  font-family: 'Rubik', Arial, sans-serif;
  margin-top: 12px;
  margin-bottom: 8px;
}

.large-news-body ul,
.large-news-body ol {
  color: #cde2e5;
  padding-inline-start: 20px;
  margin: 10px 0;
}

.large-news-body li {
  margin-bottom: 6px;
}

.news-btn.large-btn {
  padding: 10px 20px;
  font-size: 13px;
}

/* ===================================================
   Scroll Animations (אנימציות גלילה)
   =================================================== */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* אפשרות להוסיף השהייה לאלמנטים שמופיעים יחד */
.delay-100 {
  transition-delay: 0.1s;
}

.delay-200 {
  transition-delay: 0.2s;
}

.delay-300 {
  transition-delay: 0.3s;
}

/* ===================================================
   Global Motion System — EddyWEB
   =================================================== */
html {
  scroll-behavior: smooth;
}

html.animations-enabled {
  scroll-padding-top: 24px;
}

.animations-enabled .scroll-animate {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition:
    opacity 700ms cubic-bezier(.22, 1, .36, 1) var(--scroll-delay, 0ms),
    transform 700ms cubic-bezier(.22, 1, .36, 1) var(--scroll-delay, 0ms);
  will-change: opacity, transform;
}

.animations-enabled .scroll-animate--card {
  transform: translate3d(0, 34px, 0) scale(.975);
}

.animations-enabled .scroll-animate.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.site-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 10000;
  pointer-events: none;
  background: transparent;
}

.site-scroll-progress span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #31e7ca, #b965ff, #5fffe4);
  box-shadow: 0 0 14px #31e7ca66;
  transition: width 90ms linear;
}

.animations-enabled nav a,
.animations-enabled .btn,
.animations-enabled .textbtn,
.animations-enabled .news-btn,
.animations-enabled button {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    color 220ms ease;
}

.animations-enabled nav a:hover,
.animations-enabled .btn:hover,
.animations-enabled .textbtn:hover,
.animations-enabled .news-btn:hover,
.animations-enabled button:hover {
  transform: translateY(-2px);
}

.animations-enabled .card:hover,
.animations-enabled .news-card:hover,
.animations-enabled .large-news-card:hover {
  transition-duration: 280ms;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .animations-enabled .scroll-animate,
  .animations-enabled .scroll-animate--card {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  .site-scroll-progress {
    display: none;
  }

  .animations-enabled nav a:hover,
  .animations-enabled .btn:hover,
  .animations-enabled .textbtn:hover,
  .animations-enabled .news-btn:hover,
  .animations-enabled button:hover {
    transform: none;
  }
}

@media (max-width: 520px) {
  .site-scroll-progress {
    height: 2px;
  }

  .animations-enabled .scroll-animate {
    transform: translate3d(0, 28px, 0);
    transition-duration: 560ms;
  }

  .animations-enabled .scroll-animate--card {
    transform: translate3d(0, 24px, 0) scale(.985);
  }
}

/* ===================================================
   Player Profile
   =================================================== */
.player-page{width:min(100%,1100px);margin:0 auto;padding:36px 20px 70px;position:relative;z-index:2}
.player-back{display:inline-flex;margin-bottom:18px;color:#5fffe4;text-decoration:none;font-weight:800;transition:transform 220ms ease,color 220ms ease}
.player-back:hover{transform:translateX(4px);color:#fff}
.player-search-panel{max-width:900px;margin:0 auto 28px;padding:34px;text-align:center;background:linear-gradient(145deg,#0d181d,#0a1115);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 18px 60px #0008}
.player-search-panel h1{margin:14px 0 8px}
.player-search-panel p{color:#93a8ab;margin:0 auto 24px}
.player-search-form{display:flex;gap:10px;max-width:680px;margin:0 auto}
.player-search-form input{flex:1;min-width:0;padding:14px 16px;border-radius:10px;border:1px solid #ffffff16;background:#060b0e;color:#fff;outline:none;font:inherit}
.player-search-form input:focus{border-color:#31e7ca88;box-shadow:0 0 0 3px #31e7ca12}
.player-status{min-height:24px;margin-top:14px;color:#93a8ab}
.player-status.loading{color:#cde2e5}.player-status.success{color:#5fffe4}.player-status.error{color:#ff6b8a}
.player-profile.hidden{display:none}.player-profile{opacity:0;transform:translateY(20px);transition:opacity 500ms ease,transform 500ms cubic-bezier(.22,1,.36,1)}
.player-profile.is-loaded{opacity:1;transform:translateY(0)}
.player-hero-card{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;padding:30px;background:linear-gradient(145deg,#0d181d,#0a1115);border:1px solid #ffffff14;border-right:4px solid #31e7ca;border-radius:20px;box-shadow:0 18px 55px #0008}
.player-skin-wrap{min-height:280px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at center,#31e7ca16,transparent 55%),#060b0e;overflow:hidden}
.player-skin{width:220px;max-width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 20px 30px #0008)}
.player-main-info h2{margin:10px 0;font-size:clamp(28px,5vw,50px);overflow-wrap:anywhere}
.player-uuid{color:#708184;font-family:'Rubik',monospace;font-size:12px;overflow-wrap:anywhere}
.player-rank-pill{width:fit-content;display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border:1px solid #b965ff55;border-radius:999px;background:#b965ff12}
.player-rank-pill span{color:#93a8ab;font-size:12px}.player-rank-pill strong{color:#d991ff}
.player-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.player-info-card{padding:22px;background:linear-gradient(145deg,#0d181d,#0a1115);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 12px 35px #0007}
.player-info-card .icon{font-size:24px;margin-bottom:14px}.player-info-card span{display:block;color:#8fa0a3;font-size:12px;margin-bottom:7px}
.player-info-card strong{display:block;color:#fff;font-size:20px;overflow-wrap:anywhere}.player-info-card small{display:block;margin-top:7px;color:#708184;overflow-wrap:anywhere}
@media(max-width:760px){.player-hero-card{grid-template-columns:1fr;text-align:center}.player-rank-pill{margin-inline:auto}.player-info-grid{grid-template-columns:1fr}.player-skin-wrap{min-height:240px}}
@media(max-width:520px){.player-page{padding-inline:14px}.player-search-panel,.player-hero-card{padding:22px;border-radius:16px}.player-search-form{flex-direction:column}.player-search-form .btn{width:100%}.player-skin{width:190px}}

/* Staff & Rules */
.info-page{width:min(100%,1100px);margin:0 auto;padding:36px 20px 70px;position:relative;z-index:2}.info-back{display:inline-flex;margin-bottom:18px;color:#5fffe4;text-decoration:none;font-weight:800}.info-hero{padding:40px 30px;text-align:center;background:linear-gradient(145deg,#0d181d,#0a1115);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 18px 60px #0008;margin-bottom:24px}.info-hero h1{margin:14px 0 8px;font-size:clamp(30px,6vw,52px)}.info-hero p{color:#93a8ab;max-width:700px;margin:0 auto}.info-card{padding:26px;background:linear-gradient(145deg,#0d181d,#0a1115);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 12px 40px #0007}.staff-list,.rules-list{display:grid;gap:14px;margin-top:18px}.staff-member{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border:1px solid #ffffff12;background:#060b0e99;border-radius:12px}.staff-member strong{color:#fff}.staff-role{color:#d991ff;font-size:13px;font-weight:700}.staff-empty{color:#93a8ab;text-align:center;padding:25px}.rule-item{display:flex;gap:15px;align-items:flex-start;padding:18px;border:1px solid #ffffff12;background:#060b0e99;border-radius:14px}.rule-number{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#31e7ca18;border:1px solid #31e7ca44;color:#5fffe4;font-weight:900}.rule-item h3{margin:0 0 5px}.rule-item p{margin:0;color:#b8cacc;line-height:1.8}.page-lang{margin-top:20px}@media(max-width:700px){.info-page{padding-inline:14px}.info-hero{padding:28px 20px}.staff-member{align-items:flex-start;flex-direction:column}}


/* Light / dark theme. Upload minecraft-background-dark.jpg for the dark theme. */
body[data-theme="dark"] {
  background-image: linear-gradient(rgba(2, 4, 12, .16), rgba(2, 4, 12, .42)), url('/minecraft-background-dark.jpg?v=1');
  background-color: #060711;
  color: #f2f3ff;
}
body[data-theme="light"] {
  background-image: linear-gradient(rgba(255, 255, 255, .08), rgba(255, 255, 255, .18)), url('/minecraft-background.jpg?v=3');
  background-color: #eaf4f7;
  color: #10232a;
}
body[data-theme="light"] .grid {
  background-image:
    linear-gradient(rgba(20, 130, 120, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 80, 170, .06) 1px, transparent 1px);
}
body[data-theme="light"] .logo,
body[data-theme="light"] h1,
body[data-theme="light"] .card h2,
body[data-theme="light"] .section-heading h2,
body[data-theme="light"] footer b {
  color: #10232a;
}
body[data-theme="light"] nav a { color: #24454c; }
body[data-theme="light"] nav a:hover { color: #087f70; }
body[data-theme="light"] .hero > p,
body[data-theme="light"] .section-heading p,
body[data-theme="light"] .card p,
body[data-theme="light"] footer,
body[data-theme="light"] .large-news-summary { color: #29464c; }
body[data-theme="light"] .card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .large-news-card {
  background: rgba(245, 252, 255, .9);
  border-color: rgba(20, 70, 80, .18);
  box-shadow: 0 12px 35px rgba(15, 50, 60, .16);
  color: #10232a;
  backdrop-filter: blur(10px);
}
body[data-theme="light"] .ip {
  background: rgba(245, 252, 255, .92);
  border-color: rgba(20, 140, 125, .35);
  color: #10232a;
}
body[data-theme="light"] .ip strong { color: #10232a; }
body[data-theme="light"] .btn:not(.primary),
body[data-theme="light"] .lang-btn {
  background: rgba(245, 252, 255, .9);
  color: #17363b;
  border-color: rgba(20, 100, 100, .28);
}
body[data-theme="light"] .large-news-body,
body[data-theme="light"] .staff-status {
  background: rgba(220, 239, 242, .9);
  color: #17363b;
  border-color: rgba(20, 100, 100, .16);
}
body[data-theme="light"] .large-news-body,
body[data-theme="light"] .large-news-body ul,
body[data-theme="light"] .large-news-body ol { color: #29464c; }
body[data-theme="light"] .staff-row { color: #29464c; border-color: rgba(20, 70, 80, .12); }
body[data-theme="light"] .staff-title { color: #17363b; }
body[data-theme="light"] footer { border-color: rgba(20, 70, 80, .16); }

.theme-btn { white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  body { transition: none; }
}


/* Glassmorphism: more transparent cards and buttons in both themes */
.card,
.news-card,
.large-news-card,
.player-search-panel,
.player-hero-card,
.player-info-card,
.info-hero,
.info-card {
  background: rgba(9, 20, 26, .48);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-color: rgba(255, 255, 255, .16);
}
.news-card,
.staff-member,
.rule-item,
.staff-status {
  background-color: rgba(6, 16, 21, .38);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.ip,
.btn:not(.primary),
.lang-btn,
.news-btn {
  background-color: rgba(10, 25, 31, .48);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.ip button,
.primary {
  background-color: rgba(49, 231, 202, .88);
}
.large-news-body,
.player-skin-wrap {
  background-color: rgba(6, 11, 14, .42);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body[data-theme="light"] .card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .large-news-card,
body[data-theme="light"] .player-search-panel,
body[data-theme="light"] .player-hero-card,
body[data-theme="light"] .player-info-card,
body[data-theme="light"] .info-hero,
body[data-theme="light"] .info-card {
  background: rgba(245, 252, 255, .52);
  border-color: rgba(20, 70, 80, .18);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="light"] .news-card,
body[data-theme="light"] .staff-member,
body[data-theme="light"] .rule-item,
body[data-theme="light"] .staff-status {
  background-color: rgba(235, 249, 252, .42);
}
body[data-theme="light"] .ip,
body[data-theme="light"] .btn:not(.primary),
body[data-theme="light"] .lang-btn,
body[data-theme="light"] .news-btn {
  background-color: rgba(245, 252, 255, .48);
}
body[data-theme="light"] .large-news-body,
body[data-theme="light"] .player-skin-wrap {
  background-color: rgba(220, 239, 242, .42);
}

/* Theme support for every secondary page */
body[data-theme="light"] .player-search-panel,
body[data-theme="light"] .player-hero-card,
body[data-theme="light"] .player-info-card,
body[data-theme="light"] .info-hero,
body[data-theme="light"] .info-card {
  background: rgba(245, 252, 255, .54);
  color: #10232a;
  border-color: rgba(20, 70, 80, .2);
  box-shadow: 0 12px 35px rgba(15, 50, 60, .16);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="light"] .player-search-panel p,
body[data-theme="light"] .info-hero p,
body[data-theme="light"] .player-info-card span,
body[data-theme="light"] .player-info-card small,
body[data-theme="light"] .player-uuid,
body[data-theme="light"] .info-card,
body[data-theme="light"] .staff-empty {
  color: #29464c;
}
body[data-theme="light"] .player-info-card strong,
body[data-theme="light"] .player-main-info h2,
body[data-theme="light"] .info-hero h1,
body[data-theme="light"] .info-card h2,
body[data-theme="light"] .staff-member strong,
body[data-theme="light"] .rule-item h3 {
  color: #10232a;
}
body[data-theme="light"] .player-search-form input {
  background: rgba(255, 255, 255, .68);
  color: #10232a;
  border-color: rgba(20, 70, 80, .24);
}
body[data-theme="light"] .player-skin-wrap {
  background: radial-gradient(circle at center, rgba(49, 231, 202, .18), transparent 60%), rgba(220, 239, 242, .45);
}
body[data-theme="light"] .staff-member,
body[data-theme="light"] .rule-item {
  background: rgba(235, 249, 252, .45);
  border-color: rgba(20, 70, 80, .18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body[data-theme="light"] .rule-item p {
  color: #29464c;
}
body[data-theme="light"] .player-rank-pill {
  background: rgba(185, 101, 255, .12);
  border-color: rgba(130, 60, 180, .3);
}
body[data-theme="light"] .player-rank-pill span {
  color: #29464c;
}
body[data-theme="light"] .player-back,
body[data-theme="light"] .info-back {
  color: #087f70;
}
body[data-theme="light"] .player-status {
  color: #29464c;
}
body[data-theme="light"] .player-status.success {
  color: #087f70;
}
body[data-theme="light"] .player-status.error {
  color: #b42345;
}
body[data-theme="dark"] .player-search-panel,
body[data-theme="dark"] .player-hero-card,
body[data-theme="dark"] .player-info-card,
body[data-theme="dark"] .info-hero,
body[data-theme="dark"] .info-card {
  background: rgba(9, 12, 28, .5);
  color: #f2f3ff;
  border-color: rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="dark"] .player-search-form input {
  background: rgba(4, 6, 18, .62);
  color: #f2f3ff;
}
body[data-theme="dark"] .staff-member,
body[data-theme="dark"] .rule-item,
body[data-theme="dark"] .player-skin-wrap {
  background-color: rgba(4, 6, 18, .42);
}
body[data-theme="dark"] .player-info-card strong,
body[data-theme="dark"] .player-main-info h2,
body[data-theme="dark"] .info-hero h1,
body[data-theme="dark"] .info-card h2,
body[data-theme="dark"] .staff-member strong,
body[data-theme="dark"] .rule-item h3 {
  color: #f2f3ff;
}


/* Shared theme layer: consistent colors on every page, including admin */
body[data-theme="light"] {
  color: #10232a;
}
body[data-theme="light"] header .logo,
body[data-theme="light"] main h1,
body[data-theme="light"] main h2,
body[data-theme="light"] main h3,
body[data-theme="light"] .admin-container h1,
body[data-theme="light"] .admin-container h2,
body[data-theme="light"] .admin-container h3 {
  color: #10232a;
}
body[data-theme="light"] .player-search-panel,
body[data-theme="light"] .player-hero-card,
body[data-theme="light"] .player-info-card,
body[data-theme="light"] .info-hero,
body[data-theme="light"] .info-card,
body[data-theme="light"] .login-box,
body[data-theme="light"] .news-editor {
  background: rgba(245, 252, 255, .58) !important;
  color: #10232a;
  border-color: rgba(20, 70, 80, .2);
  box-shadow: 0 12px 35px rgba(15, 50, 60, .16);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="light"] .staff-member,
body[data-theme="light"] .rule-item,
body[data-theme="light"] .item-card,
body[data-theme="light"] .skin-preview-box {
  background: rgba(235, 249, 252, .48) !important;
  color: #10232a;
  border-color: rgba(20, 70, 80, .18);
}
body[data-theme="light"] .player-search-form input,
body[data-theme="light"] .form-group input,
body[data-theme="light"] .form-group textarea,
body[data-theme="light"] .ql-toolbar.ql-snow,
body[data-theme="light"] .ql-container.ql-snow {
  background: rgba(255, 255, 255, .72) !important;
  color: #10232a !important;
  border-color: rgba(20, 70, 80, .24) !important;
}
body[data-theme="light"] .ql-editor,
body[data-theme="light"] .ql-editor p,
body[data-theme="light"] .ql-editor h1,
body[data-theme="light"] .ql-editor h2,
body[data-theme="light"] .ql-editor h3 {
  color: #10232a;
}
body[data-theme="light"] .form-group label,
body[data-theme="light"] .player-info-card strong,
body[data-theme="light"] .player-main-info h2,
body[data-theme="light"] .info-hero h1,
body[data-theme="light"] .info-card h2,
body[data-theme="light"] .staff-member strong,
body[data-theme="light"] .rule-item h3,
body[data-theme="light"] .item-card,
body[data-theme="light"] .admin-container,
body[data-theme="light"] .admin-container label {
  color: #10232a;
}
body[data-theme="light"] .player-search-panel p,
body[data-theme="light"] .info-hero p,
body[data-theme="light"] .player-info-card span,
body[data-theme="light"] .player-info-card small,
body[data-theme="light"] .player-uuid,
body[data-theme="light"] .staff-empty,
body[data-theme="light"] .rule-item p {
  color: #29464c;
}
body[data-theme="dark"] .login-box,
body[data-theme="dark"] .news-editor,
body[data-theme="dark"] .item-card,
body[data-theme="dark"] .skin-preview-box {
  background: rgba(9, 12, 28, .52) !important;
  color: #f2f3ff;
  border-color: rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="dark"] .form-group input,
body[data-theme="dark"] .form-group textarea,
body[data-theme="dark"] .player-search-form input {
  background: rgba(4, 6, 18, .66) !important;
  color: #f2f3ff !important;
  border-color: rgba(255, 255, 255, .18) !important;
}
body[data-theme="dark"] .admin-container,
body[data-theme="dark"] .admin-container h1,
body[data-theme="dark"] .admin-container h2,
body[data-theme="dark"] .admin-container h3,
body[data-theme="dark"] .admin-container label,
body[data-theme="dark"] .ql-editor,
body[data-theme="dark"] .ql-editor p,
body[data-theme="dark"] .ql-editor h1,
body[data-theme="dark"] .ql-editor h2,
body[data-theme="dark"] .ql-editor h3 {
  color: #f2f3ff;
}
.theme-floating-toggle {
  box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
  border: 1px solid rgba(255,255,255,.2);
}


/* Article page: ensure its inline dark defaults respect the selected theme */
body[data-theme="light"].article-page,
body[data-theme="light"] {
  --article-text: #10232a;
}
body[data-theme="light"] .article-container {
  background: rgba(245, 252, 255, .78) !important;
  color: #10232a !important;
  border-color: rgba(20, 70, 80, .2) !important;
  box-shadow: 0 15px 50px rgba(15, 50, 60, .16) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body[data-theme="light"] .article-content {
  color: #29464c !important;
}
body[data-theme="light"] .author-box {
  background: rgba(220, 239, 242, .65) !important;
  border-color: rgba(20, 70, 80, .2) !important;
}
body[data-theme="light"] .author-info span {
  color: #526b70 !important;
}
body[data-theme="dark"] .article-container {
  background: rgba(9, 12, 28, .72) !important;
  color: #f2f3ff !important;
}
body[data-theme="dark"] .article-content {
  color: #cde2e5 !important;
}
body[data-theme="dark"] .author-box {
  background: rgba(4, 6, 18, .68) !important;
}
body[data-theme="light"] .article-container h1 {
  color: #10232a !important;
}


/* Always-visible theme switch, including pages without a navigation bar */
.theme-floating-toggle {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 2147483000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
}
body[data-theme="light"] .theme-floating-toggle {
  background: rgba(245,252,255,.94) !important;
  color: #17363b !important;
  border: 1px solid rgba(20,100,100,.3) !important;
}
body[data-theme="dark"] .theme-floating-toggle {
  background: rgba(9,12,28,.94) !important;
  color: #f2f3ff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}


/* Final shared theme rules: keep page background and controls in sync everywhere. */
html[data-theme="light"],
body[data-theme="light"] {
  color-scheme: light;
}
html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
}
body[data-theme="light"] {
  background-color: #eaf4f6 !important;
  background-image: linear-gradient(rgba(240, 250, 252, .08), rgba(240, 250, 252, .18)), url('/minecraft-background.jpg?v=4') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  color: #10232a !important;
}
body[data-theme="dark"] {
  background-color: #060b0e !important;
  background-image: linear-gradient(rgba(6, 11, 14, .03), rgba(6, 11, 14, .12)), url('/minecraft-background-dark.jpg?v=2') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  color: #e9ffff !important;
}
body[data-theme="light"] .card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .large-news-card,
body[data-theme="light"] .staff-status,
body[data-theme="light"] .ip,
body[data-theme="light"] .btn:not(.primary),
body[data-theme="light"] .news-btn {
  background: rgba(245, 252, 255, .62) !important;
  color: #17363b !important;
  border-color: rgba(20, 100, 100, .24) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="light"] .card p,
body[data-theme="light"] .news-card p,
body[data-theme="light"] .large-news-card p,
body[data-theme="light"] .section-heading p {
  color: #29464c !important;
}
body[data-theme="dark"] .card,
body[data-theme="dark"] .news-card,
body[data-theme="dark"] .large-news-card,
body[data-theme="dark"] .staff-status,
body[data-theme="dark"] .ip,
body[data-theme="dark"] .btn:not(.primary),
body[data-theme="dark"] .news-btn {
  background: rgba(9, 12, 28, .58) !important;
  color: #f2f3ff !important;
  border-color: rgba(255, 255, 255, .16) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body[data-theme="dark"] .card p,
body[data-theme="dark"] .news-card p,
body[data-theme="dark"] .large-news-card p,
body[data-theme="dark"] .section-heading p {
  color: #c3d3dc !important;
}
body[data-theme="light"] nav a,
body[data-theme="light"] footer,
body[data-theme="light"] .staff-row,
body[data-theme="light"] .staff-title {
  color: #29464c;
}
body[data-theme="dark"] nav a,
body[data-theme="dark"] footer,
body[data-theme="dark"] .staff-row,
body[data-theme="dark"] .staff-title {
  color: #c3d3dc;
}


/* =========================================================
   EddyWEB shared theme system — applies to every page
   ========================================================= */
:root {
  --site-text: #e9ffff;
  --site-muted: #a9babc;
  --site-panel: rgba(9, 18, 23, .76);
  --site-panel-strong: rgba(9, 18, 23, .9);
  --site-border: rgba(255, 255, 255, .16);
  --site-input: rgba(3, 10, 13, .78);
  --site-accent: #31e7ca;
}
html[data-theme="dark"] {
  --site-text: #e9ffff;
  --site-muted: #a9babc;
  --site-panel: rgba(7, 13, 18, .78);
  --site-panel-strong: rgba(7, 13, 18, .92);
  --site-border: rgba(255, 255, 255, .14);
  --site-input: rgba(2, 7, 10, .86);
}
html[data-theme="light"] {
  --site-text: #14212b;
  --site-muted: #465b67;
  --site-panel: rgba(245, 250, 255, .72);
  --site-panel-strong: rgba(245, 250, 255, .9);
  --site-border: rgba(29, 54, 72, .2);
  --site-input: rgba(255, 255, 255, .82);
}
html[data-theme="light"] body {
  background-color: #edf4f8 !important;
  background-image: linear-gradient(rgba(244, 249, 255, .28), rgba(244, 249, 255, .42)), url('/minecraft-background.jpg?v=3') !important;
  color: var(--site-text) !important;
}
html[data-theme="dark"] body {
  background-color: #060b0e !important;
  background-image: linear-gradient(rgba(2, 7, 10, .42), rgba(2, 7, 10, .58)), url('/minecraft-background-dark.jpg') !important;
  color: var(--site-text) !important;
}
html[data-theme] body, html[data-theme] body * { color-scheme: inherit; }
html[data-theme="light"] body :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,label,small,li,.info-back,.player-back,.back-btn,.article-content,.player-main-info,.player-info-card,.info-card,.rule-item,.staff-member,.staff-empty,.news-author,.large-news-card,.large-news-card h3,.large-news-summary,.large-news-body) {
  color: var(--site-text);
}
html[data-theme="light"] body :is(p,small,.section-heading p,.card p,.hero>p,.news-card p,.large-news-summary,.news-author,.player-uuid,.info-hero p) {
  color: var(--site-muted);
}
html[data-theme] body :is(.card,.news-card,.large-news-card,.player-search-panel,.player-hero-card,.player-info-card,.info-card,.info-hero,.rule-item,.staff-member,.article-container,.login-box,.news-editor,.item-card,.author-box,.staff-status,.large-news-body) {
  background: var(--site-panel) !important;
  border-color: var(--site-border);
  color: var(--site-text);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html[data-theme] body :is(input,textarea,select,.ip,.form-group input,.form-group textarea,.skin-preview-box) {
  background: var(--site-input) !important;
  color: var(--site-text) !important;
  border-color: var(--site-border) !important;
}
html[data-theme="light"] body :is(.btn,.lang-btn,.news-btn) {
  background-color: rgba(255,255,255,.72);
  color: #16323c;
  border-color: rgba(29,54,72,.24);
}
html[data-theme="light"] body :is(.btn.primary,.ip button,.news-btn:hover) {
  background: #31e7ca !important;
  color: #04110f !important;
}
html[data-theme="light"] body :is(nav a,.logo,footer,footer p) { color: var(--site-text); }
html[data-theme="light"] body :is(.badge,.textbtn,.article-content h2,.article-content h3,.author-info h4,.icon) { color: #087f76; }
html[data-theme] .theme-floating-toggle {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  top: auto !important;
  left: auto !important;
  z-index: 10001 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--site-border) !important;
  background: var(--site-panel-strong) !important;
  color: var(--site-text) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.24);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer;
}
html[dir="rtl"][data-theme] .theme-floating-toggle { right: 18px !important; left: auto !important; }
@media(max-width:520px) {
  html[data-theme] .theme-floating-toggle { right: 12px !important; bottom: 12px !important; }
}

/* Theme toggle: top-right, clear of navigation and page action buttons. */
html[data-theme] #theme-toggle,
html[data-theme] .theme-floating-toggle {
  position: fixed !important;
  top: max(16px, env(safe-area-inset-top)) !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  isolation: isolate;
}
html[dir="rtl"][data-theme] #theme-toggle,
html[dir="rtl"][data-theme] .theme-floating-toggle {
  right: max(16px, env(safe-area-inset-right)) !important;
  left: auto !important;
}
@media (max-width: 520px) {
  html[data-theme] #theme-toggle,
  html[data-theme] .theme-floating-toggle {
    top: max(10px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    min-width: 104px !important;
    min-height: 40px !important;
    padding: 8px 11px !important;
  }
}


/* Font Awesome Classic icon sizing and alignment */
.badge > i,
.ip > i {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.15em;
  margin-inline-end: 8px;
  text-align: center;
  color: currentColor;
}
.icon > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35em;
  line-height: 1;
  color: inherit;
}
.theme-floating-toggle i {
  margin-inline-end: 7px;
}
.btn-ai i {
  margin-inline-end: 6px;
}


/* EddyWEB account area */
.account-page { max-width: 980px; }
.account-page [hidden] { display: none !important; }
.account-card { width: min(100%, 720px); margin: 0 auto 22px; text-align: start; }
.account-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 24px; }
.account-tab {
  appearance: none; border: 1px solid #ffffff22; border-radius: 12px;
  background: #060b0e99; color: #d6e7e8; padding: 12px 14px; font: inherit;
  font-weight: 800; cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.account-tab:hover { transform: translateY(-1px); border-color: #31e7ca88; }
.account-tab.is-active { background: #31e7ca1e; border-color: #31e7caaa; color: #5fffe4; }
.account-field { display: grid; gap: 7px; margin-bottom: 17px; }
.account-field label { color: #9fb7bb; font-size: 14px; font-weight: 750; }
.account-field input {
  width: 100%; min-height: 46px; padding: 11px 13px; box-sizing: border-box;
  border-radius: 10px; border: 1px solid #ffffff26; background: #060b0ecc;
  color: #f4ffff; font: inherit; outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.account-field input:focus { border-color: #31e7ca; box-shadow: 0 0 0 3px #31e7ca26; }
.account-field input:disabled { opacity: .65; cursor: not-allowed; }
.account-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
.account-form-actions .btn { min-height: 44px; }
.account-link {
  appearance: none; border: 0; background: transparent; color: #5fffe4; padding: 10px 2px;
  font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px;
}
.account-link:disabled, .account-tab:disabled { opacity: .6; cursor: wait; }
.account-status { min-height: 1.5em; margin: 18px 0 0; color: #9fb7bb; line-height: 1.7; overflow-wrap: anywhere; }
.account-status[data-kind="success"] { color: #4ffdcc; }
.account-status[data-kind="error"] { color: #ff7d91; }
.account-status[data-kind="loading"] { color: #9fb7bb; }
.account-email-line { color: #9fb7bb; overflow-wrap: anywhere; margin: 10px 0 22px; }
.account-email-line strong { color: #f4ffff; }
.account-site-link {
  display: inline-flex; align-items: center; gap: 8px; vertical-align: middle;
  margin: 0 12px 18px 0; padding: 9px 14px; border: 1px solid #31e7ca55;
  border-radius: 999px; color: #5fffe4; background: #0d181dcc;
  text-decoration: none; font-weight: 800;
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}
.account-site-link:hover { border-color: #31e7ca; transform: translateY(-1px); }
.account-site-link i { font-size: .95em; }
.account-page .info-hero .badge i { margin-inline-end: 7px; }
.account-page button:focus-visible, .account-site-link:focus-visible { outline: 3px solid #31e7ca; outline-offset: 3px; }
body[data-theme="light"] .account-tab { background: #f7ffffc9; border-color: #0c797522; color: #164047; }
body[data-theme="light"] .account-tab.is-active { background: #31bfae1c; border-color: #0b9b8d88; color: #087f76; }
body[data-theme="light"] .account-field label { color: #31585d; }
body[data-theme="light"] .account-field input { background: #ffffffdf; border-color: #0c797533; color: #12343a; }
body[data-theme="light"] .account-link { color: #087f76; }
body[data-theme="light"] .account-email-line, body[data-theme="light"] .account-status { color: #31585d; }
body[data-theme="light"] .account-email-line strong { color: #12343a; }
body[data-theme="light"] .account-status[data-kind="success"] { color: #087f76; }
body[data-theme="light"] .account-status[data-kind="error"] { color: #ba2946; }
body[data-theme="light"] .account-site-link { background: #f7ffffe8; color: #087f76; border-color: #0c797544; }
@media (max-width: 560px) {
  .account-page { padding-inline: 14px; }
  .account-card { padding: 20px; }
  .account-tabs { gap: 7px; }
  .account-tab { padding: 11px 8px; }
  .account-form-actions { align-items: stretch; flex-direction: column; }
  .account-form-actions .btn, .account-form-actions .account-link { width: 100%; text-align: center; justify-content: center; }
}


/* Performance: keep off-screen content cheap to render and avoid scroll-linked repaint costs. */
.large-news-card,.news-card,.player-info-card,.staff-member,.rule-group{content-visibility:auto;contain-intrinsic-size:auto 260px;}
.large-news-container{content-visibility:auto;contain-intrinsic-size:auto 600px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


@font-face {
  font-family: 'Basis33';
  src: url('/fonts/basis33.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Hebrew typography: pixel font only for display elements, regular font for readable text. */
html[lang="he"] body,
html[dir="rtl"] body {
  font-family: 'Rubik', Arial, sans-serif;
}

/* Keep the Minecraft/pixel look on titles and prominent actions only. */
html[lang="he"] :is(h1, h2, h3, .logo, .btn),
html[dir="rtl"] :is(h1, h2, h3, .logo, .btn) {
  font-family: 'Basis33', 'Press Start 2P', monospace !important;
}

/* Navigation, paragraphs, labels, forms and other text stay smooth and readable. */
html[lang="he"] :is(nav a, p, small, label, input, textarea, select, button, .badge, .staff-row, .news-date, .news-author, .textbtn, .news-btn, footer),
html[dir="rtl"] :is(nav a, p, small, label, input, textarea, select, button, .badge, .staff-row, .news-date, .news-author, .textbtn, .news-btn, footer) {
  font-family: 'Rubik', Arial, sans-serif !important;
}