/* ---------- Bitmap upgrade theme: same black-lacquer panels, Bitcoin-orange accent instead of gold ---------- */
html[data-skin^="p"] body[data-theme="bitmap"]{
  --p-rule:rgba(247,147,26,.75); --p-rule-2:rgba(247,147,26,.25); --p-line:rgba(247,147,26,.3); --p-label:#f7a440;
  --p-on:linear-gradient(135deg,#c86f0c 0%,#ffb347 45%,#f7931a 70%,#b8620a 100%); --p-on-ink:#1a0e02;
  --p-cta:linear-gradient(135deg,#c86f0c 0%,#ffb347 45%,#f7931a 70%,#b8620a 100%); --p-cta-ink:#1a0e02;
  --p-clock-ink:#ffb347; --p-run:linear-gradient(135deg,#c86f0c,#ffb347 50%,#c86f0c); --p-run-ink:#1a0e02;
  --p-av-b-ink:#ffb347;
  --p-phone-bg:radial-gradient(ellipse 120% 70% at 50% 0%,#2a1d10 0%,#0c0a07 60%,#050403 100%);
}

/* locked premium button in the theme picker (never applies the theme) */
.theme-picker [data-premium-theme="bitmap"]{position:relative;white-space:nowrap;cursor:pointer;opacity:.92}
.theme-picker [data-premium-theme="bitmap"] .gk-lock{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 6px;border-radius:2px;font-size:.72em;font-style:normal;letter-spacing:.04em;background:#f7931a;color:#1a0e02;font-family:Georgia,serif;vertical-align:middle}
.theme-picker [data-premium-theme="bitmap"] .gk-lock svg{width:.95em;height:.95em}
dialog.gk-premium{padding:0;border:0;background:transparent;max-width:min(94vw,520px)}
dialog.gk-premium::backdrop{background:rgba(5,4,3,.72)}
.gk-premium-inner{padding:18px;border-radius:6px;background:linear-gradient(160deg,#211d16,#0e0c09);color:#f6eed8;box-shadow:inset 0 0 0 1px rgba(247,147,26,.75),inset 0 0 0 4px transparent,inset 0 0 0 5px rgba(247,147,26,.25),0 24px 60px -16px rgba(0,0,0,.8);font-family:Georgia,serif;text-align:center}
.gk-premium-inner img{display:block;width:100%;height:auto;border-radius:3px;margin:0 0 14px}
.gk-premium-inner h2{margin:0 0 6px;font:400 26px/1.15 "Didot","Bodoni MT",Georgia,serif;color:#f6eed8}
.gk-premium-inner p{margin:0 0 14px;color:#d9c9a6;font-size:15px;line-height:1.4}
.gk-premium-inner .gk-price{display:inline-block;margin-bottom:14px;padding:4px 12px;border-radius:2px;background:#f7931a;color:#1a0e02;font-weight:700;letter-spacing:.06em}
.gk-premium-inner button{min-height:44px;padding:0 22px;border:1px solid rgba(247,147,26,.75);border-radius:2px;background:transparent;color:#f6eed8;font:600 15px Georgia,serif;cursor:pointer}

/* three theme buttons + two nav buttons: let the header wrap on mid-size screens (landscape phones, small laptops) */
@media (min-width:601px) and (max-width:1180px){
  html[data-skin^="p"] body .topbar{flex-wrap:wrap!important;height:auto!important;row-gap:8px!important}
  html[data-skin^="p"] body .header-right{flex-wrap:wrap!important;justify-content:flex-end!important;row-gap:8px!important;max-width:100%!important;margin-left:auto!important}
}

/* phones: three equal columns; Bitmap price sits on its own line inside the button (review #859) */
@media (max-width:600px){
  html[data-skin^="p"] body .header-right .theme-picker:has([data-premium-theme="bitmap"]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  html[data-skin^="p"] body .header-right .theme-picker:has([data-premium-theme="bitmap"]) button{min-width:0!important;min-height:48px!important;padding:4px 2px!important;white-space:normal!important;font-size:14px!important;line-height:1.15!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  html[data-skin^="p"] body .header-right .theme-picker [data-premium-theme="bitmap"] .gk-lock{margin:3px 0 0!important;padding:1px 4px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important;max-width:100%!important;box-sizing:border-box!important}
}
@media (max-width:360px){
  html[data-skin^="p"] body .header-right .theme-picker:has([data-premium-theme="bitmap"]) button{min-height:44px!important;padding:2px!important}
  html[data-skin^="p"] body .header-right .theme-picker [data-premium-theme="bitmap"] .gk-lock{margin-top:2px!important}
}