@import "https://fonts.googleapis.com/css2?family=Gilda+Display&family=Inter:wght@300;400;500;600;700&display=swap";:root{--blue:#0e4e91;--blue-dark:#08376a;--gold:#d8a126;--text:#13253a;--soft:#f5f8fb;--scroll-progress:0}*{box-sizing:border-box}html,body,#app{min-height:100%;color:var(--text);scroll-behavior:smooth;background:#050b14;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.landing{width:100%}.scroll-progress{z-index:50;height:3px;width:calc(var(--scroll-progress) * 100%);background:linear-gradient(90deg,#d8a126,#f2c765);transition:width 80ms linear;position:fixed;top:0;left:0}.topbar{z-index:1000;background:0 0;justify-content:space-between;align-items:center;height:85px;padding:0 4rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.topbar.scrolled,body.is-scrolled .topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#050b14d9;border-bottom:1px solid #ffffff0d;height:70px;padding:0 3rem}.menu-toggle{cursor:pointer;z-index:1100;background:0 0;border:none;padding:10px;display:none}.hamburger{background:#fff;width:24px;height:2px;transition:background .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:#fff;width:24px;height:2px;transition:all .3s;position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.menu-open .hamburger{background:0 0}.menu-open .hamburger:before{top:0;transform:rotate(45deg)}.menu-open .hamburger:after{bottom:0;transform:rotate(-45deg)}@media (width<=1100px){.topbar{padding:0 1.5rem}.menu{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#050b14fa;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;font-size:1.2rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.menu.active{right:0}.menu-toggle{display:block}}.brand{color:#fff;letter-spacing:.05em;font-family:Gilda Display,serif;font-size:1.2rem;font-weight:500}.menu{color:#f8fbff;letter-spacing:.08em;text-transform:uppercase;gap:1.5rem;font-size:.8rem;font-weight:500;display:flex}.menu a{padding:.5rem 0;transition:color .3s;position:relative}.menu a:after{content:"";background:var(--gold);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.menu a:hover:after,.menu a.active:after{width:100%}.menu a:hover,.menu a.active{color:var(--gold)}.hero{background-color:#0000;background-image:linear-gradient(95deg,#05101fd9 0%,#141414c2 55%,#0d4e91b8 100%),radial-gradient(circle at 10% 10%,#d8a12633,#0000 38%),url(/wallpaper_1920x1080.webp);background-position:50%,0 0,50%;background-repeat:no-repeat;background-size:auto,auto,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-items:center;min-height:100vh;padding:6.2rem clamp(1rem,4vw,3rem) 3rem;display:flex}.hero-content{text-align:center;will-change:transform, opacity;width:min(780px,100%);margin:0 auto}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.8rem;font-weight:700}h1{color:#fff;text-shadow:0 2px 10px #00000080;letter-spacing:.05em;margin:.3rem 0 .8rem;font-family:Gilda Display,serif;font-size:clamp(2.5rem,10vw,6rem)}.lead{margin:0 0 1.5rem;color:#fff;text-shadow:0 1px 4px #0000004d;max-width:46ch;margin-inline:auto;line-height:1.65}.btn{border-radius:999px;padding:.7rem 1rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 20px #0a346666}.btn-ghost{border:2px solid var(--gold);color:#fff}.page-section{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:85vh;padding:clamp(3rem,9vw,6rem) 1rem;display:flex;position:relative;overflow:hidden}.page-section:before{content:"";background:linear-gradient(110deg,#0a142247 0%,#12181e2e 45%,#0c12183d 100%);position:absolute;inset:0}.page-section:after{content:"";opacity:.6;background:radial-gradient(circle at 30% 20%,#d8a1261a,#0000 40%);position:absolute;inset:-20%}.section-inner{z-index:2;color:#fff;width:min(980px,100%);margin:0 auto;position:relative}.section-inner h2{color:#fff;margin:0 0 .45rem;font-size:clamp(1.6rem,3.8vw,2.5rem)}.section-inner h3{margin:0 0 1rem;font-size:clamp(1.1rem,2.4vw,1.6rem)}.section-inner p{color:#eef4fc;width:min(760px,100%);line-height:1.75}.section-news{background-image:linear-gradient(125deg,#1c181557,#2c251f42),url(/98007ad5-5d45-4444-a08d-9b8c15753140.webp);background-position:50%,50%;min-height:78vh}.section-instagram{background-image:linear-gradient(120deg,#18161a4d,#281f1b3d),url(/image-crop-200000221.webp);background-position:50%,50%}.section-reserva{background-image:linear-gradient(130deg,#1513105c,#241c163d),url(/Logo_Tuna_Transparente_Propuesta%201.webp);background-position:50%,100%;background-size:cover,55%}.social-link{color:#f4c35f;margin-top:.7rem;font-weight:700;display:inline-block}.social-link:hover{text-decoration:underline}.footer{color:#d5e1ee;background:#020408;border-top:1px solid #d8a12626;margin-top:0;padding:4.5rem 1.5rem 2rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(to right, transparent, var(--gold), transparent);opacity:.3;width:100%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.footer-inner{text-align:center;grid-template-columns:1fr;gap:3rem}.footer-brand p{margin:0 auto}}.footer-brand h3{color:#fff;letter-spacing:.03em;margin:0 0 1rem;font-family:Gilda Display,serif;font-size:1.8rem}.footer-brand p{opacity:.8;max-width:32ch;font-size:.9rem;line-height:1.6}.footer h4{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;font-size:.85rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a,.footer-contact p{align-items:center;gap:.5rem;font-size:.9rem;transition:color .2s;display:flex}.footer-links a:hover{color:var(--gold);transform:translate(5px)}.footer-contact p{margin-bottom:.6rem}.copyright{color:#8fa3b9;text-align:center;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:1100px;margin:4rem auto 0;padding-top:1.5rem;font-size:.8rem;display:flex}.about-page{color:#fff;background:#050b14;min-height:100vh}.about-content{padding:0}.about-header{text-align:center;background-color:#0000;background-image:linear-gradient(#050b1466,#050b14),url(/wallpaper_1920x1080.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;height:60vh;padding:2rem;display:flex}.about-header h1{color:#fff;text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(3rem,8vw,5rem)}.about-section{max-width:1200px;margin:0 auto;padding:6rem 1.5rem}.about-section-inner{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid}.about-section.reverse .about-section-inner{grid-template-columns:1.2fr 1fr}.about-section.reverse .about-text{order:2}.about-text h2{color:#fff;margin-bottom:1.5rem;padding-bottom:1rem;font-size:2.2rem;position:relative}.about-text h2:after{content:"";background:var(--gold);width:60px;height:3px;position:absolute;bottom:0;left:0}.about-section.reverse .about-text h2:after{left:auto;right:0}.about-text p{color:#fff;text-shadow:0 1px 3px #0000004d;font-size:1.1rem;line-height:1.8}.about-visual{aspect-ratio:16/10;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;font-size:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.about-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.about-section:hover .about-visual img{transform:scale(1.05)}.sopista-quote{text-align:center;background:#08111e;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:8rem 2rem}.sopista-quote blockquote{max-width:900px;margin:0 auto}.sopista-quote h3{color:var(--gold);margin-bottom:1.5rem;font-family:Georgia,serif;font-size:2.4rem;font-style:italic}.sopista-quote p{opacity:.9;font-size:1.3rem;line-height:1.6}@media (width<=900px){.about-section-inner{text-align:center;gap:2.5rem;grid-template-columns:1fr!important}.about-text h2:after{transform:translate(-50%);left:50%!important}.about-text{order:1!important}.about-visual{order:2}}.history-page{color:#fff;background:#050b14;min-height:100vh}.history-content{padding:0}.history-header{text-align:center;background-color:#0000;background-image:linear-gradient(#050b1466,#050b14),url(/wallpaper_1920x1080.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:50vh;display:flex}.history-header h1{color:#fff;text-transform:uppercase;margin:0;font-size:clamp(3rem,8vw,5rem)}.history-section{background-position:50%;background-size:cover;background-attachment:fixed;padding:8rem 1.5rem;position:relative;overflow:hidden}.history-section-overlay{z-index:1;background:linear-gradient(90deg,#050b14fa 15%,#050b1499 100%);position:absolute;inset:0}.history-section.reverse .history-section-overlay{background:linear-gradient(270deg,#050b14fa 15%,#050b1499 100%)}.history-section-inner{z-index:2;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.history-section.reverse .history-section-inner{grid-template-columns:1fr 1.2fr}.history-visual{aspect-ratio:4/3;border:1px solid #fff3;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 25px 60px #00000080}.history-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.history-section:hover .history-visual img{transform:scale(1.05)}.history-text h2{margin-bottom:2rem;padding-bottom:1rem;font-size:2.2rem;position:relative}.history-text h2:after{content:"";background:var(--gold);width:80px;height:3px;position:absolute;bottom:0;left:0}.history-section.reverse .history-text h2:after{left:auto;right:0}.history-text p{color:#fff;text-shadow:0 1px 3px #0000004d;text-wrap:pretty;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}@media (width<=1100px){.history-section-inner{text-align:center;gap:3rem;grid-template-columns:1fr!important}}@media (width<=600px){.history-header{height:35vh}.history-section{padding:4rem 1.2rem}.history-text h2:after{transform:translate(-50%);left:50%!important}}.members-page{background:#050b14;min-height:100vh;padding:8rem 1.5rem 6rem}.members-content{max-width:1200px;margin:0 auto}.members-header{text-align:center;margin-bottom:5rem}.members-header h1{color:#fff;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem)}.members-category{margin-bottom:6rem}.category-title{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1.5rem;margin-bottom:3rem;font-size:1.8rem;display:flex}.category-title:after{content:"";background:linear-gradient(to right, var(--gold), transparent);opacity:.3;flex:1;height:1px}.members-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;display:grid}.member-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.member-card:hover{background:#ffffff0f;border-color:#d8a12666;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.member-image-container{aspect-ratio:1;background:#0a1628;width:100%;position:relative;overflow:hidden}.member-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.member-card:hover .member-image-container img{transform:scale(1.1)}.member-info{flex-direction:column;flex:1;padding:1.5rem;display:flex}.member-rank{text-transform:uppercase;letter-spacing:.1em;border-radius:50px;width:fit-content;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.rank-tuno{color:var(--gold);background:#d8a12633;border:1px solid #d8a1264d}.rank-pardillo{color:#fff;background:#ffffff1a;border:1px solid #fff3}.rank-aspirante{color:#87b0ff;background:#6496ff26;border:1px solid #6496ff4d}.rank-ex-miembro{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.member-name{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.member-role{color:var(--gold);opacity:.9;margin-bottom:1rem;font-size:.9rem;font-style:italic}.member-desc{color:#ffffffbf;font-size:.95rem;line-height:1.6}@media (width<=768px){.members-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.members-nav{perspective:1000px;margin-top:2rem}.nav-btn{color:var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d8a1261a;border:1px solid #d8a1264d;border-radius:50px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{background:var(--gold);color:#000;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #d8a12633}.category-divider{background:#050b14;justify-content:center;align-items:center;padding:4rem 2rem 2rem;display:flex}.category-divider span{color:#fff;text-transform:uppercase;letter-spacing:.2em;opacity:.9;font-family:Gilda Display,serif;font-size:2.5rem;position:relative}.category-divider:before,.category-divider:after{content:"";background:linear-gradient(90deg,#0000,#d8a12680,#0000);flex:1;height:1px;margin:0 2rem}@media (width<=768px){.category-divider span{font-size:1.8rem}}.easter-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.easter-modal{background:#0a1628;border:1px solid #d8a1264d;border-radius:20px;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 30px 60px #000c}.modal-close{color:#fff;cursor:pointer;z-index:10;opacity:.6;background:0 0;border:none;font-size:2rem;transition:opacity .3s;position:absolute;top:.5rem;right:1rem}.modal-close:hover{opacity:1}.modal-content{text-align:center;padding:1.5rem}.easter-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:12px;width:250px;height:250px;margin:0 auto 1.5rem;display:block}.modal-content p{color:var(--gold);font-family:Gilda Display,serif;font-size:1.2rem;line-height:1.4}@media (width<=600px){.easter-modal{max-width:320px}.easter-img{width:200px;height:200px}.modal-content p{font-size:1.1rem}}.noticias-page{min-height:100vh}.news-container{z-index:5;max-width:900px;margin:-80px auto 100px;padding:0 1.5rem;position:relative}.news-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1626b3;border:1px solid #ffffff14;border-radius:24px;padding:3.5rem;box-shadow:0 30px 60px #0006}.news-meta{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.news-badge{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;background:#d8a1261a;border:1px solid #d8a12633;border-radius:50px;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700}.news-date{color:#fff6;font-size:.95rem;font-weight:500}.news-card h2{color:#fff;letter-spacing:-.01em;margin-bottom:1.5rem;font-family:Gilda Display,serif;font-size:3rem;line-height:1.1}.news-body{color:#fff;font-size:1.15rem;line-height:1.8}.news-lead{color:#fff;opacity:.95;margin-bottom:2rem;font-size:1.4rem;font-weight:500;line-height:1.5}.news-divider{background:linear-gradient(to right, var(--gold), transparent);opacity:.3;width:80px;height:1px;margin:2.5rem 0}.news-footer{color:#fff6;border-top:1px solid #ffffff0d;margin-top:3.5rem;padding-top:2rem;font-size:.95rem}.news-footer strong{color:var(--gold);font-weight:600}@media (width<=768px){.news-card{padding:2.5rem 1.5rem}.news-card h2{font-size:2.2rem}.news-lead{font-size:1.2rem}}.contact-main{background:#050b14}.contact-narrative-section{background:#08111e;border-bottom:1px solid #ffffff0d;padding:6rem 1.5rem}.contact-narrative-inner{text-align:center;max-width:900px;margin:0 auto}.contact-text-block p{color:#fff;margin-bottom:2.5rem;font-size:1.4rem;line-height:1.6}.lead-accent{font-family:Gilda Display,serif;color:var(--gold)!important;font-size:1.8rem!important}.highlight-gold{color:var(--gold);font-weight:600}.contact-details-section{padding:8rem 1.5rem}.contact-details-inner{grid-template-columns:1fr 1fr;gap:6rem;max-width:1100px;margin:0 auto;display:grid}.direct-info h3,.social-navigation h3{color:#fff;margin-bottom:2.5rem;padding-bottom:1rem;font-family:Gilda Display,serif;font-size:2.2rem;position:relative}.direct-info h3:after,.social-navigation h3:after{content:"";background:var(--gold);width:50px;height:2px;position:absolute;bottom:0;left:0}.detail-item{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:1.5rem 0;font-size:1.1rem;display:flex}.detail-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.detail-val{color:#fff;font-weight:500}.detail-val.gold{color:var(--gold);text-underline-offset:4px;text-decoration:underline}.social-intro{color:#fff;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.social-links-list{flex-wrap:wrap;gap:1rem;display:flex}.sc-link{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.sc-link svg{font-size:1.4rem}.sc-link:hover{color:#fff;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #0000004d}.sc-link:first-child:hover{background:#e1306c;border-color:#e1306c}.sc-link:nth-child(2):hover{background:red;border-color:red}.sc-link:nth-child(3):hover{background:#1db954;border-color:#1db954}@media (width<=900px){.contact-details-inner{grid-template-columns:1fr;gap:4rem}.contact-text-block p{font-size:1.2rem}}.mistica-main-narrative{padding-bottom:100px}.mistica-intro-narrative{text-align:center;background:linear-gradient(#0000,#0d162666);padding:8rem 2rem}.intro-content p{color:#fff;opacity:.9;max-width:850px;margin:0 auto;font-family:Gilda Display,serif;font-size:1.6rem;line-height:1.6}.mistica-narrative-section{padding:6rem 0;position:relative;overflow:hidden}.mistica-narrative-section:before{content:"";background:linear-gradient(90deg,#0000,#d8a12633,#0000);height:1px;position:absolute;top:0;left:0;right:0}.mistica-section-inner{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.mistica-narrative-section.reverse .mistica-section-inner{direction:rtl}.mistica-text-content{direction:ltr}.mistica-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:block}.mistica-text-content h2{color:#fff;margin-bottom:1.5rem;font-family:Gilda Display,serif;font-size:3.5rem;line-height:1.1}.mistica-divider-gold{background:var(--gold);width:60px;height:3px;margin-bottom:2rem}.mistica-desc{color:#ffffffd9;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.8}.mistica-list-details{padding:0;list-style:none}.mistica-list-details li{color:#fff;margin-bottom:1.2rem;padding-left:2rem;font-size:1.05rem;font-weight:500;position:relative}.mistica-list-details li:before{content:"✦";color:var(--gold);position:absolute;left:0}.mistica-visual-container{width:100%;position:relative}.mistica-image-frame{border:1px solid #ffffff1a;border-radius:30px;width:100%;height:450px;transition:transform .6s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 20px 40px #0009}.mistica-image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.mistica-narrative-section:hover .mistica-image-frame img{transform:scale(1.05)}.mistica-narrative-section:hover .mistica-image-frame{border-color:var(--gold)}.mistica-finale{text-align:center;padding:10rem 2rem}.finale-quote p{color:#fff;max-width:1100px;margin:0 auto;font-family:Gilda Display,serif;font-size:clamp(2rem,5vw,4rem);font-style:italic;line-height:1.2}@media (width<=1000px){.mistica-section-inner{text-align:center;grid-template-columns:1fr;gap:3rem}.mistica-narrative-section.reverse .mistica-section-inner{direction:ltr}.mistica-divider-gold{margin:0 auto 2rem}.mistica-list-details li{text-align:center;padding-left:0}.mistica-list-details li:before{display:none}.mistica-text-content h2{font-size:2.8rem}}.game-layout{z-index:10;grid-template-columns:1.5fr 1fr;gap:4rem;max-width:1200px;margin:-100px auto 100px;padding:0 1.5rem;display:grid;position:relative}.clicker-section{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#0d1626b3;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.score-display{flex-direction:column;margin-bottom:3rem;display:flex}.applause-count{color:var(--gold);text-shadow:0 0 30px #d8a1264d;margin-bottom:.5rem;font-family:Gilda Display,serif;font-size:5rem;line-height:1}.rate-display{color:#ffffff80;margin-top:.5rem;font-size:.9rem;font-weight:500}.pandereta-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.pandereta-main{width:300px;height:300px;position:relative}.pandereta-main img{object-fit:contain;filter:drop-shadow(0 20px 50px #000c);width:100%;height:100%}.click-popup{color:#fff;pointer-events:none;white-space:nowrap;font-size:1.5rem;font-weight:700;position:absolute}.shop-section{background:#0f192d99;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;padding:2.5rem;display:flex}.shop-header h3{color:#fff;text-align:center;margin-bottom:2rem;font-family:Gilda Display,serif;font-size:2.2rem}.upgrades-list{flex-direction:column;flex:1;gap:1.2rem;display:flex}.upgrade-card{text-align:left;cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;width:100%;padding:1.5rem;transition:all .3s}.upgrade-card:not(.disabled):hover{border-color:var(--gold);background:#d8a1261a;transform:translate(10px)}.upgrade-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.upgrade-name{color:var(--gold);margin-bottom:.3rem;font-size:1.1rem;font-weight:700;display:block}.upgrade-desc{color:#fff9;margin-bottom:1rem;font-size:.85rem;display:block}.upgrade-stats{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.game-footer{text-align:center;margin-top:3rem}.reset-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}@media (width<=1000px){.game-layout{grid-template-columns:1fr;margin-top:-50px}}.games-grid-container{max-width:1100px;margin:-80px auto 100px;padding:0 1.5rem}.games-selection-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.game-hub-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#fff;background:#0d1626b3;border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;height:100%;padding:3rem 2rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}.game-hub-card:hover{border-color:var(--gold);background:#d8a1260d;transform:translateY(-12px)}.game-card-icon{background:#ffffff08;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;font-size:3.5rem;display:flex}.game-hub-card h3{margin-bottom:1rem;font-family:Gilda Display,serif;font-size:2rem}.game-hub-card p{color:#ffffffb3;flex:1;margin-bottom:2rem;line-height:1.6}.play-btn-text{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:700}.memo-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:800px;margin:-60px auto 100px;padding:0 1rem;display:grid}.memo-card{aspect-ratio:1;perspective:1000px;cursor:pointer;background:0 0}.memo-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.memo-card.flipped .memo-card-inner{transform:rotateY(180deg)}.memo-card-front,.memo-card-back{backface-visibility:hidden;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.memo-card-front{background:#0a1628}.memo-logo{opacity:.85;border-radius:16px;width:100%}.memo-card-back{background:#fff;overflow:hidden;transform:rotateY(180deg)}.memo-card-back img{object-fit:cover;width:100%;height:100%}.game-stats-bar{color:#fff;justify-content:center;gap:3rem;margin-top:1.5rem;font-size:1.1rem;display:flex}.game-stats-bar strong{color:var(--gold)}.game-win-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-modal{text-align:center;border:2px solid var(--gold);background:#0a1628;border-radius:40px;padding:4rem;box-shadow:0 0 50px #d8a12633}.win-modal h2{color:#fff;margin-bottom:1rem;font-family:Gilda Display,serif;font-size:4rem}.win-modal p{color:#fff;margin-bottom:2.5rem;font-size:1.4rem}@media (width<=768px){.memo-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.win-modal{padding:2.5rem}}.event-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--gold);text-align:center;color:#fff;z-index:100;background:#d8a12633;border-radius:16px;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:800px;margin:0 auto 2rem;padding:1.2rem;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 15px 35px #00000080,0 0 20px #d8a12633}.event-banner:before{content:"⚠️"}@media (width<=1000px){.game-layout{grid-template-columns:1fr;gap:2rem;margin-top:-30px}.clicker-section{padding:2.5rem 1.5rem}.applause-count{font-size:3.5rem}.pandereta-main{width:240px;height:240px}}@media (width<=600px){.event-banner{margin-bottom:1.5rem;padding:1rem;font-size:.95rem}}.quiz-start-card,.quiz-question-card,.quiz-result-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:#0d1626b3;border:1px solid #ffffff1a;border-radius:32px;max-width:800px;margin:-80px auto 100px;padding:4rem;box-shadow:0 40px 100px #0009}.quiz-intro{text-align:center}.quiz-icon{margin-bottom:2rem;font-size:5rem;display:block}.quiz-intro p{opacity:.8;margin-bottom:3rem;font-size:1.3rem;line-height:1.8}.quiz-progress{color:var(--gold);margin-bottom:2rem;font-size:.9rem;font-weight:600}.progress-bar{background:#ffffff0d;border-radius:50px;height:6px;margin-top:.8rem;overflow:hidden}.progress-fill{background:var(--gold);border-radius:50px;height:100%}.quiz-question-card h2{margin-bottom:3rem;font-family:Gilda Display,serif;font-size:2.2rem;line-height:1.2}.quiz-options{flex-direction:column;gap:1rem;display:flex}.quiz-option-btn{text-align:left;color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem 2rem;font-size:1.1rem;font-weight:500;transition:all .3s}.quiz-result-card{text-align:center}.result-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.result-header h2{margin-bottom:.5rem;font-family:Gilda Display,serif;font-size:3.5rem}.result-role{color:#fff9;margin-bottom:3rem;font-size:1.2rem;font-style:italic;display:block}.result-content{text-align:left;grid-template-columns:1fr 1.5fr;align-items:center;gap:3rem;margin-bottom:4rem;display:grid}.result-image-container{aspect-ratio:1;border:2px solid var(--gold);background:#0a1628;border-radius:20px;overflow:hidden}.result-image-container img{object-fit:cover;width:100%;height:100%}.result-text p{color:#ffffffe6;font-size:1.2rem;line-height:1.7}@media (width<=768px){.quiz-start-card,.quiz-question-card,.quiz-result-card{border-radius:24px;margin:-40px auto 60px;padding:2.5rem 1.5rem}.quiz-question-card h2{margin-bottom:2rem;font-size:1.6rem}.quiz-option-btn{padding:1.2rem;font-size:1rem}.result-header h2{font-size:2.2rem}.result-content{text-align:center;grid-template-columns:1fr;gap:2rem}.result-image-container{max-width:280px;margin:0 auto}.result-text p{font-size:1rem}}@media (width<=480px){.quiz-start-card,.quiz-question-card,.quiz-result-card{margin-top:-20px;padding:1.5rem}.quiz-icon{font-size:3.5rem}.quiz-intro p{font-size:1.1rem}.quiz-question-card h2{font-size:1.3rem}.result-header h2{font-size:1.8rem}}
