/* Ιστορίες γεμάτες εικόνες, φωνές και επιλογές. */
body.visual-refresh .story-shelf{padding:24px;border:1px solid var(--vf-line);border-radius:30px;background:linear-gradient(135deg,rgba(254,251,240,.93),rgba(231,243,231,.78));box-shadow:0 12px 45px #294a3110}
body.visual-refresh .story-shelf-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
body.visual-refresh .story-shelf-card{position:relative;isolation:isolate;overflow:hidden;min-height:200px;align-items:flex-end;box-shadow:0 9px 24px #314a2e12;background:linear-gradient(142deg,#fff9ec 10%,#dceee3 100%);border:1px solid #e4e5d5;transition:transform .2s,box-shadow .2s}
body.visual-refresh .story-shelf-card:nth-child(2){background:linear-gradient(145deg,#fff1e0,#f1dce8)}
body.visual-refresh .story-shelf-card:nth-child(3){background:linear-gradient(145deg,#fff8e9,#dce9f8)}
body.visual-refresh .story-shelf-card:nth-child(4){background:linear-gradient(145deg,#f5edf9,#dcefe7)}
body.visual-refresh .story-shelf-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #314a2e21}
body.visual-refresh .story-shelf-art{width:102px;background:#ffffffa1;border-radius:22px;padding:7px;box-shadow:0 6px 22px #264a2b11}
body.visual-refresh .story-shelf-card strong{font-family:Georgia,serif;font-size:clamp(17px,1.55vw,24px);line-height:1.3}
#parea-story-player{--story-ink:#244b3d;--story-accent:#39836b;--story-soft:#e6f4eb;--story-warm:#fff5de;width:min(1160px,97vw);max-width:97vw;max-height:96dvh;border:1px solid #ffffff8c;border-radius:30px;background:linear-gradient(157deg,#fffdf8 45%,#f7faf5);color:var(--story-ink);padding:0;box-shadow:0 36px 110px #09261e75;scrollbar-color:#bad6c8 transparent}
#parea-story-player[data-story-age="4-6"]{--story-ink:#55405b;--story-accent:#9e638c;--story-soft:#f8edf6;--story-warm:#fff2e9}
#parea-story-player[data-story-age="6-8"]{--story-ink:#264b62;--story-accent:#39788f;--story-soft:#e7f2f8;--story-warm:#fff7e4}
#parea-story-player[data-story-age="8-10"]{--story-ink:#37466b;--story-accent:#596aa3;--story-soft:#edf0fb;--story-warm:#fff4e7}
#parea-story-player::backdrop{background:rgba(17,37,32,.75);backdrop-filter:blur(9px)}
#parea-story-player .story-player-heading{padding:26px clamp(18px,4vw,44px) 18px;margin:0;background:linear-gradient(112deg,var(--story-soft),#fffefb);border-bottom:1px solid #dce5dd;align-items:start}
.story-player-heading-copy{min-width:0;flex:1}.story-heading-eyebrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--story-accent);letter-spacing:.11em;font-size:11px;font-weight:800}.story-heading-eyebrow span:last-child{background:#fff8;border:1px solid #ffffffd1;border-radius:99px;padding:5px 11px;letter-spacing:0}
#parea-story-player .story-player-heading h1{font:700 clamp(23px,3.1vw,39px)/1.14 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:11px 0 8px;color:var(--story-ink)}
.story-player-heading-copy p{font-size:13px;color:#62786f;margin:0}.story-close{border:1px solid #c6d9d1;background:#fff;border-radius:99px;width:44px;height:44px;font-size:20px;flex:none;color:var(--story-ink);cursor:pointer}
.story-step-line{display:flex;gap:13px;align-items:center;margin:21px clamp(18px,4vw,44px) 17px}.story-step-pill{white-space:nowrap;color:var(--story-accent);font-size:13px;font-weight:800}.story-step-track{height:8px;background:#e9eee7;flex:1;min-width:30px;border-radius:99px;overflow:hidden}.story-step-track>span{height:100%;display:block;background:linear-gradient(90deg,var(--story-accent),#e1c56d);border-radius:99px;transition:width .3s ease}.story-path-label{font-size:11px;color:#6b7c73;white-space:nowrap}
#parea-story-player .story-player-main{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);margin:0 clamp(18px,4vw,44px);gap:clamp(18px,3vw,38px);align-items:stretch}
#parea-story-player .story-picture-grid{position:relative;overflow:hidden;min-height:325px;padding:36px 24px 48px;background:radial-gradient(circle at 80% 20%,#fff3d3 0 13%,transparent 42%),linear-gradient(145deg,var(--story-soft),var(--story-warm));border:1px solid #ffffffb8;border-radius:28px;box-shadow:inset 0 3px 15px #ffffff70}
#parea-story-player .story-picture-grid figure{z-index:1;margin:0;max-width:185px;flex:1 1 135px;display:grid;place-items:center;min-height:170px;filter:drop-shadow(0 8px 10px #273b2819)}
#parea-story-player .story-picture-grid svg{max-height:185px}.story-empty-art{font:normal 84px/1 Georgia,serif;color:#91b19a}.story-page-spark{position:absolute;color:#ddb977;font-size:27px;opacity:.8}.spark-a{left:12%;top:10%}.spark-b{right:9%;bottom:19%}.story-page-number{position:absolute;bottom:14px;left:22px;color:#698b7d;font-size:11px;font-weight:750;letter-spacing:.08em}
#parea-story-player .story-player-text{padding:12px 0 7px}.story-text-label{color:var(--story-accent);font-size:12px;font-weight:850;letter-spacing:.13em;margin-bottom:10px}#parea-story-player .story-player-text h2{font:700 clamp(23px,2.35vw,32px)/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 17px;color:var(--story-ink)}#parea-story-player .story-player-text .story-narration{font-size:clamp(17px,1.52vw,21px);line-height:1.78;margin:0;white-space:pre-wrap;color:#304a46}#parea-story-player .story-voice-row{display:flex;align-items:center;gap:11px;margin-top:20px;min-height:43px}.story-sound-indicator{display:grid;place-items:center;width:32px;height:32px;border-radius:99px;background:var(--story-soft);color:var(--story-accent);flex:none}#parea-story-player[data-speaking="true"] .story-sound-indicator{animation:storyPulse 1.35s ease-in-out infinite}#parea-story-player [data-story-status]{font-size:13px;min-height:0;margin:0;color:#547067}
.story-choices-area{margin:28px clamp(18px,4vw,44px) 5px;padding-top:18px;border-top:1px solid #e4e8df}.story-choices-area h2{font:700 clamp(22px,2.15vw,28px)/1.2 Georgia,serif;margin:0 0 5px;color:var(--story-ink)}.story-choices-area>p{font-size:13px;color:#687c73;margin:0 0 18px}#parea-story-player .story-player-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:12px;margin:0}.story-choice-wrap{min-width:0;border:1px solid #dee8e2;border-radius:20px;padding:5px;background:#fff;box-shadow:0 6px 18px #243e3310;transition:transform .18s,box-shadow .18s}.story-choice-wrap:hover{transform:translateY(-3px);box-shadow:0 13px 25px #243e3323}#parea-story-player .story-choice{border:none;box-shadow:none;border-radius:15px;padding:7px 11px;min-height:105px;max-width:none;flex:none;width:100%;display:flex;gap:10px;background:var(--story-soft);text-align:left;color:var(--story-ink)}#parea-story-player .story-choice svg{width:75px;height:76px;flex:none}#parea-story-player .story-choice-copy{display:grid;gap:3px;flex:1;align-content:center;min-width:0}#parea-story-player .story-choice-copy small{color:var(--story-accent);font-size:10px;letter-spacing:.08em;font-weight:850}#parea-story-player .story-choice-copy strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}#parea-story-player .story-choice-arrow{justify-self:end;color:var(--story-accent)}.story-choice-listen{width:100%;padding:8px 12px;border:none;background:#fff;border-radius:11px;color:var(--story-accent);font-size:12px;font-weight:750;cursor:pointer;text-align:left}.story-choice-listen:hover{background:#f6f9f5}
.story-finale{margin:26px clamp(18px,4vw,44px) 2px;border-radius:19px;display:flex;align-items:center;gap:17px;padding:21px 24px;background:linear-gradient(120deg,#fbf2cf,var(--story-soft));border:1px solid #eadfbb}.story-finale>span{font-size:34px;color:#aa8940}.story-finale strong{font-size:20px;font-family:Georgia,serif;color:var(--story-ink)}.story-finale p{margin:3px 0 0;font-size:14px}
#parea-story-player .story-player-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:22px clamp(18px,4vw,44px) 26px;margin-top:20px;border-top:1px solid #e7ece6}#parea-story-player .story-player-control{background:#fff;border:1px solid #d0dfd5;border-radius:13px;color:var(--story-ink);padding:10px 16px;font-size:13px;font-family:inherit;font-weight:750;min-height:47px}#parea-story-player .story-player-control.story-primary{background:var(--story-accent);border-color:var(--story-accent);color:#fff;box-shadow:0 5px 12px #346c5027}#parea-story-player .story-player-control:disabled{opacity:.4;cursor:not-allowed}
#parea-story-player button:focus-visible{outline:3px solid #cc9452;outline-offset:3px}
@keyframes storyPulse{50%{transform:scale(1.15);background:var(--story-accent);color:white}}
@media(max-width:780px){#parea-story-player .story-player-main{grid-template-columns:1fr}#parea-story-player .story-picture-grid{min-height:185px;padding:19px 20px 32px}#parea-story-player .story-picture-grid figure{min-height:125px}#parea-story-player .story-picture-grid svg{max-height:139px}#parea-story-player .story-player-text{padding:5px 0}#parea-story-player .story-player-text .story-narration{font-size:17px;line-height:1.68}#parea-story-player .story-player-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.story-path-label{display:none}}
@media(max-width:470px){#parea-story-player{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;border-radius:0}#parea-story-player .story-player-heading{padding:17px}#parea-story-player .story-player-heading h1{font-size:25px}#parea-story-player .story-step-line{margin:13px 17px}#parea-story-player .story-player-main{margin:0 15px}#parea-story-player .story-picture-grid figure{flex:1 1 88px;min-height:105px}#parea-story-player .story-picture-grid svg{height:110px}#parea-story-player .story-player-text h2{font-size:25px}#parea-story-player .story-player-choices{grid-template-columns:1fr}.story-choices-area{margin:20px 15px 0}#parea-story-player .story-player-footer{margin-top:12px;padding:15px;justify-content:center}#parea-story-player .story-player-control{flex:1 1 auto;text-align:center}.story-choice-wrap{display:flex;align-items:stretch}.story-choice-listen{width:100px;flex:none;padding:7px;text-align:center}}
@media(prefers-reduced-motion:reduce){#parea-story-player *{animation:none!important;transition:none!important}}

body.visual-refresh .story-hub-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 14px;flex:none;background:#fffdf5;color:#427459;border-radius:14px;border:1px solid #d9e6d6;font-size:12px;font-weight:800;box-shadow:0 5px 14px #1e553711}body.visual-refresh .story-hub-link:hover{background:#eaf6ec}body.visual-refresh .story-shelf .section-heading{gap:13px;flex-wrap:wrap}