/* moving backgrounds (assets/bg/bg.js) */
#fbo-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#140a2c}
#fbo-bg[hidden]{display:none}
#fbo-bg video{width:100%;height:100%;object-fit:cover;display:block}
.fbo-bg__shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,4,24,.08) 30%,rgba(10,4,24,.55) 100%),linear-gradient(rgba(10,4,24,.35),rgba(10,4,24,0) 18%,rgba(10,4,24,0) 80%,rgba(10,4,24,.45))}
#scene{z-index:1}
.ui{z-index:2}
.bgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;overflow:auto;max-height:62vh;padding-bottom:4px}
.bgopt{position:relative;border:2px solid var(--line,#3a2482);border-radius:16px;overflow:hidden;padding:0;cursor:pointer;background:#28165c;aspect-ratio:16/10;color:#fff}
.bgopt img,.bgopt__plain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bgopt__plain{background:radial-gradient(circle at 50% 40%,#7b2cff,#2a1258 70%,#140a2c)}
.bgopt span{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;font:700 .95rem 'Fredoka',sans-serif;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.bgopt[aria-pressed="true"]{border-color:var(--neon,#eeff41);box-shadow:0 0 0 2px var(--neon,#eeff41)}