/* Bitcoin Root presentation; sizing follows the game, not the browser width. */
.game-page { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.game-native-page { background: var(--paper); padding-bottom: 1.5rem; }
.game-native-intro { position: relative; overflow: hidden; padding: 1rem 2rem; background: var(--forest); }
.game-native-intro video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .25; }
.game-native-intro > div { position: relative; width: min(100%, 1280px); margin: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.game-native-intro h1 { margin: 0; font-size: 1.75rem; letter-spacing: -.04em; }
.game-native-intro p { margin: 0; font-size: .9rem; }
.game-native-stage { width: min(calc(100% - 2rem), 1280px, calc((100svh - 190px) * 16 / 9)); margin: 1rem auto 0; }
.game-native-stage .bfg-host { container-type: inline-size; }
.game-native-stage .bfg-container { container-type: inline-size; font-family: var(--sans); font-size: clamp(12px, 1.05cqw, 16px); --bfg-orange: #dca755; --bfg-orange-bright: #efc27a; --bfg-gold: #efc27a; --bfg-panel: rgba(18,33,24,.93); border-color: #dca755; border-radius: 12px; }
.game-native-stage .bfg-topline { top: clamp(6px, 1cqw, 14px); right: clamp(6px, 1cqw, 14px); left: clamp(6px, 1cqw, 14px); }
.game-native-stage .bfg-hud { top: clamp(48px, 6.5cqw, 84px); right: clamp(6px, 1cqw, 14px); left: clamp(6px, 1cqw, 14px); }
.game-native-stage .bfg-menu-screen { background: linear-gradient(90deg,rgba(8,20,14,.88),rgba(8,20,14,.4)), url('/assets/bitcoin-game-forest.png') center / cover; backdrop-filter: none; }
.game-native-stage .bfg-bitcoin-orbit { display: none; }
.game-native-stage .bfg-menu-card { background: rgba(12,29,19,.88); border-color: rgba(220,167,85,.4); }
.game-native-stage .bfg-menu-screen { padding: 1.25rem; }
.game-native-stage .bfg-menu-grid { grid-template-columns: 1.4fr 1fr; gap: 2rem; }
.game-native-stage .bfg-menu-card { padding: 1.1rem; }
.game-native-stage .bfg-meta-row { padding: .45em 0; }
.game-native-stage .bfg-menu-actions { margin-top: .8rem; gap: .45rem; }
.game-native-stage .bfg-menu-footnote { margin-top: .7rem; margin-bottom: 0; }
.game-native-stage .bfg-title { font-size: clamp(28px, 3.9cqw, 58px); font-weight: 600; }
.game-native-stage .bfg-intro { font-size: 16px; }
.game-native-stage .bfg-menu-footnote { font-size: 12px; }
.game-native-stage .bfg-menu-card-title, .game-native-stage .bfg-meta-row, .game-native-stage .bfg-button { font-size: 14px; }
.game-native-stage .bfg-title-highlight { color: #efc27a; }
.game-native-stage .bfg-button-primary { background: #dca755; border-color: #efc27a; color: #122118; box-shadow: none; }
.game-native-stage .bfg-stat-label { font-size: 12px; letter-spacing: .04em; }
.game-native-stage .bfg-container:fullscreen { width: 100vw; max-width: none; height: 100dvh; border-radius: 0; }
.bfg-expanded-page { overflow: hidden; overscroll-behavior: none; }
.bfg-expanded-page .game-native-stage .bfg-host { container-type: normal; }
.game-native-stage .bfg-container.bfg-expanded { position: fixed; z-index: 1000; inset: 0; width: 100%; height: 100vh; height: 100dvh; max-width: none; aspect-ratio: auto; border: 0; border-radius: 0; background: #03050a; }
.game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-canvas { inset: auto; top: 50%; left: 50%; width: min(100vw, calc(100vh * 16 / 9)); width: min(100vw, calc(100dvh * 16 / 9)); height: min(100vh, calc(100vw * 9 / 16)); height: min(100dvh, calc(100vw * 9 / 16)); transform: translate(-50%, -50%); }
.bfg-exit-fullscreen { position: absolute; z-index: 40; top: 6px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; color: #fff; background: #122118; font: 28px/1 var(--sans); cursor: pointer; }
.bfg-exit-fullscreen[hidden] { display: none; }
.bfg-exit-fullscreen:focus-visible { outline: 3px solid white; outline-offset: 2px; }
.game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-hud { right: 58px; }
.game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-topline { top: auto; bottom: 6px; justify-content: flex-end; }
.game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-brand-chip { display: none; }
.game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-menu-grid { max-width: 1000px; }
@media (max-width: 700px) {
  .game-native-intro { padding: .8rem 1rem; }
  .game-native-intro > div { display: block; }
  .game-native-intro h1 { font-size: 1.4rem; }
  .game-native-intro p { margin-top: .3rem; font-size: .8rem; }
  .game-native-stage { width: calc(100% - 1rem); }
}
@media (max-width: 700px) and (orientation: portrait) {
  .game-native-stage .bfg-container { aspect-ratio: 3 / 4; }
}
@media (max-height: 550px) and (orientation: landscape) {
  .game-page .site-header { min-height: 3rem; }
  .game-page .wordmark img { width: 4.5rem; height: 2.35rem; }
  .game-native-page { padding-bottom: .4rem; }
  .game-native-intro { display: none; }
  .game-native-stage { width: min(calc(100% - 1rem), calc((100svh - 64px) * 16 / 9)); width: min(calc(100% - 1rem), calc((100dvh - 64px) * 16 / 9)); margin-top: .4rem; }
  .game-native-stage .bfg-title { font-size: 26px; }
  .game-native-stage .bfg-intro { font-size: 13px; }
  .game-native-stage .bfg-menu-footnote { display: none; }
  .game-native-stage .bfg-meta-row, .game-native-stage .bfg-button { font-size: 12px; }
}

/* Keep the complete score row above the targets; touch controls sit below. */
@container (max-width: 700px) {
  .bfg-container .bfg-topline { top: auto; bottom: 6px; justify-content: flex-end; }
  .bfg-container .bfg-brand-chip { display: none; }
  .bfg-container .bfg-top-actions { gap: 4px; }
  .bfg-container .bfg-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; padding: 0; font-size: 18px; }
  .bfg-container .bfg-icon-button[hidden] { display: none; }
  .bfg-container .bfg-icon-label { display: none; }
  .bfg-container .bfg-hud { top: 6px; right: 6px; left: 6px; gap: 3px; }
  .bfg-container .bfg-stat { padding: 4px; border-radius: 6px; }
  .bfg-container .bfg-stat-label { font-size: 12px; line-height: 1.2; letter-spacing: 0; }
  .bfg-container .bfg-stat-value { font-size: 16px; line-height: 1.3; }
  .bfg-container .bfg-power-wrap { gap: 4px; }
  .bfg-container .bfg-power-state { display: none; }
  .bfg-container .bfg-phase-chip { top: 54px; transform: translateX(-50%); }
  .bfg-container .bfg-toast-stack { bottom: 56px; }
  .bfg-container .bfg-menu-screen { place-items: start center; padding: 12px; }
  .bfg-container .bfg-menu-grid { width: 100%; margin-block: auto; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px; }
  .bfg-container .bfg-menu-card { padding: 10px; }
  .bfg-container .bfg-rotate-screen h2 { max-width: 18ch; margin-inline: auto; font-size: 24px; line-height: 1.2; }
}

@container (max-width: 360px) {
  .bfg-container .bfg-stat-label { font-size: 10px; }
  .bfg-container .bfg-stat-value { font-size: 14px; }
}

@media (max-height: 550px) and (orientation: landscape) {
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-top-actions { gap: 4px; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; padding: 0; font-size: 18px; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-icon-button[hidden] { display: none; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-icon-label { display: none; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-hud { top: 6px; right: 58px; left: 6px; gap: 4px; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-stat { padding: 4px 6px; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-stat-value { font-size: 16px; line-height: 1.3; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-power-state { display: none; }
  .game-native-stage .bfg-container:is(:fullscreen, .bfg-expanded) .bfg-phase-chip { top: 54px; transform: translateX(-50%); }
}