.character-frame{position:relative;width:180px;height:450px;max-height:calc(var(--app-height) * .5);display:flex;justify-content:center;align-items:center;margin:0 auto;overflow:visible}.character-container{transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 20px rgba(255,255,255,.1);aspect-ratio:9/20;border-radius:999px;overflow:visible;cursor:pointer;height:100%}.character-content-container{transform:none;transition:none;border-radius:999px;overflow:hidden;will-change:auto;position:relative}.character-content-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0) 50%,rgba(255,255,255,.05));z-index:2;pointer-events:none}.character-content-container:after{content:"";position:absolute;width:30%;height:200%;top:-50%;left:-100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0));transform:rotate(25deg);animation:shimmerEffect 5s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes shimmerEffect{0%{transform:rotate(25deg) translateX(-100%)}to{transform:rotate(25deg) translateX(400%)}}.selected-character{box-shadow:0 0 15px 3px rgba(255,215,0,.7);filter:brightness(1.05)}.selected-character-glow{box-shadow:0 0 20px 8px rgba(255,215,0,.6),0 0 30px 4px rgba(255,165,0,.5),inset 0 0 15px 3px rgba(255,215,0,.5);border:2px solid rgba(255,215,0,.8);filter:brightness(1.05);overflow:visible!important}@keyframes shockwave{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.shockwave{inset:-20px;background:radial-gradient(circle,rgba(255,215,0,.4) 0,rgba(255,165,0,.3) 30%,rgba(255,69,0,.1) 70%,transparent 100%);filter:blur(10px);animation:shockwave .6s cubic-bezier(0,.75,.25,1) forwards;z-index:-1}.selected-character:before,.shockwave{position:absolute;border-radius:999px;pointer-events:none}.selected-character:before{content:"";inset:-2px;border:2px solid #ffd700;opacity:.6}.flame-outline{position:relative}@keyframes flameFlicker{0%{opacity:.7;filter:blur(8px)}25%{opacity:.9;filter:blur(7px)}50%{opacity:.7;filter:blur(9px)}75%{opacity:.8;filter:blur(6px)}to{opacity:.7;filter:blur(8px)}}@keyframes flameRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flame-ring{background:radial-gradient(ellipse at center,rgba(255,215,0,0) 0,rgba(255,215,0,.5) 40%,rgba(255,165,0,.7) 60%,rgba(255,69,0,.5) 70%,rgba(255,0,0,0) 100%);filter:blur(8px);animation:flameFlicker 3s ease-in-out infinite;will-change:opacity,filter;overflow:visible!important}.flame-ring:after{inset:-8px;background:conic-gradient(from 0deg,rgba(255,215,0,.3),rgba(255,165,0,.4),rgba(255,69,0,.3),rgba(255,215,0,.4),rgba(255,165,0,.3));animation:flameRotate 8s linear infinite;opacity:.5;filter:blur(12px);will-change:transform;overflow:visible!important}.character-container:after,.flame-ring:after{content:"";position:absolute;border-radius:999px}.character-container:after{inset:-5px;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.character-container:hover:after{opacity:.4}.arrow-btn{background-color:rgba(0,0,0,.3);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.arrow-btn:hover{background-color:rgba(0,0,0,.5);transform:scale(1.1)}.dot-nav{cursor:pointer;transition:transform .2s ease,background-color .2s ease;will-change:transform;margin:0 6px}.thunderbolts-title{letter-spacing:.15em;text-shadow:0 0 10px rgba(255,215,0,.5)}.assemble-text{letter-spacing:.1em;text-shadow:0 0 8px rgba(255,255,255,.3)}.character-name{letter-spacing:.1em;height:40px;display:flex;align-items:center;justify-content:center}.roster-avatar{border:2px solid #ffd700;box-shadow:0 0 10px rgba(255,215,0,.3);transition:all .2s ease}.roster-avatar:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(255,215,0,.5)}.shadow-roster{box-shadow:0 0 10px 3px rgba(255,215,0,.4),0 0 5px 2px rgba(255,165,0,.3)}.flame-avatar-glow{background:radial-gradient(circle at center,rgba(255,215,0,.4) 0,rgba(255,165,0,.3) 50%,rgba(255,69,0,.2) 100%);filter:blur(4px);mix-blend-mode:overlay;pointer-events:none}.particle{position:absolute;background-color:rgba(255,255,255,.3);border-radius:50%;pointer-events:none}@keyframes floatParticle{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(100px,50px) rotate(90deg)}50%{transform:translate(50px,100px) rotate(180deg)}75%{transform:translate(-50px,50px) rotate(270deg)}to{transform:translate(0) rotate(1turn)}}.marvel-cursor{cursor:none}.cursor-dot{width:8px;height:8px;background-color:white;border-radius:50%;z-index:9999}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;transform:translate(-50%,-50%)}.cursor-ring{width:40px;height:40px;border:2px solid rgba(255,215,0,.5);border-radius:50%;z-index:9998;transition:width .2s,height .2s,border-color .2s}.cursor-ring.active{width:50px;height:50px;border-color:rgba(255,215,0,.8);background-color:rgba(255,215,0,.1)}.marvel-bg:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,0,0,.4) 0,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:-1}:root{--app-height:100vh}@supports (height:100svh){:root{--app-height:100svh}}body,html{position:fixed;max-height:var(--app-height);margin:0;padding:0;overscroll-behavior:none;touch-action:none}.fullscreen-container,body,html{height:var(--app-height);overflow:hidden;width:100%}.fullscreen-container{display:flex;flex-direction:column;justify-content:space-between}@keyframes lens-flare{0%{opacity:0;transform:scale(.7)}30%{opacity:.7;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes energy-pulse{0%{box-shadow:0 0 0 0 rgba(255,215,0,0)}30%{box-shadow:0 0 50px 20px rgba(255,215,0,.7)}to{box-shadow:0 0 100px 0 rgba(255,215,0,0)}}@keyframes radial-wave{0%{transform:scale(.5);opacity:.3}50%{transform:scale(1.5);opacity:.5}to{transform:scale(3);opacity:0}}.marvel-lens-flare{mix-blend-mode:screen;filter:blur(2px) brightness(1.5);transform-origin:center;will-change:transform,opacity}.energy-wave{position:absolute;border-radius:50%;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.7) 0,rgba(255,165,0,.5) 30%,rgba(255,69,0,.3) 70%,transparent 100%);animation:radial-wave .4s cubic-bezier(.1,.7,.6,1) forwards;pointer-events:none}@keyframes swipeGlow{0%{filter:drop-shadow(0 0 1px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 4px rgba(255,215,0,.7))}to{filter:drop-shadow(0 0 1px rgba(255,215,0,.3))}}.swipe-indicator{animation:swipeGlow 1.5s ease-in-out infinite;will-change:filter}@keyframes swipePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.swipe-hand{animation:swipePulse 1.5s ease-in-out infinite;will-change:transform}.marvel-responsive-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(8px,2vmin,24px) 0}@media (min-height:900px){.character-frame{height:500px;width:200px}}@media (max-height:800px){.character-frame{height:400px;width:170px}}@media (max-height:700px){.character-frame{height:350px;width:145px}.arrow-btn{width:40px;height:40px}}@media (max-height:600px){.character-frame{height:280px;width:125px}.thunderbolts-title{font-size:1.25rem}.assemble-text{font-size:1rem}.arrow-btn{width:36px;height:36px}}@media (max-height:500px){.character-frame{height:220px;width:100px}.character-name{font-size:1.25rem!important;height:30px;margin-bottom:0!important}.arrow-btn{width:32px;height:32px}}@media (max-width:640px){.character-frame{width:min(160px,45vw)}.arrow-btn{width:40px;height:40px}.thunderbolts-title{font-size:1.5rem}.assemble-text{font-size:1.25rem}}@media (max-width:375px){.arrow-btn{width:36px;height:36px;transform:translateX(0)}.character-frame{width:min(140px,40vw)}}.flame-glow-common{--gold-primary:rgba(255,215,0,0.6);--gold-secondary:rgba(255,215,0,0.4);--orange-primary:rgba(255,165,0,0.4);--orange-secondary:rgba(255,165,0,0.3);--red-primary:rgba(255,69,0,0.3);--red-secondary:rgba(255,69,0,0.2)}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 8px var(--gold-secondary)) drop-shadow(0 0 12px var(--orange-secondary));opacity:.7}50%{filter:drop-shadow(0 0 12px var(--gold-primary)) drop-shadow(0 0 18px var(--orange-primary));opacity:.9}to{filter:drop-shadow(0 0 8px var(--gold-secondary)) drop-shadow(0 0 12px var(--orange-secondary));opacity:.7}}@keyframes lens-sweep{0%{transform:translateX(-120%) translateY(0);opacity:0}15%{opacity:.08}85%{opacity:.08}to{transform:translateX(120%) translateY(0);opacity:0}}@keyframes sweep{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.optimized-character-glow{position:relative}.optimized-character-glow:before{content:"";position:absolute;inset:-8px;border-radius:999px;background:radial-gradient(circle at center,rgba(255,215,0,.5) 0,rgba(255,165,0,.4) 50%,rgba(255,69,0,.2) 90%,transparent 100%);filter:blur(10px);z-index:-1;pointer-events:none;will-change:opacity,transform}.optimized-flame-effect{position:relative}.optimized-flame-effect:before{content:"";position:absolute;inset:-8px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,215,0,0) 0,rgba(255,215,0,.5) 40%,rgba(255,165,0,.7) 60%,rgba(255,69,0,.5) 70%,rgba(255,0,0,0) 100%);filter:blur(8px);animation:optimizedFlameOpacity 3s ease-in-out infinite;will-change:opacity;z-index:-1}.optimized-border-glow{border:3px solid rgba(255,215,0,.7);box-shadow:0 0 20px 8px rgba(255,215,0,.6),0 0 30px 4px rgba(255,165,0,.5)}.optimized-pulse-effect{animation:optimizedPulseScale 2s ease-in-out infinite;will-change:transform}.optimized-shockwave{position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle,rgba(255,215,0,.4) 0,rgba(255,165,0,.3) 30%,rgba(255,69,0,.1) 70%,transparent 100%);filter:blur(10px);transform-origin:center;will-change:transform,opacity}@keyframes optimizedFlameOpacity{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}@keyframes optimizedPulseScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-transform-opacity{will-change:transform,opacity}