/* Stick Kombact Premium Home v0.98.2 - template stage */
/*
 * The Home lives inside #start-screen, i.e. the 2:1 #game-wrapper box used by
 * the Home up to 0.96.0 and by every page shell. The approved v5.9.1 shell is
 * drawn on a logical stage (1748x874 template pixels) scaled uniformly by
 * home-premium.js, so no artwork is ever stretched on any device. Each control
 * is an independent sprite cut 1:1 from the preview: its hit area is the
 * sprite itself and live data is DOM text clipped inside its own slot.
 */
#start-screen.premium-home-enabled {
  background: transparent !important;
  padding: 0 !important;
  overflow: hidden !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The legacy Home stays in the DOM as data/action source but never renders. */
#start-screen.premium-home-enabled > :not(#premium-home-shell) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

#premium-home-shell {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  isolation: isolate;
  border-radius: inherit;
  background: #01040a;
  color: #fff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  -webkit-user-select: none;
  user-select: none;
}
#premium-home-shell[hidden] { display: none !important; }

body.premium-home-active #arena,
body.premium-home-active #mobile-controls,
body.premium-home-active #battle-controls-bar,
body.premium-home-active #restart-btn {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Layer 0: equipped arena background captured from the battle canvas (2:1). */
.sk-home-backdrop-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 50% 42%, rgba(0,0,0,0) 24%, rgba(0,0,0,.11) 68%, rgba(0,0,0,.34) 100%),
    var(--sk-home-backdrop, radial-gradient(circle at 50% 40%, #10283a, #07111c 62%, #02060a 100%));
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
}

/* Layer 1: dark shell bands of the template (top bar and floor). */
.sk-home-band {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
.sk-home-band-top {
  top: 0;
  height: 15.4%;
  background: linear-gradient(180deg, #01040a 0%, rgba(1,4,10,.97) 76%, rgba(1,4,10,0) 100%);
}
.sk-home-band-bottom {
  top: 67.2%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(1,4,10,0) 0%, rgba(1,4,10,.9) 9%, #01040a 24%, #01040a 100%);
}

/* Layer 2: carousel area, exactly the free band of the template (118..600). */
.sk-home-main {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--sk-home-band-top, 13.5%);
  height: var(--sk-home-band-height, 55.15%);
  margin: 0;
  padding: 0;
  z-index: 10;
  overflow: hidden;
  /* The box already sits inside the safe area (body padding). */
  --safe-left: 0px;
  --safe-right: 0px;
}

/* Layer 3: template stage, uniformly scaled. */
.sk-home-stage {
  position: absolute;
  left: 0;
  top: 0;
  width: 1748px;
  height: 874px;
  z-index: 20;
  transform-origin: 0 0;
  transform: translate(var(--sk-home-ox, 0px), var(--sk-home-oy, 0px)) scale(var(--sk-home-s, 1));
  pointer-events: none;
  font-family: Roboto, 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1;
}
/* Left controls keep the template left edge, right controls the right edge. */
.sk-home-anchor {
  position: absolute;
  top: 0;
  width: 1536px;
  height: 874px;
  pointer-events: none;
}
.sk-home-anchor-left { left: 0; }
.sk-home-anchor-center { left: 106px; }
.sk-home-anchor-right { left: 212px; }

.sk-home-sprite {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
}

:where(.sk-home-stage) button,
.sk-home-progress {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
:where(.sk-home-stage) button:focus-visible,
.sk-home-progress:focus-visible {
  outline: 3px solid rgba(35,214,255,.85);
  outline-offset: 2px;
}
:where(.sk-home-stage) button:active > .sk-home-sprite,
.sk-home-progress:active > .sk-home-sprite { filter: brightness(1.18); }
:where(.sk-home-stage) button:disabled { cursor: default; }
:where(.sk-home-stage) button:disabled:active > .sk-home-sprite { filter: none; }

.sk-home-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Profile: frame 14..352 x 10..104 */
.sk-home-profile {
  position: absolute;
  left: 8px;
  top: 4px;
  width: 350px;
  height: 106px;
  pointer-events: none;
}
.sk-home-avatar-button {
  left: 23.85px;
  top: 20.63px;
  width: 66.4px;
  height: 66.4px;
  border-radius: 50%;
}
.sk-home-avatar-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #050b14;
}
.sk-home-avatar-clip img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 0%;
  transform: scale(1.48);
  pointer-events: none;
}
.sk-home-avatar-ring {
  position: absolute;
  left: 18px;
  top: 14px;
  width: 80px;
  height: 80px;
  pointer-events: none;
}
.sk-home-profile-copy {
  left: 106px;
  top: 26px;
  width: 156px;
  height: 60px;
}
.sk-home-player-name,
.sk-home-player-rank {
  position: absolute;
  left: 4px;
  right: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sk-home-player-name {
  top: 3px;
  height: 28px;
  color: #fbfbfb;
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.sk-home-player-rank {
  left: 31px;
  top: 37px;
  height: 22px;
  color: #4ec6d8;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: .02em;
}
.sk-home-friends-button {
  left: 269.2px;
  top: 22.55px;
  width: 62.3px;
  height: 62.3px;
  border-radius: 50%;
}
/* Invisible touch margin: the artwork is small on phones, the target must not be. */
.sk-home-avatar-button::after,
.sk-home-friends-button::after {
  content: '';
  position: absolute;
  inset: -12px;
  border-radius: 50%;
}

/* Arena progress: frame 465..1108 x 14..98 */
.sk-home-progress {
  left: 459px;
  top: 9px;
  width: 655px;
  height: 94px;
  border-radius: 30px;
}
.sk-home-arena-number {
  position: absolute;
  left: 30px;
  top: 15px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-shadow: 0 2px 4px rgba(0,0,0,.7);
  pointer-events: none;
}
.sk-home-progress-row {
  position: absolute;
  left: 113px;
  width: 520px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  white-space: nowrap;
  pointer-events: none;
}
.sk-home-progress-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sk-home-progress-row > span:last-child { flex: 0 0 auto; max-width: 48%; text-align: right; }
.sk-home-progress-head { top: 13px; height: 27px; font-size: 21px; font-weight: 600; }
.sk-home-progress-level { color: #4ec6d8; letter-spacing: .01em; }
.sk-home-progress-cups { color: #e3d962; font-weight: 700; }
.sk-home-progress-track {
  position: absolute;
  left: 113px;
  top: 45px;
  width: 520px;
  height: 14px;
  box-sizing: border-box;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.10);
  background: #020407;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.8);
  overflow: hidden;
  pointer-events: none;
}
.sk-home-progress-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 7px;
  background: linear-gradient(90deg, #fea202, #fecd04);
  box-shadow: 0 0 8px rgba(254,180,3,.55);
  transition: width .35s ease;
}
.sk-home-progress-foot { top: 63px; height: 21px; font-size: 16px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.sk-home-progress-arena { color: #c9d3de; }
.sk-home-progress-next { color: #e3d962; }

/* Leaderboard: 1176..1273 x 17..103 - Shop: 1293..1513 x 18..99 */
.sk-home-leaderboard { left: 1170px; top: 11px; width: 109px; height: 98px; border-radius: 22px; }
.sk-home-shop { left: 1287px; top: 11px; width: 232px; height: 95px; border-radius: 46px; }

/* Personaggi & Stats: 30..390 x 720..837 */
.sk-home-stats { left: 24px; top: 714px; width: 372px; height: 129px; border-radius: 22px; }

/* Background selector: 583..968 x 634..702 */
.sk-home-background-control {
  position: absolute;
  left: 577px;
  top: 628px;
  width: 397px;
  height: 80px;
  pointer-events: none;
}
.sk-home-background-button { inset: 0; width: 100%; height: 100%; border-radius: 18px; }
.sk-home-background-label {
  position: absolute;
  left: 103px;
  top: 37px;
  width: 238px;
  height: 30px;
  overflow: hidden;
  color: #f4f6f9;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
  pointer-events: none;
}

/* Testi dei pulsanti ricostruiti in HTML per usare StickKombactI18n. */
.sk-home-stats-copy {
  position:absolute; left:115px; top:43px; width:244px;
  display:flex; flex-direction:column; align-items:flex-start; gap:5px;
  line-height:1.1; pointer-events:none; color:#f5f7fa;
}
.sk-home-stats-heading {
  display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:19px; font-weight:800; letter-spacing:-.02em; text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
.sk-home-stats-subtitle {
  display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:#bbc0c6; font-size:12px; font-weight:600; letter-spacing:.015em;
  text-transform:uppercase;
}
.sk-home-background-heading {
  position:absolute; left:103px; top:15px; width:238px; height:23px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; pointer-events:none;
  color:#40c9e8; font-size:18px; font-weight:800; line-height:23px;
  text-transform:uppercase; text-shadow:0 0 6px rgba(0,207,255,.38);
}
/* GIOCA: hexagon 564..985 x 718..828, con titolo e sottotitolo live. */
.sk-home-play { left: 506px; top: 702px; width: 536px; height: 164px; }
.sk-home-play-title {
  position:absolute; left:72px; top:38px; width:392px; height:78px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:#fff; text-align:center; font-size:66px; font-weight:900; line-height:78px;
  text-transform:uppercase; letter-spacing:.025em;
  text-shadow:0 0 7px rgba(255,255,255,.56),0 2px 9px rgba(12,49,112,.65);
  pointer-events:none;
}
.sk-home-play-subtitle {
  position:absolute; left:72px; top:131px; width:392px; height:23px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  text-align:center; color:#bfc5d0; font-size:16px; font-weight:600;
  line-height:23px; letter-spacing:.025em; text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.8); pointer-events:none;
}

/* Seasonal pass: panel 1104..1476 x 651..837 (overlay scale .8305) */
.sk-home-pass {
  left: 1098.3px;
  top: 646.4px;
  width: 387.84px;
  height: 194.34px;
  border-radius: 20px;
  overflow: hidden;
}
.sk-home-pass-heading {
  position: absolute;
  left: 23px;
  top: 19px;
  width: 217px;
  height: 88px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #fff8e5;
  text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 6px rgba(0,0,0,.7);
  pointer-events: none;
}
.sk-home-pass-heading[hidden] { display: none !important; }
.sk-home-pass-heading > span {
  font-size: 17px;
  color: #ffe0a0;
  font-weight: 1000;
  white-space: nowrap;
  line-height: 1.1;
}
.sk-home-pass-heading > strong {
  font-size: 24px;
  font-weight: 1000;
  letter-spacing: -.35px;
  line-height: .99;
  white-space: pre-line;
}

.sk-home-pass-days {
  position: absolute;
  left: 48px;
  top: 111px;
  width: 210px;
  height: 20px;
  overflow: hidden;
  color: #fdf554;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0,0,0,.85);
  pointer-events: none;
}
.sk-home-pass-meta {
  position: absolute;
  left: 24px;
  top: 145px;
  width: 272px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
}
.sk-home-pass-meta > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#sk-home-pass-level { color: #fcfcf8; }
#sk-home-pass-values { flex: 0 0 auto; color: #fdf77e; }
.sk-home-pass-track {
  position: absolute;
  left: 24px;
  top: 166px;
  width: 272px;
  height: 13px;
  border-radius: 7px;
  background: #1f1f1f;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.7);
  overflow: hidden;
  pointer-events: none;
}
.sk-home-pass-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 7px;
  background: linear-gradient(90deg, #fdb703, #fed90c);
  transition: width .35s ease;
}
.sk-home-pass:disabled > .sk-home-sprite { filter: saturate(.75) brightness(.82); }

/* Popovers stay at readable size: positioned from the stage, not scaled. */
.sk-home-avatar-picker {
  position: absolute;
  z-index: 40;
  left: calc(var(--sk-home-ox, 0px) + 14px * var(--sk-home-s, 1));
  top: calc(var(--sk-home-oy, 0px) + 112px * var(--sk-home-s, 1));
  width: clamp(276px, calc(430px * var(--sk-home-s, 1)), 430px);
  max-width: calc(100% - 12px);
  box-sizing: border-box;
  padding: clamp(7px, .75vw, 12px);
  border-radius: 15px;
  border: 1px solid rgba(53,194,255,.35);
  background: rgba(3,8,15,.98);
  box-shadow: 0 14px 32px rgba(0,0,0,.52);
}
.sk-home-avatar-picker[hidden] { display: none; }
.sk-home-avatar-picker-title {
  font-size: clamp(8px, .82vw, 13px);
  font-weight: 900;
  text-transform: uppercase;
  color: #72e2ff;
  margin: 0 0 6px 2px;
}
.sk-home-avatar-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; }
.sk-home-avatar-choice {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  padding: 0;
  background: #07101b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.sk-home-avatar-choice.active { border-color: #48dcff; box-shadow: 0 0 8px rgba(72,220,255,.45); }
.sk-home-avatar-choice img { width: 100%; height: 100%; object-fit: cover; object-position: center 0%; transform: scale(1.48); }

.sk-home-background-menu {
  position: absolute;
  z-index: 40;
  left: calc(var(--sk-home-ox, 0px) + 683px * var(--sk-home-s, 1));
  bottom: calc(100% - var(--sk-home-oy, 0px) - 632px * var(--sk-home-s, 1));
  width: max(230px, calc(397px * var(--sk-home-s, 1)));
  max-width: calc(100% - 12px);
  max-height: min(240px, calc(var(--sk-home-band-top, 13.5%) + var(--sk-home-band-height, 55.15%) - 10px));
  box-sizing: border-box;
  overflow: auto;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(55,195,255,.35);
  background: rgba(3,9,17,.98);
  box-shadow: 0 12px 28px rgba(0,0,0,.48);
}
.sk-home-background-menu[hidden] { display: none; }
.sk-home-background-option {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #eaf8ff;
  padding: 7px 9px;
  text-align: left;
  font-size: clamp(11px, calc(19px * var(--sk-home-s, 1)), 15px);
  font-weight: 800;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.sk-home-background-option:hover,
.sk-home-background-option.active { background: rgba(39,194,255,.16); color: #71e6ff; }

.sk-home-avatar-choice { position: relative; }
.sk-home-avatar-choice.locked { cursor: not-allowed; border-color: rgba(255,255,255,.08); }
.sk-home-avatar-choice.locked img { filter: brightness(.22) grayscale(.85); }
.sk-home-avatar-lock { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; pointer-events: none; text-shadow: 0 1px 3px #000; }

.sk-home-badge {
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 5;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid #fff;
  background: #e5262f;
  color: #fff;
  font: 900 20px/1 'Segoe UI', Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(0,0,0,.55), 0 0 12px rgba(229,38,47,.7);
  pointer-events: none;
  animation: sk-home-badge-pulse 1.8s ease-in-out infinite;
}
.sk-home-badge[hidden] { display: none; }
.sk-home-friends-button .sk-home-badge { top: -6px; right: -8px; width: 24px; height: 24px; font-size: 16px; border-width: 2px; }
.sk-home-pass .sk-home-badge { top: 10px; right: 10px; }
.sk-home-progress .sk-home-badge { top: -12px; right: -6px; }
@keyframes sk-home-badge-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .sk-home-badge { animation: none; } }

/*
 * Carousel - unchanged. The rules below are copied verbatim, in their original
 * cascade order, from the approved carousel (0.97.9 / 0.97.8): only its
 * container (.sk-home-main) is defined above.
 */
.sk-home-carousel-arrow { -webkit-tap-highlight-color: transparent; }
.sk-home-title { position:absolute; left:0; right:0; top:0; height:8%; display:flex; align-items:center; justify-content:center; z-index:8; text-transform:uppercase; font-size:clamp(12px,1.55vw,24px); font-weight:900; letter-spacing:.7px; text-shadow:0 2px 10px #000; }
.sk-home-carousel { position:absolute; inset:7% 4% 0; display:flex; align-items:center; justify-content:center; gap:clamp(5px,.75vw,12px); perspective:900px; }
.sk-home-carousel-arrow { position:absolute; z-index:12; top:51%; transform:translateY(-50%); width:clamp(31px,4.4vw,66px); height:clamp(31px,4.4vw,66px); border-radius:50%; border:clamp(1px,.13vw,2px) solid rgba(255,219,105,.65); background:rgba(10,14,24,.80); color:#fff0bd; font-size:clamp(24px,3vw,46px); line-height:1; cursor:pointer; box-shadow: 0 0 16px rgba(255,208,74,.22), inset 0 0 13px rgba(255,220,118,.05); }
.sk-home-carousel-arrow.prev { left:.5%; }
.sk-home-carousel-arrow.next { right:.5%; }
.sk-home-card-slot { position:relative; flex:0 0 auto; height:76%; aspect-ratio:2/3; transform:scale(.82); opacity:.90; transition:transform .24s ease,opacity .24s ease,filter .24s ease; }
.sk-home-card-slot.near { transform:scale(.90); opacity:.96; }
.sk-home-card-slot.center { height:100%; transform:scale(1); opacity:1; z-index:5; }
.sk-home-card-button { position:absolute; inset:0; padding:0; border:0; border-radius:clamp(10px,.9vw,15px); background:#02050a; overflow:hidden; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.38); }
.sk-home-card-slot.center .sk-home-card-button { box-shadow: 0 0 24px var(--card-glow,rgba(53,255,93,.42)), 0 14px 28px rgba(0,0,0,.46); }
.sk-home-card-art { width:100%; height:100%; object-fit:contain; display:block; }
.sk-home-card-stat { position:absolute; left:12%; right:12%; display:flex; align-items:center; justify-content:center; text-align:center; text-transform:uppercase; font-weight:900; text-shadow:0 1px 4px #000,0 0 8px #000; pointer-events:none; white-space:nowrap; }
.sk-home-card-trophies { top:74%; height:6.8%; color:#ffd65a; font-size:clamp(7px,.72vw,11px); }
.sk-home-card-mastery { top:86%; height:7.5%; color:#f6f8fb; font-size:clamp(6.5px,.66vw,10px); }
.sk-home-card-slot.center .sk-home-card-trophies { font-size:clamp(8.5px,.92vw,14px); }
.sk-home-card-slot.center .sk-home-card-mastery { font-size:clamp(8px,.86vw,13px); }
.sk-home-skin-icon { position:absolute; z-index:5; top:1.7%; right:2%; min-width:clamp(20px,2.2vw,34px); height:clamp(20px,2.2vw,34px); padding:0 4px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(3,8,14,.76); border:1px solid rgba(255,255,255,.22); font-size:clamp(10px,1.1vw,17px); box-shadow:0 0 10px rgba(255,255,255,.12); pointer-events:none; }
.sk-home-lock { position:absolute; inset:0; z-index:6; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:10px; background:rgba(2,5,9,.60); color:#fff; text-align:center; text-shadow:0 1px 4px #000; }
.sk-home-lock-icon { font-size:clamp(22px,2.2vw,34px); filter:drop-shadow(0 0 7px rgba(255,215,104,.25)); }
.sk-home-lock-condition { max-width:95%; padding:3px 7px; border-radius:999px; background:rgba(8,11,17,.83); border:1px solid rgba(255,216,91,.30); color:#ffe584; font-size:clamp(6.5px,.66vw,10px); font-weight:900; text-transform:uppercase; line-height:1.15; }
.sk-home-card-slot.locked .sk-home-card-art { filter:grayscale(.86) saturate(.32) brightness(.45); }
@media (max-height: 470px) {
  .sk-home-card-slot { height:75%; }
  .sk-home-card-slot.center { height:99%; }
}
@media (max-width: 680px) {
  .sk-home-carousel { left:3.5%; right:3.5%; gap:4px; }
  .sk-home-card-slot { height:72%; }
  .sk-home-card-slot.center { height:98%; }
}
@media (prefers-reduced-motion: reduce) {
  .sk-home-card-slot { transition:none !important; }
}
.sk-home-card-trophies { top:71.8%; height:7.8%; font-size:clamp(9px,.92vw,14px); letter-spacing:.02em; }
.sk-home-card-mastery { top:83.8%; height:8.2%; font-size:clamp(8.5px,.87vw,13px); letter-spacing:.015em; }
.sk-home-card-slot.center .sk-home-card-trophies { font-size:clamp(11px,1.1vw,17px); }
.sk-home-card-slot.center .sk-home-card-mastery { font-size:clamp(10px,1vw,15px); }
@media (max-width:680px) {
  .sk-home-card-trophies { font-size:clamp(8px,1.05vw,12px); }
  .sk-home-card-mastery { font-size:clamp(7.5px,1vw,11px); }
}
.sk-home-title { top:0 !important; height:8% !important; font-size:clamp(15px,1.75vw,29px) !important; }
.sk-home-carousel { inset:8% 3.5% 0 !important; gap:clamp(7px,.95vw,15px) !important; }
.sk-home-card-slot { height:69% !important; transform:scale(.94) !important; opacity:.95 !important; }
.sk-home-card-slot.near { height:76% !important; transform:scale(.97) !important; opacity:.99 !important; }
.sk-home-card-slot.center { height:100% !important; transform:scale(1) !important; opacity:1 !important; }
.sk-home-card-button { border-radius:clamp(12px,1vw,18px) !important; }
.sk-home-card-slot.center .sk-home-card-button { box-shadow:0 0 33px var(--card-glow,rgba(53,255,93,.55)),0 15px 35px rgba(0,0,0,.48) !important; }
.sk-home-card-trophies { top:72.2% !important; height:7.5% !important; font-size:clamp(10px,1vw,16px) !important; }
.sk-home-card-mastery { top:80.4% !important; height:7.8% !important; font-size:clamp(9.5px,.95vw,15px) !important; }
.sk-home-card-slot.center .sk-home-card-trophies { font-size:clamp(13px,1.25vw,20px) !important; }
.sk-home-card-slot.center .sk-home-card-mastery { font-size:clamp(12px,1.15vw,18px) !important; }
.sk-home-carousel-arrow { width:clamp(40px,4.2vw,68px) !important; height:clamp(40px,4.2vw,68px) !important; top:51% !important; }
.sk-home-carousel-arrow.prev { left:-1% !important; }
.sk-home-carousel-arrow.next { right:-1% !important; }
@media (max-width:900px) {
  .sk-home-carousel { inset:8% 2.8% 0 !important; gap:4px !important; }
  .sk-home-card-slot { height:66% !important; }
  .sk-home-card-slot.near { height:74% !important; }
  .sk-home-card-slot.center { height:98% !important; }
}
.sk-home-carousel { inset: 8% 3.5% 0 !important; }
.sk-home-carousel-arrow { z-index: 30 !important; }
.sk-home-carousel-arrow.prev { left: max(.75vw, var(--safe-left, 0px)) !important; }
.sk-home-carousel-arrow.next { right: max(.75vw, var(--safe-right, 0px)) !important; }