.event-card-wrapper{--theme-primary:25 100% 50%;--theme-secondary:35 100% 55%;--theme-glow:25 100% 45%;--theme-dark:25 80% 8%;aspect-ratio:320/520;perspective:1200px;width:min(100%,320px);height:auto;margin:0 auto;position:relative;transform:translate(0,0)}.event-card-wrapper.bgmi{--theme-primary:265 90% 60%;--theme-secondary:190 90% 50%;--theme-glow:265 100% 50%;--theme-dark:260 60% 6%}.event-card-wrapper.valorant{--theme-primary:280 85% 60%;--theme-secondary:320 90% 60%;--theme-glow:280 100% 55%;--theme-dark:270 50% 6%}.geo-frame-outer{border:1px solid hsl(var(--theme-primary)/.2);clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 30px),0 30px);animation:3s ease-in-out infinite frame-pulse;position:absolute;inset:-8px}.geo-frame-middle{border:1px solid hsl(var(--theme-primary)/.4);clip-path:polygon(25px 0,calc(100% - 25px) 0,100% 25px,100% calc(100% - 45px),calc(100% - 45px) 100%,45px 100%,0 calc(100% - 25px),0 25px);animation:3s ease-in-out .5s infinite frame-pulse;position:absolute;inset:-4px}@keyframes frame-pulse{0%,to{opacity:.3}50%{opacity:.8}}.event-card{background:linear-gradient(160deg,hsl(var(--theme-dark))0%,#090b15 40%,hsl(var(--theme-dark))100%);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 20px),0 20px);will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.event-card.hovered{transform:translateY(-8px)rotateX(5deg)rotateY(-2deg)}.event-card:before{content:"";background:linear-gradient(160deg,hsl(var(--theme-primary))0%,hsl(var(--theme-secondary)/.5)30%,hsl(var(--theme-primary)/.3)60%,hsl(var(--theme-primary))100%);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 20px),0 20px);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.corner-bracket{z-index:10;width:40px;height:40px;position:absolute}.corner-bracket .bracket-h,.corner-bracket .bracket-v{background:hsl(var(--theme-primary));box-shadow:0 0 10px hsl(var(--theme-glow));position:absolute}.corner-bracket .bracket-h{width:20px;height:2px}.corner-bracket .bracket-v{width:2px;height:20px}.corner-bracket .bracket-dot{background:hsl(var(--theme-primary));width:6px;height:6px;box-shadow:0 0 8px hsl(var(--theme-glow));border-radius:50%;position:absolute}.corner-bracket.tl{top:8px;left:8px}.corner-bracket.tl .bracket-h,.corner-bracket.tl .bracket-v{top:0;left:0}.corner-bracket.tl .bracket-dot{top:-2px;left:-2px}.corner-bracket.tr{top:8px;right:8px}.corner-bracket.tr .bracket-h,.corner-bracket.tr .bracket-v{top:0;right:0}.corner-bracket.tr .bracket-dot{top:-2px;right:-2px}.corner-bracket.bl{bottom:8px;left:8px}.corner-bracket.bl .bracket-h,.corner-bracket.bl .bracket-v{bottom:0;left:0}.corner-bracket.bl .bracket-dot{bottom:-2px;left:-2px}.corner-bracket.br{bottom:8px;right:8px}.corner-bracket.br .bracket-h,.corner-bracket.br .bracket-v{bottom:0;right:0}.corner-bracket.br .bracket-dot{bottom:-2px;right:-2px}.diamond-accent{z-index:15;width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%)}.top-diamond{top:-4px}.bottom-diamond{bottom:-4px}.diamond-inner{background:hsl(var(--theme-primary));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:100%;height:100%;box-shadow:0 0 15px hsl(var(--theme-glow));animation:2s ease-in-out infinite diamond-pulse}@keyframes diamond-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.game-badge{z-index:10;padding:8px 30px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.badge-bg{background:linear-gradient(180deg,hsl(var(--theme-primary))0%,hsl(var(--theme-glow))100%);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);position:absolute;inset:0}.badge-text{font-family:var(--font-display);letter-spacing:.3em;color:#090b15;text-shadow:0 1px 2px #fff3;font-size:clamp(.7rem,2vw,.9rem);font-weight:800;position:relative}.character-container{aspect-ratio:1;width:clamp(120px,50%,160px);height:auto;margin:clamp(40px,15%,55px) auto 10px;position:relative}.hex-outer-ring,.hex-mid-ring{border:1px solid hsl(var(--theme-primary)/.3);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:20s linear infinite ring-rotate;position:absolute;inset:-15px}.hex-mid-ring{border-color:hsl(var(--theme-primary)/.5);animation-duration:15s;animation-direction:reverse;inset:-8px}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-frame{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:relative;overflow:hidden}.character-frame:before{content:"";background:linear-gradient(135deg,hsl(var(--theme-primary))0%,hsl(var(--theme-secondary))100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-mask-composite:xor;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.character-img{object-fit:cover;object-position:center top;width:100%;height:100%}.character-overlay{background:linear-gradient(180deg,transparent 50%,hsl(var(--theme-dark)/.8)100%);position:absolute;inset:0}.float-geo{background:hsl(var(--theme-primary));box-shadow:0 0 10px hsl(var(--theme-glow));position:absolute}.geo-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;animation:3s ease-in-out infinite float-anim;top:0;right:-20px}.geo-triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%);width:8px;height:8px;animation:3s ease-in-out .5s infinite float-anim;bottom:20px;left:-18px}.geo-circle{border-radius:50%;width:6px;height:6px;animation:3s ease-in-out 1s infinite float-anim;top:30px;left:-15px}.geo-square{width:8px;height:8px;animation:3s ease-in-out 1.5s infinite float-anim;bottom:0;right:-15px}@keyframes float-anim{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(180deg)}}.event-title-container{justify-content:center;align-items:center;gap:12px;margin:8px 0;display:flex}.title-line{background:linear-gradient(90deg,transparent,hsl(var(--theme-primary)));width:30px;height:2px}.title-line.right{background:linear-gradient(90deg,hsl(var(--theme-primary)),transparent)}.event-title{font-family:var(--font-display);letter-spacing:.15em;color:#e6f7ff;text-shadow:0 0 20px hsl(var(--theme-glow)/.5);text-transform:uppercase;margin:0;font-size:clamp(.8rem,3vw,1rem);font-weight:700}.date-banner{background:hsl(var(--theme-primary)/.1);border-top:1px solid hsl(var(--theme-primary)/.3);border-bottom:1px solid hsl(var(--theme-primary)/.3);justify-content:center;align-items:center;margin:8px 20px;padding:6px 0;display:flex;position:relative}.date-edge{background:hsl(var(--theme-primary));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.date-edge.left{left:10px}.date-edge.right{right:10px}.date-text{font-family:var(--font-display);letter-spacing:.2em;color:hsl(var(--theme-primary));font-size:.7rem;font-weight:600}.stats-grid{justify-content:center;align-items:center;gap:8px;margin:0 15px;padding:12px 15px;display:flex}.stat-box{flex:1;align-items:center;gap:6px;display:flex}.stat-icon{font-size:14px}.stat-content{flex-direction:column;display:flex}.stat-label{font-family:var(--font-body);letter-spacing:.1em;color:#598ca6;text-transform:uppercase;font-size:.55rem;font-weight:500}.stat-value{font-family:var(--font-display);color:hsl(var(--theme-primary));text-shadow:0 0 10px hsl(var(--theme-glow)/.5);font-size:.75rem;font-weight:700}.stat-divider{background:linear-gradient(180deg,transparent,hsl(var(--theme-primary)/.5),transparent);width:1px;height:30px}.actions-container{align-items:center;gap:12px;margin:10px 20px 25px;display:flex}.detail-btn,.register-btn{cursor:pointer;border:none;justify-content:center;align-items:center;min-width:100px;height:48px;transition:transform .2s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.detail-btn:hover,.register-btn:hover{transform:translateY(-2px)}.detail-btn:active,.register-btn:active{transform:translateY(1px)scale(.98)}.detail-btn{flex:.8}.btn-outline{border:1px solid hsl(var(--theme-primary)/.5);background:hsl(var(--theme-primary)/.05);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);transition:all .3s;position:absolute;inset:0}.detail-btn:hover .btn-outline{background:hsl(var(--theme-primary)/.15);border-color:hsl(var(--theme-primary));box-shadow:inset 0 0 15px hsl(var(--theme-glow)/.2)}.detail-btn .btn-text{color:hsl(var(--theme-primary));text-shadow:none;font-size:.65rem;transform:none}.register-btn{flex:1.2}.btn-bg{background:linear-gradient(180deg,hsl(var(--theme-primary))0%,hsl(var(--theme-glow))100%);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);position:absolute;inset:0}.btn-edge{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#0f1324;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.btn-edge.left{left:4px}.btn-edge.right{right:4px}.btn-text{font-family:var(--font-display);letter-spacing:.15em;color:#fff;text-shadow:0 0 10px hsl(var(--theme-glow)/.8);z-index:10;font-size:.8rem;font-weight:800;transition:all .3s;position:relative}.register-btn:hover .btn-text{letter-spacing:.25em;text-shadow:0 0 20px #ffffff80}.btn-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:2.5s ease-in-out infinite btn-shine;position:absolute;top:0;left:-100%}@keyframes btn-shine{0%{left:-100%}50%,to{left:150%}}.flex-center{justify-content:center;align-items:center;display:flex}.side-deco{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.left-deco{left:10px}.right-deco{right:10px}.deco-line{background:linear-gradient(180deg,transparent,hsl(var(--theme-primary)/.5),transparent);width:2px;height:40px}.deco-line.short{height:20px}.deco-dot{background:hsl(var(--theme-primary));width:4px;height:4px;box-shadow:0 0 8px hsl(var(--theme-glow));border-radius:50%}.scan-lines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.energy-pulse{background:radial-gradient(ellipse at center,hsl(var(--theme-primary)/.1)0%,transparent 70%);pointer-events:none;animation:3s ease-in-out infinite energy-pulse;position:absolute;inset:0}@keyframes energy-pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.6;transform:scale(1)}}.event-card-wrapper:after{content:"";background:radial-gradient(ellipse at center,hsl(var(--theme-glow)/.3)0%,transparent 60%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .5s;position:absolute;inset:-20px}.event-card-wrapper:hover:after{opacity:1}@media (max-width:768px){.geo-frame-outer,.geo-frame-middle,.diamond-inner,.hex-outer-ring,.hex-mid-ring,.energy-pulse{animation:none!important}.event-card-wrapper:after,.scan-lines{display:none!important}}