/* Scoped additions: existing colour presets and portal layout stay independent. */
.laconia-season-controls {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.15);
    display: grid;
    gap: 9px;
    color: var(--pso-text);
}
.laconia-season-controls > label:first-child { font-size: .8rem; font-weight: 600; }
.laconia-season-controls select {
    width: 100%; max-width: 250px; min-width: 0;
    box-sizing: border-box; padding: 9px 8px;
    font: inherit; font-size: .85rem;
    background: #101922; color: #edf4fa;
    border: 1px solid #52616e; border-radius: 6px;
    color-scheme: dark;
}
.laconia-season-controls select:focus-visible,
.laconia-season-controls input:focus-visible { outline: 2px solid var(--pso-blue); outline-offset: 3px; }
.laconia-season-controls .laconia-motion-toggle {
    display: flex; align-items: center; gap: 8px;
    font-size: .85rem; cursor: pointer; min-height: 28px;
}
.laconia-motion-toggle input { width: 17px; height: 17px; accent-color: var(--pso-blue); }
.laconia-season-controls small { font-size: .75rem; line-height: 1.4; opacity: .75; }
.theme-dropdown-menu:has(.laconia-season-controls) {
    width: 280px; max-width: calc(100vw - 32px);
    max-height: min(720px, calc(100dvh - 100px)); overflow-y: auto;
}
.theme-toggle-nav:focus-within > .theme-dropdown-menu { display: block; }
.hero.laconia-seasonal-hero { padding: 2rem 0 2.5rem; }
.laconia-seasonal-banner {
    width: 100%; max-width: none; margin: 0 auto 1.5rem;
    border-radius: 16px; overflow: hidden;
    border: 1px solid var(--laconia-season-accent);
    box-shadow: 0 16px 55px rgba(0,0,0,.45);
}
.laconia-seasonal-banner .hero-logo {
    display: block; width: 100%; height: auto; margin: 0;
    filter: none; border-radius: 0;
}
.laconia-season-canvas {
    position: fixed; inset: 0; width: 100%; height: 100%;
    pointer-events: none; z-index: 1001;
}
.laconia-season-canvas[hidden] { display: none; }
@media (max-width: 600px) {
    .hero.laconia-seasonal-hero { padding-top: 1rem; }
    .laconia-seasonal-banner { border-radius: 9px; }
}
@media (prefers-reduced-motion: reduce) { .laconia-season-canvas { display: none; } }
