: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:#f2fdfff5;box-shadow:0 4px #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 #158dca,0 14px 24px #184a6f2e;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 #e69e1c,0 14px 24px #184a6f33}.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:#ffffffe6;box-shadow:0 9px #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,#fffffff7,#e1f8fff2);box-shadow:0 9px #5ac3df,var(--shadow);transition:transform .22s,box-shadow .22s}.resource-card:nth-child(3n+2){box-shadow:0 9px #946bd9,var(--shadow)}.resource-card:nth-child(3n+3){box-shadow:0 9px #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 #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 #cb7b12;color:#835000;font-size:1.5rem;cursor:pointer}.favorite-item[aria-pressed=true]{background:linear-gradient(#ff91c6,#e94494);box-shadow:0 5px #aa296b;color:#fff}.empty-results{grid-column:1/-1;padding:2rem;border:5px solid #fff;border-radius:28px;background:#ffffffeb;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 #42bada,var(--shadow);color:var(--ink)}.section-dialog::backdrop{background:#0d2f558c;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 #92235d}.resource-card--available{background:linear-gradient(145deg,#fffffffa,#dcffe8f5);box-shadow:0 9px #46ba66,var(--shadow)}.section-intro{width:min(900px,96%);margin:0 auto 2.25rem;padding:.25rem 1rem 1rem;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;backdrop-filter:none}.section-intro__logo{display:block;width:76px;height:76px;margin:0 auto .35rem;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(25,75,113,.18))}.section-intro h1{margin:.15rem 0 .55rem;font-size:clamp(2.4rem,5vw,4rem);line-height:1;color:#195697;text-shadow:0 3px 0 rgba(255,255,255,.9)}.section-intro p{display:inline-block;margin:0 0 .85rem;padding:.35rem .85rem;border-radius:999px;background:#ffffffc2;box-shadow:0 2px #ffffffe6;font-size:1.15rem;font-weight:900}.result-count{display:block;width:max-content;margin:0 auto;padding:.35rem .8rem;border:3px solid rgba(255,255,255,.9);border-radius:99px;background:#ffe45c;color:#714d00;font-weight:900;box-shadow:0 4px #de9e158c}.section-intro{padding:1rem clamp(1rem,8vw,5rem) 1.25rem;background:radial-gradient(ellipse at center,#fffffff0,#ffffffc2 45%,#fff0 76%)}.section-intro p{display:block;width:max-content;max-width:100%;margin:0 auto .85rem;padding:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:0 2px 0 rgba(255,255,255,.95)}.result-count{border:0;background:#fff;color:#17477e;box-shadow:0 3px #76d5ee}.resource-card--illustrated{min-height:610px}.resource-art{display:block;width:100%;aspect-ratio:1/1;margin-bottom:1rem;border:5px solid #fff;border-radius:22px;background:#eafaff;object-fit:contain;box-shadow:0 6px #18679740}.resource-card--illustrated .resource-type{position:absolute;left:1.25rem;top:1.25rem}.resource-card--illustrated .favorite-item{top:1.25rem;right:1.25rem}@media(max-width:760px){.resource-card--illustrated{min-height:0}}.resource-card[hidden]{display:none!important}.resource-art--game{object-fit:cover}.resource-grid--fixed{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),400px));justify-content:center}[data-page=free-materials]{background-image:url("library/picrures/main page background.png")}.section-action:after{display:none!important}#favoriteFilter:after{content:"Favorites";display:block!important;position:absolute;z-index:2;left:14%;right:30%;top:50%;transform:translateY(-53%);color:#fff;font-size:1.05rem;font-weight:1000;text-align:center;text-shadow:0 2px 2px rgba(38,44,111,.48);pointer-events:none}#favoriteFilter[aria-pressed=true]{transform:translateY(-5px) scale(1.04);filter:saturate(1.25) drop-shadow(0 0 9px #ffec72)}#favoriteFilter[aria-pressed=true] .favorite-total{background:#ffe45c;color:#7a3b00}.section-action img{width:auto;height:76px;max-width:none}#focusPageSearch img{width:195px}#favoriteFilter img{width:205px;object-fit:contain}#openSectionInfo img{width:205px}body{background-color:#dff8ff;background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.favorite-total{top:5px;right:41%}@media(max-width:1100px){.section-action img{height:64px!important}#focusPageSearch img,#favoriteFilter img,#openSectionInfo img{width:170px}}@media(max-width:760px){.section-action img{width:100%!important;height:56px!important;object-fit:contain}.favorite-total{right:39%;top:2px}}.resource-card--compact{min-height:300px;padding:1rem}.resource-card--compact .resource-art{aspect-ratio:4/3;max-height:220px;margin-bottom:.65rem}.resource-card--compact h2{font-size:1.3rem}.resource-grid--compact-materials{grid-template-columns:repeat(auto-fit,minmax(270px,360px));justify-content:start}.resource-grid[data-page-type=games],body[data-page=games] .resource-grid{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),400px));justify-content:center}.section-breadcrumbs{display:flex;align-items:center;gap:.35rem;width:min(1260px,94%);margin:0 auto .9rem;padding:.35rem .65rem;overflow-x:auto;white-space:nowrap;font-size:.95rem;font-weight:800}.section-crumb{color:#17558d;text-decoration:none;padding:.25rem .35rem;border-radius:8px}.section-crumb:hover{background:#ffffffbf;text-decoration:underline}.section-crumb--current{color:#17477e}.section-crumb-separator{color:#e24f92;font-size:1.2rem}.section-topbar .section-breadcrumbs{width:auto;flex:1;min-width:0;margin:0}@media(max-width:760px){.resource-grid--compact-materials{grid-template-columns:minmax(0,1fr)}.section-breadcrumbs{flex:1;width:auto;min-width:0;margin:0;font-size:.85rem}}.resource-meta{margin:.2rem 0;color:#2b6b94;font-size:.95rem;font-weight:800}