@font-face{font-family:'Baloo 2';src:url('/assets/fonts/baloo.woff2') format('woff2');font-display:swap;font-weight:600 800}
@font-face{font-family:'Nunito Sans';src:url('/assets/fonts/nunito.woff2') format('woff2');font-display:swap;font-weight:400 800}
.studio-nav{display:flex;gap:1.2rem;align-items:center}.studio-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.88rem;font-weight:800}.studio-nav a:hover{text-decoration:underline}.masthead-name{display:none}
.invitation{padding:clamp(2rem,6vw,5rem) max(1.4rem,calc((100% - 1140px)/2));text-align:left;min-height:390px;background:linear-gradient(90deg,#fff7e7 2%,#fff7e7f2 24%,#fff7e730 70%),url('/assets/worlds/studio-map.webp') center 42%/cover;isolation:isolate}.invitation::after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,var(--cream));pointer-events:none;z-index:-1}.invitation-copy{max-width:670px}.invitation h1{font-size:clamp(2.8rem,5.5vw,4.8rem);line-height:1.05;margin:.7rem 0 1rem;text-shadow:0 1px 18px #fff7e7b3}.invitation h1 br{display:block}.invitation h1 em{margin:0;color:#a8492f}.invitation-copy>p:last-of-type{font-size:1.08rem;font-weight:700;max-width:38ch}.studio-jumps{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.6rem}.studio-jumps>a{min-height:48px;display:inline-flex;align-items:center;font-size:.93rem;font-weight:800;text-underline-offset:5px}
#arcade,#learning{scroll-margin-top:1rem}.lounge{background:linear-gradient(var(--cream),#eef1df 75%,var(--cream));padding-top:2.5rem}.discovery-tools{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:1.5rem;align-items:end;margin:1.5rem 0}.discovery-tools input{border-radius:8px;background:#fffdf5;padding:.7rem .9rem;border:1px solid #698279}.kind-filter{display:flex;flex-wrap:wrap;gap:.5rem}.kind-filter button{border:1px solid #8a9e8f;border-radius:30px;padding:.45rem 1rem;background:#fffaf0;min-height:48px;font-size:.9rem;font-weight:800}.kind-filter button[aria-pressed=true]{background:#315d4e;color:#fffaf0;border-color:#315d4e}.age-label{font-size:.85rem;margin:.5rem 0 .65rem;color:#405b50}.age-filter button{border-radius:8px;border-width:1px}.filter-count{font-size:.88rem;min-height:1.6rem}.filter-count a{font-weight:800;text-underline-offset:4px}.game-cover img{object-fit:contain}.game-cover{background:#e8e8d6}.game-card{border-radius:10px 22px 10px 22px;box-shadow:0 4px 0 #b9c4ab,0 14px 26px #264e3510}.game-card small{font-size:.9rem}.game-go{font-size:.9rem}.shelf-count{display:none}.learning-intro{max-width:800px;margin:0 auto;text-align:center;padding:3rem 1.5rem 0}.learning-intro h2{margin:.6rem 0 1rem}.learning-intro p:last-child{max-width:46ch;margin:auto}.world-map{margin-top:0}.lounge-empty .text-button{min-height:48px}.discovery-tools:not(:has(+.age-label)){display:none}
@media(max-width:700px){.masthead{gap:.5rem;flex-wrap:wrap}.studio-nav{gap:.85rem}.studio-nav a{font-size:.8rem}.utility{width:100%;justify-content:flex-end;border-top:1px solid #d4d9c3}.utility button{min-height:44px;font-size:.8rem;padding:.3rem .5rem}.invitation{min-height:0;padding:2rem 1.4rem 2.6rem;background:linear-gradient(90deg,#fff7e7f7 5%,#fff7e7b5 78%,#fff7e780),url('/assets/worlds/studio-map.webp') center/cover}.invitation h1{font-size:clamp(2.5rem,9.4vw,3.5rem)}.invitation-copy>p:last-of-type{font-size:1rem}.studio-jumps{gap:.35rem 1rem;margin-top:1rem}.studio-jumps .primary{min-height:50px;padding:.65rem 1.05rem}.discovery-tools{grid-template-columns:1fr;gap:1rem}.kind-filter{gap:.4rem}.kind-filter button{padding:.45rem .85rem;font-size:.88rem}.lounge{padding-inline:1rem}.shelf-cards{gap:.9rem}.game-body{padding:.8rem}.game-card strong{font-size:1.13rem}.game-card small{font-size:.82rem;line-height:1.5}.game-ages{font-size:.75rem}.game-go{font-size:.82rem}.age-filter button{padding:.4rem .65rem}.learning-intro{padding-top:2rem}.all-trails{padding-inline:1rem}.trail-cover{overflow:hidden}.game-card{overflow-wrap:anywhere}}
@media(max-width:359px){.shelf-cards{grid-template-columns:minmax(0,1fr)}.game-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.game-cover{height:100%;aspect-ratio:auto}.game-cover img{min-height:180px}.game-body{padding:.75rem}.game-card strong{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.game-card:hover{transform:none}.studio-jumps .primary:hover{transform:none}}
