html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%}
html,body,#root{min-height:100%;background:#05070d;color:#e6f0ff}
#root{width:100%;max-width:100vw;overflow-x:hidden}
/* Auto-detecta Android/iOS e ajusta proporção base */
html.bsc-mobile body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#bsc-boot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#0a1226 0%,#05070d 70%);transition:opacity .35s ease}
#bsc-boot.hide{opacity:0;pointer-events:none}
/* Failsafe: mesmo se nenhum JS rodar, o splash some sozinho. */
#bsc-boot{animation:bsckill 0s linear 2s forwards}
@keyframes bsckill{to{opacity:0;visibility:hidden;pointer-events:none}}
#bsc-boot .wrap{position:relative;width:192px;height:192px;display:flex;align-items:center;justify-content:center}
#bsc-boot .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(56,128,255,.2);border-top-color:#3880ff;box-shadow:0 0 28px rgba(56,128,255,.45),inset 0 0 18px rgba(56,128,255,.25);animation:bscspin 1.1s linear infinite}
#bsc-boot img{width:144px;height:144px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(59,130,246,.6))}
#bsc-boot .name{font-family:Rajdhani,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.42em;color:rgba(122,167,255,.85);text-transform:uppercase}
@keyframes bscspin{to{transform:rotate(360deg)}}