/* Decorative layers stay behind the original logo and its home link. */
body#huynhcuong .dragon-banner .image-container {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 62%,#bb651b45,transparent 58%),linear-gradient(115deg,#170b05,#381306 52%,#170b05) !important;
  box-shadow: inset 0 0 38px #0008,0 0 20px #fbc45312;
}
.dragon-banner-art { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.dragon-banner-ornaments { position:absolute; inset:0; width:100%; height:100%; color:#e7b956; opacity:.72; }
.dragon-banner-halo { position:absolute; width:330px; height:330px; left:50%; top:50%; margin:-165px; border:1px solid #faca5340; border-radius:50%; background:repeating-conic-gradient(from 0deg,#efb74c0b 0deg 1deg,transparent 1deg 15deg); box-shadow:0 0 45px #ed8a2514,inset 0 0 30px #ffbf3620; }
.dragon-banner-halo::before,.dragon-banner-halo::after { content:""; position:absolute; border-radius:50%; }
.dragon-banner-halo::before { inset:12px; border:1px dashed #fcd27240; }
.dragon-banner-halo::after { inset:32px; border:1px solid #fcd27226; }
body#huynhcuong .dragon-banner .image-container > a { z-index:1; }
body#huynhcuong .dragon-banner .image-container img { filter:drop-shadow(0 6px 8px #0007) drop-shadow(0 0 16px #ffac3545); }
.dragon-banner-stars i { position:absolute; width:4px; height:4px; background:#ffe9ad; transform:rotate(45deg); box-shadow:0 0 9px #ffc357; opacity:.55; }
.dragon-banner-stars i::after { content:""; position:absolute; inset:-4px 1px; background:#ffe7aa65; }
.dragon-banner-stars i:nth-child(1) { left:10%; top:31%; }
.dragon-banner-stars i:nth-child(2) { left:19%; top:67%; animation-delay:-2s; }
.dragon-banner-stars i:nth-child(3) { left:28%; top:16%; animation-delay:-4s; }
.dragon-banner-stars i:nth-child(4) { left:72%; top:19%; animation-delay:-1s; }
.dragon-banner-stars i:nth-child(5) { left:89%; top:36%; animation-delay:-3s; }
.dragon-banner-stars i:nth-child(6) { left:82%; top:76%; animation-delay:-5s; }
.dragon-banner-stars i:nth-child(7) { left:41%; top:87%; animation-delay:-2.5s; }
.dragon-banner-stars i:nth-child(8) { left:63%; top:81%; animation-delay:-4.5s; }
body.fairy-enabled .dragon-banner-halo { animation:dragonBannerOrbit 100s linear infinite; }
body.fairy-enabled .dragon-banner-stars i { animation-name:dragonBannerSpark; animation-duration:6s; animation-timing-function:ease-in-out; animation-iteration-count:infinite; }
@keyframes dragonBannerOrbit { to { transform:rotate(360deg); } }
@keyframes dragonBannerSpark { 0%,100% { opacity:.18; transform:translateY(3px) rotate(45deg) scale(.65); } 50% { opacity:.85; transform:translateY(-5px) rotate(45deg) scale(1); } }
@media(max-width:600px) { .dragon-banner-halo { width:240px; height:240px; margin:-120px; } .dragon-banner-ornaments { opacity:.48; } .dragon-banner-stars i { width:3px; height:3px; } }
@media(prefers-reduced-motion:reduce) { body.fairy-enabled .dragon-banner-halo,body.fairy-enabled .dragon-banner-stars i { animation:none; } }