*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;height:100%;position:relative}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;color:#f8f9fa;background:#1a1a2e;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available;width:100%;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(./background.CJASu9Mg.png);background-size:cover;background-position:center;background-attachment:fixed;opacity:.3;z-index:-1}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.welcome-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease;padding:1.5rem}.welcome-content{text-align:center;animation:slideInDown .8s ease;max-width:90%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:clamp(1.8rem,8vw,4rem);font-weight:900;color:#ffc107;text-shadow:0 0 20px rgba(255,193,7,.8),0 0 40px rgba(255,193,7,.6),0 0 60px rgba(255,193,7,.4),4px 4px 8px rgba(0,0,0,.8);margin-bottom:3rem;letter-spacing:clamp(1px,.5vw,3px);text-transform:uppercase;line-height:1.2;word-break:break-word}.welcome-button{padding:clamp(1rem,4vw,1.5rem) clamp(1.5rem,8vw,6rem);font-size:clamp(1rem,4vw,1.8rem);font-weight:700;color:#343a40;background:linear-gradient(135deg,#ffc107,#ffce3a);border:3px solid rgb(255,218.5,109);border-radius:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #00000080,0 0 30px #ffc10780;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.welcome-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 24px #0009,0 0 50px #ffc107cc;background:linear-gradient(135deg,#ffd454,#ffc107)}.welcome-button:active{transform:translateY(-2px) scale(1.02)}@media(max-width:768px){.welcome-button:hover{transform:none}.welcome-button:active{transform:scale(.95)}}.music-toggle{position:fixed;top:1rem;left:1rem;width:50px;height:50px;background:#000000b3;border:2px solid rgba(248,249,250,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.music-toggle:hover{background:#000000e6;border-color:#f8f9fa99;transform:scale(1.1)}.music-toggle .music-icon{font-size:1.5rem}.locations-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,193,7,.2)}.locations-label{color:#f8f9facc;font-size:.9rem;font-weight:600;margin-right:.25rem}.location-link{display:flex;align-items:center;gap:.25rem;padding:.25rem 1rem;color:#f8f9fa;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:.375rem;transition:all .3s ease;background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.location-link:hover{background:#ffc10733;border-color:#ffc10780;transform:translateY(-2px);box-shadow:0 4px 8px #ffc1074d}.location-link .location-icon{font-size:1.2rem}.location-link .location-text{white-space:nowrap}.locations-separator{color:#f8f9fa4d;font-size:1rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:3rem;border-radius:.5rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:2px solid rgba(255,193,7,.3);box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease}.modal-content h2{color:#ffc107;font-size:2.5rem;margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.modal-content h3{color:#ffc107;font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem}.modal-content p{color:#f8f9fae6;line-height:1.6;margin-bottom:1rem}.modal-content strong{color:#ffc107}.modal-content .modal-footer{margin-top:1.5rem;font-style:italic;text-align:center;color:#f8f9fab3}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#f8f9fab3;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#ffc107}.modal-body h3:first-child{margin-top:0}.rules-button{margin-top:1rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#ffc107,#d39e00);color:#343a40;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.rules-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #ffc10766;background:linear-gradient(135deg,#ffce3a,#ffc107)}.rules-button:active{transform:translateY(0)}.page-header{width:100%;padding:1rem 0;text-align:center}.page-header h1{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;color:#f8f9fa;text-transform:uppercase;letter-spacing:2px;margin:0}.page-header .page-subtitle{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:400;color:#f8f9facc;margin:.5rem 0 0;letter-spacing:.5px}.main-container{flex:1;display:flex;gap:3rem;max-width:1400px;width:100%;min-height:600px;align-items:center;justify-content:center;padding:1.5rem;margin:0 auto}.info-panel{flex:1;max-width:500px;display:block;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;padding:3rem;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);height:auto}.info-panel>*{transition:all .4s cubic-bezier(.4,0,.2,1)}.info-media{width:100%;aspect-ratio:16/9;border-radius:.375rem;overflow:hidden;background:#0006;transition:opacity .3s ease;margin-bottom:1.5rem}.info-media img,.info-media video{width:100%;height:100%;object-fit:cover;display:block;transition:all .3s ease}.info-description h2{font-size:2rem;color:#ffc107;margin-bottom:1rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:opacity .3s ease}.info-description p{font-size:1.1rem;line-height:1.6;color:#ffffffe6;transition:opacity .3s ease}.info-description p a{color:#ffc107;text-decoration:underline;transition:color .3s ease}.info-description p a:hover{color:#ffce3a;text-decoration:none}.carousel-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;min-height:500px;overflow-x:hidden;width:100%}.carousel-controls{display:flex;gap:4.5rem;align-items:center;justify-content:center;margin-top:calc(-6rem + 10px)}.carousel-btn{background:none;border:none;cursor:pointer;padding:0;z-index:100;transition:transform .3s ease,opacity .3s ease;opacity:.9}.carousel-btn img{width:100px;height:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:filter .3s ease}.carousel-btn:hover{opacity:1}.carousel-btn:hover img{filter:drop-shadow(0 6px 12px rgba(255,193,7,.6))}.carousel-btn:active{opacity:.7}.carousel-btn--prev img{transform:scaleX(-1)}.carousel-3d{position:relative;width:600px;height:500px;perspective:1500px;transform-style:preserve-3d}.carousel-item{position:absolute;width:450px;height:320px;left:50%;top:50%;transform-origin:center;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 40px #0009}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.5rem}.carousel-item .carousel-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1.5rem 1rem 1rem;color:#ffc107;font-size:1.2rem;font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease}.carousel-item.active{transform:translate(-50%,-50%) translateZ(0) scale(1.15);z-index:10;filter:brightness(1.1);box-shadow:0 15px 60px #ffc10766}.carousel-item.active .carousel-item-label{opacity:1}.carousel-item.prev{transform:translate(-50%,-50%) translate(-200px) translateZ(-200px) rotateY(45deg) scale(.8);z-index:5;filter:brightness(.7);opacity:.8}.carousel-item.next{transform:translate(-50%,-50%) translate(200px) translateZ(-200px) rotateY(-45deg) scale(.8);z-index:5;filter:brightness(.7);opacity:.8}.carousel-item.hidden-left{transform:translate(-50%,-50%) translate(-280px) translateZ(-350px) rotateY(60deg) scale(.6);z-index:1;filter:brightness(.5);opacity:.5}.carousel-item.hidden-right{transform:translate(-50%,-50%) translate(280px) translateZ(-350px) rotateY(-60deg) scale(.6);z-index:1;filter:brightness(.5);opacity:.5}.carousel-item:hover:not(.active){filter:brightness(.9)}@media(max-width:992px){.main-container{flex-direction:column;height:auto;gap:1.5rem}.info-panel{max-width:100%;order:2}.carousel-container{order:1;min-height:400px}.carousel-3d{width:500px;height:450px}.carousel-item{width:400px;height:280px}.carousel-btn img{width:80px;height:80px}.carousel-controls{margin-top:-3rem}}@media(max-width:768px){#app{padding:.5rem}.main-container{padding:1rem;gap:1rem}.info-panel{padding:1.5rem}.info-panel>*{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.info-media{transition:opacity .3s ease!important}.info-media img,.info-media video{transition:all .3s ease!important}.info-description h2{font-size:1.5rem;transition:opacity .3s ease!important}.info-description p{font-size:1rem;transition:opacity .3s ease!important}.carousel-container{min-height:350px;gap:.5rem}.carousel-3d{width:100%;max-width:380px;height:400px}.carousel-item{width:320px;height:220px}.carousel-item.active{transform:translate(-50%,-50%) translateZ(0) scale(1.1)}.carousel-item.prev{transform:translate(-50%,-50%) translate(-120px) translateZ(-150px) rotateY(40deg) scale(.7)}.carousel-item.next{transform:translate(-50%,-50%) translate(120px) translateZ(-150px) rotateY(-40deg) scale(.7)}.carousel-item.hidden-left,.carousel-item.hidden-right{transform:translate(-50%,-50%) translate(-140px) translateZ(-250px) rotateY(55deg) scale(.5);opacity:.3}.carousel-item.hidden-right{transform:translate(-50%,-50%) translate(140px) translateZ(-250px) rotateY(-55deg) scale(.5)}.carousel-btn img{width:90px;height:90px}.carousel-btn img{width:70px;height:70px}.carousel-controls{margin-top:-4.5rem}.main-container{overflow-x:hidden;max-width:100vw}.locations-bar{gap:.5rem;padding:.25rem 0}.location-link{padding:.25rem .5rem;font-size:.8rem}.location-link .location-icon{font-size:1rem}}@media(max-width:576px){.main-container{padding:.5rem}.locations-bar{gap:.25rem;padding:.25rem 0;flex-wrap:wrap}.locations-label{width:100%;text-align:center;font-size:.8rem;margin-right:0;margin-bottom:.25rem}.location-link{padding:6px 10px;font-size:.75rem}.location-link .location-icon{font-size:.9rem}.locations-separator{display:none}.info-panel{padding:1rem}.info-panel>*{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.info-media{transition:opacity .3s ease!important}.info-media img,.info-media video{transition:all .3s ease!important}.info-description h2,.info-description p{transition:opacity .3s ease!important}.carousel-3d{width:100%;max-width:320px;height:340px}.carousel-item{width:270px;height:180px}.carousel-item.prev{transform:translate(-50%,-50%) translate(-100px) translateZ(-120px) rotateY(35deg) scale(.65)}.carousel-item.next{transform:translate(-50%,-50%) translate(100px) translateZ(-120px) rotateY(-35deg) scale(.65)}.carousel-btn img{width:100px;height:100px}.carousel-controls{margin-top:-3rem}.info-description h2{font-size:1.3rem}.info-description p{font-size:.95rem}}