.tippspiel-prizes {
    --prize-blue: #244ca4;
    --prize-blue-light: #eef4ff;
    --prize-border: #d9e3f1;
    --prize-text: #17243b;
    --prize-muted: #65738a;
    max-width: 1240px;
    margin: 0 auto;
}

.tippspiel-prizes__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.tippspiel-prizes__header h1 {
    margin: 0;
}

.tippspiel-prizes-filter {
    margin: 0;
}

.tippspiel-prizes-filter select {
    min-width: 220px;
    padding: .62rem 2.25rem .62rem .8rem;
    border: 1px solid #b9c9df;
    border-radius: 6px;
    background-color: #fff;
}

.tippspiel-prize-section {
    margin: 0 0 2.25rem;
}

.tippspiel-prize-section__heading {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
}

.tippspiel-prize-section__heading::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--prize-border);
}

.tippspiel-prize-section__heading h2 {
    margin: 0;
    color: var(--prize-blue);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.tippspiel-prize-category-group + .tippspiel-prize-category-group {
    margin-top: 1.5rem;
}

.tippspiel-prize-category-heading {
    margin: 0 0 .75rem;
    color: var(--prize-text);
    font-size: 1.05rem;
    font-weight: 750;
}

.tippspiel-prize-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 1.15rem;
    align-items: stretch;
}

.tippspiel-prize-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--prize-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(26, 47, 82, .08);
    transition: transform .18s ease, box-shadow .18s ease;
}

.tippspiel-prize-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 24px rgba(26, 47, 82, .12);
}

.tippspiel-prize-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 190px;
    padding: 1rem;
    overflow: hidden;
    background: linear-gradient(145deg, #f8fbff, #edf3fb);
    border-bottom: 1px solid var(--prize-border);
}

.tippspiel-prize-card__media--placeholder span {
    font-size: 4rem;
    opacity: .45;
}

.tippspiel-prize-image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center;
}

.tippspiel-prize-content {
    flex: 1;
    padding: 1rem 1.05rem .9rem;
    min-width: 0;
}

.tippspiel-prize-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-bottom: .65rem;
}

.tippspiel-prize-place,
.tippspiel-prize-round {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .22rem .65rem;
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 750;
}

.tippspiel-prize-place {
    color: #fff;
    background: var(--prize-blue);
}

.tippspiel-prize-round {
    color: var(--prize-blue);
    background: var(--prize-blue-light);
}

.tippspiel-prize-title {
    margin: 0 0 .4rem;
    color: var(--prize-text);
    font-size: 1.15rem;
    line-height: 1.3;
}

.tippspiel-prize-subtitle {
    color: var(--prize-muted);
    font-size: .92rem;
    margin-bottom: .5rem;
}

.tippspiel-prize-value {
    display: inline-block;
    margin: .1rem 0 .6rem;
    padding: .3rem .55rem;
    border-radius: 5px;
    color: #175b2d;
    background: #eaf7ee;
    font-weight: 750;
}

.tippspiel-prize-description {
    color: #3e4c62;
    line-height: 1.5;
}

.tippspiel-prize-description > :first-child {
    margin-top: 0;
}

.tippspiel-prize-description > :last-child {
    margin-bottom: 0;
}

.tippspiel-prize-sponsor {
    min-height: 50px;
    margin-top: auto;
    padding: .45rem .75rem;
    border-top: 1px solid var(--prize-border);
    background: #f8fafc;
}

.tippspiel-prize-sponsor__link {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

a.tippspiel-prize-sponsor__link:hover .tippspiel-prize-sponsor__name,
a.tippspiel-prize-sponsor__link:focus .tippspiel-prize-sponsor__name {
    text-decoration: underline;
}

.tippspiel-prize-sponsor__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 34px;
}

.tippspiel-prize-sponsor__logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.tippspiel-prize-sponsor__text {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .2rem .35rem;
    min-width: 0;
    line-height: 1.2;
}

.tippspiel-prize-sponsor__label {
    color: var(--prize-muted);
    font-size: .78rem;
    white-space: nowrap;
}

.tippspiel-prize-sponsor__name {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #0878f9;
    font-size: .92rem;
    font-weight: 600;
}

@media (max-width: 700px) {
    .tippspiel-prizes__header {
        align-items: stretch;
        flex-direction: column;
    }

    .tippspiel-prizes-filter select {
        width: 100%;
        min-width: 0;
    }

    .tippspiel-prize-card__media {
        height: 170px;
    }
}

