/* Shared discovery and privacy UI; game-specific styles stay in each game. */
/* Practical examples remain on the game page for immediate practice. */
.ba-practice{box-sizing:border-box;max-width:820px;margin:32px auto;padding:24px;color:var(--ink,#1b1f3b);font:16px/1.7 system-ui,sans-serif}
.ba-practice h2,.ba-practice h3{font-family:inherit;line-height:1.3}.ba-practice h2{font-size:26px}.ba-practice h3{font-size:20px;margin-top:26px}.ba-practice p{max-width:72ch}.ba-practice li+li{margin-top:10px}
.ba-guide-directory{display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0}.ba-guide-directory a,.ba-practice a{color:inherit}.ba-guide-directory a:focus-visible,.ba-practice a:focus-visible{outline:3px solid #3d5afe;outline-offset:3px}
.ba-discover,.ba-related,.ba-content{max-width:1000px;margin:32px auto;padding:24px;color:var(--ink,#1b1f3b);line-height:1.65;font-family:system-ui,sans-serif}
.ba-discover,.ba-related{background:var(--panel,var(--tile,#fff));border-radius:20px}
.ba-discover h2,.ba-related h2{margin:0 0 12px;font-size:22px}
.ba-links{display:flex;flex-wrap:wrap;gap:10px}.ba-links a{border:1px solid currentColor;border-radius:100px;padding:7px 14px;text-decoration:none}
.ba-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0}
.ba-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #8a99b8;border-radius:14px;text-decoration:none;color:inherit}.ba-card:hover{border-color:#3d5afe}.ba-card span{font-size:14px;line-height:1.5}
footer.ba-footer{display:block;max-width:1000px;margin:24px auto 0;padding:24px;clear:both;font:14px/1.6 system-ui,sans-serif;color:var(--ink,#1b1f3b)}
.ba-footer nav{display:flex;flex-wrap:wrap;gap:16px}.ba-footer button{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-decoration:underline;cursor:pointer}
.ba-privacy{max-width:480px;width:calc(100% - 32px);padding:24px;border:1px solid #8a99b8;border-radius:18px;background:#fff;color:#1b1f3b;font:16px/1.6 system-ui,sans-serif}.ba-privacy::backdrop{background:#10152d99}.ba-privacy h2{margin:0;font-size:22px}.ba-privacy-actions{display:flex;flex-wrap:wrap;gap:12px}.ba-privacy button{border:1px solid #1b1f3b;border-radius:8px;background:#fff;color:#1b1f3b;font:600 15px system-ui;padding:12px;cursor:pointer}.ba-privacy button:focus-visible,.ba-footer a:focus-visible,.ba-card:focus-visible{outline:3px solid #3d5afe;outline-offset:3px}
.ba-page{margin:0;background:#e8eeff;color:#1b1f3b;font-family:system-ui,sans-serif}.ba-page a{color:inherit}.ba-page-header{max-width:1000px;margin:auto;padding:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-weight:700}.ba-content{background:white;border-radius:20px}.ba-content h1{font-size:clamp(26px,5vw,38px);line-height:1.2}.ba-content h2{margin-top:28px}

.ba-guide{max-width:820px}.ba-guide p,.ba-guide li{max-width:72ch}.ba-guide li+li{margin-top:12px}.ba-guide-meta{font-size:14px;color:#5a6185}.ba-play-link{display:inline-block;background:#1b1f3b;color:#fff!important;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}.ba-table-wrap{overflow-x:auto}.ba-guide-table{width:100%;border-collapse:collapse;font-size:15px}.ba-guide-table th,.ba-guide-table td{padding:12px;text-align:left;border-bottom:1px solid #ccd4ea}.ba-guide-table caption{text-align:left;font-weight:700;padding:12px 0}.ba-guide code{font-size:.92em;background:#e8eeff;padding:2px 4px;border-radius:4px}

/* Crawlable navigation and user-initiated direct-link sharing. */
.ba-breadcrumb{max-width:1000px;margin:22px auto 0;padding:0 24px;font:14px/1.6 system-ui,sans-serif;color:var(--ink,#1b1f3b)}.ba-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.ba-breadcrumb li+li:before{content:"/";padding-right:6px;color:var(--muted,#5a6185)}.ba-breadcrumb a{color:inherit}.ba-share{max-width:1000px;box-sizing:border-box;margin:20px auto;padding:20px 24px;font:15px/1.6 system-ui,sans-serif;color:var(--ink,#1b1f3b);border-top:1px solid #a6b2ce}.ba-share h2{font-size:20px;margin:0}.ba-share p{margin:8px 0}.ba-share>div{display:flex;flex-wrap:wrap;gap:12px}.ba-share button{border:1px solid currentColor;border-radius:9px;padding:10px 16px;background:var(--panel,#fff);color:var(--ink,#1b1f3b);font:700 14px system-ui;min-height:44px;cursor:pointer}.ba-share button:focus-visible,.ba-breadcrumb a:focus-visible{outline:3px solid #3d5afe;outline-offset:3px}.ba-share button[hidden],.ba-share label[hidden]{display:none}.ba-share label{display:block;margin-top:12px}.ba-share input{display:block;box-sizing:border-box;width:100%;max-width:620px;padding:10px;font:14px system-ui;color:#1b1f3b;background:#fff;border:1px solid #8a99b8;border-radius:8px}