/* Démo interactive TNT Box */
body { padding-top: 46px; }
.app { height: calc(100vh - 46px) !important; }
#demoBar { position: fixed; inset: 0 0 auto 0; height: 46px; z-index: 9999; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 0 18px;
  background: linear-gradient(90deg, #1b1230, #231034 55%, #3a1230); border-bottom: 1px solid rgba(255,255,255,.14); font-family: "Segoe UI", system-ui, sans-serif; color: #f1f1fa; }
#demoBar .tag { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; padding: 4px 10px; border-radius: 99px; background: linear-gradient(90deg, #35d6ff, #8a5cff, #ff4fa3); color: #0b0b14; }
#demoBar .msg { font-size: 13.5px; color: #cfcfe4; }
#demoBar .msg b { color: #fff; }
.demo-cta { display: inline-block; padding: 8px 16px; border-radius: 9px; background: #ff4b3a; color: #fff; font-weight: 700; font-size: 13px; text-decoration: none; letter-spacing: .03em; }
.demo-cta:hover { filter: brightness(1.1); }
.tb-btns, #btnChangeGame, .rf-change { display: none !important; }
#demoToast { position: fixed; left: 50%; bottom: 36px; transform: translate(-50%, 20px); z-index: 10000; max-width: 560px; padding: 12px 20px; border-radius: 12px; background: #1d1d2a; border: 1px solid rgba(255,176,46,.6); color: #ffd9a0; font: 600 14px "Segoe UI", system-ui, sans-serif; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; box-shadow: 0 14px 40px rgba(0,0,0,.55); }
#demoToast.show { opacity: 1; transform: translate(-50%, 0); }
#demoNarrow { display: none; position: fixed; inset: 46px 0 0 0; z-index: 9998; background: #0b0b14; align-items: center; justify-content: center; text-align: center; padding: 30px; color: #f1f1fa; font-family: "Segoe UI", system-ui, sans-serif; }
#demoNarrow.on { display: flex; }
#demoNarrow p { margin: 14px 0 22px; color: #a8a8c4; line-height: 1.5; }
@media (max-width: 760px) { #demoBar .msg { display: none; } }
#tbVer { display: none !important; }

/* sélecteur de jeux et écran de licence : jamais visibles dans la démo */
#screen-select, #screen-license { display: none !important; }
#demoLoading { position: fixed; inset: 46px 0 0 0; z-index: 9990; background: #0b0b14; display: flex; align-items: center; justify-content: center; text-align: center; color: #a8a8c4; font-family: "Segoe UI", system-ui, sans-serif; }
#demoLoading img { width: 110px; height: 110px; border-radius: 24px; box-shadow: 0 14px 40px rgba(0,0,0,.5); }
#demoLoading p { margin-top: 16px; font-size: 14px; letter-spacing: .06em; }