/* V30: one welcome scene and an illustration-first activity menu. */
.badi-home{background:var(--badi-paper)}
.badi-home main.welcome-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1080px;margin:auto;min-height:0;background:var(--badi-paper);padding:32px 24px 40px;gap:48px;align-items:center}
.welcome-art{position:relative;max-width:430px;width:100%;justify-self:center}.welcome-art>img{display:block;width:100%;height:auto;border-radius:28px}.welcome-music{position:absolute;top:14px;right:14px;min-height:44px;padding:10px 14px;background:#fffaf4ee;color:#302219;border:0;border-radius:24px;cursor:pointer;font-size:14px;font-weight:700}.welcome-copy{text-align:left}.welcome-copy h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.05;margin:0 0 28px}.welcome-start{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#ffb552;color:#38200c;border-radius:28px;padding:16px 26px;min-height:54px;text-decoration:none;font-size:18px;font-weight:700}
.badi-hub{background:var(--badi-paper)}.badi-hub .sections{max-width:1000px;padding:32px 24px 40px}.badi-hub .head{margin:0 0 28px}.badi-hub .head h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0}.badi-hub .grid{gap:24px;align-items:start}.badi-hub .card{display:block;min-height:0;border:0;border-radius:18px;background:transparent;box-shadow:none}.badi-hub .card .visual{height:auto;border-radius:18px;background:transparent}.badi-hub .card .visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.badi-hub .cardbody{padding:12px 2px 4px}.badi-hub .card h3{font-size:21px;margin:0}.badi-hub .fly .visual:after{display:none}.badi-hub .badi-passport-strip{margin:30px 0 0;flex-direction:row;align-items:center;background:#f7f1e8;border:0;padding:18px 20px}.badi-hub .badi-passport-strip a{min-height:44px}.badi-footer-compact{padding:18px 20px max(18px,env(safe-area-inset-bottom));font-size:12px}.badi-footer-compact>div{gap:0 18px}
@media(max-width:650px){.badi-home main.welcome-scene{display:flex;flex-direction:column;padding:14px 20px 28px;gap:20px;min-height:0}.welcome-art{max-width:270px;width:min(100%,calc((100svh - 265px)*.6667));min-width:170px}.welcome-art>img{border-radius:20px}.welcome-music{top:10px;right:10px;padding:8px 12px;font-size:12px}.welcome-copy{text-align:center;width:100%}.welcome-copy h1{font-size:30px;margin:0 0 16px}.welcome-start{width:100%;max-width:320px}.badi-hub .sections{padding:26px 16px 30px}.badi-hub .head{margin-bottom:22px}.badi-hub .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.badi-hub .card h3{font-size:18px}.badi-hub .cardbody{padding:10px 2px 2px}.badi-hub .badi-passport-strip{gap:12px;padding:16px}.badi-hub .badi-passport-strip strong{font-size:16px}.badi-hub .badi-passport-strip p,.badi-hub .badi-passport-strip a{font-size:12px}}
@media(max-width:360px){.badi-header{padding-left:16px;padding-right:16px}.badi-hub .card h3{font-size:16px}.badi-hub .badi-passport-strip{flex-wrap:wrap}}

.badi-hub .puzzle .visual:after{display:none}

/* V32: portrait game cover, matching the neighbouring activity cards. */
.badi-hub .card .trails-cover{aspect-ratio:2/3;position:relative;isolation:isolate;background:#41765c}
.badi-hub .card .trails-cover .trails-landscape{width:100%;height:100%;object-fit:cover;object-position:42% center;aspect-ratio:2/3}
.badi-hub .card .trails-cover::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#163b3540);z-index:1;pointer-events:none}
.badi-hub .card .trails-cover .trails-hero{position:absolute;z-index:2;bottom:-9%;left:2%;width:96%;height:82%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 9px #102b3970)}

/* V37: одинаковая высота обложек и подписей во всех рядах. */
.badi-hub .card .visual{aspect-ratio:2/3;height:auto;overflow:hidden}
.badi-hub .card .visual>img:not(.trails-hero){position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.badi-hub .card .visual>img[alt="BADI BO Comics"]{object-position:center}