/* Compact choices, visible titles and one distinct action per picture. */
#stage[data-screen=home]{padding:10px 16px 18px;background:#f3f5ec}
.compact-welcome{min-height:58px;margin:0 auto 10px;padding:0;max-width:960px}.compact-welcome h2{font-size:clamp(21px,4.5vw,28px);margin:0}.compact-welcome .logo{width:86px;height:66px}
.play-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 auto 15px;max-width:960px}.play-shortcut{border:0;border-radius:16px;background:#fffaf1;color:#4e414a;padding:7px;min-width:0;min-height:86px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 4px 9px #6e574410}.play-shortcut>span{width:62px;height:51px;display:grid;place-items:center}.play-shortcut>span>*{max-width:100%;max-height:100%}.play-shortcut strong{font-size:15px}.play-shortcut:active{scale:.97}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:960px}.category-grid .category-door,.category-grid .world-door[data-world=halloween]{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column:auto;min-height:108px;border-radius:18px;box-shadow:0 5px 12px #6e574412;background:var(--tint);color:#4e414a;padding:6px 7px 9px}
.category-grid .category-door .door-art,.category-grid .world-door[data-world=halloween] .door-art{width:94px;height:66px;padding:0;margin:0;flex:none}.category-door .door-art>*{max-width:100%;max-height:100%}.category-grid .category-door .door-label,.category-grid .world-door[data-world=halloween] .door-label{font-size:16px;line-height:1.15;text-align:center;padding:3px 0 0;justify-content:center;flex:none;max-width:100%;overflow-wrap:anywhere}.category-grid .album-door .art-img{height:58px;width:58px}
#stage[data-screen=world]{background:#f3f5ec;padding:8px 13px 20px}.compact-tiles.world-tiles{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;padding:5px 0 12px;max-width:960px;margin:auto}
.compact-tiles.world-tiles .world-tile{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:128px;border-radius:17px;padding:9px 7px 10px;background:var(--tint);box-shadow:0 5px 12px #6e574412;overflow:hidden}
.compact-tiles .world-tile-art{height:76px;width:100%;flex:none;animation:none}.compact-tiles .world-tile-art>*,.compact-tiles .world-tile-art img.art-img,.compact-tiles .world-tile-art svg{max-width:102px;max-height:76px;width:100%;height:100%;object-fit:contain}
.compact-tiles .world-tile-name{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:14px;font-weight:750;line-height:1.15;text-align:center;color:#4e414a}
#app.hw .compact-tiles .world-tile{background:#e5d8e9;color:#4e414a;--tint:#e5d8e9!important}.category-section-title{max-width:960px;margin:14px auto 5px;font-size:18px;line-height:1.2;color:#66505a}
.nav-mini{position:relative;display:block;width:120px;height:100px;max-width:100%;max-height:100%}.nav-mini>svg{position:absolute;inset:0;width:100%;height:100%}.nav-mini>.art-img,.nav-character{position:absolute;width:80%;height:94%;object-fit:contain;left:10%;bottom:0}.nav-mini .nav-left{width:61%;left:-2%}.nav-mini .nav-right{width:61%;left:42%}.nav-pair .nav-left,.nav-pair .nav-right{height:89%}.nav-mini .nav-front-object{position:absolute;left:36%;bottom:0;width:40%;height:44%}.nav-front-object>.art-img{width:100%;height:100%;object-fit:contain}.nav-jump>svg{z-index:2}.nav-slide{width:48%;height:56%;top:6%;left:30%}.nav-letter{position:absolute;right:5%;bottom:18%;font-size:59px;font-weight:800;color:#b3644b}.nav-name{display:flex;align-items:center;justify-content:center;height:100%;gap:3px}.nav-name i{font-size:23px;font-style:normal;color:#a76c4d}.nav-name i:nth-child(2n){color:#568e99}.nav-three>.art-img{position:static;display:inline-block;width:33%;height:94%}.nav-fruit-count>.art-img{width:55%;left:0}.nav-fruit-count>.art-img:nth-child(2){left:47%}.nav-count{position:absolute;left:45%;top:3%;color:#4e414a;font-size:40px}.nav-number-link{position:absolute;left:0;top:20%;font-size:48px;color:#497f8b}.nav-linked-fruit{position:absolute;right:0;top:5%;width:40%;height:90%}.nav-linked-fruit>.art-img{width:100%;height:50%;object-fit:contain}.nav-two-ducks>.art-img,.nav-two-animals>.art-img,.nav-two-vehicles>.art-img{width:62%;height:86%;left:0}.nav-two-ducks>.art-img:nth-child(2),.nav-two-animals>.art-img:nth-child(2),.nav-two-vehicles>.art-img:nth-child(2){left:43%;height:76%}.nav-book-animal{position:absolute;left:24%;top:25%;width:48%;height:46%}.nav-house-animal{position:absolute;left:48%;top:35%;width:47%;height:61%}.nav-book-animal .art-img,.nav-house-animal .art-img{width:100%;height:100%;object-fit:contain}.nav-play>.nav-character{height:100%;left:-6%;width:85%}.nav-play .nav-front-object{left:64%;width:35%;height:45%}
@media(min-width:760px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid .category-door{min-height:140px}.category-grid .category-door .door-art{height:92px;width:114px}.compact-tiles.world-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-tiles.world-tiles .world-tile{min-height:151px}.compact-tiles .world-tile-art{height:93px}.compact-tiles .world-tile-name{font-size:15px}.compact-welcome .logo{width:100px;height:78px}}
@media(max-width:350px){.category-grid .category-door{min-height:96px}.category-grid .category-door .door-art{height:57px;width:80px}.category-grid .category-door .door-label{font-size:15px}.play-shortcut{min-height:76px}.compact-tiles.world-tiles .world-tile{min-height:118px}.compact-tiles .world-tile-art{height:68px}}
@media(prefers-reduced-motion:reduce){.category-door,.play-shortcut{transition:none}}

.compact-tiles .world-tile-art .nav-mini>.art-img{width:80%;height:94%;max-width:none;max-height:none}
.compact-tiles .world-tile-art .nav-two-ducks>.art-img,.compact-tiles .world-tile-art .nav-two-animals>.art-img,.compact-tiles .world-tile-art .nav-two-vehicles>.art-img{width:62%;height:86%}
.compact-tiles .world-tile-art .nav-two-ducks>.art-img:nth-child(2),.compact-tiles .world-tile-art .nav-two-animals>.art-img:nth-child(2),.compact-tiles .world-tile-art .nav-two-vehicles>.art-img:nth-child(2){height:76%}
.compact-tiles .world-tile-art .nav-three>.art-img{width:33%;height:94%}
.compact-tiles .world-tile-art .nav-fruit-count>.art-img{width:55%;height:94%}

.play-shortcut>span{position:relative;overflow:hidden}.play-shortcut>span>.nav-mini{width:62px;height:51px}
.play-shortcut>span>.world-illustration{width:54px;height:51px}
.category-door .door-art>.nav-mini{width:94px;height:66px}
.category-door .nav-two-animals>span{position:absolute;left:0;bottom:0;width:60%;height:88%}
.category-door .nav-two-animals>span:nth-child(2){left:44%;height:77%}
.category-door .nav-two-animals>span .hp-sprite{width:100%;height:100%}

.nav-cloud-jump>.nav-character{height:85%;bottom:15%;width:80%}