/* Original RGB day / established converted ink night; v4 clocks. */
[data-paper=night] .water-texture{filter:url(#ink-night)}
.hero-layer,.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-mga/art/layers/base-day.webp?v=61c6de4cfc');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/base-night.webp?v=d46f939c96')}
.layer-ship{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-day.webp?v=2c43b66ee3');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-night.webp?v=1f5edfabb0')}
.layer-flag{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-day.webp?v=90b2b51292');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-night.webp?v=c196f006da')}
.layer-ship-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-paper-day.webp?v=557e458ef7');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-paper-night.webp?v=50b0634b4e')}
.layer-flag-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-paper-day.webp?v=20955b7add');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-paper-night.webp?v=53f53bd7cf')}
[data-paper=night] .layer-ship-paper,[data-paper=night] .layer-flag-paper{filter:url(#paper-tone)}
.hero-plate .brig-motion{transform-origin:83% 54%;animation:mga-brig 7.2s ease-in-out infinite}
.hero-plate .flag-motion{transform-origin:71.75% 32.2%;animation:mga-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:80% 60%;animation:mga-bay 8.6s ease-in-out infinite}
@keyframes mga-brig{0%,100%{transform:translateY(3px) rotate(-1.35deg)}50%{transform:translateY(-3px) rotate(1.35deg)}}
@keyframes mga-flag{0%,100%{transform:skewY(-7deg) scaleX(.9)}50%{transform:skewY(7deg) scaleX(1)}}
@keyframes mga-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(max-width:700px){
.layer-base{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/base-day-phone-q92.webp?v=108b5a5b52');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/base-night-phone-q92.webp?v=73d56f9c63')}
.layer-ship{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-day-phone.webp?v=c00f8bd1b2');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-night-phone.webp?v=f3e25942d1')}
.layer-flag{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-day-phone.webp?v=9ee00689c8');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-night-phone.webp?v=02aee3ed56')}
.layer-ship-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-paper-day-phone.webp?v=9818e6726e');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/ship-paper-night-phone.webp?v=d2ede75f3a')}
.layer-flag-paper{--day:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-paper-day-phone.webp?v=9302133309');--night:url('/assets/mockup/v9-loki/kasinolisenssit-mga/art/layers/flag-paper-night-phone.webp?v=75865b7083')}
}
@media(prefers-reduced-motion:reduce){.hero-plate .art-motion{animation:none!important;transform:none!important}}

/* 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-mga/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-mga/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(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-mga/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-mga/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}
}

.bonus-sea:not(.in-view) .motion,.tab-hidden .motion{animation-play-state:paused!important}
.bonus-sea:not([data-loaded]) .ink-layer{background-image:none!important}
@media(prefers-reduced-motion:reduce){.bonus-sea .motion{animation:none!important;transform:none!important}}