:root{--ozadje: #fff8ec;--ozadje-2: #ffeccc;--papir: #ffffff;--crnilo: #2d2a32;--sivo: #6d6875;--rob: #f0dcc0;--barva: #5c6bc0;--zelena: #2e9e5b;--rdeca: #e05555;--rumena: #ffc83d;--senca: 0 6px 0 rgba(0, 0, 0, .08), 0 10px 24px rgba(120, 80, 20, .12);--pisava: "Andika", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif;--vel-besedila: 1.45rem;color-scheme:light}html[data-velikost="1"]{--vel-besedila: 1.2rem}html[data-velikost="2"]{--vel-besedila: 1.45rem}html[data-velikost="3"]{--vel-besedila: 1.8rem}html.temna{--ozadje: #1f1d2b;--ozadje-2: #2a2740;--papir: #2e2b42;--crnilo: #f4f1ff;--sivo: #b9b4cc;--rob: #45405f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--pisava);color:var(--crnilo);background:radial-gradient(circle at 20% 0%,var(--ozadje-2),var(--ozadje) 60%) fixed;line-height:1.5;-webkit-font-smoothing:antialiased}html.velike-crke body{text-transform:uppercase;letter-spacing:.04em}html.velike-crke .besedilo p{line-height:1.75}.brez-pretvorbe{text-transform:none!important;letter-spacing:normal}button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid var(--rumena);outline-offset:3px}.aplikacija{max-width:980px;margin:0 auto;padding:16px 16px 60px}h1,h2{margin:0;line-height:1.2}.glava{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:8px 0 28px}.glava h1{font-size:clamp(1.7rem,5vw,2.6rem)}.podnaslov{margin:6px 0 0;color:var(--sivo);font-size:1.15rem}.glava-desno{display:flex;gap:10px;align-items:center}.zvezdice-skupaj,.zvezdice{background:var(--papir);border:3px solid var(--rumena);padding:6px 14px;border-radius:999px;font-weight:700;font-size:1.2rem;white-space:nowrap}.gumb-ikona{font-size:1.6rem;width:52px;height:52px;border-radius:16px;background:var(--papir);box-shadow:var(--senca)}.crke-stikalo{display:inline-flex;background:var(--papir);border-radius:14px;padding:4px;box-shadow:var(--senca)}.crke-stikalo button{padding:8px 12px;border-radius:10px;font-weight:700;font-size:1.1rem;color:var(--sivo)}.crke-stikalo button.aktivno{background:var(--barva);color:#fff}.mreza-zgodb{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.kartica-zgodbe{background:var(--papir);border-radius:26px;overflow:hidden;box-shadow:var(--senca);border:3px solid transparent;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.kartica-zgodbe:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--barva)}.kartica-glavno{text-align:left;padding:22px 22px 18px;flex:1;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--barva) 18%,transparent),transparent 55%)}.kartica-ikona{font-size:3.6rem;line-height:1}.kartica-glavno h2{font-size:1.5rem;color:var(--barva)}html.temna .kartica-glavno h2{color:color-mix(in srgb,var(--barva) 55%,white)}.kartica-glavno p{margin:0;color:var(--sivo);font-size:1.05rem;flex:1}.tezavnost span.prazna{opacity:.2;filter:grayscale(1)}.gumb-zacni{align-self:flex-start;margin-top:6px;background:var(--barva);color:#fff;font-weight:700;font-size:1.2rem;padding:10px 22px;border-radius:999px;box-shadow:0 4px color-mix(in srgb,var(--barva) 60%,black)}.kartica-konci{border-top:2px dashed var(--rob);padding:12px 22px;text-align:left;font-weight:700;color:var(--sivo)}.zbirka{list-style:none;margin:0;padding:0 22px 16px;display:grid;gap:6px}.zbirka li{padding:6px 10px;border-radius:10px;background:var(--ozadje);color:var(--sivo)}.zbirka li.najden{color:var(--crnilo);background:color-mix(in srgb,var(--rumena) 30%,var(--papir))}.prazno{text-align:center;color:var(--sivo)}.vrstica-zgoraj{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.naslov-zgodbe{flex:1;font-size:clamp(1.2rem,3.5vw,1.7rem);text-align:center}.vrstica-desno{display:flex;gap:10px;align-items:center}.gumb-nazaj{background:var(--papir);padding:10px 16px;border-radius:14px;font-weight:700;font-size:1.1rem;box-shadow:var(--senca)}.nahrbtnik{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--papir);border-radius:16px;padding:8px 14px;margin-bottom:14px;font-size:1.4rem;box-shadow:var(--senca)}.predmet{background:var(--ozadje);border-radius:10px;padding:2px 10px;display:inline-flex;gap:6px;align-items:center}.predmet small{font-size:.9rem;color:var(--sivo)}.stran{position:relative;background:var(--papir);border-radius:30px;padding:clamp(20px,4vw,40px);box-shadow:var(--senca);border:3px solid color-mix(in srgb,var(--barva) 35%,transparent);overflow:hidden}.slika{font-size:clamp(3.5rem,12vw,5.5rem);text-align:center;line-height:1.15;letter-spacing:.1em;margin-bottom:16px;animation:lebdi 4s ease-in-out infinite}@keyframes lebdi{50%{transform:translateY(-8px)}}.besedilo p{font-size:var(--vel-besedila);margin:0 0 .8em;line-height:1.6}.vprasanje{font-size:calc(var(--vel-besedila) * 1.05);font-weight:700;background:color-mix(in srgb,var(--rumena) 30%,var(--papir));border:3px dashed var(--rumena);border-radius:18px;padding:14px 18px;margin:10px 0 18px}.izbire{display:grid;gap:14px;margin-top:22px}.izbira{display:flex;align-items:center;gap:14px;text-align:left;background:color-mix(in srgb,var(--barva) 12%,var(--papir));border:3px solid var(--barva);border-radius:20px;padding:14px 18px;font-size:calc(var(--vel-besedila) * .95);font-weight:700;box-shadow:0 5px color-mix(in srgb,var(--barva) 70%,black);transition:transform .1s,box-shadow .1s,background .15s}.izbira:hover{background:color-mix(in srgb,var(--barva) 24%,var(--papir));transform:translateY(-2px)}.izbira:active{transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--barva) 70%,black)}.izbira-crka{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;background:var(--barva);color:#fff;font-size:.85em}.izbira-besedilo{flex:1}.izbira-potrebuje{font-size:1.3em}.izbira.zaklenjena{filter:grayscale(.85);opacity:.6;border-style:dashed}.izbira.napacna{border-color:var(--rdeca);background:color-mix(in srgb,var(--rdeca) 12%,var(--papir));animation:tresi .4s;opacity:.65}.izbira.napacna .izbira-crka{background:var(--rdeca)}@keyframes tresi{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.izbira-enter-from{opacity:0;transform:translateY(16px)}.izbira-enter-active{transition:all .35s ease var(--zamik, 0s)}.beri{margin-top:26px;text-align:center;display:grid;gap:12px;justify-items:center}.beri-napis{font-size:1.2rem;color:var(--sivo)}.beri-trak{width:min(320px,90%);height:14px;background:var(--rob);border-radius:99px;overflow:hidden}.beri-trak div{height:100%;width:100%;background:var(--barva);transform-origin:left;animation:napolni linear forwards}@keyframes napolni{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gumb-majhen{background:var(--papir);border:2px solid var(--rob);border-radius:12px;padding:8px 14px;font-weight:700;color:var(--sivo)}.gumb-majhen:hover{border-color:var(--barva);color:var(--crnilo)}.stran-enter-active,.stran-leave-active{transition:all .25s ease}.stran-enter-from{opacity:0;transform:translate(40px) rotate(1deg)}.stran-leave-to{opacity:0;transform:translate(-40px) rotate(-1deg)}.konec{text-align:center;margin-top:20px;display:grid;gap:10px;justify-items:center}.konec-oznaka{font-size:1.3rem;font-weight:700;color:var(--sivo)}.konec-naslov{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;background:color-mix(in srgb,var(--rumena) 40%,var(--papir));padding:10px 24px;border-radius:20px;border:3px solid var(--rumena)}.konec-poskusi-znova .konec-naslov{background:var(--ozadje);border-color:var(--rob)}.konec-nov{color:var(--zelena);font-weight:700;font-size:1.2rem;animation:utrip 1s ease-in-out 3}@keyframes utrip{50%{transform:scale(1.12)}}.konec-stevec{color:var(--sivo)}.konec-namig{margin:0;color:var(--sivo)}.konec-gumbi{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}.gumb-glavni,.gumb-drugotni{font-size:1.25rem;font-weight:700;padding:12px 24px;border-radius:999px}.gumb-glavni{background:var(--barva);color:#fff;box-shadow:0 5px color-mix(in srgb,var(--barva) 60%,black)}.gumb-drugotni{background:var(--papir);border:3px solid var(--barva)}.dez-zvezdic{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dez-zvezdic span{position:absolute;top:-10%;font-size:1.8rem;animation:padaj 2.6s ease-in forwards}@keyframes padaj{to{transform:translateY(120vh) rotate(360deg);opacity:.2}}.sporocilo{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(560px,calc(100% - 32px));padding:16px 22px;border-radius:20px;font-size:1.25rem;font-weight:700;text-align:center;z-index:10;cursor:pointer;background:var(--papir);border:3px solid var(--barva);box-shadow:var(--senca)}.sporocilo-namig{border-color:var(--rdeca);background:color-mix(in srgb,var(--rdeca) 10%,var(--papir))}.sporocilo-pohvala{border-color:var(--zelena);background:color-mix(in srgb,var(--zelena) 14%,var(--papir))}.sporocilo-predmet{border-color:var(--rumena);background:color-mix(in srgb,var(--rumena) 25%,var(--papir))}.sporocilo-enter-active,.sporocilo-leave-active{transition:all .25s}.sporocilo-enter-from,.sporocilo-leave-to{opacity:0;transform:translate(-50%,30px)}.noga-bralnika{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.zgodovina{margin-top:16px;display:grid;gap:12px}.zgodovina-del{background:var(--papir);border-radius:18px;padding:14px 18px;opacity:.9}.zgodovina-del p{margin:0 0 .5em;font-size:calc(var(--vel-besedila) * .8)}.zgodovina-slika{font-size:1.8rem}.zgodovina-izbira{font-weight:700;color:var(--barva)}.nastavitve h1{font-size:1.8rem}.nastavitev{background:var(--papir);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:var(--senca);display:grid;gap:12px}.nastavitev h2{font-size:1.3rem}.izbira-moznosti{display:flex;gap:10px;flex-wrap:wrap}.izbira-moznosti button{padding:12px 18px;border-radius:14px;border:3px solid var(--rob);font-weight:700}.izbira-moznosti button.aktivno{border-color:var(--barva);background:color-mix(in srgb,var(--barva) 15%,var(--papir))}.stikalo{display:flex;gap:12px;align-items:center;font-size:1.1rem;cursor:pointer}.stikalo input{width:26px;height:26px;accent-color:var(--barva)}.gumb-nevaren{justify-self:start;margin-top:8px;padding:10px 16px;border-radius:12px;border:2px solid var(--rdeca);color:var(--rdeca);font-weight:700}@media(max-width:560px){.naslov-zgodbe{order:3;flex-basis:100%}.vrstica-zgoraj{justify-content:space-between}.izbira{padding:12px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.naslov-skupine{font-size:1.5rem;margin:30px 0 14px}.naslov-skupine small{display:block;font-size:1rem;color:var(--sivo);font-weight:400;margin-top:2px}.naslov-skupine:first-of-type{margin-top:0}.mreza-posebne{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kartica-zgodbe.posebna{border-color:color-mix(in srgb,var(--barva) 50%,transparent)}.kartica-slika{width:calc(100% + 44px);margin:-22px -22px 6px;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--ozadje)}.slika-ilustracija{margin:-8px -8px 22px;border-radius:22px;overflow:hidden;border:3px solid color-mix(in srgb,var(--barva) 40%,transparent);background:var(--ozadje)}.slika-ilustracija img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.geslo{margin-top:22px;display:grid;gap:10px;background:color-mix(in srgb,var(--barva) 10%,var(--papir));border:3px dashed var(--barva);border-radius:20px;padding:16px 18px}.geslo-napis{font-weight:700;font-size:1.2rem}.geslo-vrstica{display:flex;gap:10px;flex-wrap:wrap}.geslo-vnos{flex:1;min-width:180px;font:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:10px 16px;border-radius:14px;border:3px solid var(--barva);background:var(--papir);color:var(--crnilo)}.geslo-vnos:focus{outline:4px solid var(--rumena)}.geslo-poskusi{color:var(--sivo);font-size:.95rem}