[data-casino-logo-composer] {
  --casino-logo-surface: #e8e1d6;
  --casino-logo-surface-deep: #cfc4b5;
  --casino-logo-accent: #6f5364;
  --casino-logo-ink: #211d22;
  --casino-logo-pattern: #ffffff;
  --casino-logo-adaptive-deep: #594a42;
  --casino-logo-adaptive-dark: #2f2724;
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 0;
  aspect-ratio: 2 / 1;
  padding: 12% 10%;
  border: 1px solid color-mix(in srgb, var(--casino-logo-accent) 52%, white);
  border-radius: 999px;
  background:
    radial-gradient(circle at 28% 24%, rgb(255 255 255 / 72%), transparent 31%),
    linear-gradient(145deg, var(--casino-logo-surface), var(--casino-logo-surface-deep));
  box-shadow:
    inset 0 0 0 2px rgb(255 255 255 / 28%),
    inset 0 -12px 28px color-mix(in srgb, var(--casino-logo-accent) 16%, transparent),
    0 4px 12px rgb(25 18 24 / 18%);
}

[data-casino-logo-composer]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 5%;
  border-radius: inherit;
  opacity: 0.23;
  background-color: var(--casino-logo-accent);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='64' viewBox='0 0 88 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 18l18-7 14 11-3 22-19 7L5 39z'/%3E%3Ccircle cx='17' cy='27' r='1.8' fill='black'/%3E%3Ccircle cx='28' cy='35' r='1.8' fill='black'/%3E%3Ccircle cx='18' cy='43' r='1.8' fill='black'/%3E%3Cpath d='M50 10l22 3 10 18-12 19-22-4-8-19z'/%3E%3Ccircle cx='57' cy='22' r='1.8' fill='black'/%3E%3Ccircle cx='69' cy='27' r='1.8' fill='black'/%3E%3Ccircle cx='59' cy='37' r='1.8' fill='black'/%3E%3Ccircle cx='70' cy='41' r='1.8' fill='black'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: 88px 64px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='64' viewBox='0 0 88 64'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 18l18-7 14 11-3 22-19 7L5 39z'/%3E%3Ccircle cx='17' cy='27' r='1.8' fill='black'/%3E%3Ccircle cx='28' cy='35' r='1.8' fill='black'/%3E%3Ccircle cx='18' cy='43' r='1.8' fill='black'/%3E%3Cpath d='M50 10l22 3 10 18-12 19-22-4-8-19z'/%3E%3Ccircle cx='57' cy='22' r='1.8' fill='black'/%3E%3Ccircle cx='69' cy='27' r='1.8' fill='black'/%3E%3Ccircle cx='59' cy='37' r='1.8' fill='black'/%3E%3Ccircle cx='70' cy='41' r='1.8' fill='black'/%3E%3C/g%3E%3C/svg%3E");
  mask-size: 88px 64px;
  transform: rotate(-7deg) scale(1.1);
}

[data-casino-logo-composer] > img {
  display: block;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 2px rgb(20 16 20 / 24%));
}

[data-casino-logo-shape="emblem"] { padding: 9% 25%; }
[data-casino-logo-shape="standard"] { padding: 12% 13%; }
[data-casino-logo-shape="wide"] { padding: 15% 8%; }

/* Goodmagic historically renders every logo in one 230x170 media slot. */
[data-casino-logo-profile="goodmagic-landscape-v1"] {
  flex: none;
  width: min(230px, 100%);
  max-width: 230px;
  height: auto !important;
  aspect-ratio: 23 / 17;
  justify-self: center;
  align-self: center;
  border-radius: 34px;
  padding: 10px 12px;
}

/* Keep the table tile and row compact instead of inheriting the full 230x170 review frame. */
.table-body [data-casino-logo-profile="goodmagic-landscape-v1"] {
  width: min(165px, calc(100% - 12px));
  max-width: 165px;
}

/* strahov-art keeps the exact 200x150 metallic oval captured from its cards. */
[data-casino-logo-profile="strahov-metal-oval-v1"] {
  width: min(200px, 100%);
  max-width: 200px;
  height: auto !important;
  aspect-ratio: 4 / 3;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

[data-casino-logo-profile="strahov-metal-oval-v1"]::before,
[data-casino-logo-profile="strahov-metal-oval-v1"]::after {
  display: none;
}

[data-casino-logo-profile="strahov-metal-oval-v1"] > .casino-logo-shell {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

[data-casino-logo-profile="strahov-metal-oval-v1"] > img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 1px 1px rgb(15 19 28 / 22%));
  animation: none !important;
}

[data-casino-logo-profile="strahov-metal-oval-v1"][data-casino-logo-shape="emblem"] > img {
  transform: scale(0.74);
}

[data-casino-logo-profile="strahov-metal-oval-v1"][data-casino-logo-shape="wide"] > img {
  transform: scale(0.72);
}

[data-casino-logo-profile="strahov-metal-oval-v1"][data-casino-logo-shape="standard"] > img {
  transform: scale(0.83);
}

