/* Notifications bas-gauche — masquables */
#fg-notify-tray{
  position:fixed;left:14px;bottom:14px;z-index:60;width:min(320px,calc(100vw - 28px));
  pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;
}
#fg-notify-tray.show{opacity:1;transform:none;pointer-events:auto}
#fg-notify-tray.fg-notify-hidden .fg-notify-head,
#fg-notify-tray.fg-notify-hidden .fg-notify-list{display:none}
.fg-notify-head{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:6px 10px;margin-bottom:6px;border-radius:10px;
  background:rgba(8,14,10,.78);border:1px solid rgba(159,212,138,.28);color:#cfe3cb;
  font:600 .68rem/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase
}
.fg-notify-head button,.fg-notify-peek{
  pointer-events:auto;background:transparent;border:1px solid rgba(180,200,170,.35);
  color:#d8e8d4;border-radius:999px;padding:.25rem .55rem;cursor:pointer;font:500 .7rem/1 "DM Sans",sans-serif
}
.fg-notify-peek{margin-top:4px}
.fg-notify-list{display:flex;flex-direction:column;gap:6px;max-height:42vh;overflow:auto}
.fg-notify-item{
  display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;
  padding:8px 10px;border-radius:12px;background:rgba(8,14,10,.82);
  border:1px solid rgba(159,212,138,.22);color:#e8f2e6;font:500 .8rem/1.35 "DM Sans",sans-serif;
  box-shadow:0 8px 28px rgba(0,0,0,.35);transition:opacity .5s
}
.fg-notify-item.fade{opacity:0}
.fg-notify-item b{font-size:.65rem;letter-spacing:.08em;color:#8fb88a;padding-top:2px}
.fg-notify-item.tone-warn{border-color:rgba(255,160,100,.4)}
.fg-notify-item.tone-warn b{color:#ffb080}
.fg-notify-item.tone-good,.fg-notify-item.tone-gain{border-color:rgba(140,220,140,.45)}
.fg-notify-item.tone-cine{border-color:rgba(180,200,255,.35)}
.fg-notify-item.tone-cine b{color:#a8b8e8}

/* Cinéma / aventure — letterbox + HUD film */
#fg-cinema-letterbox{pointer-events:none;position:absolute;inset:0;z-index:28;opacity:0;transition:opacity .5s}
#fg-cinema-letterbox.on{opacity:1}
#fg-cinema-letterbox i{position:absolute;left:0;right:0;height:11%;background:#050805}
#fg-cinema-letterbox i:first-child{top:0}
#fg-cinema-letterbox i:last-child{bottom:0}

#fg-cinema-hud{
  position:absolute;inset:0;z-index:29;pointer-events:none;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:12% 5% 12%;color:#f2f7f0;text-shadow:0 1px 3px rgba(0,0,0,.75)
}
#fg-cinema-hud[hidden]{display:none!important}
.fg-cin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:auto}
.fg-cin-titles span{font-size:.78rem;letter-spacing:.01em;opacity:.8}
.fg-cin-titles strong{display:block;font:600 1.2rem/1.2 "Space Grotesk",sans-serif;margin-top:2px}
.fg-cin-top-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.fg-cin-top-actions button,.fg-cin-controls button,.fg-cin-peek{
  pointer-events:auto;background:rgba(10,18,12,.65);border:1px solid rgba(200,220,190,.3);
  color:#eef6ea;border-radius:999px;padding:.35rem .7rem;cursor:pointer;font:500 .75rem/1 "DM Sans",sans-serif
}
.fg-cin-sub{
  max-width:36rem;margin:0 auto;text-align:center;font:500 1.05rem/1.45 "DM Sans",sans-serif;
  background:rgba(6,12,8,.5);padding:.7rem 1rem;border-radius:12px
}
.fg-cin-ledger{
  max-width:36rem;margin:.45rem auto 0;text-align:left;
  font:600 .95rem/1.3 "Space Grotesk",sans-serif;color:#e7c27a;
  text-shadow:0 1px 2px rgba(20,12,4,.85)
}
.fg-cin-progress{height:2px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin:10px auto 0;max-width:240px}
.fg-cin-progress i{display:block;height:100%;width:0;background:rgba(159,212,138,.75);transition:width .12s linear}
.fg-cin-controls{display:flex;gap:8px;justify-content:center;pointer-events:auto;margin-top:10px}
.fg-cin-peek{position:absolute;top:12%;right:4%;z-index:30}

/* UI film masquée : ne garde que letterbox + sous-titre discret */
#fg-cinema-hud.fg-cin-ui-hidden .fg-cin-top,
#fg-cinema-hud.fg-cin-ui-hidden .fg-cin-controls,
#fg-cinema-hud.fg-cin-ui-hidden .fg-cin-progress{display:none}
#fg-cinema-hud.fg-cin-ui-hidden .fg-cin-sub{
  background:transparent;font-size:.92rem;opacity:.92;max-width:28rem
}

/* Aventure : HUD allégé — sauf si l’utilisateur a forcé « Afficher HUD » */
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-dock,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-sidebar,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-hud-metrics,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-resource-grid,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-bottom-grid,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-world-overlay,
body.fg-adventure.fg-playing:not(.fg-chrome-forced-show) .fg-scene-cam-bar{opacity:.0;pointer-events:none;transition:opacity .4s}
body.fg-adventure .fg-alert{opacity:0!important;height:0;overflow:hidden;padding:0;margin:0;border:0}
body.fg-adventure #fg-avi-toasts{display:none!important}
body.fg-cinema .fg-world{box-shadow:inset 0 0 0 1px rgba(159,212,138,.12)}

#fg-immerse-dialogue{left:50%;bottom:16%;transform:translateX(-50%)}
body.fg-cinema #fg-immerse-dialogue{bottom:20%}

@media (max-width:720px){
  #fg-notify-tray{left:8px;bottom:8px;width:calc(100vw - 16px)}
  .fg-cin-sub{font-size:.88rem}
}