/* ΠΑΡΕΑ · κίνηση και απτικές αποκρίσεις του ανθισμένου κήπου.
   Δεν αλλάζει τα δεδομένα, τις εικόνες, το ηχητικό υλικό ή τις δράσεις. */
@media screen {
  body.parea-soft-garden {
    --ge-gold: #cdaa63;
    --ge-mint: #a5c5ae;
    --ge-ease: cubic-bezier(.19,.76,.25,1);
  }
  /* Ακριβής ανατροφοδότηση αφής, χωρίς να κουνάει ολόκληρη τη σελίδα. */
  .parea-garden-active :is(.age-card, .world-card, .story-shelf-card, .story-hub-card,
    .hub-tile, .welcome-card, .scenario, .device-option, .story-choice,
    .picture-card, .collection-card, .library-item, .guide-step) {
    transition: transform .48s var(--ge-ease), box-shadow .42s ease, border-color .3s ease,
      background-color .32s ease;
    transform-origin: center center;
  }
  .parea-garden-active :is(.btn, .button, .guide-primary, .hub-start, .hub-main-cta,
    .print-button, .outlined-button, .story-card-foot button, .story-choice,
    .catalog-filter, .parent-tab, .story-shelf-card) {
    transition: transform .28s var(--ge-ease), box-shadow .3s ease,
      border-color .25s ease, background-color .28s ease;
  }
  .parea-garden-active :is(.story-shelf-art, .story-card-art, .age-card-art, .tile-art,
    .world-art, .collection-bubble) {
    transform-origin: center center;
    transition: transform .7s var(--ge-ease), filter .55s ease;
  }
  .parea-garden-active :is(.age-card, .story-shelf-card, .story-hub-card,
    .hub-tile, .world-card, .scenario, .device-option, .picture-card).garden-press {
    animation: parea-garden-nod .52s var(--ge-ease) 1 both;
  }
  .parea-garden-active :is(button, .btn, .button, a, summary).garden-press:not(.age-card):not(.story-shelf-card) {
    animation: parea-garden-tap .35s var(--ge-ease) 1 both;
  }
  @keyframes parea-garden-tap {
    0%,100%{filter:brightness(1);transform:scale(1)}
    36%{filter:brightness(1.06);transform:scale(.975)}
    65%{transform:scale(1.018)}
  }
  @keyframes parea-garden-nod {
    0%,100%{transform:translateY(0) scale(1)}
    46%{transform:translateY(-5px) scale(1.013)}
  }
  /* Τα παραμύθια έχουν την αίσθηση ζωντανού εξωφύλλου. */
  .parea-garden-active :is(.story-hub-hero .hub-art svg,
    .intro-picture svg, .story-card-art .story-card-cover,
    .story-shelf-art .story-shelf-cover, .welcome-mark img) {
    transform-origin: 50% 55%;
    will-change: auto;
  }
  .parea-garden-active :is(.age-card, .story-shelf-card, .story-hub-card,
    .world-card, .picture-card):focus-within :is(.age-card-art, .story-shelf-art,
    .story-card-art, .world-art, .tile-art),
  .parea-garden-active :is(.age-card, .story-shelf-card, .story-hub-card,
    .world-card, .picture-card).garden-press :is(.age-card-art, .story-shelf-art,
    .story-card-art, .world-art, .tile-art) {
    transform: scale(1.018);
    filter: saturate(1.065);
  }

  /* Σταδιακή είσοδος μόνο τη στιγμή που πράγματι φαίνεται ένα στοιχείο. */
  .parea-garden-active .garden-enter {
    animation: parea-garden-appear .7s var(--ge-ease) both;
  }
  @keyframes parea-garden-appear {
    from { opacity: .68; transform: translate3d(0,12px,0) scale(.992); }
    to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
  }
  /* Η σύντομη ανάσα σε θετικά μηνύματα και στα ενεργά κουμπιά. */
  .parea-garden-active :is(.success-state, .saved-state, .message.success,
     .stage-label, .story-progress, .tour-progress) {
    transition: box-shadow .35s ease, border-color .35s ease, background .35s ease;
  }
  .parea-garden-active :is(.toast:not([hidden]), .message[role="status"]:not([hidden])) {
    animation: parea-garden-soft-pop .45s var(--ge-ease) 1 both;
  }
  @keyframes parea-garden-soft-pop {
    from { opacity:.5; transform:translateY(5px) scale(.99); }
    to { opacity:1; transform:translateY(0) scale(1); }
  }
  .parea-garden-active :is(dialog[open], .modal[open]) {
    animation: parea-garden-dialog-in .42s var(--ge-ease) 1 both;
  }
  @keyframes parea-garden-dialog-in {
    from { opacity:.74; transform:translateY(10px) scale(.99); }
    to { opacity:1; transform:translateY(0) scale(1); }
  }
  .parea-garden-active :is(.story-hub-hero .hub-art svg, .intro-picture svg) {
    animation: parea-garden-illustration 10s ease-in-out infinite alternate;
  }
  @keyframes parea-garden-illustration {
    0% { transform:translateY(0) rotate(-.6deg); }
    50% { transform:translateY(-5px) rotate(.6deg); }
    100% { transform:translateY(-10px) rotate(-.3deg); }
  }
  .parea-garden-active .wonder-sky i:nth-child(2n) {
    animation-duration: 20s;
  }
  .parea-garden-active .wonder-sky i:nth-child(2n + 1) {
    animation-duration: 17s;
  }

  /* Πολύ μικρές λάμψεις και πέταλα γύρω από την επιλογή. */
  .parea-effect-petal {
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 65% 35% 60% 40%;
    background: var(--petal-fill, #d7c18c);
    box-shadow: 0 1px 5px rgb(77 104 69 / 9%);
    transform: translate(-50%,-50%);
    pointer-events: none;
    user-select: none;
    animation: parea-garden-petal var(--petal-duration, .78s) var(--ge-ease) both;
  }
  .parea-effect-petal.parea-effect-star {
    border-radius: 0;
    background: #e5c77b;
    clip-path: polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);
  }
  @keyframes parea-garden-petal {
    0% { opacity:0; transform:translate(-50%,-50%) rotate(0) scale(.4); }
    18% { opacity:.82; }
    100% { opacity:0; transform:translate(calc(-50% + var(--petal-dx)),calc(-50% + var(--petal-dy))) rotate(var(--petal-turn)) scale(.82); }
  }
}
@media screen and (hover:hover) and (pointer:fine) {
  body.parea-garden-active :is(.age-card, .story-shelf-card, .story-hub-card,
    .hub-tile, .world-card, .scenario, .device-option, .picture-card):hover {
    transform:translateY(-5px) scale(1.007);
    box-shadow: 0 23px 46px rgb(45 86 58 / 15%), 0 4px 12px rgb(39 80 50 / 7%);
  }
  body.parea-garden-active :is(.age-card, .story-shelf-card, .story-hub-card,
    .hub-tile, .world-card, .picture-card):hover :is(.age-card-art, .story-shelf-art,
    .story-card-art, .world-art, .tile-art) {
    transform:scale(1.027);
    filter:saturate(1.08);
  }
}
@media screen and (max-width: 700px) {
  .parea-garden-active .garden-enter {
    animation-duration: .53s;
  }
  .parea-effect-petal { width: 9px; height: 9px; }
}
/* Η ήρεμη λειτουργία, η επιλογή χωρίς κίνηση και οι ανάγκες προσβασιμότητας υπερισχύουν. */
body.parea-soft-garden:is(.quiet, .reduced-motion, .parea-garden-motion-off) :is(
  .garden-enter, .garden-press, .wonder-sky i, .wonder-arrived, .wonder-highlight,
  .story-hub-hero .hub-art svg, .intro-picture svg, .hub-illustration svg,
  .welcome-mark img, .screen-sparkles i, .screen-display.listening .voice-wave i,
  .face-frame[data-mood="listen"]) {
  animation: none !important;
  transform: none !important;
}
body.parea-soft-garden:is(.quiet, .reduced-motion, .parea-garden-motion-off) :is(
  .age-card, .story-shelf-card, .story-hub-card, .hub-tile, .world-card,
  .scenario, .device-option, .picture-card):hover { transform: none !important; }
