/* Shared public navigation/footer and anonymous feedback */
.bw-topbar{background:#fffaf5;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px clamp(14px,4vw,55px);border-bottom:1px solid #eee0fc;box-shadow:0 2px 13px #35215a10}
.bw-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.bw-brand img{width:155px;max-height:78px;object-fit:contain}
.bw-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.bw-nav a{font-size:14px;font-weight:750;padding:10px 11px;border-radius:15px;color:#35275c;text-decoration:none}.bw-nav a:hover,.bw-nav a:focus-visible{background:#efe4ff;color:#6335bc}
.bw-menu-button{display:none;background:#f1e5ff;color:#422483;border:0;border-radius:12px;font-size:27px;width:48px;height:48px;cursor:pointer}
.bw-footer{display:flex;flex-direction:column;gap:7px;text-align:center;padding:30px 15px!important;color:#503e71;background:#f1e8ff!important}.bw-footer p{margin:0}.bw-footer-brand{font-size:21px;font-weight:900}.bw-footer .bw-safety{font-size:14px;font-weight:750;color:#623a8b}
.bw-feedback-trigger{position:fixed;z-index:80;bottom:18px;right:18px;border:3px solid white;border-radius:30px;padding:13px 18px;color:white;background:#8655d6;box-shadow:0 6px 20px #4e23844d;font-weight:800;font-size:16px;cursor:pointer}
.bw-feedback-dialog{width:min(94vw,440px);max-height:90dvh;border:0;border-radius:24px;padding:0;box-shadow:0 18px 80px #21153765}.bw-feedback-dialog::backdrop{background:#1f11377d}.bw-feedback-form{position:relative;padding:28px;display:grid;gap:14px;background:#fffaf5;color:#272044}.bw-feedback-form h2{font-size:23px;margin:0}.bw-feedback-form p{margin:0;line-height:1.5}.bw-feedback-form label{display:grid;gap:7px;font-weight:750}.bw-feedback-form textarea,.bw-feedback-form select{width:100%;box-sizing:border-box;border:2px solid #dfc9ff;border-radius:12px;padding:12px;font:inherit;background:white;color:#31254c}.bw-feedback-submit{border:0;border-radius:15px;background:#8051d6;color:white;font-size:17px;padding:13px;font-weight:800;cursor:pointer}.bw-feedback-close{position:absolute;right:15px;top:13px;background:#f5dffb;border:0;border-radius:50%;width:36px;height:36px;font-size:26px;cursor:pointer}.bw-trap{position:absolute;left:-9999px;opacity:0}
.hero .hero-art .mascot-scene{display:flex;align-items:center;justify-content:center}.hero .hero-art .bw-hero-children{width:min(100%,620px);max-height:420px;object-fit:contain;filter:drop-shadow(0 10px 20px #5533a022)}
@media(max-width:1000px){.bw-menu-button{display:block}.bw-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffcff;padding:15px;box-shadow:0 10px 20px #43237525;flex-direction:column;align-items:stretch}.bw-nav.is-open{display:flex}.bw-nav a{padding:12px 15px;font-size:16px}.bw-brand img{width:130px}}
@media(max-width:480px){.bw-feedback-trigger{right:12px;bottom:12px;padding:12px 15px}.bw-brand img{width:124px}}

/* Feedback belongs to the footer, never floats over the lesson or game. */
.bw-footer{align-items:center}
.bw-footer .bw-feedback-trigger{position:static!important;inset:auto!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;margin:12px auto 0;transform:none!important;box-shadow:0 5px 12px #4e23842a}
/* Compact mobile breadcrumb/header; preserve the game's own touch-target sizes. */
@media(max-width:650px){
 .bw-topbar{padding:5px 12px;min-height:56px}
 .bw-brand img{width:108px;max-height:53px}
 .bw-menu-button{width:44px;height:44px}
 .detail-hero{padding:10px 14px 13px!important}
 .detail-hero .back{margin:0 0 5px;font-size:13px;line-height:1.3}
 .detail-hero .detail-icon{font-size:36px;line-height:1}
 .detail-hero h1{font-size:clamp(24px,7vw,32px);margin:3px 0!important;line-height:1.2}
 .detail-hero p{font-size:13px;line-height:1.4;max-width:37ch;margin:3px auto 0}
 .play-area{margin-top:12px}
}

/* Consistent 3-item navigation on all pages. */
.bw-nav{gap:12px}.bw-nav a{font-size:16px;padding:11px 18px;font-weight:800}
.bw-nav a[href="#feedback"]{background:#f0e4ff;color:#6035ac}
@media(max-width:1000px){.bw-nav{gap:0}.bw-nav a{font-size:17px}}