@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--primary:#8b6b2e;--primary-hover:#755925;--secondary:#d4af37;--dark:#1e1b16;--dark-glass:#1e1b16d9;--light:#f7f1e3;--accent:#c9a227;--white:#fff;--gray:#a0a0a0;--danger:#e74c3c;--success:#2ecc71;--font-title:"Cinzel", serif;--font-body:"Inter", sans-serif;--glow-gold:0 0 15px #d4af3766;--glow-gold-strong:0 0 25px #d4af37b3;--border-gold:1px solid #d4af374d;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background:radial-gradient(circle at center, #2c261f 0%, var(--dark) 100%);color:var(--light);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#8b6b2e0d 0%,#0000 60%);width:200%;height:200%;animation:15s ease-in-out infinite alternate slowPulse;position:fixed;top:-50%;left:-50%}@keyframes slowPulse{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(10deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--secondary);letter-spacing:1px}#app{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;display:flex;position:relative}.navbar{background:var(--dark-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:var(--border-gold);z-index:100;flex-direction:column;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.nav-brand{margin-bottom:.5rem}.nav-links{justify-content:center;align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--light);transition:var(--transition-smooth);cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:600;text-decoration:none;position:relative}.navbar .btn{padding:.6rem 1.5rem;font-size:14px}.nav-link:after{content:"";background:var(--secondary);width:0%;height:2px;transition:var(--transition-smooth);position:absolute;bottom:-5px;left:0}.nav-link:hover{color:var(--secondary)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--secondary)}.nav-link.active:after{width:100%}.btn{font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:var(--dark);box-shadow:var(--glow-gold)}.btn-primary:hover{background:linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);box-shadow:var(--glow-gold-strong);transform:translateY(-2px)}.btn-secondary{color:var(--secondary);border:1px solid var(--secondary);background:0 0}.btn-secondary:hover{box-shadow:var(--glow-gold);background:#d4af371a;transform:translateY(-2px)}.btn-disabled{color:#666;cursor:not-allowed;box-shadow:none;background:#333}.hero-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.title-wrapper{margin-bottom:.5rem}.hero-title{margin-bottom:.5rem;font-size:3.5rem;line-height:1.1}.hero-subtitle{color:var(--gray);max-width:600px;margin-bottom:1.5rem;font-size:1.25rem}.features-wrapper{margin-top:2rem}.glass-card{background:var(--dark-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-gold);border-radius:12px;width:100%;max-width:500px;margin:2rem auto;padding:2.5rem;box-shadow:0 10px 30px #00000080}.parchment-card{color:#3e2723;background:#fff9ed;border:2px solid #d4b06a;border-radius:12px;max-width:800px;margin:2rem auto;padding:1.5rem 1.25rem;position:relative;box-shadow:inset 0 0 40px #8b6b2e33,0 10px 30px #00000080}.parchment-card:before{content:"";pointer-events:none;border:1px solid #8b6b2e33;border-radius:8px;position:absolute;inset:10px}.auth-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{font-family:var(--font-title);color:var(--secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.form-input{width:100%;color:var(--light);font-family:var(--font-body);transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.form-input:focus{border-color:var(--secondary);box-shadow:var(--glow-gold);background:#ffffff1a;outline:none}.form-input option{background:var(--dark);color:var(--light)}.level-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;width:100%;padding:2rem;display:grid}.level-card{aspect-ratio:1;background:var(--dark-glass);border:var(--border-gold);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.level-card:hover:not(.locked){border-color:var(--secondary);box-shadow:var(--glow-gold-strong);transform:translateY(-5px)}.level-card.locked{opacity:.4;cursor:not-allowed}.level-number{font-family:var(--font-title);color:var(--light);font-size:2rem;font-weight:700}.level-card:hover:not(.locked) .level-number{color:var(--secondary)}.level-status{color:var(--gray);margin-top:.25rem;font-size:.75rem}.match-header{background:var(--dark-glass);border:var(--border-gold);border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:.5rem 1rem;display:flex}.match-stat{align-items:center;gap:8px;font-weight:600;display:flex}.timer-bar-container{background:#ffffff1a;border-radius:3px;width:100%;max-width:800px;height:6px;margin:1.5rem auto 0;overflow:hidden}.timer-bar{background:linear-gradient(90deg, var(--secondary), var(--accent));width:100%;height:100%;transition:width .1s linear}.question-text{margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.options-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.option-btn{text-align:left;color:#3e2723;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:2px solid #e0d5c1;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:500}.option-btn:hover:not(.disabled){border-color:var(--secondary);background:#fdf9f0;transform:translate(5px)}.option-btn.selected{border-color:var(--secondary);background:#ffeaa7}.option-btn.correct{border-color:var(--success);color:#155724;background:#d4edda}.option-btn.wrong{border-color:var(--danger);color:#721c24;background:#f8d7da}.ranking-container{width:100%;max-width:1000px;margin:2rem auto;padding:1rem}.ranking-filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.ranking-table{border-collapse:collapse;background:var(--dark-glass);border:var(--border-gold);border-radius:12px;width:100%;overflow:hidden}.ranking-table th{color:var(--secondary);font-family:var(--font-title);text-align:left;background:#8b6b2e33;padding:1rem;font-size:1.1rem}.ranking-table td{border-bottom:1px solid #ffffff0d;padding:1rem}.ranking-table tr:hover{background:#ffffff05}.ranking-table tr.top-player{background:#d4af370d}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;display:grid}.stat-box{background:var(--dark-glass);border:var(--border-gold);text-align:center;border-radius:12px;padding:1.5rem}.stat-value{color:var(--secondary);font-size:2.5rem;font-weight:700;font-family:var(--font-title)}.footer{text-align:center;border-top:var(--border-gold);color:var(--gray);padding:2rem;font-size:.85rem}.toast{background:var(--dark-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:var(--border-gold);color:var(--light);z-index:1000;pointer-events:none;border-radius:12px;padding:1rem 2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 10px 30px #00000080}.toast.show{transform:translate(-50%)translateY(0)}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{font-size:1.25rem}.toast-warning{border-color:var(--secondary)}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--success)}@media (width<=768px){.hero-section{padding:.5rem}.hero-title{margin-bottom:.15rem!important;font-size:1.5rem!important}.title-wrapper{margin-bottom:.15rem}.hero-subtitle{margin-bottom:1rem;padding:0 .5rem;font-size:.9rem}.features-wrapper{margin-top:1rem!important}.navbar{padding:2rem 1rem!important}.nav-brand img{height:120px!important}.nav-links{flex-wrap:wrap!important;justify-content:center!important;gap:2.5rem!important;width:100%!important;padding:1rem!important;display:flex!important}.nav-link{text-transform:uppercase!important;letter-spacing:2px!important;padding:10px 15px!important;font-size:20px!important;font-weight:800!important}.btn{padding:1rem 2rem!important;font-size:1.2rem!important}.glass-card{margin:1rem 0!important;padding:1.5rem!important}.parchment-card{border-width:2px;margin:1rem 0!important;padding:1.5rem!important}.auth-grid{grid-template-columns:1fr;gap:.8rem}.form-group{margin-bottom:1rem}.options-grid{grid-template-columns:1fr;gap:.8rem}.option-btn{padding:.8rem 1rem;font-size:1rem}.ranking-filters{flex-direction:row;gap:.6rem;padding:.8rem!important}.ranking-filters select{padding:.6rem;font-size:.9rem}.ranking-container{padding:.5rem}.ranking-table{font-size:.85rem}.ranking-table th,.ranking-table td{padding:.6rem}.level-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:1rem;padding:1rem}.level-number{font-size:1.5rem}.match-header{border-radius:10px;margin-bottom:1rem;padding:.6rem}.match-stat{gap:5px;font-size:.9rem}.question-text{margin-bottom:1.5rem;font-size:1.3rem}.timer-bar-container{height:6px;margin-top:.8rem}.footer{padding:1.5rem 1rem}.footer p{font-size:.9rem!important}}@media (width<=480px){.hero-title{font-size:1.8rem!important}.nav-brand img{height:100px!important}.nav-links{gap:1.5rem!important}.nav-link{font-size:18px!important}}#nav-install{animation:3s ease-in-out infinite subtlePulse;position:relative;overflow:visible}@keyframes subtlePulse{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}#nav-install svg{filter:drop-shadow(0 0 2px #0000004d)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;position:relative;margin:0!important;padding:2rem!important}.modal-header{border-bottom:var(--border-gold);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-close-btn{color:var(--secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:2.5rem;line-height:1}.modal-close-btn:hover{color:var(--white);transform:scale(1.1)}.modal-body-content{color:var(--light);padding-right:1rem;font-size:1rem;line-height:1.8;overflow-y:auto}.modal-body-content h3{color:var(--secondary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem}.modal-body-content p{opacity:.9;margin-bottom:1rem}.modal-body-content ul{margin-bottom:1rem;padding-left:1.5rem}.modal-body-content li{opacity:.85;margin-bottom:.5rem}.modal-body-content::-webkit-scrollbar{width:8px}.modal-body-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-body-content::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}