/* View switch */
.tippspiel-prizes__controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.tippspiel-prizes-view-switch{display:inline-flex;overflow:hidden;border:1px solid #b9c9df;border-radius:6px;background:#fff}.tippspiel-prizes-view-switch__button{display:inline-flex;align-items:center;gap:.35rem;padding:.58rem .78rem;color:var(--prize-blue);text-decoration:none;border-right:1px solid #d6dfeb;font-size:.9rem;font-weight:700}.tippspiel-prizes-view-switch__button:last-child{border-right:0}.tippspiel-prizes-view-switch__button:hover,.tippspiel-prizes-view-switch__button.is-active{color:#fff;background:var(--prize-blue)}

/* Grouped list view */
.tippspiel-prize-list-card{overflow:hidden;padding:.65rem;border:1px solid var(--prize-border);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(26,47,82,.07)}.tippspiel-prize-list-item{overflow:hidden;border:1px solid #d5deea;border-radius:11px;background:#fff}.tippspiel-prize-list-item+.tippspiel-prize-list-item{margin-top:.65rem}.tippspiel-prize-list-item__summary{display:grid;grid-template-columns:88px minmax(0,1fr) 24px;align-items:stretch;min-height:96px;cursor:pointer;list-style:none}.tippspiel-prize-list-item__summary::-webkit-details-marker{display:none}.tippspiel-prize-list-item[data-no-details="true"]>.tippspiel-prize-list-item__summary{cursor:default}.tippspiel-prize-list-item__image{display:flex;align-items:center;justify-content:center;min-height:96px;padding:.5rem;border-right:1px solid #d5deea;background:linear-gradient(145deg,#f8fbff,#eef3fa)}.tippspiel-prize-list-item__image img{display:block;width:100%;height:78px;object-fit:contain}.tippspiel-prize-list-item__image--placeholder span{font-size:2.4rem;opacity:.5}.tippspiel-prize-list-item__main{display:flex;flex-direction:column;min-width:0}.tippspiel-prize-list-item__headline{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:49px;padding:.55rem .75rem;border-bottom:1px solid #d5deea}.tippspiel-prize-list-item__headline strong{min-width:0;color:var(--prize-text);font-size:1rem;overflow-wrap:anywhere}.tippspiel-prize-list-item .tippspiel-prize-sponsor{min-height:42px;padding:.3rem .75rem;border-top:0;background:#fbfcfe}.tippspiel-prize-list-item .tippspiel-prize-sponsor__logo{flex-basis:54px;width:54px;height:30px}.tippspiel-prize-list-item__toggle{position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid #d5deea;background:#f7f9fc}.tippspiel-prize-list-item__toggle::before{content:"+";color:var(--prize-blue);font-size:1.25rem;font-weight:700}.tippspiel-prize-list-item[open] .tippspiel-prize-list-item__toggle::before{content:"−"}.tippspiel-prize-list-item__details{padding:.85rem 1rem .95rem 104px;border-top:1px solid #d5deea;background:#fbfcfe}.tippspiel-prize-list-item__details .tippspiel-prize-value{margin-bottom:.55rem}

@media(max-width:700px){.tippspiel-prizes__controls{align-items:stretch;flex-direction:column}.tippspiel-prizes-view-switch{width:100%}.tippspiel-prizes-view-switch__button{flex:1;justify-content:center}.tippspiel-prize-list-card{padding:.45rem}.tippspiel-prize-list-item__summary{grid-template-columns:72px minmax(0,1fr) 22px;min-height:84px}.tippspiel-prize-list-item__image{min-height:84px;padding:.35rem}.tippspiel-prize-list-item__image img{height:64px}.tippspiel-prize-list-item__headline{align-items:flex-start;flex-direction:column;gap:.3rem;padding:.5rem .6rem}.tippspiel-prize-list-item .tippspiel-prize-sponsor{padding:.35rem .6rem}.tippspiel-prize-list-item__details{padding:.75rem}}


/* Compact list thumbnails and image lightbox */
.tippspiel-prize-list-item__summary {
    grid-template-columns: 76px minmax(0, 1fr) 24px;
    min-height: 76px;
}
.tippspiel-prize-list-item__image {
    width: 76px;
    height: 76px;
    min-height: 76px;
    padding: .35rem;
    overflow: hidden;
}
.tippspiel-prize-image-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}
.tippspiel-prize-list-item__image .tippspiel-prize-image-button img {
    display: block;
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}
.tippspiel-prize-image-button--card {
    max-width: 100%;
    max-height: 100%;
}
.tippspiel-prize-image-dialog {
    width: min(92vw, 760px);
    max-width: 760px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .32);
}
.tippspiel-prize-image-dialog::backdrop {
    background: rgba(10, 20, 38, .72);
}
.tippspiel-prize-image-dialog__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 1.25rem;
    background: #fff;
    border-radius: 12px;
}
.tippspiel-prize-image-dialog__content img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 72vh;
    object-fit: contain;
}
.tippspiel-prize-image-dialog__title {
    color: var(--prize-text);
    font-weight: 700;
    text-align: center;
}
.tippspiel-prize-image-dialog__close {
    position: absolute;
    z-index: 2;
    top: .45rem;
    right: .55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(17, 31, 54, .82);
    font-size: 1.55rem;
    line-height: 1;
    cursor: pointer;
}
@media (max-width: 700px) {
    .tippspiel-prize-list-item__summary {
        grid-template-columns: 64px minmax(0, 1fr) 22px;
        min-height: 68px;
    }
    .tippspiel-prize-list-item__image {
        width: 64px;
        height: 68px;
        min-height: 68px;
        padding: .25rem;
    }
    .tippspiel-prize-list-item__image .tippspiel-prize-image-button img {
        width: 50px !important;
        height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
    }
    .tippspiel-prize-image-dialog__content {
        padding: .8rem;
    }
}

/* Keep the thumbnail background aligned with the complete list row */
.tippspiel-prize-list-item__image {
    align-self: stretch;
    height: auto;
    min-height: 100%;
}

@media (max-width: 700px) {
    .tippspiel-prize-list-item__image {
        height: auto;
        min-height: 100%;
    }
}