/* Scoped compatibility styles for the existing deployed homepage. */
.refined-ui #layer1 {
    background: radial-gradient(circle at 14% 18%, rgba(168,218,236,.16), transparent 38rem),
        radial-gradient(circle at 86% 80%, rgba(246,214,188,.22), transparent 40rem),
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.82), transparent 52rem),
        linear-gradient(145deg,#f6fafd 0%,#f1f6f8 45%,#f6f4ee 100%);
}
#zen-ocean { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
#japan-svg { position:relative; }
.refined-ui #japan-svg .prefecture {
    stroke-width:1px; vector-effect:non-scaling-stroke; transform-box:view-box;
    transition:fill 220ms ease,fill-opacity 240ms ease,stroke 240ms ease,filter 240ms ease,transform 320ms cubic-bezier(.16,1,.3,1);
}
.refined-ui #japan-svg .prefecture.resonance-focus {
    fill:var(--prefecture-focus-fill) !important; fill-opacity:1 !important;
    stroke:var(--prefecture-focus-outline) !important; stroke-width:1.5px !important;
    stroke-dasharray:none !important; stroke-linejoin:round; stroke-linecap:round;
    filter:drop-shadow(0 3px 4px color-mix(in srgb,var(--prefecture-focus-outline) 24%,transparent)) !important;
    transform:translateY(-2px) scale(1.035); opacity:1;
}
.refined-ui #japan-svg .prefecture.prefecture-unvisited.resonance-focus { fill-opacity:.94 !important; }
.refined-ui #japan-svg .prefecture.prefecture-unvisited.resonance-peer { fill-opacity:.48 !important; }
.refined-ui #japan-svg .prefecture:focus { outline:none; }
@media (prefers-reduced-motion:reduce) {
    .refined-ui #japan-svg .prefecture { transition:none; }
    .refined-ui #japan-svg .prefecture.resonance-focus { transform:none; filter:none !important; }
}