@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(10px);backdrop-filter:blur(10px);border-bottom:var(--border-gold);z-index:100;flex-direction:column;align-items:center;padding:0 1rem .5rem;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-title);color:var(--secondary);text-shadow:var(--glow-gold);align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--light);transition:var(--transition-smooth);cursor:pointer;font-size:12px;font-weight:500;text-decoration:none;position:relative}.navbar .btn{padding:.4rem 1rem;font-size:12px}.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:0 0 .5rem}.nav-brand img{height:60px!important}.nav-links{flex-wrap:wrap;justify-content:center;gap:.6rem;padding:0 .25rem;display:flex}.nav-link{font-size:11px}.btn{padding:.5rem 1rem;font-size:.85rem}.glass-card{margin:.5rem 0!important;padding:1.25rem!important}.parchment-card{border-width:1px;margin:.5rem 0!important;padding:1rem!important}.auth-grid{grid-template-columns:1fr;gap:.5rem}.form-group{margin-bottom:.75rem}.options-grid{grid-template-columns:1fr;gap:.6rem}.option-btn{padding:.6rem .8rem;font-size:.9rem}.ranking-filters{flex-direction:row;gap:.4rem;padding:.5rem!important}.ranking-filters select{padding:.4rem;font-size:.8rem}.ranking-container{padding:.25rem}.ranking-table{font-size:.75rem}.ranking-table th,.ranking-table td{padding:.4rem}.level-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem;padding:.75rem}.level-number{font-size:1.25rem}.match-header{border-radius:8px;margin-bottom:.5rem;padding:.4rem}.match-stat{gap:3px;font-size:.75rem}.question-text{margin-bottom:1rem;font-size:1.1rem}.timer-bar-container{height:4px;margin-top:.5rem}.footer{padding:.75rem .5rem}.footer p{font-size:.7rem!important}}@media (width<=480px){.hero-title{font-size:1.4rem!important}.nav-brand img{height:50px!important}.nav-links{gap:.4rem}.btn{padding:.4rem .8rem;font-size:.8rem}}