/* Homepage slot showcase only. The approved game pages keep their own styles. */
.slot-pilot[aria-labelledby="slot-pilot-title"] {
  --showcase-gold:#e9ce80;
  --showcase-ink:#14110a;
  width:min(100%,1120px);
  margin:32px auto;
  padding:clamp(18px,3vw,36px);
  display:flex;
  flex-direction:column;
  gap:0;
  color:#fff7e5;
  background:radial-gradient(ellipse at 100% 0%,#4f3418 0%,transparent 50%),radial-gradient(ellipse at 0% 65%,#292015 0%,transparent 50%),linear-gradient(145deg,#161412,#0c0c0b);
  border:1px solid #605032;
  border-radius:24px;
  box-shadow:0 20px 48px #0007,inset 0 1px #ffe7a838;
}
.slot-pilot[aria-labelledby="slot-pilot-title"]::before {
  content:"SPIELAUSWAHL";
  order:0;
  display:block;
  color:var(--showcase-gold);
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.2em;
  margin-bottom:8px;
}
.slot-pilot[aria-labelledby="slot-pilot-title"]>h2 {
  order:1;
  color:#fff7e5;
  font-size:clamp(25px,3vw,42px);
  font-weight:750;
  line-height:1.15;
  letter-spacing:-.035em;
  margin:0 0 24px;
  max-width:100%;
}
.slot-pilot[aria-labelledby="slot-pilot-title"]>.slot-pilot-rail {
  order:2;
  display:grid;
  grid-template-columns:repeat(var(--showcase-columns,3),minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:clamp(12px,1.6vw,22px);
  overflow:visible;
  padding:0;
  margin:0 0 24px;
  scroll-snap-type:none;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  background:radial-gradient(ellipse at 50% 0%,#654323 0%,#262018 48%,#15130f 100%);
  border:1px solid #94713c;
  border-radius:17px;
  padding:9px;
  box-shadow:0 12px 24px #0008,inset 0 1px #ffdf8e45;
  min-width:0;
  max-width:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card:focus-within {
  border-color:var(--showcase-gold);
  box-shadow:0 0 0 1px var(--showcase-gold),0 10px 24px #0006;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>a:first-child {
  display:block;
  text-decoration:none;
  color:#fff7e5;
  border-radius:10px;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card img {
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:contain;
  background:#0a0a09;
  border-radius:10px;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card h3 {
  color:#fff7e5;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.25;
  letter-spacing:-.015em;
  margin:16px 6px 6px;
  min-height:2.5em;
  overflow-wrap:normal;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p {
  margin:0 6px;
  font-size:12px;
  line-height:1.5;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:first-of-type {
  color:#c8bda5;
  margin-bottom:18px;
  letter-spacing:.035em;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:nth-of-type(2) {
  margin-top:auto;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:nth-of-type(2)>a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:12px 8px;
  gap:8px;
  background:linear-gradient(180deg,#fff1ab 0%,#ffdb57 28%,#ffbc32 100%);
  color:var(--showcase-ink);
  border:1px solid #ffe89c;
  border-radius:11px;
  box-shadow:0 4px 0 #8c551d,0 8px 22px #edaf3033,inset 0 2px #fff8;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  text-align:center;
  text-decoration:none;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:last-child>a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:14px 0 8px;
  color:#d8c9a8;
  font-size:12px;
  line-height:1.4;
  text-align:center;
  text-decoration:underline;
  text-underline-offset:3px;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:nth-of-type(2)>a::before {content:"\25B6";font-size:16px;line-height:1;flex:none;}
.slot-pilot[aria-labelledby="slot-pilot-title"]>p {
  order:3;
  color:#c8c0b0;
  font-size:13px;
  line-height:1.7;
  max-width:100%;
  margin:0;
}
.slot-pilot[aria-labelledby="slot-pilot-title"]>.slot-pilot-note {
  order:4;
  color:#c8c0b0;
  border-top:1px solid #4e4534;
  padding-top:14px;
  margin-top:14px;
  font-size:12px;
  line-height:1.65;
}
.slot-pilot[aria-labelledby="slot-pilot-title"] a:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}
@media(hover:hover) {
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card:hover {border-color:#f6ce6c;box-shadow:0 14px 32px #0009,0 0 20px #d59f2822;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:nth-of-type(2)>a:hover {background:linear-gradient(180deg,#fff6cf,#ffe17c 45%,#ffc84a);box-shadow:0 4px 0 #8c551d,0 8px 24px #edaf3055,inset 0 2px #fff8;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:last-child>a:hover {color:#fff7e5;}
}
@media(max-width:700px) {
  .slot-pilot[aria-labelledby="slot-pilot-title"] {border-radius:18px;padding:18px 14px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"]>.slot-pilot-rail {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card {padding:6px;border-radius:13px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card h3 {font-size:15px;line-height:1.3;min-height:3.9em;margin:12px 3px 6px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p {margin-left:3px;margin-right:3px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:first-of-type {font-size:11px;margin-bottom:12px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:nth-of-type(2)>a {font-size:12px;padding:8px 4px;min-height:50px;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card>p:last-child>a {font-size:11px;min-height:48px;}
}
@media(max-width:360px) {
  .slot-pilot[aria-labelledby="slot-pilot-title"]>.slot-pilot-rail {grid-template-columns:1fr;}
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card h3 {min-height:0;font-size:18px;}
}
@media(prefers-reduced-motion:reduce) {
  .slot-pilot[aria-labelledby="slot-pilot-title"] .slot-pilot-card {transition:none;}
}

.slot-pilot[aria-labelledby="slot-pilot-title"]{--showcase-columns:4;--showcase-gold:#ffd044;width:min(calc(100% - 32px),1280px);}
@media(min-width:701px)and(max-width:1000px){.slot-pilot[aria-labelledby="slot-pilot-title"]{max-width:700px}.slot-pilot[aria-labelledby="slot-pilot-title"]>.slot-pilot-rail{grid-template-columns:repeat(2,minmax(0,1fr));}}