body.parea-soft-garden:is(.quiet, .reduced-motion, .parea-garden-motion-off) .parea-effect-petal { display:none!important; }
body.parea-soft-garden:is(.quiet, .reduced-motion, .parea-garden-motion-off) .wonder-burst { display:none!important; }
@media (prefers-reduced-motion: reduce), (prefers-contrast: more), (forced-colors: active) {
  body.parea-soft-garden :is(.garden-enter, .garden-press,
    .story-hub-hero .hub-art svg, .intro-picture svg, dialog[open]) {
    animation:none!important;
    transform:none!important;
  }
  body.parea-soft-garden .parea-effect-petal {display:none!important;}
}
@media print {
  body.parea-soft-garden .parea-effect-petal {display:none!important;}
  body.parea-soft-garden :is(.garden-enter,.garden-press) {animation:none!important;}
}

/* Οι πρόσθετες ρυθμίσεις εμφανίζονται αποκλειστικά στον χώρο γονέα. */
@media screen {
  body.parea-soft-garden .parea-parent-effects .parea-effect-hint,
  body.parea-soft-garden .parea-parent-effects .parea-effect-feedback {
    margin: 12px 0;
    font-size: 13px;
    line-height: 1.7;
    color: #526e57;
  }
  body.parea-soft-garden .parea-parent-effects .parea-effect-feedback {
    min-height: 1.7em;
    border-left: 3px solid #b5cda8;
    padding: 3px 0 3px 12px;
  }
  body.parea-soft-garden .parea-parent-effects .voice-actions {margin-top: 17px;}
  body.parea-garden-active .parea-nav-with-art,
  body.parea-garden-active .parea-sidebar .nav-link {
    transition: transform .3s var(--ge-ease), box-shadow .35s ease, background-color .3s ease;
  }
  body.parea-garden-active .parea-sidebar .nav-link:hover .menu-garden-icon {
    transform: translateY(-3px) rotate(-2deg) scale(1.08);
  }
  body.parea-garden-active :is(.story-shelf-cover, .story-card-cover, .age-garden-picture) {
    transition: filter .5s ease, transform .65s var(--ge-ease);
  }
  body.parea-garden-active :is(.story-shelf-card, .story-hub-card, .age-card):hover
    :is(.story-shelf-cover, .story-card-cover, .age-garden-picture) {
    filter: saturate(1.09); transform: scale(1.025);
  }
}
@media (prefers-reduced-motion: reduce), (prefers-contrast: more), (forced-colors: active) {
  body.parea-soft-garden .parea-sidebar .nav-link {transition:none!important;transform:none!important;}
}
@media print {body.parea-soft-garden .parea-parent-effects {display:none!important;}}