html { color-scheme: dark; background: #070b09; }
body { margin: 0; background: #070b09; color: #f6e4bc; font-family: ui-monospace, monospace;
  --t-paper: #07100b; --t-ink: #08d265; --t-yellow: #ff7800; --t-focus: #fff0c9;
  --t-font-display: ui-monospace, monospace; --t-font-body: ui-monospace, monospace;
  --t-radius-pill: 4px; --t-header-desktop: 64px; --t-header-phone: 54px;
}
.ar2-header { position: relative; z-index: 10; background: #070b09; border-color: #29382d; }
.ar2-header .c-header__brand { width: 130px; }
.ar2-header .c-btn { color: #0add63; border-color: #21743e; }
.ar2-header .c-header__buy { background: #ff7300; color: #090d0a; border-color: #ffa13b; }
[data-ar2-page] { height: calc(100dvh - 64px); min-height: 360px; }
.ar2-audio-status { text-align: center; font-size: 12px; }
.ar2-skip { position: absolute; top: -80px; left: 10px; z-index: 20; background: #07100b; color: #fff0c9; padding: 10px; }
.ar2-skip:focus { top: 2px; }
@media (max-width: 767px) {
  .ar2-header .c-header__brand { width: 90px; }
  .ar2-header .c-header__buy { min-width: 103px; }
  [data-ar2-page] { height: calc(100dvh - 54px); min-height: 360px; }
}
@media (max-width: 600px) and (orientation: portrait), (max-width: 1199px) and (max-aspect-ratio: 3/4) { [data-ar2-page] { min-height: 640px; } }
@media (max-width: 359px) and (orientation: portrait) { [data-ar2-page] { min-height: 568px; } }
@media (max-width: 359px) {
  .ar2-header { gap: 4px; padding-inline: 6px; }
  .ar2-header .c-header__brand { width: 62px; }
  .ar2-header .c-header__buy { min-width: 86px; font-size: 11px; }
  .ar2-header .c-sound { font-size: 9px; min-width: 54px; }
  .ar2-header .c-header__menu > summary { font-size: 9px; padding: 4px; min-width: 42px; }
}
html[data-tg-miniapp="true"], html[data-tg-miniapp="true"] body { width: 100vw; height: 100dvh; max-height: 100dvh; overflow: hidden; margin: 0; padding: 0; }
html[data-tg-miniapp="true"] [data-ar2-page] { width: 100vw !important; height: 100dvh !important; min-height: 0 !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; }
html[data-tg-miniapp="true"] .ar2-header { position: fixed; top: 0; left: 0; right: 0; height: 24px !important; min-height: 24px !important; padding: 2px 8px !important; background: rgba(7, 11, 9, 0.55) !important; border: 0 !important; z-index: 40; pointer-events: none; }
html[data-tg-miniapp="true"] .ar2-header a, html[data-tg-miniapp="true"] .ar2-header button { pointer-events: auto; }
html[data-tg-miniapp="true"] .ar2-header .c-header__brand { width: 52px !important; }
html[data-tg-miniapp="true"] .ar2-header .c-header__buy, html[data-tg-miniapp="true"] .ar2-header .c-header__menu, html[data-tg-miniapp="true"] .ar2-header .c-header__nav, html[data-tg-miniapp="true"] .ar2-audio-status { display: none !important; }
html[data-tg-miniapp="true"] .ar2-header .c-sound { min-height: 18px !important; font-size: 8px !important; padding: 1px 6px !important; min-width: 0 !important; margin-left: auto !important; }