/* Hangman Rescue premium artwork build 20260711-234847 */

.hr-premium-scene {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/*
  Premium ship, mast, lantern and plank.
*/
.hr-premium-ship-art {
    position: absolute !important;

    left: -2.5% !important;
    bottom: -1.5% !important;

    width: min(74%, 980px) !important;
    height: auto !important;
    max-width: none !important;

    display: block !important;

    object-fit: contain !important;
    object-position: left bottom !important;

    pointer-events: none !important;
    user-select: none !important;

    z-index: 22 !important;

    filter:
        drop-shadow(
            0 7px 8px
            rgba(0, 0, 0, 0.48)
        )
        saturate(1.05)
        contrast(1.02) !important;
}

/*
  Preserve the original pirate wrapper so wrong-guess movement
  and game positioning continue to work.
*/
.hr-premium-pirate-host {
    overflow: visible !important;

    opacity: 1 !important;
    color: transparent !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    z-index: 36 !important;
}

.hr-premium-pirate-host::before,
.hr-premium-pirate-host::after {
    content: none !important;
    display: none !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.hr-premium-pirate-host
> :not(.hr-premium-pirate-art) {
    opacity: 0 !important;
    visibility: hidden !important;
}

.hr-premium-pirate-art {
    position: absolute !important;

    left: 50% !important;
    bottom: 0 !important;

    width: clamp(
        82px,
        7vw,
        132px
    ) !important;

    height: auto !important;
    max-width: none !important;

    display: block !important;
    object-fit: contain !important;

    transform:
        translate(-50%, 7%) !important;

    transform-origin:
        center bottom !important;

    pointer-events: none !important;
    user-select: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 40 !important;

    filter:
        drop-shadow(
            0 6px 5px
            rgba(0, 0, 0, 0.45)
        )
        saturate(1.04)
        contrast(1.02) !important;
}

/*
  Fallback position used only when the game does not expose
  a dedicated pirate element.
*/
.hr-premium-pirate-fallback {
    position: absolute !important;

    left: 38% !important;
    bottom: 36% !important;

    width: clamp(
        82px,
        7vw,
        132px
    ) !important;

    height: auto !important;
    max-width: none !important;

    display: block !important;

    pointer-events: none !important;
    user-select: none !important;

    z-index: 36 !important;

    filter:
        drop-shadow(
            0 6px 5px
            rgba(0, 0, 0, 0.45)
        )
        saturate(1.04)
        contrast(1.02) !important;
}

/*
  Older ship sprites that are safe to suppress.
*/
.hr-old-ship-art {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/*
  Keep the Kraken above the ship and water artwork.
*/
.hr-premium-scene .kraken,
.hr-premium-scene #kraken,
.hr-premium-scene [data-role="kraken"] {
    z-index: 28 !important;
}

@media (max-width: 900px) {
    .hr-premium-ship-art {
        left: -4% !important;
        bottom: -1% !important;
        width: 80% !important;
    }

    .hr-premium-pirate-art,
    .hr-premium-pirate-fallback {
        width: clamp(
            76px,
            11vw,
            116px
        ) !important;
    }
}

@media (max-width: 560px) {
    .hr-premium-ship-art {
        left: -8% !important;
        bottom: 0 !important;
        width: 91% !important;
    }

    .hr-premium-pirate-art,
    .hr-premium-pirate-fallback {
        width: clamp(
            68px,
            16vw,
            94px
        ) !important;
    }

    .hr-premium-pirate-fallback {
        left: 38% !important;
        bottom: 38% !important;
    }
}

/* === PIRATE LOWER TUNE START === */

/*
  Lower the premium pirate so his boots sit on the plank better.
  Desktop: noticeably lower
  Tablet:  a little lower
  Phone:   slightly lower
*/
.hr-premium-pirate-art {
    transform:
        translate(-50%, 24%) !important;
    transform-origin:
        center bottom !important;
}

/*
  Fallback pirate position if no pirate host is detected.
*/
.hr-premium-pirate-fallback {
    left: 38% !important;
    bottom: 30% !important;
}

@media (max-width: 900px) {
    .hr-premium-pirate-art {
        transform:
            translate(-50%, 19%) !important;
    }

    .hr-premium-pirate-fallback {
        bottom: 32% !important;
    }
}

@media (max-width: 560px) {
    .hr-premium-pirate-art {
        transform:
            translate(-50%, 15%) !important;
    }

    .hr-premium-pirate-fallback {
        bottom: 34% !important;
    }
}

/* === PIRATE LOWER TUNE END === */

/* === MOBILE PIRATE PLANK FIX START === */

/*
  Desktop is already good.
  Only adjust phone layouts so the pirate stands on the plank.
*/
@media (max-width: 560px) {
    .hr-premium-pirate-art {
        width: clamp(58px, 13vw, 80px) !important;

        transform:
            translate(-50%, 35%) !important;

        transform-origin:
            center bottom !important;
    }

    .hr-premium-pirate-fallback {
        width: clamp(58px, 13vw, 80px) !important;
        left: 38% !important;
        bottom: 22% !important;
    }
}

/*
  Very small phones need a little more drop.
*/
@media (max-width: 430px) {
    .hr-premium-pirate-art {
        width: clamp(56px, 13vw, 74px) !important;

        transform:
            translate(-50%, 42%) !important;
    }

    .hr-premium-pirate-fallback {
        bottom: 20% !important;
    }
}

/* === MOBILE PIRATE PLANK FIX END === */

/* === MOBILE PIRATE MICRO DROP START === */

/*
  Extra mobile-only drop.
  Desktop and tablet stay unchanged.
*/
@media (max-width: 560px) {
    .hr-premium-pirate-art {
        transform:
            translate(-50%, 44%) !important;
        transform-origin:
            center bottom !important;
    }

    .hr-premium-pirate-fallback {
        bottom: 18% !important;
    }
}

@media (max-width: 430px) {
    .hr-premium-pirate-art {
        transform:
            translate(-50%, 51%) !important;
    }

    .hr-premium-pirate-fallback {
        bottom: 16% !important;
    }
}

/* === MOBILE PIRATE MICRO DROP END === */