#psg-odds{text-align:center;margin-bottom:30px}
#psg-odds ul{list-style:none;padding:0;opacity:0.8}

#psg-game{
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
}

.psg-item{
    cursor:pointer;
    position: relative;
    display: inline-block;
}

.psg-item img{
    display:block;
}

/* MOBILE */
@media (max-width: 768px) {
    .psg-item img {
        width: 84px;
    }
}

/* DESKTOP */
@media (min-width: 769px) {
    .psg-item img {
        width: 140px;
		margin: 0 20px;
    }
}

/* realistična senca */
.psg-item::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-10px;
    transform:translateX(-50%);
    width:60%;
    height:20px;
    background:rgba(0,0,0,0.3);
    border-radius:50%;
    filter:blur(8px);
    z-index:-1;
}

/* hover desktop */
@media(hover:hover){
    .psg-item:hover{
        animation:wiggle 0.4s ease-in-out infinite;
    }
}

@keyframes wiggle{
    0%{transform:rotate(0deg)}
    25%{transform:rotate(3deg)}
    50%{transform:rotate(-3deg)}
    75%{transform:rotate(2deg)}
    100%{transform:rotate(0deg)}
}

/* mobile idle */
.psg-item.idle{
    animation:idleFloat 2s ease-in-out infinite;
}

@keyframes idleFloat{
0%{transform:translateY(0) rotate(0)}
25%{transform:translateY(-6px) rotate(3deg)}
50%{transform:translateY(0)}
75%{transform:translateY(-3px) rotate(-3deg)}
100%{transform:translateY(0)}
}

/* attention */
.psg-item.attention{
    animation:attentionPulse 0.6s ease;
}

@keyframes attentionPulse{
0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}

.psg-item.attention-glow img{
    box-shadow:0 0 20px rgba(255,215,0,0.6);
}

/* smash */
.breaking{
    animation:smash 0.5s ease;
}

@keyframes smash{
0%{transform:scale(1)}
50%{transform:scale(1.2) rotate(10deg)}
100%{transform:scale(1)}
}

.broken{
    animation:fadeIn 0.3s ease;
}

@keyframes fadeIn{
from{opacity:0;transform:scale(0.8)}
to{opacity:1;transform:scale(1)}
}

.psg-win{
    margin-top:30px;
    font-size:24px;
    text-align:center;
    animation:pop 0.4s ease;
	line-height: 1.3em;
}

.psg-win .coupon {
	color:#ED2C7B;
	font-weight: 900;
}

@keyframes pop{
0%{transform:scale(0.5);opacity:0}
100%{transform:scale(1);opacity:1}
}

#psg-copy-btn{
    cursor:pointer;
    border:none;
    background:#ED2C7B;
    color:#fff;
    padding:10px 16px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    transition:0.2s;
}

#psg-copy-btn:hover{
    background:#c81f66;
    transform:scale(1.05);
}

.psg-win .coupon {
    display: inline-block;
    border: 2px dashed #ED2C7B;
    padding: 6px 10px;
    margin: 5px 4px;
    border-radius: 8px;
    background: #fff0f6;
    font-weight: 900;
    color: #ED2C7B;
    letter-spacing: 1px;
    position: relative;
}

/* optional: "cut-out" efekt kot pravi kupon */
.psg-win .coupon::before,
.psg-win .coupon::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}

.psg-win .coupon::before {
    left: -5px;
}

.psg-win .coupon::after {
    right: -5px;
}