/* Approved original-RGB day / converted-ink night, v4 clocks. */
.category-page .bonus-sea:not([data-loaded]) .ink-layer{background-image:none!important}
.hero-layer,.hero-plate .ship-window,.hero-plate .brig-motion,.hero-plate .flag-motion,.hero-plate .bay-window{position:absolute;inset:0;display:block}
.hero-layer{background:var(--day) center/100% 100% no-repeat;filter:none}[data-paper=night] .hero-layer{background-image:var(--night);filter:url(#ink-night)}
.layer-base{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/base-day-desktop-q92.webp?v=eb981902e3');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/base-night-desktop-q92.webp?v=bc938f55ec')}.layer-ship{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-day.webp?v=36f0443174');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-night.webp?v=208a0a66b5')}.layer-flag{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-day.webp?v=f5ae3a08e3');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-night.webp?v=f5bb14ecec')}.layer-ship-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-paper-day.webp?v=8ca070cf90');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-paper-night.webp?v=02d8142bfb')}.layer-flag-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-paper-day.webp?v=0deee44077');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-paper-night.webp?v=bef515844e')}
[data-paper=night] .layer-ship-paper,[data-paper=night] .layer-flag-paper{filter:url(#paper-tone)}
.ship-window{clip-path:polygon(55% 0,100% 0,100% 66%,81.5% 66%,80% 59%,74% 60%,70% 59%,69.6% 58%,70.5% 57%,71.6% 55%,71.6% 53%,72.3% 51%,72.3% 48%,71% 46%,70% 45%,71.8% 37%,69% 35%,65% 34%,62% 34%,60% 38%,59% 36%,55% 32%)}
.hero-plate .brig-motion{transform-origin:81% 62%;animation:papers-brig 7.2s ease-in-out infinite}.hero-plate .flag-motion{transform-origin:95.18% 33.2%;animation:papers-flag 3.6s ease-in-out infinite}.hero-plate .bay-window{width:100%;height:100%;overflow:hidden}.water-night{filter:url(#ink-night)}[data-paper=day] .water-night,[data-paper=night] .water-day{display:none}.hero-plate .bay-motion{transform-origin:84% 64%;animation:papers-bay 8.6s ease-in-out infinite}
@keyframes papers-brig{0%,100%{transform:translateY(3px) rotate(-1.35deg)}50%{transform:translateY(-3px) rotate(1.35deg)}}
@keyframes papers-flag{0%,100%{transform:skewY(-7deg) scaleX(.9)}50%{transform:skewY(7deg) scaleX(1)}}
@keyframes papers-bay{0%,100%{transform:translateX(-.35%) scaleY(1)}50%{transform:translateX(.35%) scaleY(1.04)}}
.hero-plate:not(.in-view) .art-motion,.tab-hidden .art-motion{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-plate .art-motion{animation:none!important;transform:none!important}}
@media(max-width:700px){.layer-base{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/base-day-phone-q92.webp?v=f86730bde3');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/base-night-phone-q92.webp?v=0f73e2f5c6')}.layer-ship{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-day-phone-q92.webp?v=68a0ec7cde');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-night-phone-q92.webp?v=9adcb9461c')}.layer-flag{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-day-phone.webp?v=84cae5d703');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-night-phone.webp?v=09fe3ee986')}.layer-ship-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-paper-day-phone.webp?v=cfba745938');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/ship-paper-night-phone.webp?v=253237d7f6')}.layer-flag-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-paper-day-phone.webp?v=0ebecd756b');--night:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/flag-paper-night-phone.webp?v=84edb97d08')}}

/* Exact homepage vessel/wave assets and hub scale/motion rules. */
.bonus-sea .ink-layer{background:var(--art) center/100% 100% no-repeat!important;mask:none!important;-webkit-mask:none!important;filter:url(#ink-day)!important}
[data-paper=night] .bonus-sea .ink-layer{filter:url(#ink-night)!important}
[data-paper=day] .bonus-sea .vessel{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/ship-vessel.lossless.a2-desktop-560-q92.webp?v=9dba37e161')!important;filter:none!important}
[data-paper=day] .bonus-sea .ocean{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/ship-base.lossless.a2-desktop-1536-q92.webp?v=7580fd23dc')!important;filter:none!important}
.bonus-sea .arch-island{position:absolute;right:2%;bottom:38px;width:460px;aspect-ratio:1381/370}
.bonus-sea .sea-stage .island{inset:0;width:100%;height:100%;aspect-ratio:auto;--art:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/island-night.a2-desktop-920-q92.webp?v=29406f81f7')}
[data-paper=day] .bonus-sea .island{background-image:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/island-day.lossless.a2-desktop-920-q92.webp?v=b7bb2ddbf6')!important;filter:none!important}
.island-sign{position:absolute;inset:0;width:100%;height:100%;color:var(--ink);overflow:visible}.island-sign text{fill:currentColor;font:44px var(--serif);letter-spacing:-1px;transform:translateY(9px)}
.bonus-sea .sea-stage .vessel{left:auto;right:calc(2% + 460px - 54px);bottom:30px}
.bonus-sea-end .arch-island{left:2%;right:auto;bottom:44px}
.bonus-sea-end .sea-stage .vessel{left:48%;right:auto;bottom:36px}
.bonus-sea .distant-island{inset:auto 2% 49px auto;width:180px;height:auto;aspect-ratio:1381/342;opacity:.42;--art:url('/assets/mockup/v9-loki/bonukset/art/island-harbour-v2-640.a2-desktop-360-lossless.webp?v=e26ca4631a')}
[data-paper=day] .bonus-sea .distant-island{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/island.lossless.a2-desktop-732-q92.webp?v=8df0da7779')!important;filter:none!important}
@media(max-width:720px){.bonus-sea .arch-island{width:248.462px;bottom:31.846px}.bonus-sea .sea-stage .vessel{right:calc(2% + 248.462px - 32px);left:auto}.bonus-sea-end .arch-island{width:248.462px;bottom:34.286px}.bonus-sea-end .sea-stage .vessel{left:48%;right:auto;width:190px}.bonus-sea .distant-island{width:100px;bottom:53px;right:1%}}
@media(prefers-reduced-motion:reduce){.hero-plate .art-motion,.bonus-sea .motion{animation:none!important;transform:none!important}.hero-lights{display:none}}


.bonus-sea:not(.in-view) .motion,.tab-hidden .motion{animation-play-state:paused!important}
@media(max-width:700px){
[data-paper=day] .bonus-sea .vessel{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/ship-vessel.lossless.a2-phone-440-q92.webp?v=17bbe8c86c')!important}
[data-paper=day] .bonus-sea .ocean{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/ship-base.lossless.a2-phone-1060-q92.webp?v=198a813eb2')!important}
.bonus-sea .sea-stage .island{--art:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/island-night.a2-phone-496-q92.webp?v=64e016fe4d')}
[data-paper=day] .bonus-sea .island{background-image:url('/assets/mockup/v9-loki/kasinolisenssit/art/layers/island-day.lossless.a2-phone-496-q92.webp?v=0b8f389f2e')!important}
[data-paper=day] .bonus-sea .distant-island{background-image:url('/assets/mockup/v9-loki/bonukset/art/original-day-v3/island.lossless.a2-phone-576-q92.webp?v=8ad3e95642')!important}
}