@font-face{font-family:Andika;src:url('assets/fonts/Andika.ttf')}@font-face{font-family:Fredoka;src:url('assets/fonts/Fredoka.ttf')}*{box-sizing:border-box}body{margin:0;background:#faf6e9;color:#244238;font-family:Andika,system-ui,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #c8963c;outline-offset:6px}.hub-top{display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 4vw;border-bottom:1px solid #dce4cd}.hub-brand{font-family:Fredoka;font-size:30px;font-weight:600;display:flex;gap:11px;align-items:center}.hub-brand span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#2b5544;color:#f6d280}.hub-top>div{display:flex;gap:20px;align-items:center}.hub-top button{border:0;background:none;font-size:15px;padding:12px}#hear-worlds{min-width:50px;min-height:50px;background:#e9eedc;border-radius:50%;font-size:25px}.hub-heading{text-align:center;position:relative;margin:45px auto 35px;width:fit-content}.hub-heading p{font-size:16px;color:#7c8d77;margin:0 0 12px}.hub-heading h1{font-family:Fredoka;font-size:clamp(40px,5.5vw,66px);font-weight:500;letter-spacing:-1.4px;margin:0}.little-spark{position:absolute;right:-50px;top:32px;font-size:46px;color:#c7a254;transform:rotate(10deg)}.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:auto;padding:0 28px}.world-card{background:#fffdf5;border:2px solid #d6ddc6;overflow:hidden;border-radius:26px;box-shadow:0 8px 0 #dce2cc;transition:transform .18s,box-shadow .18s}.world-card:hover{transform:translateY(-5px);box-shadow:0 13px 0 #dce2cc}.card-art{position:relative;height:clamp(260px,32vw,380px);overflow:hidden;background:#bcdbd6}.card-art img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;transition:transform .5s}.world-card:hover img{transform:scale(1.025)}.block-art img{object-fit:cover;object-position:center}.card-chip{position:absolute;left:23px;top:21px;padding:9px 12px;border-radius:20px;background:#fffbeded;color:#315446;font-size:10px;font-weight:bold;letter-spacing:1.3px}.card-bottom{padding:22px 25px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-bottom h2{font-family:Fredoka;font-weight:500;font-size:34px;line-height:1.1;margin:0 0 9px}.card-bottom p{font-size:15px;margin:0;color:#789078}.play-arrow{min-width:57px;height:57px;background:#e7bd67;border:2px solid #cca352;border-radius:18px;display:grid;place-items:center;font-size:32px;box-shadow:0 3px 0 #b4924a}.blocks-card .play-arrow{background:#b4cda1;border-color:#93ae80;box-shadow:0 3px 0 #789b66}.hub-foot{text-align:center;margin:34px 0 22px;color:#87937b;font-size:14px}#hub-voice-note{text-align:center;color:#73856c;font-size:14px}dialog{border:0;border-radius:24px;max-width:560px;width:calc(100% - 32px);background:#fffdf3;color:#244238;padding:28px;max-height:90svh;overflow:auto}dialog::backdrop{background:#17392cb0;backdrop-filter:blur(3px)}dialog>div{display:flex;justify-content:space-between;align-items:center}dialog h2{font-family:Fredoka;font-size:29px;margin:0}dialog button{border:0;border-radius:50%;width:44px;height:44px;background:#e8eedb;font-size:25px}dialog p{font-size:16px;line-height:1.7}@media(max-width:660px){.hub-top{height:76px;padding:0 20px}.hub-brand{font-size:24px}.hub-brand span{width:34px;height:34px}.hub-top>div{gap:4px}.hub-top button{font-size:12px;padding:8px}.hub-heading{margin:30px auto}.hub-heading p{font-size:13px}.little-spark{font-size:35px;right:-30px}.world-cards{grid-template-columns:1fr;gap:26px;padding:0 19px;max-width:500px}.card-art{height:255px}.card-bottom{padding:20px}.card-bottom h2{font-size:30px}.card-bottom p{font-size:13px}.hub-foot{margin:28px 0}.world-card{border-radius:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Animal stories are the main route; building remains a smaller optional world. */
.world-cards{grid-template-columns:1fr;max-width:1000px}.animals-card .card-art{height:auto}.animals-card .card-art img{display:block;height:auto;object-fit:contain;object-position:center}.animals-card:hover img{transform:none}.blocks-card{display:flex;align-items:center}.blocks-card .card-art{width:150px;height:120px;flex-shrink:0}.blocks-card .card-chip{display:none}.blocks-card .card-bottom{flex:1}.blocks-card .card-bottom h2{font-size:26px}.blocks-card .play-arrow{min-width:48px;height:48px}
@media(max-width:660px){.blocks-card .card-art{width:100px;height:120px}.blocks-card .card-bottom{padding:14px;gap:8px}.blocks-card .card-bottom h2{font-size:24px}.blocks-card .card-bottom p{display:none}}

.runner-card{display:flex;align-items:center;background:#e2f1ed;border-color:#b0d2c9}.runner-card .card-art{width:260px;height:180px;flex-shrink:0}.runner-card .card-chip{display:none}.runner-card .card-bottom{flex:1}.runner-card .play-arrow{background:#ffd56e}.runner-card .card-bottom h2{font-size:34px}
@media(max-width:660px){.runner-card .card-art{width:135px;height:155px}.runner-card .card-bottom{padding:14px;gap:9px}.runner-card .card-bottom h2{font-size:27px}.runner-card .card-bottom p{font-size:12px}.runner-card .play-arrow{min-width:40px;height:45px;font-size:26px}}