/* Whole premium ship build 20260712-012338 */

/*
  Turn off split-ship layers and the earlier single-piece placeholder.
*/
#scene .hr-premium-ship-hull,
#scene .hr-premium-ship-mast,
#scene .hr-premium-ship-art,
#scene .hr-old-ship-art {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/*
  Main complete ship image.
*/
#scene > .hr-premium-whole-ship {
    position: absolute !important;

    left: -1.2% !important;
    bottom: -2.0% !important;

    width: min(81%, 1080px) !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 10px 12px
            rgba(0, 0, 0, 0.42)
        )
        saturate(1.03)
        contrast(1.02) !important;

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

/*
  Keep pirate and Kraken above the ship.
*/
#scene .hr-premium-pirate-host,
#scene .hr-premium-pirate-fallback,
#scene .hr-premium-pirate-art {
    z-index: 36 !important;
}

#scene #kraken,
#scene .kraken {
    z-index: 28 !important;
}

/*
  Desktop:
  pirate sits on the plank cleanly with the whole-ship image.
*/
@media (min-width: 901px) {
    #scene > .hr-premium-whole-ship {
        left: -0.6% !important;
        bottom: -1.8% !important;
        width: min(80%, 1060px) !important;
    }

    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 18px), -11%) !important;
        transform-origin:
            center bottom !important;
    }
}

/*
  Tablet.
*/
@media (min-width: 561px) and (max-width: 900px) {
    #scene > .hr-premium-whole-ship {
        left: -2.4% !important;
        bottom: -1.5% !important;
        width: 86% !important;
    }

    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 14px), -9%) !important;
        transform-origin:
            center bottom !important;
    }
}

/*
  Mobile:
  light tuning only.
*/
@media (max-width: 560px) {
    #scene > .hr-premium-whole-ship {
        left: -4.8% !important;
        bottom: -1.0% !important;
        width: 92% !important;
    }
}

@media (max-width: 430px) {
    #scene > .hr-premium-whole-ship {
        left: -5.8% !important;
        width: 95% !important;
    }
}

/* === WHOLE SHIP LEFT/BG FIX START === */

/*
  Push the whole ship farther left so the far-left broken edge is
  mostly off-screen. Also keep the pirate sitting on the plank.
*/
@media (min-width: 901px) {
    #scene > .hr-premium-whole-ship {
        left: -9.5% !important;
        bottom: -1.7% !important;
        width: min(82%, 1080px) !important;
    }

    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 16px), -11%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (min-width: 561px) and (max-width: 900px) {
    #scene > .hr-premium-whole-ship {
        left: -11.5% !important;
        bottom: -1.3% !important;
        width: 89% !important;
    }

    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 12px), -9%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (max-width: 560px) {
    #scene > .hr-premium-whole-ship {
        left: -12.5% !important;
        bottom: -0.8% !important;
        width: 96% !important;
    }
}

@media (max-width: 430px) {
    #scene > .hr-premium-whole-ship {
        left: -14% !important;
        width: 99% !important;
    }
}

/* === WHOLE SHIP LEFT/BG FIX END === */

/* === FINAL PIRATE LOWER MICRO START === */

/*
  Final pirate position tuning.
  Positive Y moves the pirate down.
  Mobile also gets a rightward nudge so he sits on the plank better.
*/
@media (min-width: 901px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 16px), 8%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (min-width: 561px) and (max-width: 900px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 12px), 6%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (max-width: 560px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 14px), 4%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (max-width: 430px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 16px), 5%) !important;
        transform-origin:
            center bottom !important;
    }
}

/* === FINAL PIRATE LOWER MICRO END === */

/* === MOBILE PIRATE LOWER ONLY START === */

/*
  Desktop is already correct.
  Only lower the pirate on mobile so his boots sit on the plank better.
*/
@media (max-width: 560px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 14px), 12%) !important;
        transform-origin:
            center bottom !important;
    }
}

@media (max-width: 430px) {
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 16px), 13%) !important;
        transform-origin:
            center bottom !important;
    }
}

/* === MOBILE PIRATE LOWER ONLY END === */

/* === MOBILE PIRATE FINAL HEIGHT START === */

/*
  Mobile-only fine tune.
  Raise pirate slightly from the last patch and nudge him right so
  he sits back onto the plank better.
*/
@media (max-width: 560px) {
    #scene .hr-premium-pirate-host > .hr-premium-pirate-art,
    #scene #pirate > .hr-premium-pirate-art,
    #scene .hr-premium-pirate-art {
        bottom: 0 !important;
        transform:
            translate(calc(-50% + 24px), 40%) !important;
        transform-origin:
            center bottom !important;
    }

    #scene .hr-premium-pirate-fallback {
        bottom: 12% !important;
    }
}

@media (max-width: 430px) {
    #scene .hr-premium-pirate-host > .hr-premium-pirate-art,
    #scene #pirate > .hr-premium-pirate-art,
    #scene .hr-premium-pirate-art {
        transform:
            translate(calc(-50% + 26px), 43%) !important;
    }

    #scene .hr-premium-pirate-fallback {
        bottom: 10% !important;
    }
}

/* === MOBILE PIRATE FINAL HEIGHT END === */