/* ==========================================================================
   Shadows of the Dungeon - Visual Skin & Component Styles
   ========================================================================== */

html { overflow-x:hidden; scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }
.sr-skip-link {
  position:absolute; top:-100px; left:20px; z-index:100;
  padding:10px 16px; background:#DCC68A; color:#0A0A0C;
  font-weight:700; font-size:13px; text-decoration:none;
  border-radius:4px; transition:top 150ms ease;
}
.sr-skip-link:focus { top:20px; outline:2px solid #DCC68A; }
button:active, a[role="button"]:active, [data-ks]:active { transform:scale(0.97); transition:transform 80ms ease; }
[data-nav-link]:active, [data-home-link]:active, [data-top-link]:active, a[data-i18n="navPress"]:active { opacity:0.7; transition:opacity 80ms ease; }

/* ---------- Shadows of the Dungeon - game skin ---------- */
.sotd-main {
  font-family: 'Montserrat', 'Satoshi', system-ui, sans-serif;
  background-image:
    radial-gradient(ellipse 1150px 780px at 50% 38%, rgba(120,95,50,0.16) 0%, rgba(92,73,39,0.06) 45%, rgba(10,10,12,0) 70%),
    radial-gradient(ellipse 108% 70% at 50% 40%, rgba(10,10,12,0) 24%, rgba(5,5,7,0.60) 62%, rgba(0,0,0,0.97) 100%),
    linear-gradient(rgba(10,10,12,0.80), rgba(10,10,12,0.88)),
    url("../assets/GameAsset/background.webp");
  background-size: auto, auto, auto, 1100px auto;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-position: center center, center center, center top, center top;
  background-attachment: fixed, fixed, scroll, scroll;
}
@media (max-width: 900px) {
  .sotd-main {
    background-attachment: scroll, scroll, scroll, scroll !important;
  }
}
/* one tile of travel per cycle: seamless loop, one streak, constant speed.
   background-size is 150% of the box, so a shift of exactly one tile is
   0% -> -300% (percentage positions resolve against box - image = -50%). */
@keyframes sotd-shimmer {
  from { background-position: 0% 0; }
  to   { background-position: -183.3333% 0; }
}
.sotd-gold {
  background-image: linear-gradient(110deg,
    #33230e 0%,
    #33230e 20%,
    #6e542c 32%,
    #ab8d58 42%,
    #e4d0a8 47%,
    #f5f0e1 48.5%,
    #ffffff 50%,
    #f5f0e1 51.5%,
    #e4d0a8 53%,
    #ab8d58 58%,
    #6e542c 68%,
    #33230e 80%,
    #33230e 100%);
  background-size: 220% 100%;
  background-repeat: repeat-x;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: sotd-shimmer 6.7s linear infinite;
  filter: drop-shadow(0 -1px 0 rgba(255,246,226,0.34)) drop-shadow(0 1px 1px rgba(0,0,0,0.75)) drop-shadow(0 6px 14px rgba(0,0,0,0.85)) drop-shadow(0 0 16px rgba(171,141,88,0.16));
}
.sotd-hero-logo-wrap {
  position: relative;
  display: block;
  max-width: min(520px, 76vw);
  width: 100%;
  margin: 0 auto;
}
.sotd-hero-logo {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 4px 24px rgba(0,0,0,0.7));
}
.sotd-hero-logo-shimmer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask-image: url("presskit/assets/logos/sotd_logo_gold.png?v=2");
  mask-image: url("presskit/assets/logos/sotd_logo_gold.png?v=2");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: linear-gradient(110deg,
    transparent 0%,
    transparent 20%,
    rgba(255, 230, 160, 0) 36%,
    rgba(255, 240, 200, 0.45) 46%,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 240, 200, 0.45) 54%,
    rgba(255, 230, 160, 0) 64%,
    transparent 80%,
    transparent 100%);
  background-size: 220% 100%;
  background-repeat: repeat-x;
  animation: sotd-shimmer 6.7s linear infinite;
  mix-blend-mode: screen;
}
@media (prefers-reduced-motion: reduce) {
  .sotd-hero-logo-shimmer {
    display: none !important;
    animation: none !important;
  }
}
.sotd-gold .sotd-logo-word { -webkit-text-fill-color: transparent; color: transparent; background: none; filter: none; }
.sotd-gold .sotd-logo-of { -webkit-text-fill-color: transparent; color: transparent; background: none; filter: none; }
.sotd-gold .sotd-logo-tag { -webkit-text-fill-color: #9e8250; color: #9e8250; }
.sotd-gold-flat {
  background-image: linear-gradient(180deg,#e8dfcf 0%,#9e8250 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sotd-serif { font-family: 'Cinzel Decorative', 'Georgia', serif; font-weight: 700; text-transform: uppercase; }
.sotd-logo { display: grid; justify-items: center; gap: 0.02em; text-align: center; font-size: clamp(38px,8.4vw,124px); }
.sotd-logo-word { font-size: 1em; line-height: 1; }
.sotd-logo-shadows { letter-spacing: 0.062em; padding-left: 0.062em; }
.sotd-logo-dungeon { letter-spacing: 0.096em; padding-left: 0.096em; }
.sotd-logo-mid { display: flex; align-items: center; justify-content: center; gap: 0.2em; margin: 0.04em 0; font-size: 1em; }
.sotd-logo-of { font-size: clamp(11px,0.25em,31px); letter-spacing: 0.44em; padding-left: 0.44em; }
.sotd-rule { position: relative; display: block; height: 1px; width: clamp(60px,1.2em,150px); background: linear-gradient(90deg,transparent,#9e8250,transparent); }
.sotd-rule::after {
  content: "";
  position: absolute; top: 50%; left: 50%;
  width: 5px; height: 5px;
  transform: translate(-50%,-50%) rotate(45deg);
  background: #c2a774;
  box-shadow: 0 0 7px rgba(194,167,116,0.45);
}
.sotd-logo-tag {
  font-family: 'Cinzel Decorative','Georgia',serif; font-weight: 700; text-transform: uppercase;
  font-size: clamp(9px,0.137em,17px); letter-spacing: 0.2em; padding-left: 0.2em; color: #9e8250;
  margin-top: clamp(10px,1.4vw,20px);
}
.sotd-line { display: block; height: 1px; width: clamp(50px,14vw,200px); background: linear-gradient(90deg,transparent,#9e8250,transparent); }
.sotd-dia { font-size: 9px; color: #c2a774; text-shadow: 0 0 8px rgba(194,167,116,0.45); line-height: 1; }
.sotd-divider { display: flex; align-items: center; justify-content: center; gap: clamp(12px,2vw,24px); }
.sotd-h2 {
  font-size: clamp(23px,3.4vw,44px); line-height: 1.1; letter-spacing: 0.06em; text-align: center;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.9));
}
.sotd-kicker { font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: #9e8250; text-align: center; }
.sotd-lead { font-size: clamp(16px,1.35vw,20px); line-height: 1.8; letter-spacing: 0.005em; color: #d6d0c4; text-align: center; font-weight: 300; }
.sotd-muted { color: #948d80; }
.sotd-card-title { font-family: 'Cinzel Decorative','Georgia',serif; font-weight: 700; text-transform: uppercase; font-size: clamp(13px,1.15vw,17px); letter-spacing: 0.12em; color: #c2a774; text-align: center; }
.sotd-card-text { font-size: clamp(14px,1.05vw,16px); line-height: 1.75; color: #948d80; text-align: center; font-weight: 300; }
.sotd-card { display: grid; gap: 12px; align-content: start; justify-items: center; padding-top: 22px; border-top: 1px solid rgba(158,130,80,0.35); }
.sotd-fact { display: grid; gap: 7px; justify-items: center; padding: 18px 10px; border: 1px solid rgba(158,130,80,0.22); background: rgba(158,130,80,0.03); }
.sotd-fact-k { font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: #9e8250; text-align: center; }
.sotd-fact-v { font-family: 'Cinzel Decorative','Georgia',serif; font-weight: 700; font-size: clamp(12px,1vw,15px); line-height: 1.5; letter-spacing: 0.04em; color: #ded7c9; text-align: center; }
.sotd-frame { position: relative; --t: clamp(9px,1.2vw,17px); --c: calc(var(--t) * 5.4); }
.sotd-frame .sf { position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: 100% 100%; }
.sotd-frame .sf-t { top: 0; left: 0; right: 0; height: var(--t); background-image: url("../assets/GameAsset/borderup.webp"); }
.sotd-frame .sf-b { bottom: 0; left: 0; right: 0; height: var(--t); background-image: url("../assets/GameAsset/borderdown.webp"); }
.sotd-frame .sf-l { left: 0; top: 0; bottom: 0; width: var(--t); background-image: url("../assets/GameAsset/borderleft.webp"); }
.sotd-frame .sf-r { right: 0; top: 0; bottom: 0; width: var(--t); background-image: url("../assets/GameAsset/borderright.webp"); }
.sotd-frame .sf-tl, .sotd-frame .sf-tr, .sotd-frame .sf-bl, .sotd-frame .sf-br {
  width: var(--c); height: var(--c); background-image: url("../assets/GameAsset/corner.webp"); background-size: 100% 100%;
}
.sotd-frame .sf-tl { top: 0; left: 0; }
.sotd-frame .sf-tr { top: 0; right: 0; transform: scaleX(-1); }
.sotd-frame .sf-bl { bottom: 0; left: 0; transform: scaleY(-1); }
.sotd-frame .sf-br { bottom: 0; right: 0; transform: scale(-1,-1); }
.sotd-shot { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #060709; display: grid; place-items: center; }
.sotd-shot img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 450ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 450ms ease; }
.sotd-shot p { font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: #7d7568; margin: 0; }
.sotd-shot-interactive { cursor: pointer; }
.sotd-video-btn:hover .sotd-play-circle {
  transform: scale(1.1);
  box-shadow: 0 0 45px rgba(228, 208, 168, 0.75), 0 10px 28px rgba(0,0,0,0.9), inset 0 1px 1px #fff !important;
  border-color: #fff !important;
}
.sotd-video-btn:active .sotd-play-circle {
  transform: scale(0.95);
}
.sotd-shot-interactive:hover img,
.sotd-shot-interactive:focus-visible img {
  transform: scale(1.035);
  filter: brightness(1.08);
}
.sotd-shot-interactive:focus-visible {
  outline: 2px solid #c2a774;
  outline-offset: 4px;
}
.sotd-shot-interactive .sotd-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(194, 167, 116, 0.12) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 350ms ease;
  pointer-events: none;
}
.sotd-shot-interactive:hover .sotd-shot::after {
  opacity: 1;
}

/* Lightbox / Modal Gallery */
.sotd-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 3vh, 32px) clamp(12px, 3vw, 36px);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 280ms cubic-bezier(0.22, 0.61, 0.36, 1), visibility 280ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sotd-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}
.sotd-lb-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 6, 8, 0.94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.sotd-lb-dialog {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: min(100%, 1240px);
  max-height: 100%;
  margin: auto;
  gap: clamp(10px, 1.6vh, 18px);
  align-items: center;
  box-sizing: border-box;
}
.sotd-lb-topbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  box-sizing: border-box;
}
.sotd-lb-counter {
  font-size: clamp(12px, 1.1vw, 15px);
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #c2a774;
  text-shadow: 0 0 10px rgba(194, 167, 116, 0.35);
}
.sotd-lb-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: rgba(20, 22, 28, 0.85);
  border: 1px solid rgba(158, 130, 80, 0.35);
  color: #ded7c9;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
  box-sizing: border-box;
}
.sotd-lb-close-btn:hover {
  background: rgba(194, 167, 116, 0.22);
  border-color: #c2a774;
  color: #ffffff;
  transform: scale(1.08);
}
.sotd-lb-close-btn:focus-visible {
  outline: 2px solid #c2a774;
  outline-offset: 2px;
}
.sotd-lb-stage {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(44px, 5.2vw, 68px);
  box-sizing: border-box;
}
.sotd-lb-view {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: min(72vh, 760px);
  width: fit-content;
  border: 1px solid rgba(158, 130, 80, 0.45);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95), 0 0 30px rgba(194, 167, 116, 0.15);
  background: #000;
  border-radius: 4px;
  overflow: hidden;
}
.sotd-lb-view img {
  max-width: 100%;
  max-height: min(72vh, 760px);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: opacity 220ms ease;
}
.sotd-lb-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(38px, 4.2vw, 50px);
  height: clamp(38px, 4.2vw, 50px);
  border-radius: 50%;
  background: rgba(15, 17, 22, 0.82);
  border: 1px solid rgba(158, 130, 80, 0.4);
  color: #ded7c9;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
  backdrop-filter: blur(8px);
  box-sizing: border-box;
}
.sotd-lb-prev { left: clamp(4px, 1.2vw, 16px); }
.sotd-lb-next { right: clamp(4px, 1.2vw, 16px); }
.sotd-lb-nav-btn:hover {
  background: rgba(194, 167, 116, 0.24);
  border-color: #c2a774;
  color: #ffffff;
  transform: translateY(-50%) scale(1.08);
}
.sotd-lb-nav-btn:focus-visible {
  outline: 2px solid #c2a774;
  outline-offset: 2px;
}
.sotd-lb-caption-wrap {
  text-align: center;
  min-height: 24px;
  padding: 0 12px;
}
.sotd-lb-caption {
  font-size: clamp(11px, 1.05vw, 13px);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ded7c9;
  margin: 0;
}
.sotd-lb-thumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1vw, 12px);
  flex-wrap: wrap;
  max-width: 100%;
  padding: 4px 8px;
  box-sizing: border-box;
}
.sotd-lb-thumb {
  width: clamp(48px, 6vw, 76px);
  aspect-ratio: 16/9;
  padding: 0;
  border: 1px solid rgba(158, 130, 80, 0.3);
  background: #000;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.45;
  transition: all 200ms ease;
  box-sizing: border-box;
}
.sotd-lb-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sotd-lb-thumb:hover {
  opacity: 0.85;
  border-color: rgba(194, 167, 116, 0.7);
}
.sotd-lb-thumb.is-active {
  opacity: 1;
  border-color: #c2a774;
  box-shadow: 0 0 10px rgba(194, 167, 116, 0.5);
  transform: scale(1.06);
}
.sotd-lb-thumb:focus-visible {
  outline: 2px solid #c2a774;
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .sotd-lb-stage {
    padding: 0 42px;
  }
  .sotd-lb-prev { left: 4px; }
  .sotd-lb-next { right: 4px; }
}

/* Press Kit CTA */
.sotd-press-wrap {
  margin-top: clamp(42px, 5.2vw, 70px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(14px, 1.8vw, 20px);
}
.sotd-press-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  box-sizing: border-box;
  padding: 15px 32px;
  background: linear-gradient(180deg, rgba(24, 20, 15, 0.92) 0%, rgba(12, 11, 9, 0.98) 100%);
  border: 1px solid rgba(194, 167, 116, 0.42);
  border-radius: 4px;
  color: #e4d0a8;
  text-decoration: none;
  font-family: 'Cinzel Decorative', 'Georgia', serif;
  font-size: clamp(12px, 1.05vw, 14px);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 246, 226, 0.12);
  transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
              color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sotd-press-btn svg.sotd-press-icon {
  width: 18px;
  height: 18px;
  flex: none;
  color: #c2a774;
  transition: color 240ms ease, transform 240ms ease;
}
.sotd-press-btn svg.sotd-press-arrow {
  width: 16px;
  height: 16px;
  flex: none;
  color: #9e8250;
  transition: color 240ms ease, transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sotd-press-btn:hover {
  background: linear-gradient(180deg, rgba(38, 32, 22, 0.96) 0%, rgba(20, 17, 13, 0.98) 100%);
  border-color: #c2a774;
  color: #ffffff;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8), 0 0 24px rgba(194, 167, 116, 0.28), inset 0 1px 0 rgba(255, 246, 226, 0.25);
  transform: translateY(-2px);
}
.sotd-press-btn:hover svg.sotd-press-icon {
  color: #f5f0e1;
}
.sotd-press-btn:hover svg.sotd-press-arrow {
  color: #e4d0a8;
  transform: translateX(4px);
}
.sotd-press-btn:active {
  transform: translateY(0) scale(0.98);
}
.sotd-press-btn:focus-visible {
  outline: 2px solid #c2a774;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .sotd-press-btn, .sotd-press-btn:hover, .sotd-press-btn svg {
    transition: none !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sotd-lightbox,
  .sotd-shot img,
  .sotd-lb-close-btn,
  .sotd-lb-nav-btn,
  .sotd-lb-thumb {
    transition: none !important;
  }
}
@keyframes zg-logo-pulse {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
[data-top-link] svg, [data-home-link] svg { animation: zg-logo-pulse 5.5s ease-in-out infinite; }
@property --zg-glow-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes zg-glow-spin { to { --zg-glow-ang: 360deg; } }
[data-ks] { position: relative; isolation: isolate; border-color: rgba(5,206,120,0.34) !important; }
[data-ks] > * { position: relative; z-index: 1; }
[data-ks]::before, [data-ks]::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    conic-gradient(from var(--zg-glow-ang),
    rgba(5,206,120,0) 0deg,
    rgba(5,206,120,0) 228deg,
    rgba(5,206,120,0.25) 252deg,
    rgba(5,206,120,0.75) 274deg,
    rgba(120,255,196,0.95) 292deg,
    rgba(5,206,120,0.75) 310deg,
    rgba(5,206,120,0.25) 332deg,
    rgba(5,206,120,0) 356deg,
    rgba(5,206,120,0) 360deg),
    linear-gradient(rgba(5,206,120,0.34), rgba(5,206,120,0.34));
  -webkit-mask: linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  mask: linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: zg-glow-spin 7s linear infinite;
}
[data-ks]::after {
  background:
    conic-gradient(from var(--zg-glow-ang),
    rgba(5,206,120,0) 0deg,
    rgba(5,206,120,0) 228deg,
    rgba(5,206,120,0.25) 252deg,
    rgba(5,206,120,0.75) 274deg,
    rgba(120,255,196,0.95) 292deg,
    rgba(5,206,120,0.75) 310deg,
    rgba(5,206,120,0.25) 332deg,
    rgba(5,206,120,0) 356deg,
    rgba(5,206,120,0) 360deg),
    linear-gradient(rgba(5,206,120,0.16), rgba(5,206,120,0.16));
  filter: blur(4px);
  opacity: 0.9;
}
@media (prefers-reduced-motion: reduce) {
  [data-top-link] svg, [data-home-link] svg { animation: none; }
  [data-ks]::before { animation: none; background: rgba(5,206,120,0.55); }
  [data-ks]::after { animation: none; background: rgba(5,206,120,0.35); opacity: 0.5; }
}
@media (max-width: 900px) {
  [data-hdr] { gap:10px 0 !important; padding-top:12px !important; padding-bottom:12px !important; }
  [data-hdr-right] { gap:12px !important; }
  [data-nav-wrap] {
    order:3;
    width:100%;
    justify-content:flex-start !important;
    font-size:11px !important;
    letter-spacing:0.08em !important;
    overflow-x:visible;
    padding:4px 0 2px;
  }
  [data-nav-wrap] nav {
    width:100%;
    justify-content:flex-start;
    gap:4px 10px !important;
    flex-wrap:wrap !important;
  }
  [data-nav-wrap] nav a {
    padding:8px 8px !important;
    min-height:36px;
    display:inline-flex;
    align-items:center;
    box-sizing:border-box;
  }
  [data-lang] {
    padding:8px 6px !important;
    min-width:34px;
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  [data-ks-nav] { padding:8px 12px !important; letter-spacing:0.08em !important; min-height:36px; box-sizing:border-box; }
  [data-ks-logo] { height:10px !important; }
  .sotd-gold {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.75)) drop-shadow(0 4px 10px rgba(0,0,0,0.85)) !important;
  }
  [data-ks]::after {
    filter: blur(2px) !important;
  }
}
html, body { margin:0; padding:0; background:#0A0B0D; }
body { -webkit-font-smoothing:antialiased; }
a { color:#F2F3F5; }
a:hover { color:#F2F3F5; }
*:focus-visible { outline:1px solid #F2F3F5; outline-offset:2px; }
::selection { background:#F2F3F5; color:#0A0B0D; }