.hero{background:linear-gradient(110deg,#080f1c 25%,#0e2035 66%,#241712);min-height:760px}.hero-copy{z-index:3}.elemental-bg{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.aura{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(65px);opacity:.26;animation:aura-drift 10s ease-in-out infinite alternate}.water-aura{background:radial-gradient(circle,#09d3ff,transparent 65%);left:40%;top:20%}.fire-aura{background:radial-gradient(circle,#ff4f1c,transparent 65%);right:-6%;top:10%;animation-delay:-5s}.energy-ring{position:absolute;right:2%;top:16%;width:48%;aspect-ratio:1;border-radius:50%;border:1px solid #2ee5ff22;transform:rotateX(58deg) rotate(-25deg)}.ring-water{box-shadow:0 -3px 18px #12cfff28;animation:ring-breathe 7s ease-in-out infinite}.ring-fire{right:5%;top:12%;width:43%;border-color:#ff6e3338;box-shadow:0 3px 18px #ff612322;animation:ring-breathe 9s ease-in-out infinite reverse}.mouse-light{background:radial-gradient(320px circle at var(--mx) var(--my),#29c9ff20,transparent 70%);z-index:0}.tram-quy-art{min-height:570px;isolation:isolate}.tram-quy-art .hero-avatar{width:106%;max-width:600px;transform:translate(var(--tx,0px),var(--ty,0px));filter:drop-shadow(-12px 10px 22px #13b5df20) drop-shadow(15px 14px 25px #f5542024);margin-top:-25px}.hero-art .vehicle-inset{position:absolute;right:0;bottom:10px;width:225px;display:flex;align-items:center;background:linear-gradient(135deg,#13273ce8,#122238e8);border:1px solid #6fa49966;backdrop-filter:blur(14px);padding:8px 15px 8px 0;z-index:2;box-shadow:0 12px 30px #0006;transform:translate(calc(var(--tx,0px) * -.4),calc(var(--ty,0px) * -.4))}.hero-art .vehicle-inset img{width:120px;height:120px;object-fit:contain;transform:none;filter:drop-shadow(0 5px 8px #0005)}.vehicle-inset>span{font-size:12px;font-weight:700;white-space:nowrap}.vehicle-inset>span>span{display:block;color:#91b7b6;font-size:8px;letter-spacing:2px;margin-top:5px}.art-caption{bottom:-24px}.coordinate{color:#b1cece;z-index:2}.tank-card:first-child{background:radial-gradient(ellipse at 30% 30%,#123d45,#241d1c 80%)}.download-art{background:radial-gradient(ellipse at center,#13445066,transparent 65%)}.download-art img{image-rendering:auto}.motion-off .aura{opacity:.18}.motion-off .vehicle-inset{transform:none!important}@keyframes aura-drift{from{translate:-25px 10px;scale:.9}to{translate:35px -30px;scale:1.15}}@keyframes ring-breathe{0%,100%{opacity:.3;rotate:-5deg}50%{opacity:.85;rotate:8deg}}@media(max-width:900px){.hero{min-height:auto}.tram-quy-art{min-height:490px}.tram-quy-art .hero-avatar{width:100%;max-width:490px}.water-aura{left:5%;top:45%}.fire-aura{top:50%}.energy-ring{width:80%;top:47%;right:10%}.art-caption{bottom:-20px}}@media(max-width:600px){.tram-quy-art{min-height:390px;margin-top:32px}.tram-quy-art .hero-avatar{width:100%;max-width:360px;margin-top:-40px}.hero-art .vehicle-inset{width:185px;bottom:5px}.hero-art .vehicle-inset img{width:90px;height:90px}.vehicle-inset>span{font-size:10px}.aura{width:300px;height:300px;filter:blur(45px)}.energy-ring{top:55%}.art-caption{font-size:7px;left:0}.hero{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.vehicle-inset,.hero-avatar{transform:none!important}}

.hero-art .vehicle-inset{width:320px;bottom:-24px;right:-12px;background:none;border:0;backdrop-filter:none;box-shadow:none;padding:0;gap:0}.hero-art .vehicle-inset img{width:240px;height:240px;flex-shrink:0}.tram-quy-art{margin-bottom:55px}.art-caption{bottom:-65px}.header,footer{position:relative;z-index:5}@media(max-width:600px){.hero-art .vehicle-inset{width:255px;right:0;bottom:-50px}.hero-art .vehicle-inset img{width:180px;height:180px}.tram-quy-art{margin-bottom:80px}.art-caption{bottom:-88px}}