.avm-photoreal { --cyan:#8cfcff; --red:#ff4b50; --gold:#ffd95d; }
.avm-photoreal .game-shell { background:#050709; }
.avm-photoreal .topbar {
  background:linear-gradient(90deg,rgba(6,28,38,.92),rgba(8,10,13,.95) 50%,rgba(38,8,10,.92)),linear-gradient(180deg,#20272b,#080a0c);
  border-bottom-color:rgba(255,255,255,.22);
  box-shadow:0 8px 28px rgba(0,0,0,.55),inset 0 -1px rgba(255,255,255,.08);
}
.reality-badge {
  position:absolute; left:50%; transform:translateX(-50%);
  color:#f7f0d8; letter-spacing:.19em; border:1px solid rgba(255,217,93,.5);
  background:linear-gradient(180deg,rgba(54,47,21,.85),rgba(18,16,11,.85));
  padding:6px 10px; font-size:7px; font-weight:900;
  box-shadow:inset 0 0 12px rgba(255,217,93,.12),0 0 18px rgba(255,217,93,.08);
}
.avm-photoreal .arena-wrap {
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18)),url("level-4-arena.webp") center/cover no-repeat;
  box-shadow:inset 0 0 110px rgba(0,0,0,.5);
}
.avm-photoreal .arena-wrap::before {
  opacity:.16;
  background:linear-gradient(90deg,rgba(74,224,255,.08),transparent 24%,transparent 76%,rgba(255,61,66,.08)),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 5px);
  mix-blend-mode:screen;
}
.avm-photoreal .arena-wrap::after {
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:radial-gradient(circle at 12% 48%,rgba(57,219,255,.16),transparent 24%),radial-gradient(circle at 88% 44%,rgba(255,44,51,.14),transparent 25%),linear-gradient(180deg,rgba(0,0,0,.17),transparent 28%,transparent 70%,rgba(0,0,0,.3));
  box-shadow:inset 0 0 90px rgba(0,0,0,.38); mix-blend-mode:screen;
}
.avm-photoreal canvas { position:relative; z-index:1; filter:saturate(1.15) contrast(1.08) drop-shadow(0 7px 7px rgba(0,0,0,.42)); }
.avm-photoreal .hud {
  margin:12px; padding:12px 16px; border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(105deg,rgba(7,31,41,.74),rgba(8,11,14,.62) 50%,rgba(40,8,11,.7));
  box-shadow:0 12px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(10px) saturate(1.3);
}
.avm-photoreal .lives .alive { color:#ff4351; filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #ff2634); }
.avm-photoreal .progress,.avm-photoreal .boss-meter { height:5px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.48); }
.avm-photoreal .intro {
  background-image:linear-gradient(90deg,rgba(2,4,5,.08) 38%,rgba(2,4,5,.83)),linear-gradient(180deg,transparent 50%,rgba(1,2,3,.76)),url("level-4-arena.webp");
  background-position:center; background-size:cover;
}
.avm-photoreal .overlay:not(.intro) {
  background:radial-gradient(circle at 50% 54%,rgba(18,29,32,.67),rgba(2,4,5,.92) 65%),url("level-4-arena.webp") center/cover;
  backdrop-filter:blur(5px);
}
.avm-photoreal .primary-button {
  border-color:rgba(255,255,255,.5); background:linear-gradient(180deg,#ccffff,#56dfe7 45%,#268d98);
  box-shadow:5px 6px #071216,0 0 32px rgba(102,249,255,.34),inset 0 1px #fff;
}
.avm-photoreal .enemy-guide,.avm-photoreal .intro p,.avm-photoreal .intro .eyebrow {
  background:rgba(4,7,9,.72); border-color:rgba(255,255,255,.2);
  box-shadow:0 10px 30px rgba(0,0,0,.25); backdrop-filter:blur(12px);
}
.cinematic-atmosphere { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }
.cinematic-atmosphere::before,.cinematic-atmosphere::after {
  content:""; position:absolute; width:55vw; height:38vh; border-radius:50%;
  background:rgba(210,235,240,.07); filter:blur(45px); animation:avm-fog 12s ease-in-out infinite alternate;
}
.cinematic-atmosphere::before { left:-20%; bottom:-24%; }
.cinematic-atmosphere::after { right:-20%; bottom:-29%; animation-delay:-6s; }
@keyframes avm-fog { to { transform:translate3d(16vw,-5vh,0) scale(1.2); opacity:.4; } }
@media (max-width:650px) {
  .reality-badge { top:53px; z-index:7; white-space:nowrap; }
  .avm-photoreal .intro { background-image:linear-gradient(180deg,transparent 36%,rgba(2,4,5,.88) 78%),url("level-4-arena.webp"); background-position:center; background-size:cover; }
  .avm-photoreal .hud { margin:7px; padding:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .cinematic-atmosphere::before,.cinematic-atmosphere::after { animation:none; }
}