/* bdils.com theme skin: RETRO (v4, 16-bit). Scope html[data-theme="retro"]. Apollo.
   Language set by Zephyrus on (SMW-style menus and inventory screens, recreated, nothing copied).
   Rules (Brian's Retro a11y note, all enforced here):
   - 4px pixel grid (--bd-px). Hard outlines, 2-tone bevels, hard offset shadows. No radius, no blur, no AA tricks.
   - Pixel font (Press Start 2P, OFL) for headings, HUD labels and buttons only, never below 12px CSS (= 16px equiv at 2x scale).
   - Body copy and case text: system sans at 17px, line-height 1.65. All text is real DOM text.
   - Every text/plate pair is AA or better (see tokens.css header). Parallax background sits behind solid plates only.
   - Focus: 4px yellow ring + 4px outline ink. Motion: steps(4). prefers-reduced-motion stops blink/parallax. */
html[data-theme="retro"]{
  --rt-ol:#140a10; --rt-navy:#20214e; --rt-navy-hi:#4a4c9a; --rt-navy-sh:#111030; --rt-cream:#fbf1d6; --rt-yel:#f9d423; --rt-yel-hi:#fff39a;
  --rt-org:#ff8a1f; --rt-org-hi:#ffc266; --rt-org-dk:#b8500a; --rt-grn:#44c654; --rt-grn-dk:#1c7a30; --rt-blu-hi:#8ccaff; --rt-red-hi:#ff8a7a;
  --rt-frame:inset var(--bd-px) var(--bd-px) 0 var(--rt-navy-hi),inset calc(var(--bd-px) * -1) calc(var(--bd-px) * -1) 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-cream),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol);
  --rt-frame-in:inset var(--bd-px) var(--bd-px) 0 var(--rt-navy-sh),inset calc(var(--bd-px) * -1) calc(var(--bd-px) * -1) 0 var(--rt-navy-hi),0 0 0 var(--bd-px) var(--rt-cream);
}
[data-theme="retro"] *{border-radius:0!important}
[data-theme="retro"] .bd-root{background:var(--bd-bg);image-rendering:pixelated}
[data-theme="retro"] .bd-root a{color:var(--rt-blu-hi);text-decoration-thickness:2px;text-underline-offset:3px}
[data-theme="retro"] .bd-root a:hover{color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-display,[data-theme="retro"] .bd-h1,[data-theme="retro"] .bd-h2,[data-theme="retro"] .bd-h3,[data-theme="retro"] .bd-card__title,[data-theme="retro"] .bd-event__name,[data-theme="retro"] .bd-quote__text{font-family:var(--bd-p-pixel);font-weight:400;line-height:1.5;letter-spacing:0;text-shadow:var(--bd-px) var(--bd-px) 0 var(--rt-ol)}
[data-theme="retro"] .bd-h3,[data-theme="retro"] .bd-card__title{font-size:13px;color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-quote__text{font-size:clamp(13px,1.3vw,16px);line-height:1.7}
[data-theme="retro"] .bd-kicker,[data-theme="retro"] .bd-label,[data-theme="retro"] .bd-tag,[data-theme="retro"] .bd-event__date,[data-theme="retro"] .bd-flag{font-family:var(--bd-p-pixel);font-size:12px;letter-spacing:0;text-transform:uppercase;line-height:1.4}
[data-theme="retro"] .bd-kicker{color:var(--rt-yel)}[data-theme="retro"] .bd-kicker::before{width:8px;height:8px;background:var(--rt-yel)}
[data-theme="retro"] .bd-lead,[data-theme="retro"] .bd-body,[data-theme="retro"] .bd-card__sum,[data-theme="retro"] .bd-help,[data-theme="retro"] .bd-modal__lede,[data-theme="retro"] .bd-tile p{color:var(--rt-cream);font-family:var(--bd-sans)}
[data-theme="retro"] .bd-small,[data-theme="retro"] .bd-fg-3{color:#d9cfb8}
/* pixel frame: the one panel style for every plate */
[data-theme="retro"] .bd-card,[data-theme="retro"] .bd-tile,[data-theme="retro"] .bd-quote,[data-theme="retro"] .s-formcard,[data-theme="retro"] .s-case__meta,[data-theme="retro"] .s-case__proof li,[data-theme="retro"] .bd-acc,[data-theme="retro"] .bd-modal,[data-theme="retro"] .bd-stylemenu,[data-theme="retro"] .bd-soundmenu,[data-theme="retro"] .bd-toast,[data-theme="retro"] .s-hero__plate{background:var(--rt-navy);box-shadow:var(--rt-frame);margin:var(--bd-px)}
[data-theme="retro"] .bd-card:hover,[data-theme="retro"] .bd-tile:hover{translate:0 0;box-shadow:inset var(--bd-px) var(--bd-px) 0 var(--rt-navy-hi),inset calc(var(--bd-px) * -1) calc(var(--bd-px) * -1) 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-yel),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .bd-card__media{background:repeating-linear-gradient(90deg,var(--rt-navy) 0 12px,var(--rt-navy-sh) 12px 24px);border-bottom:var(--bd-px) solid var(--rt-cream)}
[data-theme="retro"] .bd-card__media .bd-tag--lock{background:var(--rt-navy-sh);color:var(--rt-yel);box-shadow:0 0 0 2px var(--rt-yel)}
[data-theme="retro"] .bd-card__media .bd-flag{background:var(--rt-navy-sh)}
[data-theme="retro"] .bd-tile__ico{background:var(--rt-navy-sh);color:var(--rt-yel);box-shadow:inset 2px 2px 0 var(--rt-navy-hi),0 0 0 2px var(--rt-cream)}
[data-theme="retro"] .bd-tile__ico svg{stroke-width:2.5}
[data-theme="retro"] .s-sec{border-top:var(--bd-px) solid var(--rt-navy)}
[data-theme="retro"] .s-sec--band{background:var(--bd-bg-2)}
/* buttons: bordered pixel keys */
[data-theme="retro"] .bd-btn{font:12px/1 var(--bd-p-pixel);height:auto;min-height:44px;padding:14px 16px 12px;background:var(--rt-navy);color:var(--rt-cream);box-shadow:inset 3px 3px 0 var(--rt-navy-hi),inset -3px -3px 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-ol),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol);transition:none;margin:var(--bd-px)}
[data-theme="retro"] .bd-btn:hover{background:var(--rt-navy-hi);color:#fff}
[data-theme="retro"] .bd-btn:active,[data-theme="retro"] .bd-btn.is-active{transform:translate(var(--bd-px),var(--bd-px));box-shadow:inset 3px 3px 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .bd-btn:focus-visible{box-shadow:inset 3px 3px 0 var(--rt-navy-hi),inset -3px -3px 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-ol),var(--bd-ring)}
[data-theme="retro"] .bd-btn--primary{background:var(--rt-org);color:#1a1022;box-shadow:inset 3px 3px 0 var(--rt-org-hi),inset -3px -3px 0 var(--rt-org-dk),0 0 0 var(--bd-px) var(--rt-ol),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .bd-btn--primary:hover{background:var(--rt-org-hi);color:#1a1022}
[data-theme="retro"] .bd-btn--primary:active,[data-theme="retro"] .bd-btn--primary.is-active{box-shadow:inset 3px 3px 0 var(--rt-org-dk),0 0 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .bd-btn:disabled,[data-theme="retro"] .bd-btn--primary:disabled{background:var(--rt-navy-sh);color:#a79e8d;box-shadow:0 0 0 var(--bd-px) var(--rt-navy-hi);transform:none}
[data-theme="retro"] .bd-btn--ghost{background:none;box-shadow:none;color:var(--rt-cream)}
[data-theme="retro"] .bd-btn--ghost:hover{background:var(--rt-navy);color:#fff}
[data-theme="retro"] .bd-btn--sm{font-size:12px;min-height:40px;padding:11px 12px 9px}
[data-theme="retro"] .bd-btn.is-loading::after{border-radius:0;border:0;width:16px;height:16px;background:conic-gradient(var(--rt-yel) 0 25%,transparent 25% 50%,var(--rt-yel) 50% 75%,transparent 75%);animation:bd-spin 800ms steps(4,end) infinite}
/* fields: a dark inset slot with a cream outline */
[data-theme="retro"] .bd-input,[data-theme="retro"] .bd-textarea,[data-theme="retro"] .bd-select{background:var(--rt-navy-sh);color:var(--rt-cream);box-shadow:var(--rt-frame-in);font-size:17px;padding:12px 14px;margin:var(--bd-px)}
[data-theme="retro"] .bd-input::placeholder,[data-theme="retro"] .bd-textarea::placeholder{color:#a79e8d}
[data-theme="retro"] .bd-input:focus,[data-theme="retro"] .bd-textarea:focus,[data-theme="retro"] .bd-select:focus{box-shadow:var(--rt-frame-in),var(--bd-ring)}
[data-theme="retro"] .bd-field.is-error .bd-input,[data-theme="retro"] .bd-field.is-error .bd-textarea{box-shadow:inset var(--bd-px) var(--bd-px) 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-red-hi)}
[data-theme="retro"] .bd-error{color:var(--rt-red-hi);font-family:var(--bd-sans)}
[data-theme="retro"] .bd-help{color:#d9cfb8}
[data-theme="retro"] .bd-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges' fill='%23fbf1d6'%3E%3Cpath d='M0 2h8v1H0zM1 3h6v1H1zM2 4h4v1H2zM3 5h2v1H3z'/%3E%3C/svg%3E");background-size:16px 16px}
[data-theme="retro"] .bd-check .box,[data-theme="retro"] .bd-radio .box{width:20px;height:20px;background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-ol)}
[data-theme="retro"] .bd-check input:checked+.box,[data-theme="retro"] .bd-check.is-on .box,[data-theme="retro"] .bd-radio input:checked+.box{background:var(--rt-grn-dk);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-grn)}
[data-theme="retro"] .bd-check .box svg{stroke:#fff;stroke-width:3}
[data-theme="retro"] .bd-switch .track{width:48px;height:24px;background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-ol);transition:none}
[data-theme="retro"] .bd-switch .track::after{width:16px;height:16px;top:4px;left:4px;background:var(--rt-cream);box-shadow:inset -2px -2px 0 #cdb98f;transition:translate var(--bd-dur-fast) steps(2,end)}
[data-theme="retro"] .bd-switch input:checked+.track,[data-theme="retro"] .bd-switch.is-on .track{background:var(--rt-grn-dk);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-grn)}
[data-theme="retro"] .bd-switch input:checked+.track::after,[data-theme="retro"] .bd-switch.is-on .track::after{translate:24px 0}
[data-theme="retro"] .bd-seg{background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream);padding:4px;gap:4px}
[data-theme="retro"] .bd-seg>*{font:11px/1 var(--bd-p-pixel);color:var(--rt-cream);min-height:36px;padding:0 12px}
[data-theme="retro"] .bd-seg>[aria-selected="true"],[data-theme="retro"] .bd-seg>[aria-pressed="true"],[data-theme="retro"] .bd-seg>[aria-checked="true"],[data-theme="retro"] .bd-seg>.is-on{background:var(--rt-org);color:#1a1022;box-shadow:inset 2px 2px 0 var(--rt-org-hi),inset -2px -2px 0 var(--rt-org-dk)}
[data-theme="retro"] .bd-chip{font:11px/1 var(--bd-p-pixel);background:var(--rt-navy-sh);color:var(--rt-cream);box-shadow:0 0 0 2px var(--rt-navy-hi);height:32px;padding:0 10px}
[data-theme="retro"] .bd-chip.is-on,[data-theme="retro"] .bd-chip--choice:has(input:checked){background:var(--rt-grn-dk);box-shadow:0 0 0 2px var(--rt-grn);color:#fff}
[data-theme="retro"] .bd-tag{background:var(--rt-navy-sh);color:var(--rt-cream);box-shadow:0 0 0 2px var(--rt-navy-hi);height:26px;font-size:11px}
[data-theme="retro"] .bd-tag--accent{color:var(--rt-yel)}
[data-theme="retro"] .bd-slider .rail{height:12px;background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-ol)}
[data-theme="retro"] .bd-slider .fill{background:repeating-linear-gradient(90deg,var(--rt-org) 0 8px,var(--rt-org-hi) 8px 12px)}
[data-theme="retro"] .bd-slider .thumb{width:20px;height:24px;margin:-12px 0 0 -10px;background:var(--rt-cream);box-shadow:0 0 0 2px var(--rt-ol),inset -3px -3px 0 #cdb98f}
[data-theme="retro"] .bd-stepper{background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream)}
[data-theme="retro"] .bd-stepper button{color:var(--rt-yel)}[data-theme="retro"] .bd-stepper output{font-family:var(--bd-p-pixel);font-size:12px;color:var(--rt-yel-hi);border-color:var(--rt-navy-hi)}
[data-theme="retro"] .bd-progress{height:16px;background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-cream),inset 2px 2px 0 var(--rt-ol)}
[data-theme="retro"] .bd-progress>i{background:repeating-linear-gradient(90deg,var(--rt-grn) 0 8px,#9af07a 8px 12px);transition:width var(--bd-dur-slow) steps(8,end)}
[data-theme="retro"] .bd-meter i{background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-navy-hi)}[data-theme="retro"] .bd-meter i.on{background:var(--rt-grn);box-shadow:0 0 0 2px var(--rt-navy-hi)}[data-theme="retro"] .bd-meter i.on.hot{background:var(--rt-red-hi)}
[data-theme="retro"] .bd-kbd{background:var(--rt-navy);color:var(--rt-cream);box-shadow:0 0 0 2px var(--rt-cream),2px 2px 0 2px var(--rt-ol);font-family:var(--bd-p-pixel);font-size:11px}
[data-theme="retro"] .bd-avatar{background:var(--rt-org);color:#1a1022;box-shadow:0 0 0 2px var(--rt-cream);font-family:var(--bd-p-pixel);font-size:10px}
[data-theme="retro"] .bd-badge{background:var(--rt-yel);color:#1a1022;font-family:var(--bd-p-pixel);font-size:10px;box-shadow:0 0 0 2px var(--rt-ol)}
[data-theme="retro"] .bd-rating svg{fill:var(--rt-navy-sh);stroke:var(--rt-cream);stroke-width:2}[data-theme="retro"] .bd-rating svg.on{fill:var(--rt-yel);stroke:var(--rt-ol)}
[data-theme="retro"] .bd-skeleton{background:repeating-linear-gradient(90deg,var(--rt-navy-sh) 0 8px,var(--rt-navy) 8px 16px);animation:none}
[data-theme="retro"] .bd-spinner{border:0;background:conic-gradient(var(--rt-yel) 0 25%,transparent 25% 50%,var(--rt-yel) 50% 75%,transparent 75%);animation-timing-function:steps(4,end)}
[data-theme="retro"] .bd-tip__bubble{background:var(--rt-navy-sh);color:var(--rt-cream);box-shadow:0 0 0 2px var(--rt-cream),2px 2px 0 2px var(--rt-ol);font-family:var(--bd-p-pixel);font-size:10px;padding:8px 10px}
[data-theme="retro"] .bd-tip__bubble::after{border:0;width:8px;height:4px;margin-left:-4px;background:var(--rt-cream)}
[data-theme="retro"] .bd-alert{background:var(--rt-navy-sh);box-shadow:0 0 0 2px var(--rt-yel);color:var(--rt-cream)}
[data-theme="retro"] .bd-alert--error{box-shadow:0 0 0 2px var(--rt-red-hi)}
[data-theme="retro"] .bd-acc summary{font:12px/1.4 var(--bd-p-pixel);color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-acc>details+details{border-top:var(--bd-px) solid var(--rt-navy-sh)}
[data-theme="retro"] .bd-acc .bd-acc__body{color:var(--rt-cream)}
[data-theme="retro"] .bd-tabs{border-bottom:var(--bd-px) solid var(--rt-navy-hi)}
[data-theme="retro"] .bd-tabs>*{font:11px/1 var(--bd-p-pixel);color:var(--rt-cream)}
[data-theme="retro"] .bd-tabs>[aria-selected="true"]::after{height:4px;background:var(--rt-yel)}
[data-theme="retro"] .bd-crumbs,[data-theme="retro"] .bd-pager .bd-btn{font-family:var(--bd-sans)}
[data-theme="retro"] .bd-pager .bd-btn{min-height:36px;padding:8px 10px;font:11px/1 var(--bd-p-pixel)}
/* nav: top HUD strip */
[data-theme="retro"] .bd-nav{background:var(--bd-bg);border-bottom:var(--bd-px) solid var(--rt-navy);backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="retro"] .bd-nav.is-scrolled{background:var(--bd-bg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
[data-theme="retro"] .bd-wordmark{font:16px/1 var(--bd-p-pixel);color:var(--rt-cream);letter-spacing:0}
[data-theme="retro"] .bd-wordmark i{background:var(--rt-org);rotate:0deg;width:10px;height:10px}
@keyframes rt-blink{50%{opacity:0}}
[data-theme="retro"] .bd-nav__link{font:12px/1 var(--bd-p-pixel);color:var(--rt-cream);padding:0 10px}
[data-theme="retro"] .bd-nav__link:hover,[data-theme="retro"] .bd-nav__link[aria-current="true"]{color:var(--rt-yel-hi);background:none}
[data-theme="retro"] .bd-nav__link[aria-current="true"]::before{content:"\25B6";margin-right:6px;color:var(--rt-yel)}
/* hero: the sky, a solid text plate, no container around the field */
[data-theme="retro"] .s-hero__ground{background:linear-gradient(180deg,#07082a 0%,#10123f 60%,#1a1a50 100%)}
[data-theme="retro"] .s-hero__ground::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,var(--rt-cream) 0 2px,transparent 3px),radial-gradient(circle at 68% 12%,var(--rt-cream) 0 1px,transparent 2px),radial-gradient(circle at 84% 34%,var(--rt-cream) 0 2px,transparent 3px),radial-gradient(circle at 40% 8%,var(--rt-cream) 0 1px,transparent 2px),radial-gradient(circle at 92% 70%,var(--rt-cream) 0 1px,transparent 2px);opacity:.7}
[data-theme="retro"] .s-hero__ground::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(90deg,#1c7a30 0 32px,#22903a 32px 64px);border-top:var(--bd-px) solid #9af07a;mask:linear-gradient(180deg,#000,transparent)}
[data-theme="retro"] .s-hero__clearing{display:none}
[data-theme="retro"] .s-hero__plate{background:var(--rt-navy-sh);padding:28px 32px;display:grid;gap:16px;max-width:600px}
[data-theme="retro"] .s-hero__plate .bd-display{font-size:clamp(18px,1.8vw,24px);color:var(--rt-cream)}
[data-theme="retro"] .s-hero__plate .bd-lead{font-size:17px}
[data-theme="retro"] .s-hero__hint{color:var(--rt-yel);font:11px/1.4 var(--bd-p-pixel);background:var(--rt-navy-sh);border:var(--bd-px) solid var(--rt-yel);padding:10px 14px;left:var(--bd-gutter);bottom:28px}
[data-theme="retro"] .s-hero__hint i{display:none}
[data-theme="retro"] .pc{filter:none}
[data-theme="retro"] .pc .bd-slider,[data-theme="retro"] .pc-plate,[data-theme="retro"] .pc-datepick,[data-theme="retro"] .pc-color{background:var(--rt-navy);box-shadow:var(--rt-frame)}
[data-theme="retro"] .pc-knob{background:conic-gradient(from 220deg,var(--rt-org) 0 var(--a,55%),var(--rt-navy-sh) var(--a,55%) 100%);box-shadow:0 0 0 var(--bd-px) var(--rt-cream),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .pc-knob::before{background:var(--rt-navy);box-shadow:inset 3px 3px 0 var(--rt-navy-hi),inset -3px -3px 0 var(--rt-navy-sh)}
[data-theme="retro"] .pc-knob::after{background:var(--rt-yel)}
/* control bar: HUD strip */
[data-theme="retro"] .bd-bar{background:var(--rt-navy-sh);box-shadow:0 0 0 var(--bd-px) var(--rt-cream),var(--bd-px) var(--bd-px) 0 var(--bd-px) var(--rt-ol);padding:6px;gap:6px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:translate .2s steps(4,end)}
[data-theme="retro"] .bd-bar__sep{width:var(--bd-px);background:var(--rt-navy)}
[data-theme="retro"] .bd-bar__btn{background:var(--rt-navy);color:var(--rt-cream);box-shadow:inset 2px 2px 0 var(--rt-navy-hi),inset -2px -2px 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-ol);min-width:76px;height:58px;transition:none}
@media (max-width:860px){[data-theme="retro"] .bd-bar__btn{min-width:48px;height:52px}[data-theme="retro"] .bd-bar{gap:2px}}
@media (max-width:400px){[data-theme="retro"] .s-hero__cta .bd-btn,[data-theme="retro"] .bd-card__foot .bd-btn{white-space:normal;height:auto;min-height:44px;padding-block:10px;text-align:left}}   /* E1: pixel-font labels wrap instead of running 12-48px past a 320px screen */   /* S1: labels are hidden on phones; 76px pixel keys pushed Scatter and Go crazy off-screen */
[data-theme="retro"] .bd-bar__btn .lbl{font:10px/1 var(--bd-p-pixel);color:var(--rt-cream)}
[data-theme="retro"] .bd-bar__btn svg{stroke-width:2.5;width:18px;height:18px}
[data-theme="retro"] .bd-bar__btn:hover{background:var(--rt-navy-hi);color:#fff}
[data-theme="retro"] .bd-bar__btn:active,[data-theme="retro"] .bd-bar__btn.is-busy{background:var(--rt-org);color:#1a1022;transform:translate(1px,1px);box-shadow:inset 2px 2px 0 var(--rt-navy-sh)}
[data-theme="retro"] .bd-bar__btn.is-busy .lbl,[data-theme="retro"] .bd-bar__btn[aria-pressed="true"] .lbl{color:inherit}
[data-theme="retro"] .bd-bar__btn[aria-pressed="true"],[data-theme="retro"] .bd-bar__btn[aria-expanded="true"]{background:var(--rt-grn-dk);color:#fff;box-shadow:inset 2px 2px 0 var(--rt-grn),inset -2px -2px 0 var(--rt-navy-sh),0 0 0 var(--bd-px) var(--rt-ol)}
[data-theme="retro"] .bd-bar__btn[aria-pressed="false"].is-sound .lbl{text-decoration:line-through;text-decoration-thickness:2px}
[data-theme="retro"] .bd-bar__btn:focus-visible{box-shadow:inset 2px 2px 0 var(--rt-navy-hi),inset -2px -2px 0 var(--rt-navy-sh),var(--bd-ring)}
[data-theme="retro"] .bd-bar__btn--style .txt .lbl{color:#c9bfd2}[data-theme="retro"] .bd-bar__btn--style[aria-expanded="true"] .txt .lbl{color:#fff}[data-theme="retro"] .bd-bar__btn--style .txt .val{font:10px/1 var(--bd-p-pixel);color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-bar__btn--style .swatch{box-shadow:0 0 0 2px var(--rt-cream)}
[data-theme="retro"] .bd-bar__btn--crazy{color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-stylemenu,[data-theme="retro"] .bd-soundmenu{background:var(--rt-navy-sh);padding:4px}
[data-theme="retro"] .bd-stylemenu__head,[data-theme="retro"] .bd-stylemenu__foot{font:10px/1.4 var(--bd-p-pixel);color:#c9bfd2}
[data-theme="retro"] .bd-styleopt .nm{font:11px/1.4 var(--bd-p-pixel);color:var(--rt-cream)}[data-theme="retro"] .bd-styleopt .nm small{font:14px/1.3 var(--bd-sans);color:#c9bfd2}
[data-theme="retro"] .bd-styleopt:hover,[data-theme="retro"] .bd-styleopt[aria-checked="true"]{background:var(--rt-navy);color:#fff}
[data-theme="retro"] .bd-styleopt[aria-checked="true"] .nm{color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-styleopt .chk{color:var(--rt-yel)}
/* modal and footer */
[data-theme="retro"] .bd-scrim{backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="retro"] .bd-modal{padding:28px}
[data-theme="retro"] .bd-modal__head .bd-h2{font-size:14px;color:var(--rt-yel-hi)}
[data-theme="retro"] .bd-modal__lock{background:var(--rt-org);color:#1a1022;box-shadow:0 0 0 2px var(--rt-cream)}
[data-theme="retro"] .bd-tick{background:var(--rt-grn);color:#1a1022;box-shadow:0 0 0 2px var(--rt-cream)}
[data-theme="retro"] .bd-modal.is-shake{animation:bd-shake 320ms steps(4,end)}
[data-theme="retro"] .bd-logo img{opacity:.85}
[data-theme="retro"] .bd-logo:hover{background:var(--rt-navy);box-shadow:0 0 0 2px var(--rt-navy-hi)}
[data-theme="retro"] .bd-event{border-color:var(--rt-navy-hi)}
[data-theme="retro"] .s-foot{background:var(--bd-bg);border-top:var(--bd-px) solid var(--rt-navy)}
[data-theme="retro"] .s-foot nav a{font:11px/1 var(--bd-p-pixel);color:var(--rt-cream)}
[data-theme="retro"] .s-foot nav a:hover{color:var(--rt-yel-hi);background:none}
[data-theme="retro"] .bd-skip{background:var(--rt-yel);color:#1a1022;font:12px var(--bd-p-pixel)}
@media (prefers-reduced-motion:reduce){[data-theme="retro"] .bd-wordmark i,[data-theme="retro"] .s-hero__hint{animation:none}}

[data-theme="retro"] .bd-affix>.bd-i{left:12px}[data-theme="retro"] .bd-affix .bd-input{padding-left:38px}
[data-theme="retro"] .bd-avatars{gap:4px}[data-theme="retro"] .bd-avatars .bd-avatar+.bd-avatar{margin-left:0}

[data-theme="retro"] .bd-slider.is-disabled .bd-label,[data-theme="retro"] .bd-slider.is-disabled .bd-slider__val,[data-theme="retro"] .bd-slider.is-disabled{opacity:1;color:#bfb5a2}

/* focus must beat the theme reset above */
[data-theme="retro"] .bd-btn--ghost:focus-visible,[data-theme="retro"] .bd-btn--ghost.is-focus{box-shadow:var(--bd-ring)}
[data-theme="retro"] .bd-btn:focus-visible,[data-theme="retro"] .bd-btn.is-focus{box-shadow:var(--bd-ring)}

[data-theme="retro"] body,[data-theme="retro"]{overflow-x:clip}
[data-theme="retro"] .bd-btn--block,[data-theme="retro"] .bd-input,[data-theme="retro"] .bd-textarea,[data-theme="retro"] .bd-select{width:calc(100% - 2 * var(--bd-px))}
/* F1b: retro's universal .bd-btn margin (--bd-px, the pixel-frame gutter) reads as the same
   specificity as components.css's stacked-modal-actions margin reset and loses on source order,
   leaving the 4px gutter inside a width:100% button so it overflows its own modal by 2*bd-px.
   Zero it back out in the one context where the button is forced to span its container. */
@media (max-width:640px){[data-theme="retro"] .bd-modal__actions .bd-btn{margin:0}}