/* Party Bottle visual correction.
   Keeps the existing interactive bottle DOM and spin mechanics; only the silhouette changes. */
.party-bottle-object {
    width: 38px;
    height: 158px;
}

.party-bottle-neck {
    width: 12px;
    height: 57px;
    border-radius: 4px 4px 2px 2px;
    background: linear-gradient(90deg,#214c31 0%,#4f8255 32%,#82ad72 48%,#356842 72%,#183f29 100%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent), inset 3px 0 5px color-mix(in srgb,#fff 7%,transparent);
}

.party-bottle-neck::before {
    top: -5px;
    width: 17px;
    height: 8px;
    border-radius: 3px 3px 2px 2px;
    background: linear-gradient(90deg,#234b30,#416f48 50%,#1d4129);
}

.party-bottle-body {
    width: 32px;
    height: 103px;
    border-radius: 5px 5px 10px 10px;
    background: linear-gradient(90deg,#173f28 0%,#315f3c 20%,#75a369 45%,#3e7048 67%,#173d27 100%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb,#fff 11%,transparent), inset 4px 0 7px color-mix(in srgb,#fff 6%,transparent);
}

/* Sloping shoulders are what make the object read as a bottle instead of a can. */
.party-bottle-body::before {
    content: "";
    position: absolute;
    left: 0;
    top: -18px;
    width: 32px;
    height: 19px;
    background: linear-gradient(90deg,#173f28 0%,#315f3c 20%,#75a369 45%,#3e7048 67%,#173d27 100%);
    clip-path: polygon(31% 0,69% 0,100% 100%,0 100%);
}

.party-bottle-body::after {
    top: 34px;
    width: 22px;
    height: 29px;
    border-radius: 6px;
    background: color-mix(in srgb,#e8d7aa 76%,transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb,#000 16%,transparent);
}

.party-bottle-shine {
    left: 10px;
    top: 31px;
    width: 3px;
    height: 83px;
    border-radius: 999px;
    background: linear-gradient(#fff8,#fff2 58%,transparent);
}

@media(max-height:740px) {
    .party-bottle-object { width: 35px; height: 145px; }
    .party-bottle-neck { width: 11px; height: 52px; }
    .party-bottle-body { width: 30px; height: 94px; }
    .party-bottle-body::before { width: 30px; top: -17px; height: 18px; }
    .party-bottle-body::after { width: 20px; height: 26px; top: 31px; }
}

@media(max-height:660px) {
    .party-bottle-object { width: 32px; height: 132px; }
    .party-bottle-neck { width: 10px; height: 47px; }
    .party-bottle-body { width: 27px; height: 86px; }
    .party-bottle-body::before { width: 27px; top: -15px; height: 16px; }
    .party-bottle-body::after { width: 18px; height: 23px; top: 28px; }
}