/* Block Blast Online v6.0 — content runtime bundle. */
:root {
  --bg: #edf6ff;
  --surface: #ffffff;
  --surface-soft: #eef7ff;
  --text: #122b59;
  --muted: #60759a;
  --line: #d6e6f8;
  --brand: #168fe7;
  --brand-dark: #0d6fc4;
  --accent: #ffb51c;
  --success: #14c83d;
  --purple: #7d43e7;
  --navy: #10265a;
  --danger: #e54842;
  --radius: 20px;
  --shadow: 0 18px 46px rgba(31, 82, 153, .12);
  --shell: 1140px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
button,  input,  textarea,  select { font: inherit; }
button { color: inherit; }
.shell { width: min(calc(100% - 32px), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 9999; transform: translateY(-160%); background: #fff; padding: 10px 14px; border-radius: 10px; box-shadow: var(--shadow); }
.skip-link:focus { transform: none; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(216,224,234,.9); backdrop-filter: blur(16px); }
.site-header__inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand__link,  .footer-brand { text-decoration: none; font-weight: 850; letter-spacing: -.03em; }
.brand__link { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; }
.brand__mark { display: grid; grid-template-columns: repeat(2, 9px); grid-template-rows: repeat(2, 9px); gap: 3px; padding: 7px; border-radius: 9px; background: var(--text); }
.brand__mark i { display: block; background: #fff; border-radius: 2px; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { max-height: 42px; width: auto; }
.site-nav__list,  .footer-nav { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; }
.site-nav a,  .footer-nav a { text-decoration: none; font-weight: 700; color: #344054; }
.site-nav a:hover,  .site-nav a:focus,  .footer-nav a:hover,  .footer-nav a:focus { color: var(--brand); }
.nav-toggle { display: none; border: 0; background: transparent; align-items: center; gap: 9px; font-weight: 750; padding: 8px; }
.nav-toggle__bars { width: 20px; display: grid; gap: 4px; }
.nav-toggle__bars i { height: 2px; background: currentColor; border-radius: 9px; }
.eyebrow { margin: 0 0 6px; font-size: 13px; line-height: 1.3; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; color: var(--brand); }
h1, h2, h3 { margin-top: 0; letter-spacing: -.035em; line-height: 1.12; }
h1 { margin-bottom: 8px; font-size: clamp(34px, 6vw, 52px); }
h2 { font-size: clamp(27px, 4vw, 38px); margin-bottom: 14px; }
h3 { font-size: 21px; margin-bottom: 8px; }
.board-cell.is-filled { background: var(--brand); box-shadow: inset 0 -2px 0 rgba(0,0,0,.09); }
.game-piece__grid i.is-filled { background: var(--brand); box-shadow: inset 0 -2px 0 rgba(0,0,0,.1); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 12px; padding: 9px 16px; text-decoration: none; border: 1px solid transparent; cursor: pointer; font-weight: 800; }
.button--primary { background: var(--brand); color: #fff; }
.button--primary:hover { background: var(--brand-dark); }
.button--secondary { background: #fff; border-color: var(--line); }
.button--secondary:hover { border-color: #b7c2cf; }
.button--text { padding-inline: 6px; color: var(--brand); }
.section-copy p:not(.eyebrow) { color: var(--muted); font-size: 17px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px; }
.solver-banner .eyebrow { color: #91a6ff; }
.solver-banner p:not(.eyebrow) { color: #c8d0da; max-width: 700px; }
.solver-banner .button { flex: 0 0 auto; }
.game-dialog__panel > p:not(.eyebrow) { color: var(--muted); }
.content-main { padding: 52px 0 80px; min-height: 60vh; }
.content-layout { max-width: 1050px; }
.archive-header { max-width: 760px; margin-bottom: 30px; }
.archive-header h1,  .article__header h1 { font-size: clamp(34px, 5vw, 52px); }
.archive-description { color: var(--muted); }
.post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.post-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.post-card__media { display: block; aspect-ratio: 16/9; background: #e9edf3; overflow: hidden; }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.post-card__body { padding: 20px; }
.post-card__body h2 { font-size: 22px; }
.post-card__body h2 a { text-decoration: none; }
.post-card__body p { color: var(--muted); }
.post-card__meta { font-size: 13px; font-weight: 800; }
.text-link { color: var(--brand); text-decoration: none; font-weight: 800; }
.pagination { margin-top: 30px; }
.article-shell { max-width: 820px; }
.article { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: clamp(22px,5vw,48px); }
.article__header { margin-bottom: 28px; }
.article__lead { color: var(--muted); font-size: 19px; }
.article__meta { color: var(--muted); font-weight: 700; }
.entry-content { font-size: 17px; }
.entry-content h2 { margin-top: 2em; }
.entry-content h3 { margin-top: 1.7em; }
.entry-content p,  .entry-content li { color: #344054; }
.entry-content a { color: var(--brand); }
.solver-placeholder { padding: 54px; background: #fff; border: 1px solid var(--line); border-radius: 22px; text-align: center; }
.solver-placeholder p:not(.eyebrow) { color: var(--muted); max-width: 650px; margin-inline: auto; }
.site-footer { background: #121821; color: #fff; padding: 48px 0 24px; }
.site-footer p { color: #9faab8; max-width: 420px; }
.footer-nav { align-items: flex-start; flex-direction: column; gap: 8px; }
.footer-nav a { color: #d8dee7; }
.site-footer__bottom { margin-top: 36px; padding-top: 18px; border-top: 1px solid #2b3440; color: #84909e; display: flex; justify-content: space-between; gap: 20px; font-size: 13px; }
@media (max-width: 760px) {.shell { width: min(calc(100% - 24px), var(--shell)); }
.site-header__inner { min-height: 60px; }
.brand__link { font-size: 18px; }
.nav-toggle { display: inline-flex; }
.site-nav { position: absolute; left: 12px; right: 12px; top: calc(100% + 1px); display: none; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
.site-nav.is-open { display: block; }
.site-nav__list { display: block; }
.site-nav__list li + li { border-top: 1px solid var(--line); }
.site-nav__list a { display: block; padding: 12px; }
.game-toolbar .button { width: 100%; padding-inline: 8px; font-size: 14px; }
.post-grid{ grid-template-columns: 1fr; }
.solver-banner .button { width: 100%; }
.post-grid { gap: 12px; }
.article { padding: 22px 18px; border-radius: 16px; }
.solver-placeholder { padding: 34px 20px; }
.site-footer__bottom { flex-direction: column; }
}
@media (max-width: 420px) {.game-heading .eyebrow{ grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {* { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
.solver-board__cell.is-filled { background: var(--brand); box-shadow: inset 0 -2px 0 rgba(0,0,0,.09); }
.button:disabled { cursor: not-allowed; opacity: .48; }
.solver-shape-grid i.is-filled { background: var(--brand); box-shadow: inset 0 -1px 0 rgba(0,0,0,.12); }
.solver-result-head p:not(.eyebrow) { margin: 0; color: var(--muted); }
.solver-mini-board i.is-filled { background: #8795a8; }
@media (max-width: 760px) {.solver-hero__inner .button { width: 100%; }
.solver-result-head .button { width: 100%; }
}
@media (max-width: 480px) {.solver-board-toolbar .button { width: 100%; }
.solver-board-toolbar .button--text { grid-column: 1 / -1; }
}
.game-piece--ghost .game-piece__grid i.is-filled { box-shadow: inset 0 -2px 0 rgba(0,0,0,.09), 0 7px 12px rgba(39,69,199,.14); }
@keyframes bbo-cell-place {
  0% { transform: scale(.78); opacity: .45; }

  70% { transform: scale(1.05); opacity: 1; }

  100% { transform: scale(1); opacity: 1; }

}
@keyframes bbo-line-clear {
  0% { transform: scale(1); opacity: 1; }

  45% { transform: scale(.86); background: #b8c4ff; opacity: 1; }

  100% { transform: scale(.28); opacity: 0; }

}
@keyframes bbo-board-notice {
  0% { opacity: 0; transform: translate(-50%,-40%) scale(.9); }

  16%, 70% { opacity: 1; transform: translate(-50%,-50%) scale(1); }

  100% { opacity: 0; transform: translate(-50%,-56%) scale(.97); }

}
@keyframes bbo-best-pop {
  0%,100% { transform: scale(1); }

  45% { transform: scale(1.045); background: #fff7dd; border-color: #f8d877; }

}
.game-history-card__head .eyebrow { margin-bottom: 3px; }
.game-dialog__actions--share .button--text { border-color: transparent; }
@media (max-width: 560px) {.game-dialog__actions--share .button { min-height: 42px; padding-inline: 8px; font-size: 13px; }
}
@media (max-width: 620px) {.solver-screenshot-actions .button { width: 100%; }
.solver-screenshot-toolbar .button { width: 100%; }
.solver-screenshot-toolbar .button--text { grid-column: 1 / -1; }
}
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(56,88,233,.34);
  outline-offset: 3px;
}
.site-nav .current-menu-item > a, 
.site-nav .current_page_item > a, 
.site-nav a[aria-current="page"] { color: var(--brand); }
body.admin-bar .site-header { top: 32px; }
#bbo-game:fullscreen {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: auto;
  border: 0;
  border-radius: 0;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  background: var(--bg);
  box-shadow: none;
}
#bbo-game:fullscreen .board-wrap { max-width: min(68vh, 680px); }
#bbo-game:fullscreen .piece-area { max-width: 680px; margin-inline: auto; }
#bbo-game:fullscreen .game-toolbar, 
#bbo-game:fullscreen .game-mode-bar, 
#bbo-game:fullscreen .score-row, 
#bbo-game:fullscreen .challenge-target { width: min(100%, 680px); margin-inline: auto; }
#bbo-game:fullscreen .game-mode-bar { margin-bottom: 14px; }
.post-card { height: 100%; display: flex; flex-direction: column; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.post-card:hover { transform: translateY(-2px); border-color: #cbd4df; box-shadow: 0 12px 30px rgba(23,36,58,.07); }
.post-card__body { display: flex; flex: 1; flex-direction: column; }
.post-card__body h2 { margin-bottom: 8px; }
.post-card__body > p:not(.post-card__meta) { margin-top: 0; }
.post-card__body .text-link { margin-top: auto; }
.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: 7px; flex-wrap: wrap; }
.pagination .page-numbers { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; padding: 7px 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; text-decoration: none; font-weight: 800; }
.pagination .page-numbers.current { border-color: var(--brand); background: var(--brand); color: #fff; }
.empty-state { padding: 42px 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; text-align: center; }
.empty-state h2 { margin-bottom: 8px; }
.empty-state p { max-width: 600px; margin: 0 auto 20px; color: var(--muted); }
.empty-state__actions { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.article-nav > div { min-width: 0; }
.article-nav > div:last-child { text-align: right; }
.article-nav a { display: inline-block; max-width: 100%; color: #344054; font-weight: 800; text-decoration: none; }
.article-nav a:hover { color: var(--brand); }
.article-back { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; }
.entry-content img { border-radius: 14px; }
.entry-content blockquote { margin: 1.6em 0; padding: 14px 18px; border-left: 4px solid var(--brand); border-radius: 0 12px 12px 0; background: #f7f9fc; }
.entry-content blockquote > :first-child { margin-top: 0; }
.entry-content blockquote > :last-child { margin-bottom: 0; }
.entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.entry-content th,  .entry-content td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; }
.entry-content pre { max-width: 100%; overflow: auto; padding: 16px; border-radius: 12px; background: #121821; color: #f3f5f8; }
@media (min-width: 921px) {body.admin-bar .solver-panel--pieces { top: 120px; }
}
@media (max-width: 782px) {body.admin-bar .site-header { top: 46px; }
}
@media (max-width: 760px) {body.has-mobile-nav { overflow: hidden; }
.site-header__inner { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
.site-nav { max-height: min(70vh, 520px); overflow: auto; }
.site-nav__list a { min-height: 46px; display: flex; align-items: center; border-radius: 9px; }
.site-nav__list a:active { background: #f4f6fa; }
.article-nav { grid-template-columns: 1fr; }
.article-nav > div:last-child { text-align: left; }
.article-back { align-items: stretch; flex-direction: column; }
.article-back .button { width: 100%; }
.entry-content table { display: block; overflow-x: auto; white-space: nowrap; }
.site-footer { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) {.shell { width: min(calc(100% - 24px), var(--shell)); }
}
.game-piece--ghost.is-valid-drop .game-piece__grid i.is-filled {
  background: #4e6cf0;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.08), 0 7px 16px rgba(39,69,199,.18);
}
.game-piece--ghost.is-invalid-drop .game-piece__grid i.is-filled { background: #e77a73; }
.button.is-confirming{
  border-color: #f0b8b3 !important;
  background: #fff2f1 !important;
  color: #b42318 !important;
  box-shadow: none !important;
}
@keyframes bbo-score-gain {
  0% { opacity: 0; transform: translateY(5px) scale(.9); }

  18% { opacity: 1; transform: translateY(0) scale(1); }

  100% { opacity: 0; transform: translateY(-20px) scale(.96); }

}
@keyframes bbo-drop-reject {
  0%,100% { transform: translateX(0); }

  25% { transform: translateX(-3px); }

  55% { transform: translateX(3px); }

  80% { transform: translateX(-2px); }

}
@keyframes bbo-piece-refill {
  0% { opacity: 0; transform: translateY(8px) scale(.94); }

  100% { opacity: 1; transform: translateY(0) scale(1); }

}
@media (max-width: 560px) {.game-section .shell { width: min(calc(100% - 12px), var(--shell)); }
.game-heading .eyebrow { margin-bottom: 3px; font-size: 10px; letter-spacing: .07em; }
.game-toolbar .button { min-height: 40px; font-size: 12px; border-radius: 10px; }
}
@media (max-width: 350px) {.game-section .shell { width: min(calc(100% - 8px), var(--shell)); }
}
.breadcrumbs { margin: 0 0 20px; color: var(--muted); font-size: 13px; font-weight: 700; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; padding: 0; list-style: none; }
.breadcrumbs li { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.breadcrumbs a { color: #475467; text-decoration: none; }
.breadcrumbs a:hover { color: var(--brand); }
.breadcrumbs [aria-current="page"] { color: #667085; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: min(52vw, 480px); }
.solver-hero__breadcrumbs .breadcrumbs { margin-bottom: 12px; }
.guide-link-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.guide-link-card { min-width: 0; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 3px; align-items: start; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; text-decoration: none; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.guide-link-card:hover { transform: translateY(-2px); border-color: #c5cfda; box-shadow: 0 12px 30px rgba(23,36,58,.07); }
.guide-link-card > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eef1ff; color: var(--brand); font-size: 12px; font-weight: 900; }
.guide-link-card strong { font-size: 17px; line-height: 1.3; }
.guide-link-card small { color: var(--muted); font-size: 13px; line-height: 1.45; }
.post-grid--home .post-card__body h3, 
.post-grid--related .post-card__body h3 { margin-bottom: 8px; font-size: 20px; }
.post-card__body h3 a { text-decoration: none; }
.post-card__body h3 a:hover { color: var(--brand); }
.guide-main { background: #f5f8fc; }
.guide-shell { max-width: 960px; }
.guide-article { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 5vw, 52px); box-shadow: 0 16px 44px rgba(23,36,58,.06); }
.guide-hero { max-width: 800px; margin-bottom: 30px; }
.guide-hero h1 { font-size: clamp(36px, 6vw, 56px); }
.guide-lead { margin: 0; color: var(--muted); font-size: clamp(18px, 2.2vw, 21px); }
.guide-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.guide-summary { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; margin: 30px 0 42px; border: 1px solid var(--line); border-radius: 18px; background: #f8fafc; }
.guide-summary > div { display: flex; align-items: baseline; justify-content: center; gap: 7px; min-width: 0; padding: 17px 14px; border-right: 1px solid var(--line); }
.guide-summary > div:last-child { border-right: 0; }
.guide-summary strong { font-size: 22px; }
.guide-summary span { color: var(--muted); font-size: 13px; font-weight: 700; }
.guide-content { max-width: 760px; margin-inline: auto; }
.guide-content h2 { scroll-margin-top: 90px; }
.guide-content ol,  .guide-content ul { padding-left: 1.35em; }
.guide-table-wrap { overflow-x: auto; margin: 20px 0 10px; border: 1px solid var(--line); border-radius: 14px; }
.guide-table-wrap table { width: 100%; margin: 0; border-collapse: collapse; min-width: 430px; }
.guide-table-wrap th,  .guide-table-wrap td { padding: 12px 15px; border-bottom: 1px solid var(--line); text-align: left; }
.guide-table-wrap tbody tr:last-child td { border-bottom: 0; }
.guide-table-wrap th { background: #f7f9fc; }
.guide-note { padding: 13px 15px; border-radius: 12px; background: #f7f9fc; color: var(--muted) !important; font-size: 14px; }
.guide-custom-content { max-width: 760px; margin: 36px auto 0; padding-top: 32px; border-top: 1px solid var(--line); }
.guide-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 46px; padding: 26px; border-radius: 20px; background: #18202c; color: #fff; }
.guide-cta h2 { margin-bottom: 0; max-width: 620px; font-size: clamp(24px, 3vw, 31px); }
.guide-cta .eyebrow { color: #91a6ff; }
.guide-cta__actions { display: flex; flex: 0 0 auto; gap: 8px; }
.guide-cta .button--secondary { color: #fff; background: transparent; border-color: #46515f; }
.strategy-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 30px 0 46px; }
.strategy-grid article { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #f8fafc; }
.strategy-grid article > span { display: inline-block; margin-bottom: 18px; color: var(--brand); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.strategy-grid h2 { margin-bottom: 8px; font-size: 22px; }
.strategy-grid p { margin: 0; color: var(--muted); }
.guide-topic-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.guide-topic-links a { display: inline-flex; align-items: center; min-height: 38px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #344054; font-size: 13px; font-weight: 800; text-decoration: none; }
.guide-topic-links a:hover { border-color: #b9c5d2; color: var(--brand); }
.archive-header--guides { max-width: 820px; }
.related-guides { margin-top: 42px; }
.section-heading--compact { margin-bottom: 16px; }
.section-heading--compact h2 { margin-bottom: 0; font-size: clamp(24px, 3vw, 31px); }
.post-grid--related { grid-template-columns: repeat(3, 1fr); gap: 12px; }
.post-grid--related .post-card__body { padding: 16px; }
.post-grid--related .post-card__body > p:not(.post-card__meta) { display: none; }
.site-footer__legal a { color: #b9c2cd; text-decoration: none; }
.site-footer__legal a:hover { color: #fff; }
@supports (content-visibility: auto) {.related-guides { content-visibility: auto; contain-intrinsic-size: auto 560px; }
}
@media (max-width: 900px) {.guide-link-grid { grid-template-columns: 1fr; }
.guide-cta { align-items: flex-start; flex-direction: column; }
.guide-cta__actions { width: 100%; }
.guide-cta__actions .button { flex: 1; }
.post-grid--related { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {.site-header { background: #fff; backdrop-filter: none; }
.section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
.guide-article { margin-inline: -2px; padding: 24px 18px; border-radius: 18px; }
.guide-summary { grid-template-columns: repeat(3, 1fr); }
.guide-summary > div { display: grid; justify-items: center; gap: 0; padding: 12px 6px; text-align: center; }
.guide-summary strong { font-size: 19px; }
.guide-summary span { font-size: 11px; }
.strategy-grid { grid-template-columns: 1fr; }
.guide-hero__actions,  .guide-cta__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
.guide-hero__actions .button,  .guide-cta__actions .button { width: 100%; }
.breadcrumbs [aria-current="page"] { max-width: 56vw; }
}
.game-card--arcade .board-cell.is-filled, 
.game-card--arcade .game-piece__grid i.is-filled {
  --tile-light: #5fc4ff;
  --tile-main: #168fee;
  --tile-dark: #0870c8;
  border: 1px solid rgba(4,34,83,.25);
  background:
    linear-gradient(135deg,rgba(255,255,255,.42) 0 11%,transparent 12% 84%,rgba(0,0,0,.16) 85%),
    linear-gradient(225deg,rgba(255,255,255,.18) 0 10%,transparent 11% 84%,rgba(0,0,0,.18) 85%),
    linear-gradient(180deg,var(--tile-light) 0%,var(--tile-main) 48%,var(--tile-dark) 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.23),inset 0 -4px 0 rgba(0,0,0,.14),inset 3px 0 0 rgba(255,255,255,.06),0 1px 2px rgba(3,25,72,.22);
}
.game-card--arcade .piece-color-blue .game-piece__grid i.is-filled { --tile-light:#57c9ff; --tile-main:#1398ef; --tile-dark:#0876c8; }
.game-card--arcade .piece-color-green .game-piece__grid i.is-filled { --tile-light:#63f26c; --tile-main:#24d43d; --tile-dark:#10a929; }
.game-card--arcade .piece-color-yellow .game-piece__grid i.is-filled { --tile-light:#fff16a; --tile-main:#ffd51d; --tile-dark:#df9b00; }
.game-card--arcade .piece-color-red .game-piece__grid i.is-filled { --tile-light:#ff7471; --tile-main:#f84640; --tile-dark:#c52725; }
.game-card--arcade .piece-color-purple .game-piece__grid i.is-filled { --tile-light:#c86cff; --tile-main:#9941eb; --tile-dark:#6f24bd; }
.game-card--arcade .game-piece--ghost .game-piece__grid i.is-filled { border-radius: 7px; }
.game-piece--ghost .game-piece__grid i.is-filled { border: 1px solid rgba(4,34,83,.25); box-shadow: inset 0 2px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(0,0,0,.14),0 2px 4px rgba(3,25,72,.2); }
.piece-color-blue .game-piece__grid i.is-filled { --tile-light:#57c9ff; --tile-main:#1398ef; --tile-dark:#0876c8; }
.piece-color-green .game-piece__grid i.is-filled { --tile-light:#63f26c; --tile-main:#24d43d; --tile-dark:#10a929; }
.piece-color-yellow .game-piece__grid i.is-filled { --tile-light:#fff16a; --tile-main:#ffd51d; --tile-dark:#df9b00; }
.piece-color-red .game-piece__grid i.is-filled { --tile-light:#ff7471; --tile-main:#f84640; --tile-dark:#c52725; }
.piece-color-purple .game-piece__grid i.is-filled { --tile-light:#c86cff; --tile-main:#9941eb; --tile-dark:#6f24bd; }
.game-history-card__head .eyebrow { color: #176fe3; }
.game-dialog__panel .eyebrow { color: #dce9ff; }
.game-dialog__panel > p:not(.eyebrow) { color: #e7f1ff; }
.game-dialog__actions .button { border-color: rgba(255,255,255,.28); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.15); }
.game-dialog__actions .button--primary { background: linear-gradient(180deg,#18e33d,#08b52a); box-shadow: 0 3px 0 #087e20; }
.game-dialog__actions .button--secondary { background: linear-gradient(180deg,#3a89ec,#175ec9); box-shadow: 0 3px 0 #104899; }
.game-dialog__actions .button--text { background: rgba(35,57,138,.5); }
#bbo-game:fullscreen {
  overflow: auto;
  min-height: 100%;
  padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  border-radius: 0;
  background:
    radial-gradient(circle at 10% 18%,rgba(255,255,255,.65) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 14%,rgba(183,240,255,.65) 0 2px,transparent 3px),
    linear-gradient(160deg,#37b9fb 0%,#188fe9 38%,#2576e9 72%,#176ad7 100%);
}
#bbo-game:fullscreen .arcade-topbar, #bbo-game:fullscreen .arcade-hud { max-width: 760px; margin-inline: auto; }
#bbo-game:fullscreen .board-wrap--arcade { width: min(72vh,660px); }
#bbo-game:fullscreen .piece-area--arcade, #bbo-game:fullscreen .game-toolbar--arcade { max-width: 660px; margin-inline: auto; }
.home .site-header { background: rgba(8,13,25,.97); border-bottom-color: rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.home .brand__link, .home .site-nav a, .home .nav-toggle { color: #f8fbff; }
.home .site-nav a:hover, .home .site-nav a:focus { color: #8fdcff; }
.home .brand__mark { background: #f8fbff; }
.home .brand__mark i { background: #111a32; }
:root { --brand: #176fe3; --brand-dark: #0e56c2; }
.solver-board__cell.is-filled { border-color: #0869b7; background: linear-gradient(180deg,#57c9ff,#1398ef 48%,#0876c8); box-shadow: inset 0 2px 0 rgba(255,255,255,.24),inset 0 -4px 0 rgba(0,0,0,.13); }
@media (max-width: 760px) {.home .site-nav { background: #111a2f; border-color: #273653; }
.home .site-nav__list li + li { border-top-color: #273653; }
.home .site-nav a { color: #eef7ff; }
}
@media (max-width: 620px) {.game-heading--compact .eyebrow{ display: none; }
#bbo-game:fullscreen .arcade-hud { grid-template-columns: 108px 142px 108px; }
}
@media (max-width: 620px) {body.home .site-header { display: none; }
body.home .game-heading--compact {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
@keyframes bbo-score-bump {
  0% { transform: scale(1); }

  45% { transform: scale(1.075); }

  100% { transform: scale(1); }

}
@keyframes bbo-cell-place-arcade {
  0% { transform: scale(.72); opacity: .42; filter: brightness(1.18); }

  68% { transform: scale(1.055); opacity: 1; filter: brightness(1.08); }

  100% { transform: scale(1); opacity: 1; filter: brightness(1); }

}
@keyframes bbo-line-clear-arcade {
  0% { transform: scale(1); opacity: 1; filter: brightness(1); }

  38% { transform: scale(1.07); opacity: 1; filter: brightness(1.72) saturate(.75); }

  100% { transform: scale(.32); opacity: 0; filter: brightness(1.95) saturate(.55); }

}
:root {
  --bbo-piece-slot-pad-x: 6;
  --bbo-piece-slot-pad-y: 6;
  --bbo-piece-inner-gap: 3;
}
@media (max-width: 620px) {:root {
    --bbo-piece-slot-pad-x: 4;
    --bbo-piece-slot-pad-y: 4;
    --bbo-piece-inner-gap: 2.5;
  }
}
@media (max-width: 620px) {:root { --bbo-piece-slot-pad-x: 3; --bbo-piece-slot-pad-y: 3; --bbo-piece-inner-gap: 2; }
}
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(65,190,255,.18), transparent 32rem),
    radial-gradient(circle at 96% 12%, rgba(125,67,231,.10), transparent 28rem),
    var(--bg);
  color: var(--text);
}
h1, h2, h3 { color: var(--text); }
::selection { background: rgba(22,143,231,.22); color: var(--navy); }
.site-header {
  background: linear-gradient(180deg,rgba(18,42,96,.98),rgba(12,31,74,.98));
  border-bottom: 1px solid rgba(119,194,255,.22);
  box-shadow: 0 7px 24px rgba(5,29,72,.15);
  backdrop-filter: blur(16px);
}
.site-header__inner { min-height: 70px; }
.brand__link { color: #fff; font-size: 21px; text-shadow: 0 1px 0 rgba(0,0,0,.12); }
.brand__mark {
  padding: 6px;
  border: 2px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 5px 13px rgba(1,18,55,.24);
}
.brand__mark i { box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -2px 0 rgba(0,0,0,.12); }
.brand__mark i:nth-child(1) { background: linear-gradient(180deg,#61d2ff,#1598ef); }
.brand__mark i:nth-child(2) { background: linear-gradient(180deg,#69f276,#20cc3d); }
.brand__mark i:nth-child(3) { background: linear-gradient(180deg,#fff26c,#ffc51c); }
.brand__mark i:nth-child(4) { background: linear-gradient(180deg,#cb73ff,#8f3be2); }
.custom-logo { max-height: 44px; }
.site-nav__list { gap: 8px; }
.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 7px 12px;
  border-radius: 12px;
  color: #dcecff;
  font-size: 14px;
  transition: background .14s ease,color .14s ease,transform .14s ease;
}
.site-nav a:hover, .site-nav a:focus { background: rgba(255,255,255,.09); color: #fff; transform: translateY(-1px); }
.site-nav .current-menu-item > a, .site-nav .current_page_item > a { background: linear-gradient(180deg,#24d84b,#0fb332); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 3px 0 #087a22; }
.nav-toggle { color: #fff; border-radius: 12px; background: rgba(255,255,255,.07); }
.nav-toggle__bars i { background: #fff; }
.skip-link { background: #fff; color: var(--navy); }
.button {
  border-radius: 14px;
  transition: transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.button:hover { transform: translateY(-1px); }
.button--primary {
  border-color: #0b9828;
  background: linear-gradient(180deg,#25df4b,#0fb832);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,82,22,.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34),0 4px 0 #087c22,0 8px 18px rgba(11,133,43,.15);
}
.button--primary:hover { background: linear-gradient(180deg,#2ce653,#12c238); filter: brightness(1.01); }
.button--secondary {
  border-color: #c7ddf6;
  background: linear-gradient(180deg,#fff,#f0f7ff);
  color: #174a82;
  box-shadow: 0 4px 12px rgba(37,92,158,.08);
}
.button--secondary:hover { border-color: #8bbce8; background: #fff; }
.button--text, .text-link { color: #117bcf; }
.text-link:hover { color: #0d5da2; }
.eyebrow { color: #147fd1; }
.section-heading h2 { color: #102d61; }
.section-copy p:not(.eyebrow) { color: var(--muted); }
.solver-banner .eyebrow { color: #d9f3ff; }
.solver-banner p:not(.eyebrow) { color: #e0efff; }
.guide-link-card {
  border-color: #d2e5f8;
  background: linear-gradient(180deg,#fff,#f5faff);
  box-shadow: 0 10px 24px rgba(28,84,151,.07);
}
.guide-link-card:hover { border-color:#86bcea; box-shadow:0 16px 32px rgba(27,86,154,.12); }
.guide-link-card > span { background:linear-gradient(180deg,#50c8ff,#178fe5); color:#fff; box-shadow:0 3px 0 #0f6fb9; }
.guide-link-card:nth-child(2) > span { background:linear-gradient(180deg,#68ef76,#1dcc3d); box-shadow:0 3px 0 #0a9228; }
.guide-link-card:nth-child(3) > span { background:linear-gradient(180deg,#ca72ff,#8c3be0); box-shadow:0 3px 0 #6024ac; }
.content-main {
  background:
    radial-gradient(circle at 8% 6%,rgba(69,187,255,.10),transparent 26rem),
    linear-gradient(180deg,#edf6ff,#f7fbff 48%,#eef6ff);
}
.breadcrumbs { color:#6e83a5; }
.breadcrumbs a { color:#315f91; }
.archive-header {
  position: relative;
  overflow: hidden;
  max-width: none;
  margin-bottom: 28px;
  padding: clamp(26px,4vw,42px);
  border: 1px solid #244b91;
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 14%,rgba(77,199,255,.26),transparent 16rem),
    linear-gradient(145deg,#173b7d,#10265a 62%,#19376f);
  box-shadow:0 20px 46px rgba(19,60,124,.17),inset 0 1px 0 rgba(255,255,255,.11);
}
.archive-header::after { content:""; position:absolute; width:170px; height:170px; right:-70px; bottom:-100px; border-radius:36px; transform:rotate(20deg); background:linear-gradient(145deg,rgba(46,181,255,.16),rgba(125,67,231,.15)); }
.archive-header h1 { color:#fff; max-width:850px; }
.archive-header .eyebrow { color:#7edcff; }
.archive-description, .archive-header .archive-description p { color:#cfe4fb; max-width:780px; }
.guide-topic-links a {
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  color:#e9f5ff;
}
.guide-topic-links a:hover { border-color:#7ed7ff; background:rgba(255,255,255,.13); color:#fff; }
.post-card {
  border-color:#d2e3f6;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(26,80,145,.08);
}
.post-card:hover { transform:translateY(-4px); border-color:#8abbea; box-shadow:0 18px 38px rgba(27,84,151,.14); }
.post-card__media { background:linear-gradient(145deg,#dff3ff,#dfe6ff); }
.post-card__body { padding:21px; }
.post-card__body h2, .post-card__body h3 { color:#15366a; }
.post-card__body h2 a:hover, .post-card__body h3 a:hover { color:#1178c9; }
.post-card__meta {
  width:max-content;
  margin-bottom:9px;
  padding:3px 8px;
  border-radius:999px;
  background:#eaf5ff;
  color:#3071ad!important;
  font-size:11px;
}
.post-card__body p { color:#657a9c; }
.pagination .page-numbers { border-color:#cce0f5; border-radius:12px; color:#315f91; box-shadow:0 5px 13px rgba(30,83,144,.05); }
.pagination .page-numbers.current { border-color:#116fb9; background:linear-gradient(180deg,#2bb4fa,#168fe7); box-shadow:0 3px 0 #0d6bb4; }
.empty-state, .solver-placeholder {
  border-color:#d2e4f7;
  background:linear-gradient(180deg,#fff,#f6fbff);
  box-shadow:0 14px 32px rgba(31,84,149,.08);
}
.guide-main { background:linear-gradient(180deg,#edf6ff,#f8fbff 40%,#eef6ff); }
.guide-article {
  border-color:#d2e4f6;
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 48px rgba(29,81,145,.10);
}
.guide-hero {
  max-width:none;
  padding:clamp(24px,4vw,36px);
  border:1px solid #2b5599;
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 12%,rgba(72,198,255,.28),transparent 14rem),
    linear-gradient(145deg,#173b7c,#10265a 68%,#1c3d78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.guide-hero h1 { color:#fff; }
.guide-hero .eyebrow { color:#77d9ff; }
.guide-lead { color:#d5e9fb; }
.guide-hero .button--secondary { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.10); color:#fff; box-shadow:none; }
.guide-summary {
  border-color:#cde1f5;
  background:linear-gradient(180deg,#f7fbff,#ecf6ff);
  box-shadow:0 8px 18px rgba(33,89,154,.05);
}
.guide-summary > div { border-color:#d6e6f5; }
.guide-summary strong { color:#116fbc; }
.guide-content h2, .entry-content h2 { color:#14366b; }
.guide-content h2 { position:relative; padding-left:14px; }
.guide-content h2::before { content:""; position:absolute; left:0; top:.06em; width:5px; height:1.05em; border-radius:99px; background:linear-gradient(180deg,#30b8ff,#167fe0); }
.entry-content p, .entry-content li { color:#405878; }
.entry-content blockquote { border-left-color:#168fe7; background:#eef7ff; color:#294e78; }
.guide-table-wrap { border-color:#cde0f3; }
.guide-table-wrap th { background:#15376e; color:#fff; }
.guide-table-wrap th, .guide-table-wrap td { border-color:#d8e6f5; }
.guide-note { background:#eaf6ff; color:#4b6787!important; }
.guide-cta {
  border:1px solid #2677d2;
  background:linear-gradient(145deg,#1b9cf1,#2479e5 48%,#6847de);
  box-shadow:0 16px 35px rgba(34,96,188,.18),inset 0 1px 0 rgba(255,255,255,.20);
}
.guide-cta h2 { color:#fff; }
.guide-cta .eyebrow { color:#d9f3ff; }
.guide-cta .button--secondary { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.10); color:#fff; }
.strategy-grid article {
  border-color:#d3e5f7;
  background:linear-gradient(180deg,#fff,#f5faff);
  box-shadow:0 9px 22px rgba(31,84,150,.06);
}
.strategy-grid article > span { color:#1680cf; }
.article {
  border-color:#d2e4f6;
  border-radius:26px;
  box-shadow:0 18px 44px rgba(28,80,145,.10);
}
.article__header {
  margin:-12px -12px 30px;
  padding:clamp(24px,4vw,34px);
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 12%,rgba(77,202,255,.23),transparent 12rem),
    linear-gradient(145deg,#173b7c,#10265a);
}
.article__header h1 { color:#fff; }
.article__header .eyebrow, .article__meta { color:#78d9ff; }
.article__lead { color:#d4e7fa; }
.article-nav a { color:#285b8e; }
.article-nav > div { padding:12px 14px; border:1px solid #d2e3f5; border-radius:14px; background:rgba(255,255,255,.72); }
.article-back { padding-top:16px; border-top:1px solid #d8e6f5; }
.solver-hero .eyebrow { color:#7ddcff; }
.solver-hero .breadcrumbs, .solver-hero .breadcrumbs a, .solver-hero .breadcrumbs [aria-current="page"] { color:#bcd8f5; }
.solver-shape-grid i.is-filled { background:linear-gradient(180deg,#57c9ff,#1398ef 52%,#0876c8); }
.site-footer {
  position:relative;
  overflow:hidden;
  padding-top:54px;
  background:
    radial-gradient(circle at 10% 8%,rgba(40,168,255,.14),transparent 24rem),
    linear-gradient(160deg,#10265a,#091a40 70%);
  color:#fff;
}
.site-footer::after { content:""; position:absolute; right:-110px; top:-120px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(116,75,232,.17),transparent 68%); pointer-events:none; }
.footer-brand { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:22px; }
.footer-brand__mark { display:grid; grid-template-columns:repeat(2,8px); gap:3px; padding:6px; border-radius:9px; background:rgba(255,255,255,.08); }
.footer-brand__mark i { width:8px; height:8px; border-radius:2px; box-shadow:inset 0 1px 0 rgba(255,255,255,.3); }
.footer-brand__mark i:nth-child(1){background:#25baff}
.footer-brand__mark i:nth-child(2){background:#24d848}
.footer-brand__mark i:nth-child(3){background:#ffc51c}
.footer-brand__mark i:nth-child(4){background:#a94ff0}
.site-footer p { color:#adc6e5; }
.footer-nav { gap:10px 18px; flex-wrap:wrap; }
.footer-nav a { color:#cce0f7; }
.footer-nav a:hover { color:#fff; }
.site-footer__bottom { border-color:rgba(177,211,245,.14); color:#7896bb; }
.site-footer__legal a { color:#b7d2ef; }
@media (max-width: 760px) {.site-header { background:linear-gradient(180deg,#112a60,#0c214f); }
.site-nav { border-color:#284d86!important; background:#10265a!important; box-shadow:0 18px 38px rgba(3,22,58,.28); }
.site-nav__list { gap:0; }
.site-nav a { min-height:46px; border-radius:0; color:#d9ebff!important; }
.site-nav a:hover, .site-nav a:focus { background:rgba(255,255,255,.07); color:#fff!important; transform:none; }
.site-nav .current-menu-item > a, .site-nav .current_page_item > a { margin:5px; border-radius:10px; background:linear-gradient(180deg,#25dc4a,#10b933); }
.section-heading { gap:12px; align-items:flex-start; }
.archive-header { padding:25px 20px; border-radius:22px; }
.guide-article { padding:16px; border-radius:22px; }
.guide-hero { padding:22px 18px; border-radius:18px; }
.article { padding:16px; border-radius:22px; }
.article__header { margin:-4px -4px 26px; padding:22px 18px; }
}
@media (max-width: 540px) {.shell { width:min(calc(100% - 24px),var(--shell)); }
.guide-link-card { padding:17px; }
.post-card__body { padding:18px; }
.archive-header h1 { font-size:clamp(30px,10vw,42px); }
.guide-hero h1 { font-size:clamp(32px,10vw,46px); }
.site-footer { padding-top:44px; }
}
#bbo-game.is-focus-fullscreen {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100vw !important;
  width: 100dvw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: max(10px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 10% 18%,rgba(255,255,255,.65) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 14%,rgba(183,240,255,.65) 0 2px,transparent 3px),
    linear-gradient(160deg,#37b9fb 0%,#188fe9 38%,#2576e9 72%,#176ad7 100%) !important;
}
#bbo-game.is-focus-fullscreen .arcade-topbar, 
#bbo-game.is-focus-fullscreen .arcade-hud {
  width: min(100%,760px);
  margin-inline: auto;
}
#bbo-game.is-focus-fullscreen .board-wrap--arcade {
  width: min(72vh,660px);
  width: min(72dvh,660px);
  max-width: 100%;
}
#bbo-game.is-focus-fullscreen .piece-area--arcade, 
#bbo-game.is-focus-fullscreen .game-toolbar--arcade, 
#bbo-game.is-focus-fullscreen .challenge-target {
  width: min(100%,660px);
  margin-inline: auto;
}
#bbo-game.is-focus-fullscreen .game-status { width: min(100%,660px); margin-inline:auto; }
@media (max-width:620px) {#bbo-game.is-focus-fullscreen {
    padding-top: max(7px,env(safe-area-inset-top)) !important;
    padding-bottom: max(7px,env(safe-area-inset-bottom)) !important;
  }
#bbo-game.is-focus-fullscreen .arcade-topbar { min-height: 40px; }
#bbo-game.is-focus-fullscreen .arcade-hud { margin-bottom: 2px; }
#bbo-game.is-focus-fullscreen .board-wrap--arcade {
    width: min(92vw,calc(100dvh - 300px),620px);
    min-width: min(82vw,330px);
  }
#bbo-game.is-focus-fullscreen .piece-area--arcade { min-height: 88px; padding-top: 4px; }
#bbo-game.is-focus-fullscreen .game-toolbar--arcade { margin-top: 0; }
}
.nav-toggle, 
.site-nav a, 
.button:not(.button--small){
  min-height: 44px;
}
.button:disabled{
  pointer-events: none;
}
@keyframes bbo-place-ring {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.28); }

  22% { opacity: .85; }

  100% { opacity: 0; transform: translate(-50%,-50%) scale(1.65); }

}
@keyframes bbo-place-spark {
  0% { opacity: 0; transform: translate3d(0,0,0) scale(.45) rotate(0); }

  22% { opacity: .95; }

  100% { opacity: 0; transform: translate3d(var(--fx-x,0),var(--fx-y,-20px),0) scale(.12) rotate(95deg); }

}
@keyframes bbo-clear-particle {
  0% { opacity: 0; transform: translate3d(0,0,0) scale(.55) rotate(0); }

  15% { opacity: 1; }

  100% { opacity: 0; transform: translate3d(var(--fx-x,0),var(--fx-y,-28px),0) scale(.15) rotate(var(--fx-rot,90deg)); }

}
@keyframes bbo-clear-wave {
  0% { opacity: 0; transform: scale(.78); }

  30% { opacity: .9; }

  100% { opacity: 0; transform: scale(1.08); }

}
@keyframes bbo-board-clear-frame {
  0%,100% { filter: brightness(1); transform: translateZ(0) scale(1); }

  42% { filter: brightness(1.08); transform: translateZ(0) scale(1.004); }

}
@keyframes bbo-tray-shine {
  0% { left:-34%; opacity:0; }

  18% { opacity:.8; }

  100% { left:112%; opacity:0; }

}
@keyframes bbo-best-celebrate {
  0%,100% { filter:brightness(1); }

  40% { filter:brightness(1.18); }

}
@keyframes bbo-best-shine {
  from { transform:translateX(-75%) rotate(4deg); opacity:0; }

  18% { opacity:1; }

  to { transform:translateX(75%) rotate(4deg); opacity:0; }

}
@keyframes bbo-board-game-over {
  0% { filter:brightness(1) saturate(1); transform:scale(1); }

  38% { filter:brightness(.88) saturate(.8); transform:scale(.995); }

  100% { filter:brightness(.92) saturate(.84); transform:scale(1); }

}
@keyframes bbo-game-over-vignette {
  from { opacity:0; }

  to { opacity:1; }

}
.game-card--arcade .board-cell.is-filled, 
.game-card--arcade .game-piece__grid i.is-filled, 
.game-piece--ghost .game-piece__grid i.is-filled {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb,var(--tile-dark,#0876c8) 72%,#071d48 28%);
  background:
    linear-gradient(145deg,rgba(255,255,255,.50) 0 8%,rgba(255,255,255,.13) 9% 18%,transparent 19% 80%,rgba(0,0,0,.18) 81% 100%),
    linear-gradient(180deg,var(--tile-light) 0%,var(--tile-main) 43%,var(--tile-main) 62%,var(--tile-dark) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.34),
    inset 2px 0 0 rgba(255,255,255,.08),
    inset 0 -4px 0 rgba(0,0,0,.16),
    inset -2px 0 0 rgba(0,0,0,.06),
    0 2px 3px rgba(3,20,55,.28);
}
.game-card--arcade .board-cell.is-filled::before, 
.game-card--arcade .game-piece__grid i.is-filled::before, 
.game-piece--ghost .game-piece__grid i.is-filled::before {
  content:"";
  position:absolute;
  left:12%; right:12%; top:8%; height:22%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));
  pointer-events:none;
}
.game-card--arcade .board-cell.is-filled::after, 
.game-card--arcade .game-piece__grid i.is-filled::after, 
.game-piece--ghost .game-piece__grid i.is-filled::after {
  content:"";
  position:absolute;
  inset:auto 10% 6% 10%;
  height:14%;
  border-radius:999px;
  background:rgba(0,0,0,.09);
  filter:blur(.5px);
  pointer-events:none;
}
@keyframes bbo-board-score-pop {
  0% { opacity:0; transform:translate(-50%,-42%) scale(.72); }

  18% { opacity:1; transform:translate(-50%,-52%) scale(1.08); }

  36% { transform:translate(-50%,-56%) scale(1); }

  82% { opacity:1; }

  100% { opacity:0; transform:translate(-50%,-92%) scale(.94); }

}
@keyframes bbo-card-placement-impact {
  0%,100% { box-shadow:0 26px 70px rgba(23,84,171,.24),inset 0 1px 0 rgba(255,255,255,.42); }

  46% { box-shadow:0 26px 70px rgba(23,84,171,.24),0 0 19px rgba(94,213,255,.20),inset 0 1px 0 rgba(255,255,255,.48); }

}
@keyframes bbo-card-clear-impact {
  0%,100% { box-shadow:0 26px 70px rgba(23,84,171,.24),inset 0 1px 0 rgba(255,255,255,.42); }

  38% { box-shadow:0 26px 70px rgba(23,84,171,.24),0 0 28px rgba(124,225,255,.32),inset 0 1px 0 rgba(255,255,255,.52); }

}
@media (max-width: 620px) {body.home .shell.game-shell {
    width: 100%;
    padding-inline: 0;
  }
}
:root {
  --bg: #f2f4f7;
  --surface: #ffffff;
  --surface-soft: #f7f9fc;
  --text: #162033;
  --muted: #66758b;
  --line: #dce3ec;
  --brand: #1478d4;
  --brand-dark: #0d5da8;
  --accent: #f3b31d;
  --success: #20bf55;
  --purple: #7257d9;
  --navy: #0d1c38;
  --danger: #dc4b46;
  --radius: 12px;
  --shadow: 0 6px 18px rgba(24, 39, 65, .07);
}
body {
  background: var(--bg);
  color: var(--text);
  font-size: 16px;
  line-height: 1.62;
}
h1, h2, h3 { color: var(--text); letter-spacing: -.025em; }
::selection { background: #cce8ff; color: #10213f; }
.site-header {
  background: #0d1c38;
  border-bottom: 1px solid #223253;
  box-shadow: none;
  backdrop-filter: none;
}
.site-header__inner { min-height: 62px; }
.brand__link { color: #fff; font-size: 20px; text-shadow: none; }
.brand__mark {
  padding: 5px;
  border: 0;
  border-radius: 7px;
  background: #182b50;
  box-shadow: none;
}
.brand__mark i { border-radius: 1px; box-shadow: none; }
.brand__mark i:nth-child(1) { background: #36a9f4; }
.brand__mark i:nth-child(2) { background: #28c85b; }
.brand__mark i:nth-child(3) { background: #f2bd2a; }
.brand__mark i:nth-child(4) { background: #8a66dc; }
.custom-logo { max-height: 40px; }
.site-nav__list { gap: 4px; }
.site-nav a {
  min-height: 38px;
  padding: 7px 10px;
  border-radius: 6px;
  color: #cbd6e7;
  font-size: 14px;
  font-weight: 700;
  transition: color .12s ease, background .12s ease;
}
.site-nav a:hover, .site-nav a:focus {
  color: #fff;
  background: #172a4d;
  transform: none;
}
.site-nav .current-menu-item > a, .site-nav .current_page_item > a {
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -2px 0 #42aef5;
}
.nav-toggle { color:#fff; border-radius:7px; background:#172a4d; }
.button {
  min-height: 42px;
  padding: 9px 15px;
  border-radius: 9px;
  font-weight: 750;
  box-shadow: none;
  transition: background .12s ease,border-color .12s ease,color .12s ease;
}
.button:hover { transform:none; }
.button--primary {
  border-color: #168644;
  background: #1eb957;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
}
.button--primary:hover { background:#169e49; filter:none; }
.button--secondary {
  border-color: #cfd9e5;
  background: #fff;
  color: #24415f;
  box-shadow: none;
}
.button--secondary:hover { border-color:#9fb1c6; background:#f8fafc; }
.button--text, .text-link { color:#126ebc; }
.eyebrow {
  margin-bottom: 7px;
  color: #126ebc;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .075em;
}
.section-heading { margin-bottom: 22px; }
.section-heading h2 { color: var(--text); }
.solver-banner .eyebrow { color:#69bced; }
.solver-banner p:not(.eyebrow) { color:#bdc9da; }
.guide-link-card {
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.guide-link-card:hover { border-color:#9eb5cb; box-shadow:none; }
.guide-link-card > span, 
.guide-link-card:nth-child(2) > span, 
.guide-link-card:nth-child(3) > span {
  background:#e8f3fc;
  color:#126db7;
  box-shadow:none;
}
.game-history-card__head .eyebrow { color:#126ebc; }
.content-main {
  background:#f2f4f7;
}
.breadcrumbs { color:#758397; }
.breadcrumbs a { color:#3a6288; }
.archive-header {
  overflow:hidden;
  margin-bottom:24px;
  padding:30px 32px;
  border:0;
  border-left:5px solid #2d9fe8;
  border-radius:10px;
  background:#101f3b;
  box-shadow:none;
}
.archive-header::after { display:none; }
.archive-header .eyebrow { color:#6ec6f5; }
.archive-description, .archive-header .archive-description p { color:#bdc9da; }
.guide-topic-links a {
  border-color:#3a4b66;
  border-radius:6px;
  background:#172946;
  color:#d6deeb;
}
.guide-topic-links a:hover { border-color:#5f7ca0; background:#1d3153; }
.post-card {
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  transition:border-color .12s ease;
}
.post-card:hover { transform:none; border-color:#9fb2c8; box-shadow:none; }
.post-card__media { background:#e7ecf1; }
.post-card__body { padding:18px; }
.post-card__body h2, .post-card__body h3 { color:#18273d; }
.post-card__body h2 a:hover, .post-card__body h3 a:hover { color:#126ebc; }
.post-card__meta {
  width:auto;
  margin-bottom:8px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#78879a!important;
  font-size:12px;
}
.post-card__body p { color:#68778c; }
.pagination .page-numbers {
  border-color:#d1dbe6;
  border-radius:6px;
  box-shadow:none;
}
.pagination .page-numbers.current {
  border-color:#126ebc;
  background:#126ebc;
  box-shadow:none;
}
.empty-state, .solver-placeholder {
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.guide-main { background:#f2f4f7; }
.guide-article {
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
.guide-hero {
  padding:28px 30px;
  border:0;
  border-left:5px solid #2d9fe8;
  border-radius:9px;
  background:#101f3b;
  box-shadow:none;
}
.guide-hero .eyebrow { color:#6ec6f5; }
.guide-lead { color:#c1ccdb; }
.guide-hero .button--secondary {
  border-color:#43536b;
  border-radius:7px;
  background:#182b48;
  color:#fff;
}
.guide-summary {
  border:1px solid #dde5ed;
  border-radius:8px;
  background:#f7f9fb;
  box-shadow:none;
}
.guide-summary > div { border-color:#e0e6ec; }
.guide-summary strong { color:#126ebc; }
.guide-content h2, .entry-content h2 { color:#17283d; }
.guide-content h2 { padding-left:0; }
.guide-content h2::before { display:none; }
.entry-content p, .entry-content li { color:#40526a; }
.entry-content blockquote { background:#f3f6f9; border-left-color:#126ebc; }
.guide-table-wrap { border-color:#d5dee8; border-radius:7px; }
.guide-table-wrap th { background:#172941; }
.guide-note { background:#f1f6fa; }
.guide-cta {
  border:0;
  border-radius:10px;
  background:#101f3b;
  box-shadow:none;
}
.guide-cta .eyebrow { color:#6ec6f5; }
.guide-cta .button--secondary { border-color:#43536b; background:#182b48; }
.strategy-grid article {
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}
.article {
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
.article__header {
  margin:-12px -12px 28px;
  padding:28px 30px;
  border-radius:9px 9px 0 0;
  background:#101f3b;
}
.article__header .eyebrow, .article__meta { color:#6ec6f5; }
.article__lead { color:#c1ccdb; }
.article-nav > div {
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8fafc;
}
.solver-hero .eyebrow { color:#6ec6f5; }
.site-footer {
  padding-top:44px;
  background:#0b162a;
  color:#fff;
}
.site-footer::after { display:none; }
.footer-brand { font-size:20px; }
.footer-brand__mark { border-radius:6px; background:#172947; }
.footer-brand__mark i { border-radius:1px; box-shadow:none; }
.site-footer p { color:#a8b7ca; }
.footer-nav { gap:8px 18px; }
.footer-nav a { color:#b9c7d8; font-weight:650; }
.site-footer__bottom { border-color:#24334b; color:#75869d; }
.site-footer__legal a { color:#aab9ca; }
@media (max-width:760px) {.site-header { background:#0d1c38; }
.site-nav {
    left:10px;
    right:10px;
    padding:5px;
    border:1px solid #263959!important;
    border-radius:8px;
    background:#0f203d!important;
    box-shadow:0 10px 26px rgba(4,11,24,.22);
  }
.site-nav__list li + li { border-color:#243650; }
.site-nav a { min-height:44px; border-radius:5px; }
.site-nav .current-menu-item > a, .site-nav .current_page_item > a {
    margin:0;
    border-radius:5px;
    background:#172d51;
    box-shadow:inset 3px 0 0 #42aef5;
  }
.archive-header { padding:24px 18px; border-radius:8px; }
.guide-article { padding:14px; border-radius:10px; }
.guide-hero { padding:22px 18px; border-radius:7px; }
.article { padding:14px; border-radius:10px; }
.article__header { margin:-3px -3px 24px; padding:22px 18px; border-radius:7px 7px 0 0; }
.site-footer { padding-top:38px; }
}
@media (max-width:540px) {.post-card__body { padding:16px; }
}
:root {
  --home-shell: var(--shell);
  --home-frame-radius: 10px;
  --home-frame-border: #dce3eb;
}

.home-main > .home-section > .shell {
  width: min(calc(100% - 32px), var(--home-shell));
  max-width: var(--home-shell);
  margin-inline: auto;
}

.home-main .guide-link-grid{
  width: 100%;
}

.home-main .guide-link-card, 
.home-main .post-grid--home .post-card {
  border-radius: var(--home-frame-radius);
}

.home-main .guide-link-card, 
.home-main .post-grid--home .post-card {
  border-color: var(--home-frame-border);
}
.home-main .section-heading { margin-bottom: 18px; }

.home-main .guide-link-grid{ gap: 12px; }
@media (max-width: 760px) {.home-main > .home-section > .shell {
    width: min(calc(100% - 24px), var(--home-shell));
  }
.home-main .section-heading { margin-bottom: 16px; }
}
@media (max-width: 540px) {.home-main > .home-section > .shell { width: calc(100% - 24px); }
.home-main .guide-link-grid{ gap: 9px; }
}
:root {
  --site-content-rail: var(--shell);
  --site-frame-radius: 10px;
  --site-frame-border: #dce3eb;
  --site-page-bg: #f2f4f7;
  --site-dark-panel: #101f3b;
  --site-dark-panel-border: #2d9fe8;
}
.content-main:not(.home-main), 
.guide-main{
  background: var(--site-page-bg);
}
.content-main:not(.home-main) {
  padding: 32px 0 64px;
}
.content-layout, 
.article-shell, 
.guide-shell, 
.solver-hero > .shell, 
.solver-workspace-section > .shell, 
.solver-info-section > .shell, 
.solver-related-section > .shell, 
.solver-main > .home-section > .shell {
  width: min(calc(100% - 32px), var(--site-content-rail));
  max-width: var(--site-content-rail);
  margin-inline: auto;
}
.content-main:not(.home-main) .breadcrumbs, 
.solver-main .breadcrumbs {
  margin: 0 0 16px;
  font-size: 12px;
}
.archive-header, 
.archive-header--guides {
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  padding: 24px 26px;
  border: 1px solid #243757;
  border-left: 5px solid var(--site-dark-panel-border);
  border-radius: var(--site-frame-radius);
  background: var(--site-dark-panel);
}
.archive-header h1 {
  margin-bottom: 8px;
  font-size: clamp(30px, 4.5vw, 42px);
  line-height: 1.08;
}
.archive-description, 
.archive-header .archive-description p {
  margin-bottom: 0;
  max-width: 720px;
}
.guide-topic-links {
  margin-top: 16px;
}
.guide-topic-links a {
  min-height: 34px;
  padding: 5px 10px;
  border-radius: 6px;
}
.content-layout .post-grid {
  gap: 12px;
}
.content-layout .post-card, 
.post-grid--related .post-card, 
.empty-state, 
.solver-placeholder {
  border-color: var(--site-frame-border);
  border-radius: var(--site-frame-radius);
}
.content-layout .post-card__body, 
.post-grid--related .post-card__body {
  padding: 16px;
}
.pagination {
  margin-top: 24px;
}
.article-shell {
  max-width: var(--site-content-rail);
}
.article {
  width: 100%;
  padding: 18px 22px 28px;
  border-color: var(--site-frame-border);
  border-radius: var(--site-frame-radius);
}
.article__header {
  margin: -18px -22px 26px;
  padding: 24px 26px;
  border-left: 5px solid var(--site-dark-panel-border);
  border-radius: var(--site-frame-radius) var(--site-frame-radius) 0 0;
  background: var(--site-dark-panel);
}
.article__header h1 {
  margin-bottom: 0;
  font-size: clamp(30px, 4.5vw, 42px);
  line-height: 1.1;
}
.article__lead {
  margin-top: 10px;
  font-size: 17px;
  line-height: 1.55;
}
.article__content {
  max-width: 720px;
  margin-inline: auto;
}
.article-nav, 
.related-guides, 
.article-back {
  max-width: 720px;
  margin-inline: auto;
}
.article-nav > div {
  border-radius: 8px;
}
.related-guides {
  margin-top: 34px;
}
.article-back {
  margin-top: 24px;
}
.guide-shell {
  max-width: var(--site-content-rail);
}
.guide-article {
  width: 100%;
  padding: 18px 22px 28px;
  border-color: var(--site-frame-border);
  border-radius: var(--site-frame-radius);
}
.guide-hero {
  width: auto;
  max-width: none;
  margin: -18px -22px 24px;
  padding: 24px 26px;
  border-left: 5px solid var(--site-dark-panel-border);
  border-radius: var(--site-frame-radius) var(--site-frame-radius) 0 0;
  background: var(--site-dark-panel);
}
.guide-hero h1 {
  margin-bottom: 10px;
  font-size: clamp(30px, 4.5vw, 42px);
  line-height: 1.08;
}
.guide-lead {
  max-width: 720px;
  font-size: 17px;
  line-height: 1.55;
}
.guide-summary, 
.strategy-grid, 
.guide-content, 
.guide-custom-content, 
.guide-cta {
  max-width: 720px;
  margin-inline: auto;
}
.guide-summary {
  margin-top: 22px;
  margin-bottom: 34px;
  border-radius: 8px;
}
.strategy-grid {
  gap: 10px;
  margin-top: 22px;
  margin-bottom: 34px;
}
.strategy-grid article {
  border-radius: 8px;
  padding: 18px;
}
.guide-cta {
  margin-top: 38px;
  padding: 22px;
  border-radius: var(--site-frame-radius);
}
.guide-table-wrap, 
.guide-note {
  border-radius: 7px;
}
.solver-hero__breadcrumbs .breadcrumbs {
  margin-bottom: 14px;
}
.solver-main .guide-link-grid{
  width: 100%;
}
.solver-main .guide-link-card {
  border-radius: var(--site-frame-radius);
}
.solver-placeholder, 
.empty-state {
  padding: 30px 24px;
}
@media (max-width: 760px) {.content-main:not(.home-main) {
    padding: 20px 0 44px;
  }
.content-layout, 
  .article-shell, 
  .guide-shell, 
  .solver-hero > .shell, 
  .solver-workspace-section > .shell, 
  .solver-info-section > .shell, 
  .solver-related-section > .shell, 
  .solver-main > .home-section > .shell {
    width: calc(100% - 24px);
  }
.archive-header, 
  .archive-header--guides {
    padding: 20px 16px;
    border-radius: 8px;
  }
.archive-header h1 {
    font-size: clamp(28px, 9vw, 38px);
  }
.content-layout .post-grid, 
  .post-grid--related {
    grid-template-columns: 1fr;
    gap: 9px;
  }
.article, 
  .guide-article {
    margin: 0;
    padding: 14px 14px 22px;
    border-radius: 8px;
  }
.article__header, 
  .guide-hero {
    margin: -14px -14px 22px;
    padding: 20px 16px;
    border-radius: 8px 8px 0 0;
  }
.article__header h1, 
  .guide-hero h1 {
    font-size: clamp(28px, 9vw, 38px);
  }
.article__content, 
  .article-nav, 
  .related-guides, 
  .article-back, 
  .guide-summary, 
  .strategy-grid, 
  .guide-content, 
  .guide-custom-content, 
  .guide-cta {
    max-width: none;
  }
.guide-summary {
    margin-bottom: 28px;
  }
.guide-cta {
    padding: 18px 16px;
  }
}
@media (max-width: 480px) {.guide-summary > div {
    padding: 11px 4px;
  }
}
.site-footer {
  margin-top: 56px;
  padding: 0;
  border-top: 1px solid #223653;
  background: #0b1729;
  color: #fff;
}
.site-footer .shell {
  width: min(calc(100% - 32px), var(--shell));
}
.site-footer__main {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 56px;
  align-items: start;
  padding-top: 38px;
  padding-bottom: 28px;
}
.site-footer__brand-block { max-width: 440px; }
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
}
.footer-brand__mark {
  display: grid;
  grid-template-columns: repeat(2, 7px);
  gap: 2px;
  padding: 5px;
  border: 1px solid #314866;
  border-radius: 5px;
  background: #13243d;
}
.footer-brand__mark i {
  width: 7px;
  height: 7px;
  border-radius: 1px;
  box-shadow: none;
}
.site-footer__tagline {
  max-width: 430px;
  margin: 13px 0 15px;
  color: #a9b8ca !important;
  font-size: 13px;
  line-height: 1.65;
}
.site-footer__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 30px;
}
.footer-group h2 {
  margin: 0 0 10px;
  color: #e9f2fb;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.footer-group ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-group a {
  color: #aebfd2;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
}
.footer-group a:hover, 
.footer-group a:focus-visible { color: #fff; }
.site-footer__note {
  padding-top: 13px;
  padding-bottom: 13px;
  border-top: 1px solid #1e3049;
  border-bottom: 1px solid #1e3049;
}
.site-footer__note p {
  max-width: 760px;
  margin: 0;
  color: #73869e !important;
  font-size: 11px;
  line-height: 1.55;
}
.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 18px;
  border-top: 0;
  color: #6f829a;
  font-size: 11px;
}
.site-footer__legal a { color: #94a8bf; text-decoration: none; }
@media (max-width: 760px) {.site-footer { margin-top: 42px; }
.site-footer .shell { width: min(calc(100% - 24px), var(--shell)); }
.site-footer__main {
    grid-template-columns: 1fr;
    gap: 27px;
    padding-top: 28px;
    padding-bottom: 22px;
  }
.site-footer__brand-block { max-width: none; }
.site-footer__links { gap: 22px; }
.site-footer__bottom { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
}
@media (max-width: 420px) {.site-footer__links { grid-template-columns: 1fr 1fr; gap: 16px; }
.footer-group a { font-size: 12px; }
.site-footer__bottom { align-items: flex-start; }
}
.site-header, 
.home .site-header {
  background: #0b1729;
  border-bottom: 1px solid #223653;
  box-shadow: none;
  backdrop-filter: none;
}
.site-header__inner, 
.home .site-header__inner {
  width: min(calc(100% - 32px), var(--shell));
  min-height: 58px;
  padding: 0;
  gap: 22px;
}
.brand, 
.home .brand { min-width: 0; flex: 0 1 auto; }
.brand__link, 
.home .brand__link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -.025em;
  text-shadow: none;
}
.brand__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brand__mark, 
.home .brand__mark {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 7px);
  grid-template-rows: repeat(2, 7px);
  gap: 2px;
  padding: 5px;
  border: 1px solid #314866;
  border-radius: 5px;
  background: #13243d;
  box-shadow: none;
}
.brand__mark i, 
.home .brand__mark i {
  width: 7px;
  height: 7px;
  border-radius: 1px;
  box-shadow: none;
}
.brand__mark i:nth-child(1), .home .brand__mark i:nth-child(1){background:#25baff}
.brand__mark i:nth-child(2), .home .brand__mark i:nth-child(2){background:#24d848}
.brand__mark i:nth-child(3), .home .brand__mark i:nth-child(3){background:#ffc51c}
.brand__mark i:nth-child(4), .home .brand__mark i:nth-child(4){background:#a94ff0}
.custom-logo-link { flex: 0 1 auto; min-width: 0; }
.custom-logo { max-height: 34px; width: auto; }
.site-nav, 
.home .site-nav { margin-left: auto; }
.site-nav__list, 
.home .site-nav__list {
  display: flex;
  align-items: center;
  gap: 2px;
}
.site-nav a, 
.home .site-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #b9c7d8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: none;
  transform: none;
  transition: color .12s ease, background-color .12s ease;
}
.site-nav a:hover, .site-nav a:focus-visible, 
.home .site-nav a:hover, .home .site-nav a:focus-visible {
  color: #fff;
  background: #132842;
  box-shadow: none;
  transform: none;
}
.site-nav .current-menu-item > a, 
.site-nav .current_page_item > a, 
.site-nav a[aria-current="page"], 
.home .site-nav .current-menu-item > a, 
.home .site-nav .current_page_item > a, 
.home .site-nav a[aria-current="page"] {
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -2px 0 #25baff;
}
.nav-toggle, 
.home .nav-toggle {
  min-height: 36px;
  padding: 7px 9px;
  border: 1px solid #314866;
  border-radius: 5px;
  background: #13243d;
  color: #dce8f5;
  box-shadow: none;
}
.nav-toggle:hover, .nav-toggle:focus-visible, 
.home .nav-toggle:hover, .home .nav-toggle:focus-visible {
  border-color: #48698f;
  background: #17304f;
  color: #fff;
}
.nav-toggle__bars i { border-radius: 1px; }
@media (max-width: 760px) {.site-header__inner, 
  .home .site-header__inner {
    width: min(calc(100% - 24px), var(--shell));
    min-height: 54px;
    gap: 10px;
  }
.brand__link, .home .brand__link { font-size: 17px; gap: 8px; }
.custom-logo { max-height: 32px; }
.nav-toggle { display: inline-flex; margin-left: auto; }
.nav-toggle__label { font-size: 12px; }
.site-nav, 
  .home .site-nav {
    position: absolute;
    left: 11px;
    right: 11px;
    top: 100%;
    display: none;
    margin: 0;
    padding: 4px;
    border: 1px solid #223653 !important;
    border-top-color: #1a2d49 !important;
    border-radius: 0 0 8px 8px;
    background: #0b1729 !important;
    box-shadow: 0 10px 22px rgba(3,13,27,.22);
  }
.site-nav.is-open, .home .site-nav.is-open { display: block; }
.site-nav__list, .home .site-nav__list { display: block; }
.site-nav__list li + li, .home .site-nav__list li + li { border-top: 1px solid #1e3049; }
.site-nav a, .home .site-nav a {
    justify-content: flex-start;
    min-height: 43px;
    padding: 10px 11px;
    border-radius: 4px;
    color: #c6d4e5 !important;
    font-size: 13px;
  }
.site-nav a:hover, .site-nav a:focus-visible, 
  .home .site-nav a:hover, .home .site-nav a:focus-visible {
    background: #132842;
    color: #fff !important;
  }
.site-nav .current-menu-item > a, 
  .site-nav .current_page_item > a, 
  .site-nav a[aria-current="page"], 
  .home .site-nav .current-menu-item > a, 
  .home .site-nav .current_page_item > a, 
  .home .site-nav a[aria-current="page"] {
    margin: 0;
    background: #10233c;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #25baff;
  }
}
@media (max-width: 620px) {}
@media (min-width: 1000px) {.home .game-card--arcade {
    width: min(100%, 760px);
    margin-inline: auto;
    padding: 10px 14px 14px;
    border-radius: 24px;
  }
.home .arcade-topbar {
    min-height: 44px;
    margin-bottom: 2px;
  }
.home .arcade-exit-button {
    min-height: 38px;
    padding: 6px 11px 6px 9px;
    font-size: 12px;
  }
.home .arcade-icon-button {
    width: 40px;
    height: 40px;
    padding: 8px;
  }
.home .arcade-icon-button svg {
    width: 22px;
    height: 22px;
  }
.home .arcade-hud {
    min-height: 116px;
    grid-template-columns: minmax(150px,1fr) 154px minmax(150px,1fr);
    gap: 10px;
    margin-bottom: 8px;
  }
.home .game-card--arcade .arcade-mode {
    width: 164px;
    margin-top: 2px;
    padding: 4px;
    border-radius: 12px;
  }
.home .game-card--arcade .arcade-mode .game-mode-switch {
    min-height: 34px;
  }
.home .game-card--arcade .arcade-mode .game-mode-button {
    min-height: 29px;
    padding: 4px 7px;
    font-size: 10px;
  }
.home .game-card--arcade .arcade-hud-spacer { width: 164px; }
.home .score-row--arcade {
    width: 154px;
    padding-bottom: 28px;
  }
.home .score-row--arcade .score-box--best {
    min-height: 44px;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 12px 12px 6px 6px;
  }
.home .score-row--arcade .score-box--best .score-box__best-line {
    font-size: 8px;
  }
.home .score-crown { font-size: 19px; }
.home .score-row--arcade .score-box--best strong { font-size: 21px; }
.home .score-row--arcade .score-box--score {
    min-height: 58px;
    border-radius: 6px 6px 12px 12px;
  }
.home .score-row--arcade .score-box--score strong { font-size: 38px; }
.home .score-row--arcade .score-box--combo {
    top: calc(100% + 5px);
    min-width: 72px;
    min-height: 22px;
    padding: 3px 7px;
  }
.home .score-row--arcade .score-box--combo span { display: none; }
.home .score-row--arcade .score-box--combo strong { font-size: 12px; }
.home .board-wrap--arcade {
    width: 520px;
    max-width: 520px;
    padding: 6px;
    border-radius: 15px;
  }
.home .game-card--arcade .game-board {
    gap: 3px;
    padding: 1px;
    border-radius: 8px;
  }
.home .game-card--arcade .board-cell { border-radius: 5px; }
.home .game-card--arcade .piece-area--arcade {
    width: 560px;
    min-height: 104px;
    padding-top: 7px;
  }
.home .game-card--arcade .piece-area__hint {
    min-height: 15px;
    margin-bottom: 3px;
    font-size: 10px;
  }
.home .game-card--arcade .piece-tray {
    min-height: 92px;
    height: 92px;
    padding: 4px;
    border-radius: 16px;
  }
.home .game-card--arcade .game-piece, 
  .home .game-card--arcade .game-piece--empty {
    height: 86px;
    min-height: 86px;
    max-height: 86px;
    border-radius: 13px;
  }
.home .game-toolbar--arcade.game-toolbar--primary {
    width: 390px;
    gap: 14px;
    margin-top: 0;
  }
.home .game-toolbar--primary .arcade-power-button {
    min-height: 70px;
  }
.home .game-toolbar--primary .arcade-power-button__disc {
    width: 50px;
    height: 50px;
    border-width: 4px;
    font-size: 23px;
  }
.home .game-toolbar--primary .arcade-power-button__label {
    min-width: 62px;
    min-height: 21px;
    padding: 2px 7px;
    font-size: 8px;
  }
.home .game-card--arcade .game-status {
    min-height: 16px;
    padding-top: 4px;
    font-size: 9px;
  }
}
.site-footer__links { grid-template-columns: repeat(3,minmax(0,1fr)); }
.site-footer__legal { display:inline-flex; align-items:center; gap:12px; flex-wrap:wrap; }
.article-author { margin-top:32px; padding:18px 20px; border:1px solid #dbe3ee; border-radius:10px; background:#f7f9fc; }
.article-author strong { display:block; margin-bottom:5px; color:#10233f; font-size:15px; }
.article-author p { margin:0; color:#516176; font-size:14px; line-height:1.65; }
@media (max-width:620px) {.site-footer__links { grid-template-columns: repeat(2,minmax(0,1fr)); }
.site-footer__legal { gap:10px; }
.article-author { margin-top:24px; padding:15px 16px; }
}
@media (max-width:390px) {.site-footer__links { grid-template-columns:1fr; }
}
.content-layout .guide-hub-core .guide-link-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 820px) {.content-layout .guide-hub-core .guide-link-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px) {.content-layout .guide-hub-core .guide-link-grid { grid-template-columns: 1fr; }
}
.shape-guide-groups { display: grid; gap: 28px; margin: 28px 0; }
.shape-guide-group { padding-top: 22px; border-top: 1px solid var(--border, #d9e2ee); }
.shape-guide-group:first-child { padding-top: 0; border-top: 0; }
.shape-guide-group__head { display: grid; gap: 5px; margin-bottom: 14px; }
.shape-guide-group__head h2 { margin: 0; font-size: 21px; }
.shape-guide-group__head p { margin: 0; color: var(--muted, #5c6b7d); }
.shape-guide-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.shape-reference-card { min-height: 118px; display: grid; place-items: center; align-content: center; gap: 9px; padding: 14px 10px; border: 1px solid var(--border, #d9e2ee); border-radius: 10px; background: #fff; }
.shape-reference-card > span { color: var(--muted, #5c6b7d); font-size: 11px; font-weight: 700; }
.shape-mini-grid { --shape-cell: 17px; display: grid; grid-template-columns: repeat(var(--shape-cols), var(--shape-cell)); grid-template-rows: repeat(var(--shape-rows), var(--shape-cell)); gap: 2px; min-width: calc(var(--shape-cols) * var(--shape-cell)); }
.shape-mini-grid i { width: var(--shape-cell); height: var(--shape-cell); border-radius: 4px; background: transparent; }
.shape-mini-grid i.is-filled { background: linear-gradient(180deg,#56c9ff,#1398ef 58%,#0876c8); box-shadow: inset 0 2px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(0,0,0,.1); }
@media (max-width: 720px) {.shape-guide-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 520px) {.shape-guide-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.shape-reference-card { min-height: 104px; padding: 12px 8px; }
.shape-mini-grid { --shape-cell: 15px; }
}
.related-guides {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #dbe3ec;
}
.related-guides__head { margin-bottom: 14px; }
.related-guides__head .eyebrow { margin-bottom: 4px; }
.related-guides__head h2 { margin: 0; font-size: 22px; }
.related-guides__grid { margin-top: 0; }
.big-square-demo {
  width: 126px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 4px;
  margin: 22px auto;
  padding: 8px;
  border: 1px solid #cdd8e5;
  border-radius: 10px;
  background: #f3f6fa;
}
.big-square-demo span {
  aspect-ratio: 1;
  border-radius: 5px;
  background: linear-gradient(180deg,#57c9ff,#1398ef 58%,#0876c8);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.25), inset 0 -2px 0 rgba(0,0,0,.12);
}
.comparison-table-wrap table { min-width: 620px; }
@media (max-width: 620px) {.related-guides { margin-top: 22px; padding-top: 20px; }
.related-guides__head h2 { font-size: 20px; }
.big-square-demo { width: 108px; gap: 3px; padding: 7px; }
}
.related-guides__head, 
.related-questions__head, 
.guide-pathways__head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.related-guides__head h2, 
.related-questions__head h2, 
.guide-pathways__head h2 { margin:0; }
.related-questions { margin:34px 0 0; }
.related-questions__list { border-top:1px solid var(--border); }
.related-questions__list details { border-bottom:1px solid var(--border); background:#fff; }
.related-questions__list summary { cursor:pointer; padding:15px 4px; font-weight:800; color:var(--ink); }
.related-questions__list p { margin:0; padding:0 4px 16px; color:var(--muted); line-height:1.68; }
.guide-pathways { margin:30px 0 38px; }
.guide-pathways__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.guide-pathway-card { padding:18px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.guide-pathway-card h3 { margin:0 0 6px; font-size:19px; }
.guide-pathway-card > p { margin:0 0 13px; color:var(--muted); line-height:1.55; }
.guide-pathway-card ul { margin:0; padding:0; list-style:none; display:grid; gap:7px; }
.guide-pathway-card a { font-weight:800; text-decoration:none; color:var(--brand-dark); }
.guide-pathway-card a:hover { text-decoration:underline; }
@media (max-width:620px) {.related-guides__head, .related-questions__head, .guide-pathways__head { align-items:flex-start; }
.related-guides__head .text-link { white-space:nowrap; font-size:12px; }
.guide-pathways { margin:22px 0 30px; }
.guide-pathways__grid { grid-template-columns:1fr; gap:9px; }
.guide-pathway-card { padding:15px; }
.related-questions { margin-top:26px; }
}
.section-copy--home p:not(.eyebrow) { max-width: 62ch; }
.home-side-panel__head .eyebrow { margin-bottom: 8px; }
@media (max-width: 920px) {.section-copy--home p:not(.eyebrow) { max-width: none; }
}
@media (max-width: 540px) {.home-panel-actions .button { width: 100%; }
}
:root {
  --portal-navy: #0a1930;
  --portal-navy-2: #102642;
  --portal-blue: #25a8ee;
  --portal-line: #d9e2ec;
  --portal-paper: #ffffff;
}
.site-header, 
.home .site-header {
  background: var(--portal-navy);
  border-bottom: 1px solid #203958;
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0 12%, rgba(37,168,238,.7) 36%, rgba(37,168,238,.7) 64%, transparent 88%);
  pointer-events: none;
}
.site-header__inner, 
.home .site-header__inner { min-height: 60px; }
.brand__link, 
.home .brand__link { font-size: 17px; letter-spacing: -.015em; }
.brand__mark, 
.home .brand__mark, 
.footer-brand__mark {
  border-color: #315070;
  background: #102642;
}
.site-nav a, 
.home .site-nav a {
  min-height: 38px;
  padding-inline: 10px;
  color: #b9c9d9;
  font-size: 13px;
  font-weight: 700;
}
.site-nav a:hover, .site-nav a:focus-visible, 
.home .site-nav a:hover, .home .site-nav a:focus-visible {
  background: #132b49;
}
.site-nav .current-menu-item > a, 
.site-nav .current_page_item > a, 
.site-nav a[aria-current="page"], 
.home .site-nav .current-menu-item > a, 
.home .site-nav .current_page_item > a, 
.home .site-nav a[aria-current="page"] {
  box-shadow: inset 0 -2px 0 var(--portal-blue);
}
@media (min-width: 761px) {.home .game-heading--compact {
    width: min(100%, 760px);
    margin: 0 auto 10px;
    padding: 16px 18px 15px;
    border: 1px solid #203958;
    border-left: 4px solid var(--portal-blue);
    border-radius: 10px;
    background: var(--portal-navy);
  }
.home .game-heading--compact .eyebrow {
    margin-bottom: 5px;
    color: #75cdf7;
    font-size: 11px;
  }
.home .game-heading--compact h1 {
    margin-bottom: 4px;
    color: #fff;
    font-size: clamp(25px, 3vw, 31px);
    letter-spacing: -.02em;
  }
.home .game-heading--compact .game-intro {
    max-width: 680px;
    color: #b7c7d9;
    font-size: 13px;
    line-height: 1.55;
  }
}
.home-panel-actions .button { border-radius: 7px; }
.guide-link-card, 
.home-main .guide-link-card, 
.content-layout .guide-link-card, 
.solver-main .guide-link-card {
  grid-template-columns: 34px minmax(0,1fr);
  gap: 2px 12px;
  padding: 16px 16px 16px 14px;
  border: 1px solid #dce4ed;
  border-left: 3px solid #1d8ed7;
  border-radius: 7px;
  background: #fff;
  box-shadow: none;
  transition: border-color .12s ease, background-color .12s ease;
}
.guide-link-card:hover, 
.home-main .guide-link-card:hover, 
.content-layout .guide-link-card:hover, 
.solver-main .guide-link-card:hover {
  transform: none;
  border-color: #a9c1d5;
  border-left-color: #1478c7;
  background: #f9fbfd;
  box-shadow: none;
}
.guide-link-card > span, 
.guide-link-card:nth-child(2) > span, 
.guide-link-card:nth-child(3) > span, 
.home-main .guide-link-card > span, 
.content-layout .guide-link-card > span {
  grid-row: 1 / span 2;
  display: block;
  width: auto;
  height: auto;
  padding-top: 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1478c7;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.4;
  box-shadow: none;
}
.guide-link-card strong { font-size: 16px; line-height: 1.28; }
.guide-link-card small { font-size: 12.5px; line-height: 1.45; }
.post-card, 
.content-layout .post-card, 
.post-grid--related .post-card, 
.home-main .post-grid--home .post-card {
  overflow: hidden;
  border: 1px solid #dce4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  transition: border-color .12s ease, background-color .12s ease;
}
.post-card:hover, 
.content-layout .post-card:hover, 
.post-grid--related .post-card:hover, 
.home-main .post-grid--home .post-card:hover {
  transform: none;
  border-color: #a9bbc9;
  background: #fbfcfd;
  box-shadow: none;
}
.post-card__media { background: #e8edf2; }
.post-card__body { padding: 17px; }
.post-card__meta {
  margin: 0 0 7px;
  color: #77869a !important;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.post-card__body h2, 
.post-card__body h3, 
.post-grid--home .post-card__body h3, 
.post-grid--related .post-card__body h3 {
  margin-bottom: 7px;
  color: #17283d;
  font-size: 18px;
  line-height: 1.3;
}
.post-card__body p { font-size: 13.5px; line-height: 1.55; }
.post-card .text-link { font-size: 13px; font-weight: 800; }
.site-footer {
  margin-top: 48px;
  border-top-color: #203958;
  background: var(--portal-navy);
}
.site-footer__main {
  grid-template-columns: minmax(250px,.9fr) minmax(0,1.1fr);
  gap: 42px;
  padding-top: 32px;
  padding-bottom: 24px;
}
.site-footer__brand-block { max-width: 360px; }
.site-footer__tagline { margin-bottom: 0; }
.site-footer__links {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}
.footer-group h2 { margin-bottom: 9px; color: #e5eef8; }
.footer-group ul { gap: 7px; }
.footer-group a { color: #aabbd0; }
.site-footer__note { padding-block: 11px; }
.site-footer__bottom { padding-top: 13px; padding-bottom: 16px; }
@media (max-width: 760px) {.site-footer__main { gap: 24px; }
.site-footer__links { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px 22px; }
}
@media (max-width: 420px) {.site-footer__links { grid-template-columns: 1fr; }
}
.site-footer {
  margin-top: 44px;
  padding: 0;
  border-top: 1px solid #203751;
  background: #0a1729;
  color: #fff;
}
.site-footer__main {
  display: grid;
  grid-template-columns: minmax(260px,.9fr) minmax(0,1.1fr);
  gap: 46px;
  align-items: start;
  padding: 30px 0 22px;
}
.site-footer__brand-block {
  max-width: 350px;
}
.footer-brand {
  gap: 10px;
  color: #fff;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.2;
}
.footer-brand__mark {
  grid-template-columns: repeat(2,7px);
  gap: 2px;
  padding: 5px;
  border: 1px solid #31506f;
  border-radius: 6px;
  background: #11243d;
}
.footer-brand__mark i { width: 7px; height: 7px; }
.site-footer__tagline {
  max-width: 340px;
  margin: 11px 0 0;
  color: #9eb0c7 !important;
  font-size: 12.5px;
  line-height: 1.55;
}
.site-footer__links {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
.footer-group {
  min-width: 0;
}
.footer-group h2 {
  margin: 0 0 9px;
  color: #eaf2fa;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.footer-group ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-group a {
  display: inline-block;
  color: #aabbd0;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none;
}
.site-footer__note {
  padding: 10px 0;
  border-top: 1px solid #1f3249;
  border-bottom: 1px solid #1f3249;
}
.site-footer__note p {
  max-width: none;
  margin: 0;
  color: #71859e !important;
  font-size: 10.5px;
  line-height: 1.5;
}
.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 12px 0 max(14px,env(safe-area-inset-bottom));
  border: 0;
  color: #71859d;
  font-size: 10.5px;
}
.site-footer__legal {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px;
  flex-wrap: wrap;
}
.site-footer__legal a {
  color: #98aac0;
  text-decoration: none;
}
.site-footer__legal a:hover, 
.site-footer__legal a:focus-visible { color: #fff; }
@media (max-width: 760px) {.site-footer {
    margin-top: 34px;
  }
.site-footer .shell {
    width: calc(100% - 24px);
  }
.site-footer__main {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 0 18px;
  }
.site-footer__brand-block {
    max-width: none;
    padding-bottom: 1px;
  }
.footer-brand {
    font-size: 20px;
  }
.site-footer__tagline {
    max-width: 540px;
    margin-top: 9px;
    font-size: 12px;
  }
.site-footer__links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid #20334b;
  }
.footer-group {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr);
    align-items: baseline;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid #20334b;
  }
.footer-group h2 {
    margin: 0;
    font-size: 10px;
  }
.footer-group ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 14px;
  }
.footer-group li {
    display: inline-flex;
    align-items: center;
  }
.footer-group li:not(:last-child)::after {
    content: "·";
    margin-left: 14px;
    color: #40536b;
  }
.footer-group a {
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
  }
.site-footer__note {
    padding: 9px 0;
    border-top: 0;
  }
.site-footer__note p {
    font-size: 10px;
    line-height: 1.45;
  }
.site-footer__bottom {
    align-items: center;
    flex-direction: row;
    padding-top: 11px;
  }
}
@media (max-width: 430px) {.site-footer .shell { width: calc(100% - 24px); }
.site-footer__main { gap: 17px; padding-top: 21px; }
.footer-brand { font-size: 19px; }
.site-footer__tagline {
    max-width: 34em;
    font-size: 11.5px;
  }
.footer-group {
    grid-template-columns: 60px minmax(0,1fr);
    gap: 9px;
    padding: 10px 0;
  }
.footer-group ul { gap: 5px 10px; }
.footer-group li:not(:last-child)::after { margin-left: 10px; }
.footer-group a { font-size: 11.5px; }
.site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
.site-footer__legal {
    justify-content: flex-start;
    gap: 12px;
  }
}


/* v6.2 international language switcher + RTL safeguards */
.language-switcher {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.language-switcher__icon {
  color: #8fdcff;
  font-size: 15px;
  line-height: 1;
}
.language-switcher select {
  width: auto;
  max-width: 148px;
  min-height: 34px;
  padding: 5px 28px 5px 9px;
  border: 1px solid #314866;
  border-radius: 5px;
  background-color: #13243d;
  color: #e7f1fb;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.language-switcher select:hover,
.language-switcher select:focus-visible {
  border-color: #4e729a;
  outline: none;
  background-color: #17304f;
  color: #fff;
}
.language-switcher__submit {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.bbo-rtl #bbo-board,
.bbo-rtl #bbo-pieces,
.bbo-rtl .game-board,
.bbo-rtl .piece-tray { direction: ltr; }
.bbo-rtl .content-card,
.bbo-rtl .tip-card,
.bbo-rtl .faq-wrap,
.bbo-rtl .game-heading { text-align: right; }
.bbo-rtl .faq-wrap summary { padding-right: 0; padding-left: 30px; }
.bbo-rtl .faq-wrap summary::after { right: auto; left: 0; }
@media (max-width: 760px) {
  .language-switcher { margin-left: auto; }
  .language-switcher__icon { display: none; }
  .language-switcher select {
    max-width: 102px;
    min-height: 34px;
    padding-left: 7px;
    padding-right: 24px;
    font-size: 11px;
  }
  .nav-toggle { margin-left: 0 !important; }
}
@media (max-width: 390px) {
  .language-switcher select { max-width: 88px; }
  .brand__text { max-width: 116px; }
}

/* v6.9 Data Engine: percentile, score and combo tools */
.data-tool{margin:28px 0;padding:24px;border:1px solid #dfe7f1;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(19,50,82,.07)}
.data-tool__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.data-tool__head h2{margin:.2rem 0 0}.data-tool__head>span{max-width:360px;color:#607086;font-size:.92rem;line-height:1.5}
.data-tool__form,.data-input-grid{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.data-tool__form label,.data-input-grid label{display:grid;gap:7px;min-width:180px;flex:1}.data-tool__form label>span,.data-input-grid label>span{font-weight:700;color:#24364a}.data-tool input{width:100%;min-height:46px;border:1px solid #cfd9e6;border-radius:12px;padding:10px 12px;background:#fff;color:#17293d;font:inherit}.data-tool input:focus{outline:3px solid rgba(24,143,233,.16);border-color:#188fe9}.data-tool__wide{min-width:min(100%,420px)!important}.data-tool label small{color:#718096;line-height:1.4}
.data-percentile-result,.data-calc-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.data-percentile-result article,.data-calc-result>div{padding:16px;border:1px solid #e1e8f0;border-radius:14px;background:#f8fbfe}.data-percentile-result span,.data-calc-result span{display:block;color:#607086;font-size:.82rem;font-weight:700}.data-percentile-result strong,.data-calc-result strong{display:block;margin:4px 0;font-size:1.45rem;color:#102a43}.data-percentile-result small{color:#718096;line-height:1.35}.data-calc-result--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.data-country-result{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:12px;background:#eef8ff;color:#29445f}.data-country-result strong{color:#0b6fb8}.data-sim-table{margin-top:18px}
@media(max-width:720px){.data-tool{padding:18px;margin:22px 0}.data-tool__head{display:block}.data-tool__head>span{display:block;margin-top:8px}.data-percentile-result,.data-calc-result{grid-template-columns:repeat(2,minmax(0,1fr))}.data-tool__form,.data-input-grid{display:grid;grid-template-columns:1fr}.data-tool__form label,.data-input-grid label{min-width:0}.data-tool .button{width:100%}}
@media(max-width:430px){.data-percentile-result,.data-calc-result{grid-template-columns:1fr}}
.data-tool .leaderboard-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:14px}.data-tool .leaderboard-table{width:100%;border-collapse:collapse;min-width:520px}.data-tool .leaderboard-table th,.data-tool .leaderboard-table td{padding:11px 13px;text-align:left;border-bottom:1px solid #eef2f6}.data-tool .leaderboard-table th{background:#f8fafc;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.data-tool .leaderboard-table tr:last-child td{border-bottom:0}