/* FolmioX V4.9.6: touch-first, fail-safe universe selector. Entirely scoped. */
html body dialog#fxUniverseDialog {
  box-sizing:border-box!important; position:fixed!important; inset:0!important;
  margin:auto!important; padding:0!important; border:1px solid rgba(106,161,241,.29)!important;
  display:none; width:min(800px,calc(100vw - 32px))!important; max-width:800px!important;
  max-height:min(88dvh,780px)!important; overflow-y:auto!important; overflow-x:hidden!important;
  border-radius:24px!important; background:#0a1530!important; color:#f1f7ff!important;
  box-shadow:0 24px 75px #000b!important; font:inherit!important;
}
html body dialog#fxUniverseDialog[open]{display:block!important}
html body dialog#fxUniverseDialog::backdrop{background:rgba(1,5,17,.82)!important;backdrop-filter:blur(10px)}
html body dialog#fxUniverseDialog .fx-universe-panel{
  box-sizing:border-box!important;width:100%;padding:clamp(18px,4vw,30px)!important;
  border:0!important;border-radius:24px!important;
  background:radial-gradient(ellipse at 92% -15%,rgba(99,88,239,.25),transparent 55%),linear-gradient(145deg,#0b1b37,#080f24)!important;
}
html body dialog#fxUniverseDialog .fx-universe-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}
html body dialog#fxUniverseDialog .fx-universe-top .eyebrow{font-size:11px!important;letter-spacing:.15em!important;color:#84e8fd!important}
html body dialog#fxUniverseDialog #fxUniverseClose{display:grid!important;place-items:center!important;flex-shrink:0!important;min-width:43px!important;min-height:43px!important;background:#152648!important;border:1px solid #35547c!important;border-radius:14px!important;color:white!important;font-size:25px!important}
html body dialog#fxUniverseDialog h2{margin:14px 0 8px!important;font-size:clamp(26px,5.8vw,36px)!important;line-height:1.14!important;color:#fff!important;letter-spacing:-.03em!important}
html body dialog#fxUniverseDialog p{font-size:clamp(13px,2.7vw,16px)!important;line-height:1.45!important;color:#b6c7e3!important;margin:0 0 18px!important}
html body dialog#fxUniverseDialog .fx-universe-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
html body dialog#fxUniverseDialog .fx-universe-grid button{
  appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:126px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;
  padding:13px!important;border-radius:16px!important;
  border:1px solid rgba(134,169,239,.25)!important;
  background:linear-gradient(145deg,#142442,#0b1831)!important;color:#f6faff!important;
  text-align:left!important;box-shadow:none!important;font:inherit!important;white-space:normal!important;
}
html body dialog#fxUniverseDialog .fx-universe-grid button[aria-pressed="true"]{border-color:#73d9ff!important;background:linear-gradient(140deg,#1e4569,#28205b)!important;box-shadow:0 0 0 2px #68d9fa45 inset!important}
html body dialog#fxUniverseDialog .fx-universe-grid .fx-universe-swatch{display:grid!important;place-items:center!important;flex-shrink:0!important;width:35px!important;height:35px!important;font-size:20px!important;border-radius:11px!important}
html body dialog#fxUniverseDialog .fx-universe-grid strong{display:block!important;font-weight:750!important;line-height:1.15!important;font-size:clamp(13px,2.4vw,16px)!important;color:#fff!important;overflow-wrap:anywhere}
html body dialog#fxUniverseDialog .fx-universe-grid small{display:block!important;color:#b6c9e0!important;font-size:11px!important;line-height:1.2!important;overflow-wrap:anywhere}
html body dialog#fxUniverseDialog .fx-universe-footer{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:18px 0 0!important;align-items:stretch!important}
html body dialog#fxUniverseDialog .fx-universe-footer button{appearance:none!important;box-sizing:border-box!important;min-height:48px!important;border-radius:14px!important;font:inherit!important;font-size:13px!important;font-weight:750!important}
html body dialog#fxUniverseDialog #fxUniverseLater{flex:1!important;background:#101f3a!important;color:#d2e8fb!important;border:1px solid #365173!important}
html body dialog#fxUniverseDialog #fxUniverseContinue{flex:2!important;min-width:0!important;background:linear-gradient(110deg,#19c4e7,#7756e7)!important;color:white!important;border:1px solid #6bd5f6aa!important}
.fx496-recent-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 4px 12px}
.fx496-recent-actions small{color:#9fb6d0;font-size:11px;margin-right:auto}
.fx496-recent-actions button{font:inherit;font-size:11px;font-weight:700;border:1px solid #34516c;border-radius:11px;background:#122743;color:#d1efff;padding:8px 10px;cursor:pointer}
.fx496-recent-actions button:hover{border-color:#4ddcff}
.fx496-install-guide{display:none;padding:12px 14px;border:1px solid #305478;border-radius:13px;background:rgba(9,29,53,.78);color:#a9c7db;font-size:12px;line-height:1.5}
.fx496-install-guide a{color:#7adfff}
.fx496-brand-note{margin-top:14px;color:#98afc9!important;font-size:11px!important;line-height:1.4!important}
.fx496-brand-note a{color:#82dff3!important;text-decoration:underline!important}
@media(max-width:900px){.fx496-install-guide{display:block}}
@media(max-width:680px){
 html,body{overflow-x:clip}
 html body dialog#fxUniverseDialog{width:calc(100vw - 22px)!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important}
 html body dialog#fxUniverseDialog .fx-universe-panel{padding:17px!important}
 html body dialog#fxUniverseDialog .fx-universe-grid button{min-height:104px!important;padding:11px!important}
 html body dialog#fxUniverseDialog h2{margin:10px 0 7px!important}
 html body dialog#fxUniverseDialog p{margin-bottom:14px!important}
 .fx496-recent-actions{gap:7px}
}
@media(max-width:365px){
 html body dialog#fxUniverseDialog .fx-universe-grid{grid-template-columns:1fr!important}
 html body dialog#fxUniverseDialog .fx-universe-grid button{min-height:60px!important;display:grid!important;grid-template-columns:36px 1fr!important;align-items:center!important}
 html body dialog#fxUniverseDialog .fx-universe-grid small{grid-column:2}
}
@media(prefers-reduced-motion:reduce){html body dialog#fxUniverseDialog *{transition:none!important;animation:none!important}}