/* app-vulkan keeps its original rectangular media cell and chooses contrast from brand pixels. */
[data-casino-logo-profile="app-vulkan-adaptive-v1"] {
  width: 100%;
  height: 100% !important;
  aspect-ratio: auto;
  padding: 14% 10%;
  border: 0;
  border-right: 1px solid var(--casino-logo-accent);
  border-radius: 0;
  background:
    radial-gradient(circle at 28% 20%, rgb(255 255 255 / 76%), transparent 44%),
    linear-gradient(145deg, var(--casino-logo-surface), var(--casino-logo-surface-deep));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--casino-logo-accent) 34%, transparent);
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"]::before,
[data-casino-logo-profile="app-vulkan-adaptive-v1"]::after {
  display: none;
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"][data-casino-logo-ink-tone="bright"] {
  background:
    radial-gradient(circle at 28% 20%, color-mix(in srgb, var(--casino-logo-accent) 34%, transparent), transparent 44%),
    linear-gradient(145deg, var(--casino-logo-adaptive-deep), var(--casino-logo-adaptive-dark));
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"] > img {
  filter:
    drop-shadow(0 0 1px rgb(0 0 0 / 88%))
    drop-shadow(0 1px 1px rgb(255 255 255 / 68%));
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"][data-casino-logo-ink-tone="bright"] > img {
  filter:
    drop-shadow(0 1px 1px rgb(0 0 0 / 92%))
    drop-shadow(0 0 2px rgb(0 0 0 / 46%));
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"][data-casino-logo-shape="emblem"] {
  padding: 10% 19%;
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"][data-casino-logo-shape="standard"] {
  padding: 14% 11%;
}

[data-casino-logo-profile="app-vulkan-adaptive-v1"][data-casino-logo-shape="wide"] {
  padding: 20% 14%;
}

/* Royal cards use one deep circular badge, recolored from each brand palette. */
[data-casino-logo-profile="royal-medallion-v1"] {
  width: min(94px, 100%);
  max-width: 94px;
  height: auto !important;
  aspect-ratio: 1;
  padding: 5px;
  border: 2px solid color-mix(in srgb, var(--casino-logo-accent) 55%, white);
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 24%, color-mix(in srgb, white 16%, transparent), transparent 35%),
    linear-gradient(145deg, var(--casino-logo-adaptive-deep), var(--casino-logo-adaptive-dark));
  box-shadow:
    inset 0 0 0 3px rgb(255 255 255 / 16%),
    0 4px 9px rgb(25 31 38 / 24%);
}

[data-casino-logo-profile="royal-medallion-v1"]::before,
[data-casino-logo-profile="royal-medallion-v1"]::after {
  display: none;
}

[data-casino-logo-profile="royal-medallion-v1"] > img {
  transform: scale(1.1);
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-ink-tone="bright"] > img {
  filter:
    drop-shadow(0 1px 1px rgb(0 0 0 / 92%))
    drop-shadow(0 0 2px rgb(0 0 0 / 52%));
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-ink-tone="dark"] > img {
  filter:
    drop-shadow(0 0 1px rgb(255 255 255 / 92%))
    drop-shadow(0 1px 2px rgb(0 0 0 / 72%));
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="emblem"] {
  padding: 6px 12px;
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="emblem"] > img {
  transform: scale(1.55);
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="stacked"] {
  padding: 6px 9px;
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="stacked"] > img {
  transform: scale(1.25);
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="standard"] {
  padding: 6px 7px;
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="standard"] > img {
  transform: scale(1.18);
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="wide"] {
  padding: 9px 4px;
}

[data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="wide"] > img {
  transform: scale(1.12);
}

.top10__img > [data-casino-logo-profile="royal-medallion-v1"] {
  position: absolute;
  inset: 0;
  width: 100% !important;
  max-width: none;
  height: 100% !important;
  padding: 2px;
  border-width: 1px;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 28%);
}

.top10__img > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="emblem"] {
  padding: 2px 4px;
}

.top10__img > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="stacked"] {
  padding: 3px;
}

.top10__img > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="wide"] {
  padding: 4px 2px;
}

.top10__img > [data-casino-logo-profile="royal-medallion-v1"] > img {
  width: 100% !important;
  height: 100% !important;
}

.casino-main-info > .logo > [data-casino-logo-profile="royal-medallion-v1"] {
  width: min(150px, 100%);
  max-width: 150px;
  padding: 8px;
}

.casino-main-info > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="emblem"] {
  padding: 10px 20px;
}

.casino-main-info > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="stacked"] {
  padding: 9px 15px;
}

.casino-main-info > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="standard"] {
  padding: 9px 11px;
}

.casino-main-info > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="wide"] {
  padding: 13px 6px;
}

.last-review > .logo > [data-casino-logo-profile="royal-medallion-v1"] {
  width: 64px;
  max-width: 64px;
  padding: 4px;
}

.last-review > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="emblem"] {
  padding: 5px 9px;
}

.last-review > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="stacked"] {
  padding: 5px 7px;
}

.last-review > .logo > [data-casino-logo-profile="royal-medallion-v1"][data-casino-logo-shape="wide"] {
  padding: 7px 3px;
}

@media (prefers-reduced-motion: no-preference) {
  [data-casino-logo-composer][data-casino-logo-ready="true"] > img {
    animation: casino-logo-ready 180ms ease-out both;
  }
}

@keyframes casino-logo-ready {
  from { opacity: 0.75; }
  to { opacity: 1; }
}