:root{--page-blue:#1aaee8;--ink:#17477e;--pink:#ed4f9c;--green:#48bd65;--shadow:0 15px 30px rgba(22,71,111,.2);font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--page-bg) center top/cover fixed no-repeat;font-family:"Trebuchet MS",Arial,sans-serif}.section-topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:105px;padding:.55rem clamp(.8rem,4vw,4rem);border-bottom:7px solid #51c8e8;background:rgba(242,253,255,.96);box-shadow:0 4px 0 #fff}.section-home,.section-action{display:block;border:0;background:none;padding:0;cursor:pointer;transition:transform .2s,filter .2s}.section-home:hover,.section-action:hover{transform:translateY(-6px);filter:saturate(1.1)}.section-home img{display:block;width:190px;max-height:82px;object-fit:contain}.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.45rem,1.4vw,1rem)}.section-action{position:relative}.section-action img{display:block;width:clamp(145px,15vw,205px);height:74px;object-fit:contain}.favorite-total{position:absolute;top:7px;right:41%;min-width:22px;padding:1px 5px;border-radius:99px;background:#fff;color:#e84394;font-weight:900}.section-page{width:min(1260px,94%);min-height:calc(100vh - 105px);margin:auto;padding:2rem 0 5rem}.page-search{position:relative;width:min(900px,94%);margin:0 auto 2.2rem}.page-search svg{position:absolute;left:22px;top:50%;width:32px;transform:translateY(-50%);fill:none;stroke:#1590c9;stroke-width:2.4}.page-search input{width:100%;min-height:68px;padding:.8rem 4.2rem;border:5px solid #59cff0;border-radius:28px;background:#fff;box-shadow:0 8px 0 #158dca,0 14px 24px rgba(24,74,111,.18);color:var(--ink);font-size:clamp(1rem,2vw,1.35rem);font-weight:800;outline:0}.page-search input:focus{border-color:#ffd94c;box-shadow:0 8px 0 #e69e1c,0 14px 24px rgba(24,74,111,.2)}.page-search button{position:absolute;right:18px;top:50%;transform:translateY(-50%);border:0;background:none;color:#718ba9;font-size:2rem;cursor:pointer}.section-intro{width:min(840px,95%);margin:0 auto 2rem;padding:1.4rem 2rem;border:5px solid #fff;border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 9px 0 #54c8e7,var(--shadow);text-align:center;backdrop-filter:blur(5px)}.section-intro h1{margin:.25rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1;color:#195697}.section-intro p{margin:.65rem 0;font-size:1.15rem;font-weight:800}.result-count{display:inline-block;padding:.35rem .8rem;border-radius:99px;background:#ffe45c;color:#714d00;font-weight:900}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:1.5rem}.resource-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:1.3rem;border:6px solid #fff;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(225,248,255,.95));box-shadow:0 9px 0 #5ac3df,var(--shadow);transition:transform .22s,box-shadow .22s}.resource-card:nth-child(3n+2){box-shadow:0 9px 0 #946bd9,var(--shadow)}.resource-card:nth-child(3n+3){box-shadow:0 9px 0 #ed639f,var(--shadow)}.resource-card:hover{transform:translateY(-10px)}.resource-card h2{margin:.45rem 2.7rem .6rem 0;font-size:1.55rem}.resource-card p{line-height:1.45;font-weight:700}.resource-type{align-self:flex-start;padding:.3rem .65rem;border-radius:99px;background:#ffe45c;color:#704b00;font-weight:900}.resource-link{align-self:center;margin-top:auto;padding:.7rem 1.15rem;border:4px solid #fff;border-radius:18px;background:linear-gradient(#6bdcff,#19a9e0 65%,#0878b7);box-shadow:0 6px 0 #08649a;color:#fff;text-decoration:none;font-weight:900}.favorite-item{position:absolute;right:14px;top:14px;width:48px;height:48px;border:3px solid #fff;border-radius:16px;background:linear-gradient(#ffe769,#ffbf2f);box-shadow:0 5px 0 #cb7b12;color:#835000;font-size:1.5rem;cursor:pointer}.favorite-item[aria-pressed=true]{background:linear-gradient(#ff91c6,#e94494);box-shadow:0 5px 0 #aa296b;color:#fff}.empty-results{grid-column:1/-1;padding:2rem;border:5px solid #fff;border-radius:28px;background:rgba(255,255,255,.92);text-align:center;font-size:1.25rem;font-weight:900}.section-dialog{width:min(520px,90%);border:6px solid #fff;border-radius:30px;background:#f7fdff;box-shadow:0 12px 0 #42bada,var(--shadow);color:var(--ink)}.section-dialog::backdrop{background:rgba(13,47,85,.55);backdrop-filter:blur(5px)}.section-dialog h2{font-size:2rem}.dialog-close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.dialog-ok{display:block;margin:1rem auto 0}.favorites-only .resource-card:not(.is-favorite){display:none}@media(max-width:760px){.section-topbar{align-items:flex-start;flex-direction:column;padding:.4rem .7rem}.section-home{align-self:center}.section-actions{width:100%}.section-action{flex:1}.section-action img{width:100%;height:58px}.section-page{padding-top:1.3rem}.page-search{width:100%}.section-intro{padding:1.1rem}.resource-grid{grid-template-columns:1fr}}
[data-page="games"]{background-image:url("library/picrures/games page background.png")}[data-page="worksheets"]{background-image:url("worksheets/covers/worksheets background.png")}[data-page="blog"]{background-image:url("blog/blog background.png")}[data-page="courses"]{background-image:url("courses/courses background.png")}#focusPageSearch::after,#favoriteFilter::after,#openSectionInfo::after{position:absolute;z-index:2;left:15%;right:25%;top:50%;transform:translateY(-53%);color:#fff;font-size:clamp(.85rem,1.35vw,1.15rem);font-weight:1000;text-align:center;text-shadow:0 2px 2px rgba(38,44,111,.48);pointer-events:none}#focusPageSearch::after{content:"Search"}#favoriteFilter::after{content:"Favorites";right:30%}#openSectionInfo::after{content:"Information";right:24%;font-size:clamp(.72rem,1.12vw,1rem)}
.resource-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:auto}.resource-actions .resource-link{margin-top:0}.resource-link--pink{background:linear-gradient(#ff95c8,#e94a98 65%,#ad2c70);box-shadow:0 6px 0 #92235d}.resource-card--available{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(220,255,232,.96));box-shadow:0 9px 0 #46ba66,var(--shadow)}