:root{--ink:#173866;--blue:#18aee8;--deep-blue:#0875c9;--pink:#ec4f9b;--green:#43be56;--purple:#8f58d6;--orange:#ff942e;--cyan:#17c5c9;--paper:#fffdf4;--shadow:0 12px 24px rgba(28,75,112,.2);font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;color:var(--ink);background:#a9edff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#dff8ff url("picrures/backgroundmain.png") center top/cover fixed no-repeat}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:white;border-radius:1rem;color:var(--ink)}.skip-link:focus{top:1rem}
.hero{height:clamp(160px,34vw,430px);overflow:hidden;background:#58caec}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem clamp(1rem,4vw,4rem);background:rgba(255,255,255,.92);border-bottom:4px solid rgba(21,145,210,.22);box-shadow:0 5px 15px rgba(31,83,118,.15);backdrop-filter:blur(12px)}.breadcrumbs{display:flex;gap:.4rem;align-items:center;min-width:0;overflow:auto}.crumb{border:0;background:transparent;color:#276195;font-weight:800;white-space:nowrap;cursor:pointer;padding:.45rem}.crumb:not(:last-child)::after{content:"›";padding-left:.7rem;color:#ef5b91}.crumb:last-child{color:var(--ink);cursor:default}.topbar__actions{display:flex;gap:.5rem}
.game-button{--button:#1baee8;--edge:#0878b7;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:50px;padding:.65rem 1rem;border:3px solid white;border-radius:18px;color:white;background:linear-gradient(#62dbff 0 18%,var(--button) 20% 76%,var(--edge) 78%);box-shadow:0 5px 0 var(--edge),0 8px 13px rgba(23,66,103,.22),inset 0 1px 4px rgba(255,255,255,.8);font-weight:900;text-shadow:0 2px 2px rgba(0,52,98,.25);cursor:pointer;transition:transform .18s,filter .18s}.game-button:hover{transform:translateY(-2px) scale(1.035);filter:saturate(1.12)}.game-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge)}.game-button:focus-visible,.favorite-button:focus-visible,.category-card:focus-visible,.subcategory-card:focus-visible{outline:4px solid #ffd330;outline-offset:3px}.game-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.game-button b{min-width:23px;padding:.15rem .35rem;background:white;color:var(--pink);border-radius:99px;text-shadow:none}.game-button--pink{--button:#ec4f9b;--edge:#b82d72}.game-button--green{--button:#43be56;--edge:#248c38}.game-button--blue{--button:#19afe8;--edge:#0879b8}
.page{width:min(1280px,94%);margin:0 auto;min-height:65vh;padding:clamp(1.2rem,3vw,2.5rem) 0 5rem}.search-panel{max-width:880px;margin:0 auto 2rem}.search-box{display:flex;align-items:center;gap:.8rem;padding:.65rem 1rem;background:white;border:5px solid #63d6f4;border-radius:26px;box-shadow:0 7px 0 #168fc6,var(--shadow)}.search-box:focus-within{border-color:#ee63ab;box-shadow:0 7px 0 #b52b73,0 12px 28px rgba(25,95,142,.25)}.search-box svg{width:34px;height:34px;fill:none;stroke:#168cc6;stroke-width:2.5;stroke-linecap:round}.search-box input{width:100%;min-width:0;border:0;outline:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;color:var(--ink)}.search-box input::placeholder{color:#7890aa}.search-box button{border:0;background:#eaf7fa;color:#47718c;border-radius:50%;width:38px;height:38px;font-size:1.6rem;line-height:1;cursor:pointer}
.view-heading{text-align:center;margin:1.4rem auto 2rem;max-width:850px}.eyebrow{display:inline-block;margin:0 0 .4rem;padding:.35rem .8rem;border-radius:99px;background:#ffe557;color:#774f00;font-weight:900}.view-heading h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:.3rem 0;color:#193f78;text-shadow:0 3px 0 white}.view-heading p{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.55;margin:.75rem}.count-pill{display:inline-flex;padding:.5rem 1rem;border-radius:99px;background:white;box-shadow:0 3px 0 #9bdbeb;font-weight:900}
.category-grid,.subcategory-grid,.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(1rem,2vw,1.5rem)}.category-card,.subcategory-card{--card:#28aee4;position:relative;min-height:235px;padding:1.5rem;border:5px solid white;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--card),white 24%),var(--card));box-shadow:0 9px 0 color-mix(in srgb,var(--card),#183e76 35%),var(--shadow);color:white;text-align:left;cursor:pointer;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:pop-in .45s both}.category-card:hover,.subcategory-card:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 15px 0 color-mix(in srgb,var(--card),#183e76 35%),0 22px 28px rgba(25,74,111,.23)}.category-card::before{content:"";position:absolute;inset:6px 12px auto;height:28%;border-radius:22px;background:linear-gradient(rgba(255,255,255,.4),transparent)}.category-card[data-color="pink"]{--card:var(--pink)}.category-card[data-color="green"]{--card:var(--green)}.category-card[data-color="purple"]{--card:var(--purple)}.category-card[data-color="orange"]{--card:var(--orange)}.category-card[data-color="cyan"]{--card:var(--cyan)}.category-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:1rem;border:4px solid white;border-radius:25px;background:rgba(255,255,255,.22);font-size:2.35rem;box-shadow:inset 0 2px 5px rgba(255,255,255,.5)}.category-card h2,.subcategory-card h2{position:relative;margin:.2rem 0;font-size:1.55rem;line-height:1.1;text-shadow:0 2px 2px rgba(26,51,92,.3)}.category-card p,.subcategory-card p{position:relative;margin:.65rem 0 0;font-weight:800}.category-count{position:absolute;right:1.2rem;top:1.2rem;padding:.4rem .7rem;border-radius:99px;background:white;color:var(--ink);font-weight:900;text-shadow:none}.subcategory-card{--card:#3ab9d8;min-height:165px}.subcategory-card:nth-child(3n+2){--card:#7865d8}.subcategory-card:nth-child(3n+3){--card:#ed639f}
.section-block{margin-top:2.5rem}.section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.2rem;font-size:clamp(1.5rem,3vw,2.2rem);color:#173d74;text-shadow:0 2px white}.section-title::after{content:"";height:5px;flex:1;border-radius:99px;background:linear-gradient(90deg,#38bee7,transparent)}
.book-card{position:relative;display:flex;flex-direction:column;padding:1rem;background:rgba(255,255,255,.96);border:4px solid white;border-radius:26px;box-shadow:0 7px 0 #80ccdf,var(--shadow);overflow:hidden;animation:pop-in .45s both;transition:transform .22s}.book-card:hover{transform:translateY(-5px)}.book-cover{aspect-ratio:210/297;width:100%;object-fit:contain;background:#e9f8fb;border-radius:16px;box-shadow:inset 0 0 0 2px #d4eef4}.book-card h3{font-size:1.45rem;line-height:1.15;margin:1rem 0 .4rem}.book-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0}.book-meta span{padding:.3rem .55rem;background:#e8f7ff;color:#185b88;border-radius:99px;font-weight:800}.book-description{font-size:1rem;line-height:1.45;font-weight:600;flex:1}.book-actions{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center;margin-top:.8rem}.favorite-button{display:grid;place-items:center;width:54px;height:54px;border:3px solid white;border-radius:17px;background:linear-gradient(#ffef75,#ffc529);box-shadow:0 5px 0 #d79514;color:#875a00;font-size:1.6rem;cursor:pointer}.favorite-button[aria-pressed="true"]{background:linear-gradient(#ff8ebc,#ec3d86);box-shadow:0 5px 0 #ae2462;color:white}.continue-tag{margin:.5rem 0 0;color:#7a48bd;font-weight:900}
.empty-state{max-width:700px;margin:2rem auto;padding:2rem;text-align:center;background:rgba(255,255,255,.94);border:5px solid white;border-radius:30px;box-shadow:0 8px 0 #89d4e8,var(--shadow)}.empty-state__icon{font-size:4rem}.empty-state h2{font-size:2rem;margin:.5rem}.empty-state p{font-size:1.1rem;line-height:1.5;font-weight:700}.no-results{grid-column:1/-1}
.modal{width:min(560px,90vw);border:5px solid white;border-radius:30px;padding:1.6rem 2rem 2rem;color:var(--ink);background:linear-gradient(#fefeff,#e8f9ff);box-shadow:0 15px 0 #168fc6,0 25px 60px rgba(10,49,82,.45)}.modal::backdrop{background:rgba(14,43,75,.65);backdrop-filter:blur(5px)}.modal__top{display:flex;justify-content:space-between;align-items:center}.modal__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--pink);border:3px solid white;box-shadow:0 4px 0 #ad2766;color:white;font-size:2rem;font-weight:900}.modal__close{border:0;background:transparent;color:#50708d;font-size:2.4rem;cursor:pointer}.modal h2{font-size:clamp(1.8rem,4vw,2.6rem)}.modal li{margin:.8rem 0;font-size:1.2rem;font-weight:800}.modal__ok{width:100%;margin-top:.8rem}.toast{position:fixed;z-index:50;left:50%;bottom:2rem;transform:translate(-50%,120px);padding:.8rem 1.2rem;background:#173d74;color:white;border:3px solid white;border-radius:18px;box-shadow:var(--shadow);font-weight:900;opacity:0;transition:.25s}.toast.is-visible{transform:translate(-50%,0);opacity:1}footer{text-align:center;padding:1.2rem;background:#173d74;color:white;font-weight:900;letter-spacing:.12em}
@keyframes pop-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.topbar__actions{width:100%;justify-content:center}.game-button span{display:none}.topbar__actions .game-button{flex:1}.topbar__actions .game-button svg{width:28px;height:28px}.hero{height:clamp(150px,42vw,330px)}}@media(max-width:560px){body{background-attachment:scroll}.hero{height:42vw;min-height:135px}.page{width:92%}.category-grid,.subcategory-grid,.book-grid{grid-template-columns:1fr}.category-card{min-height:190px}.topbar{padding:.5rem .75rem}.game-button{min-height:48px;padding:.5rem}.breadcrumbs{width:100%}.search-box{border-width:4px;border-radius:20px}.book-actions .game-button span{display:inline}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Polished game UI */
.hero{height:auto!important;min-height:0!important;background:#58caec}
.hero__image{display:block;width:100%;height:auto;object-fit:contain}
.game-button{position:relative;isolation:isolate;min-height:54px;padding:.7rem 1.1rem;border-width:4px;border-radius:20px;background:linear-gradient(180deg,#8ae8ff 0 12%,var(--button) 20% 72%,var(--edge) 76% 100%);box-shadow:0 6px 0 color-mix(in srgb,var(--edge),#153d74 22%),0 10px 18px rgba(23,66,103,.26),inset 0 3px 2px rgba(255,255,255,.72),inset 0 -3px 5px rgba(0,43,91,.18);transition:transform .2s,filter .2s,box-shadow .2s}
.game-button::after{content:"";position:absolute;z-index:-1;inset:5px 8px auto;height:34%;border-radius:13px;background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none}
.game-button:hover{transform:translateY(-4px) scale(1.045);filter:saturate(1.14) brightness(1.03);box-shadow:0 9px 0 color-mix(in srgb,var(--edge),#153d74 22%),0 15px 24px rgba(23,66,103,.28),inset 0 3px 2px rgba(255,255,255,.72)}
.game-button svg{width:27px;height:27px;filter:drop-shadow(0 2px 1px rgba(0,50,90,.25))}
.category-card,.subcategory-card{padding:1.15rem;transition:transform .25s,box-shadow .25s,filter .25s}
.category-card:hover,.subcategory-card:hover{transform:translateY(-9px) scale(1.025);filter:saturate(1.06);box-shadow:0 16px 0 color-mix(in srgb,var(--card),#183e76 35%),0 25px 32px rgba(25,74,111,.25)}
.tile-art{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:cover;border:4px solid rgba(255,255,255,.94);border-radius:22px;box-shadow:0 6px 0 rgba(17,69,124,.28),0 10px 20px rgba(17,62,100,.2);margin-bottom:1rem}
.category-card:has(.tile-art),.subcategory-card:has(.tile-art){min-height:0}
.category-card:has(.tile-art) h2,.subcategory-card:has(.tile-art) h2{font-size:1.7rem}
.book-card{transition:transform .24s,box-shadow .24s}
.book-card:hover{transform:translateY(-8px);box-shadow:0 13px 0 #69bed5,0 20px 28px rgba(25,74,111,.24)}
.site-footer{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2.5rem);min-height:190px;padding:1.5rem clamp(1rem,5vw,4rem);overflow:hidden;text-align:left;background:linear-gradient(180deg,#91e7f8,#5bc9ea);border-top:5px solid rgba(255,255,255,.9);box-shadow:inset 0 7px 14px rgba(255,255,255,.35);color:#15518b}
.site-footer__logo{width:clamp(125px,18vw,230px);max-height:150px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(28,79,120,.2))}
.site-footer p{margin:0;font-size:clamp(1.7rem,4vw,3.3rem);line-height:1.05;font-weight:900;letter-spacing:.015em;text-shadow:0 3px 0 white,0 5px 8px rgba(17,76,123,.18)}
.site-footer p span{font-size:.64em;color:#e7428d}
@media(max-width:560px){.site-footer{min-height:150px}.site-footer__logo{width:110px}.site-footer p{font-size:1.55rem}}

/* Game-style cards and controls — v2 */
.topbar{padding-top:.85rem;padding-bottom:1rem;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(225,248,255,.96));border-bottom:5px solid #fff;box-shadow:0 7px 0 #59c7e7,0 12px 22px rgba(23,77,118,.18)}
.topbar__actions{gap:.8rem}
.topbar__actions .game-button{min-width:130px;min-height:58px;border:4px solid #fff7b8;border-radius:23px;background:linear-gradient(180deg,#fff 0 8%,rgba(255,255,255,.38) 9% 25%,var(--button) 27% 72%,var(--edge) 74% 100%);box-shadow:0 6px 0 #174f85,0 10px 0 rgba(255,203,37,.62),0 14px 22px rgba(22,69,110,.24),inset 0 0 0 2px rgba(255,255,255,.45);letter-spacing:.01em}
.topbar__actions .game-button:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 11px 0 #174f85,0 15px 0 rgba(255,203,37,.62),0 21px 27px rgba(22,69,110,.25),inset 0 0 0 2px rgba(255,255,255,.55)}
.topbar__actions .game-button:active{transform:translateY(3px);box-shadow:0 2px 0 #174f85,0 5px 0 rgba(255,203,37,.62)}
.topbar__actions .game-button svg{padding:3px;border:2px solid rgba(255,255,255,.65);border-radius:9px;background:rgba(255,255,255,.18)}

.category-grid,.subcategory-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));align-items:stretch;gap:2rem}
.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){--lift-edge:color-mix(in srgb,var(--card),#173866 46%);display:flex;flex-direction:column;width:100%;height:440px;min-height:440px;padding:14px 14px 20px;border:7px solid #fff;border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--card),white 30%) 0 12%,var(--card) 35% 82%,var(--lift-edge));box-shadow:0 10px 0 var(--lift-edge),0 15px 0 rgba(255,255,255,.82),0 21px 30px rgba(24,65,104,.24),inset 0 0 0 3px rgba(255,255,255,.24);overflow:visible;transform:translateY(0);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),filter .25s}
.category-card::before,.subcategory-card::before{content:"";position:absolute;z-index:2;inset:8px 13px auto;height:34%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.04));pointer-events:none}
.category-card::after,.subcategory-card::after{content:"";position:absolute;left:12%;right:12%;bottom:-29px;height:21px;border-radius:50%;background:rgba(17,52,91,.23);filter:blur(8px);opacity:.65;transition:transform .25s,opacity .25s}
.category-card:hover,.subcategory-card:hover{transform:translateY(-15px) scale(1.025);filter:saturate(1.12) brightness(1.02);box-shadow:0 24px 0 var(--lift-edge),0 29px 0 rgba(255,255,255,.86),0 38px 42px rgba(24,65,104,.3),inset 0 0 0 3px rgba(255,255,255,.34)}
.category-card:hover::after,.subcategory-card:hover::after{transform:translateY(15px) scale(.88);opacity:.38}
.category-card:active,.subcategory-card:active{transform:translateY(5px) scale(.99);box-shadow:0 4px 0 var(--lift-edge),0 8px 0 rgba(255,255,255,.8),0 13px 20px rgba(24,65,104,.2)}
.tile-art{z-index:1;flex:0 0 280px;width:100%;height:280px;aspect-ratio:auto;margin:0 0 15px;object-fit:cover;border:5px solid #fff;border-radius:24px;box-shadow:0 7px 0 rgba(13,63,112,.34),0 12px 18px rgba(17,62,100,.24)}
.category-card h2,.subcategory-card h2,.category-card:has(.tile-art) h2,.subcategory-card:has(.tile-art) h2{z-index:3;width:100%;margin:auto 0 0;padding:.55rem .75rem;border:3px solid rgba(255,255,255,.78);border-radius:16px;background:rgba(18,77,139,.3);font-size:1.55rem;text-align:center;text-shadow:0 3px 2px rgba(20,46,82,.38)}
.category-card p,.subcategory-card p{display:none}
.category-count{z-index:4;right:24px;top:24px;border:3px solid #fff;border-radius:14px;box-shadow:0 4px 0 rgba(17,63,104,.28);font-size:.9rem}
.category-icon{z-index:1;width:125px;height:125px;margin:auto auto 1.2rem;border-width:6px;border-radius:38px;font-size:3.2rem;box-shadow:0 8px 0 rgba(21,69,112,.25),inset 0 3px 9px rgba(255,255,255,.5)}

.site-footer{min-height:128px;padding:.75rem clamp(1rem,5vw,3rem);gap:clamp(.8rem,2vw,1.5rem);background:linear-gradient(180deg,#e8d5ff,#c9b1ef);border-top:6px solid #fff;box-shadow:inset 0 7px 0 rgba(255,255,255,.35),inset 0 -8px 18px rgba(89,56,143,.1)}
.site-footer__logo{width:clamp(82px,10vw,130px);max-height:100px;filter:drop-shadow(0 5px 4px rgba(67,46,115,.2))}
.site-footer p{font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.12;letter-spacing:.01em;color:#224f8d;text-shadow:0 2px 0 #fff,0 3px 5px rgba(67,46,115,.16)}
.site-footer p span{font-size:.68em;color:#d63884}
@media(max-width:900px){.topbar__actions .game-button span{display:inline}.topbar__actions .game-button{min-width:0}.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){height:420px;min-height:420px}.tile-art{flex-basis:260px;height:260px}}
@media(max-width:560px){.topbar__actions{gap:.45rem}.topbar__actions .game-button{padding:.5rem;min-height:54px}.topbar__actions .game-button span{display:none}.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){height:400px;min-height:400px}.tile-art{flex-basis:245px;height:245px}.site-footer{min-height:105px}.site-footer__logo{width:76px}.site-footer p{font-size:1.15rem}}

/* Correct card geometry and hover movement */
.category-grid,.subcategory-grid{grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),1fr))}
.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){height:470px;min-height:470px;max-width:100%;padding:15px 15px 18px;overflow:hidden;box-shadow:0 7px 18px rgba(25,69,105,.2),inset 0 0 0 3px rgba(255,255,255,.25);transform:translateY(0);will-change:transform}
.category-card::after,.subcategory-card::after{display:none}
.category-card:hover,.subcategory-card:hover{transform:translateY(-14px);box-shadow:0 18px 28px rgba(25,69,105,.26),inset 0 0 0 3px rgba(255,255,255,.34)}
.category-card:active,.subcategory-card:active{transform:translateY(-4px);box-shadow:0 9px 18px rgba(25,69,105,.22),inset 0 0 0 3px rgba(255,255,255,.3)}
.tile-art{flex:0 0 265px;height:265px}
.category-card h2,.subcategory-card h2,.category-card:has(.tile-art) h2,.subcategory-card:has(.tile-art) h2{margin:.3rem 0 .55rem;padding:.5rem .65rem;font-size:1.45rem}
.category-card p,.subcategory-card p{z-index:3;display:block;margin:0;padding:0 .35rem;color:#fff;font-size:1rem;line-height:1.3;text-align:center;text-shadow:0 2px 2px rgba(20,46,82,.34)}
.category-card:not(:has(.tile-art)) .category-icon,.subcategory-card:not(:has(.tile-art)) .category-icon{margin:3.8rem auto 1.4rem}
@media(max-width:900px){.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){height:455px;min-height:455px}.tile-art{flex-basis:250px;height:250px}}
@media(max-width:560px){.category-card,.subcategory-card,.category-card:has(.tile-art),.subcategory-card:has(.tile-art){height:440px;min-height:440px}.tile-art{flex-basis:238px;height:238px}}

/* Generated premium game-button artwork */
.topbar__actions .game-button{flex:0 0 auto;width:205px;min-width:205px;height:68px;min-height:68px;padding:0 63px 0 20px;border:0;border-radius:24px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;color:#fff;font-size:1.05rem;overflow:visible;text-shadow:0 3px 2px rgba(63,35,91,.38);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}
.topbar__actions .game-button::after{display:none}
.topbar__actions .game-button svg{display:none}
#focusSearch{background-image:url("images/ui/search-button.png?v=1");color:#174f89;text-shadow:0 2px 0 rgba(255,255,255,.7)}
#showFavorites{background-image:url("images/ui/favorites-button.png?v=1")}
#showInfo{background-image:url("images/ui/information-button.png?v=1")}
.topbar__actions .game-button:hover{transform:translateY(-9px) scale(1.045);filter:brightness(1.07) saturate(1.05);box-shadow:none}
.topbar__actions .game-button:active{transform:translateY(2px) scale(.985);filter:brightness(.96);box-shadow:none}
.topbar__actions .game-button b{position:absolute;right:53px;top:4px;min-width:22px;padding:.05rem .3rem;border:2px solid rgba(255,255,255,.9);font-size:.8rem;box-shadow:0 2px 3px rgba(59,35,100,.22)}
.book-card:hover{transform:translateY(-14px);box-shadow:0 18px 28px rgba(25,69,105,.26)}
.favorite-button{transition:transform .22s,filter .22s,box-shadow .22s}
.favorite-button:hover{transform:translateY(-8px) scale(1.06);filter:brightness(1.05);box-shadow:0 12px 18px rgba(54,73,96,.23)}
@media(max-width:1100px){.topbar__actions .game-button{width:170px;min-width:170px;height:58px;min-height:58px;padding-right:52px;font-size:.92rem}.topbar__actions .game-button b{right:44px;top:2px}}
@media(max-width:700px){.topbar__actions .game-button{flex:1 1 0;width:auto;min-width:0;height:54px;min-height:54px;padding:0}.topbar__actions .game-button span{display:none}.topbar__actions .game-button b{right:22%;top:1px}}

/* User-supplied navigation artwork */
#focusSearch{width:195px;min-width:195px;height:76px;min-height:76px;background-image:url("images/ui/search-uploaded.png?v=1")}
#showInfo{width:205px;min-width:205px;height:76px;min-height:76px;background-image:url("images/ui/information-uploaded.png?v=1")}
#focusSearch span,#showInfo span{visibility:hidden}
@media(max-width:1100px){#focusSearch,#showInfo{width:170px;min-width:170px;height:64px;min-height:64px}}
@media(max-width:700px){#focusSearch,#showInfo{flex:1 1 0;width:auto;min-width:0;height:56px;min-height:56px}}

/* Compact home masthead and clearer breadcrumbs */
.hero{display:flex;justify-content:center;background:linear-gradient(90deg,#244f5b,#49b9d4 35%,#49b9d4 65%,#244f5b)}
.hero[hidden]{display:none!important}
.hero__image{width:100%;max-width:none;margin:0 auto}
.crumb{font-size:1.2rem;padding:.5rem .65rem}
.breadcrumbs{min-height:52px}
@media(max-width:700px){.crumb{font-size:1.05rem}.hero__image{width:100%;max-width:none}}
.book-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));align-items:stretch}

/* Never stretch a single catalogue tile across the page */
.category-grid,.subcategory-grid,.book-grid{grid-template-columns:repeat(auto-fill,300px);justify-content:start;align-items:stretch}
.category-card,.subcategory-card,.book-card{width:300px;max-width:300px}
@media(max-width:680px){.category-grid,.subcategory-grid,.book-grid{grid-template-columns:1fr}.category-card,.subcategory-card,.book-card{width:100%;max-width:100%}}

/* Compact Reading Express identity above page titles */
.view-logo{display:block;width:clamp(72px,8vw,108px);height:clamp(52px,6vw,78px);margin:0 auto .25rem;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(27,83,126,.2))}
.view-heading h1{color:#174b89;background:linear-gradient(180deg,#1b72b2 0%,#173d78 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 rgba(255,255,255,.9))}
.view-heading>p{color:#22547e}
.crumb--home{padding:0;border-radius:18px;overflow:visible;transition:transform .22s,filter .22s}
.crumb--home img{display:block;width:195px;height:76px;object-fit:fill}
.crumb--home:hover:not(:disabled){transform:translateY(-7px);filter:brightness(1.08)}
.crumb--home::after{display:none}
@media(max-width:1100px){.crumb--home img{width:170px;height:64px}}
@media(max-width:700px){.crumb--home img{width:142px;height:56px}}

/* Playful footer banner */
.site-footer{position:relative;gap:clamp(.8rem,2.3vw,1.5rem);min-height:138px;padding:1rem clamp(1rem,5vw,3rem);background:linear-gradient(180deg,#b8f2ff 0%,#8bdff5 52%,#72d0ed 100%);border-top:6px solid #fff;box-shadow:inset 0 8px 0 rgba(255,255,255,.38),inset 0 -8px 18px rgba(25,117,167,.12)}
.site-footer::before,.site-footer::after{content:"★";position:absolute;color:#ffe45c;text-shadow:0 3px 0 #f3a52a,0 5px 8px rgba(32,101,154,.18);font-size:clamp(1.4rem,3vw,2.4rem);transform:rotate(-12deg)}
.site-footer::before{left:5%;top:22%}.site-footer::after{right:6%;bottom:18%;transform:rotate(14deg) scale(.75)}
.site-footer__stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.site-footer__stars span{position:absolute;color:#ffe55f;text-shadow:0 2px 0 #eea522,0 4px 7px rgba(32,101,154,.2);line-height:1;animation:footer-star-twinkle 2.8s ease-in-out infinite alternate}
.site-footer__stars span:nth-child(1){left:1.5%;top:15%;font-size:1rem;transform:rotate(-14deg)}
.site-footer__stars span:nth-child(2){left:10%;bottom:12%;font-size:1.45rem;transform:rotate(12deg);animation-delay:.4s}
.site-footer__stars span:nth-child(3){left:20%;top:12%;font-size:.8rem;transform:rotate(22deg);animation-delay:1.1s}
.site-footer__stars span:nth-child(4){left:31%;bottom:9%;font-size:1rem;transform:rotate(-8deg);animation-delay:.7s}
.site-footer__stars span:nth-child(5){left:41%;top:8%;font-size:.7rem;transform:rotate(18deg);animation-delay:1.4s}
.site-footer__stars span:nth-child(6){right:41%;bottom:8%;font-size:.78rem;transform:rotate(-18deg);animation-delay:.25s}
.site-footer__stars span:nth-child(7){right:30%;top:9%;font-size:1rem;transform:rotate(10deg);animation-delay:1.6s}
.site-footer__stars span:nth-child(8){right:20%;bottom:11%;font-size:.8rem;transform:rotate(-20deg);animation-delay:.9s}
.site-footer__stars span:nth-child(9){right:10%;top:13%;font-size:1.4rem;transform:rotate(15deg);animation-delay:.55s}
.site-footer__stars span:nth-child(10){right:2%;bottom:16%;font-size:1rem;transform:rotate(-12deg);animation-delay:1.25s}
@keyframes footer-star-twinkle{from{opacity:.58;filter:brightness(.95)}to{opacity:1;filter:brightness(1.15)}}
.site-footer__logo{width:clamp(84px,9vw,122px);max-height:94px;filter:drop-shadow(0 5px 4px rgba(28,79,120,.2))}
.site-footer__message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.site-footer__slogan{display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,1.2vw,.9rem);margin:0!important;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:clamp(1.45rem,2.7vw,2.35rem)!important;line-height:1;color:#174b89!important;font-weight:1000;letter-spacing:.015em!important;text-transform:none;-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(255,255,255,.95),0 5px 8px rgba(30,78,133,.2)!important}
.site-footer__slogan span,.site-footer__slogan b{color:inherit!important;font-weight:1000}
.site-footer__slogan b{font-size:.82em;text-shadow:inherit}
.site-footer__brand{margin:.75rem 0 0!important;padding:.28rem 1.15rem .36rem;border:3px solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(180deg,#ff83bd,#e83e91);box-shadow:0 5px 0 #a92c70,0 9px 13px rgba(48,86,133,.18);font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:clamp(1rem,1.75vw,1.42rem)!important;line-height:1;color:#fff!important;letter-spacing:.02em!important;text-shadow:0 2px 0 #9f2867!important}
@media(max-width:560px){.site-footer{min-height:122px;padding:.8rem}.site-footer__logo{width:72px}.site-footer__slogan{gap:.35rem;font-size:1.15rem!important;-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(255,255,255,.95)!important}.site-footer__brand{margin-top:.55rem!important;font-size:.92rem!important}.site-footer::before,.site-footer::after{display:none}.site-footer__stars span:nth-child(3),.site-footer__stars span:nth-child(4),.site-footer__stars span:nth-child(5),.site-footer__stars span:nth-child(6),.site-footer__stars span:nth-child(7),.site-footer__stars span:nth-child(8){display:none}}
.site-footer__main-link {
  position: absolute;
  left: clamp(.8rem, 3vw, 2rem);
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  padding: .72rem 1rem;
  border: 3px solid rgba(255, 255, 255, .9);
  border-radius: 999px;
  color: #123f83;
  background: linear-gradient(180deg, #fff 0%, #dff8ff 100%);
  box-shadow: 0 5px 0 #65b8d5, 0 9px 16px rgba(29, 93, 136, .2);
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.site-footer__main-link:hover,
.site-footer__main-link:focus-visible {
  transform: translateY(calc(-50% - 5px));
  box-shadow: 0 10px 0 #65b8d5, 0 15px 22px rgba(29, 93, 136, .22);
}

@media (max-width: 800px) {
  .site-footer { padding-top: 4.25rem; }
  .site-footer__main-link {
    top: .7rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .site-footer__main-link:hover,
  .site-footer__main-link:focus-visible { transform: translate(-50%, -5px); }
}
.category-card,.subcategory-card{text-decoration:none}
.crumb--home{text-decoration:none;flex:0 0 auto}