@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Outfit:wght@300;400;500;700&display=swap";:root{--bg-primary:#0a110b;--bg-secondary:#101d12;--bg-card:#162619bf;--bg-modal:#0e1b11f2;--gold-primary:#cba135;--gold-hover:#ecd279;--gold-glow:#cba13559;--text-primary:#f2f7f3;--text-secondary:#9cbfa0;--text-muted:#5e7a62;--danger-color:#e24c4c;--success-color:#55c46b;--warning-color:#f7a93b;--font-title:"Cinzel", Georgia, serif;--font-body:"Outfit", sans-serif;--border-glass:1px solid #ffffff14;--border-gold:1px solid #cba13566;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);width:100%;height:100%;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}body:before{content:"";z-index:-2;background-image:radial-gradient(circle at 50% 30%,#1426174d 0%,#0a110bf2 75%);position:fixed;inset:0}body:after{content:"";opacity:.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:.05em;color:var(--gold-primary);font-weight:700}.app-container{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:16px 16px 90px;display:flex}@media (width>=768px){.app-container{max-width:800px}}.app-header{border-bottom:1px solid #cba13526;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;padding:8px 0 20px;display:flex}.logo-container{align-items:center;display:flex}.logo-container img{object-fit:contain;height:95px;filter:drop-shadow(0 0 6px var(--gold-glow));transition:height .2s}.logo-title{text-shadow:0 0 10px #cba13533;font-size:1.4rem;line-height:1.2}.logo-subtitle{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.youtube-header-center{flex:1;justify-content:center;align-items:center;display:flex}.youtube-header-center a{color:#fff;background:#ff000040;border:1px solid #ff00008c;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;line-height:1;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 0 8px #f003}.youtube-header-center a:hover{background:#ff000080;transform:scale(1.05);box-shadow:0 0 12px #f006}.header-controls{align-items:center;gap:12px;display:flex}@media (width<=600px){.logo-container img{height:70px}.youtube-header-center a{gap:4px;padding:4px 8px;font-size:.65rem}}.lang-btn{border:var(--border-glass);cursor:pointer;width:38px;height:38px;transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.lang-btn img{object-fit:cover;border-radius:2px;width:20px;height:14px}.lang-btn:active{transform:scale(.9)}.lang-btn.active{border-color:var(--gold-primary);box-shadow:0 0 8px var(--gold-glow)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:var(--border-glass);border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:20px;box-shadow:0 8px 32px #00000080}.btn{border:var(--border-gold);border-radius:var(--radius-sm);color:var(--gold-primary);font-family:var(--font-title);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#1d3321 0%,#112114 100%);justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #0000004d}.btn:active{transform:scale(.97)}.btn:hover,.btn:focus-visible{border-color:var(--gold-hover);color:var(--gold-hover);box-shadow:0 0 12px var(--gold-glow);outline:none}.btn-primary{background:linear-gradient(135deg, var(--gold-primary) 0%, #9e7a20 100%);color:var(--bg-primary);border:1px solid #ffffff26}.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(135deg, var(--gold-hover) 0%, var(--gold-primary) 100%);color:var(--bg-primary);box-shadow:0 0 15px #cba13580}.btn-danger{color:var(--danger-color);background:linear-gradient(135deg,#4d1c1c 0%,#301010 100%);border-color:#e24c4c66}.btn-danger:hover{border-color:var(--danger-color);color:#ff8080}.btn-small{min-height:38px;padding:6px 16px;font-size:.8rem}.stepper-container{border:var(--border-glass);border-radius:var(--radius-sm);background:#00000040;align-items:center;max-width:160px;display:flex;overflow:hidden}.stepper-btn{color:var(--text-secondary);cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast);background:#ffffff08;border:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:300;display:flex}.stepper-btn:active{color:var(--gold-primary);background:#ffffff1a}.stepper-input{color:var(--text-primary);font-family:var(--font-body);text-align:center;background:0 0;border:none;outline:none;width:64px;height:48px;font-size:1.2rem;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1000;opacity:0;background:#000000bf;animation:.25s ease-out forwards fadeIn;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:var(--border-gold);z-index:1001;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;max-height:85vh;animation:.3s cubic-bezier(.1,.76,.55,.94) forwards slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 32px #000000b3}.modal-header{background:var(--bg-modal);z-index:2;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.modal-body{flex:1;padding:20px}.modal-close-btn{color:var(--text-muted);cursor:pointer;width:44px;height:44px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:flex}.modal-close-btn:hover{color:var(--danger-color)}@media (width>=768px){.modal-content{border-radius:var(--radius-md);width:90%;max-width:540px;max-height:80vh;animation:.25s ease-out forwards scaleIn;inset:50% auto auto 50%;transform:translate(-50%,-45%)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes scaleIn{to{transform:translate(-50%,-50%)}}.mobile-navbar{-webkit-backdrop-filter:blur(12px);z-index:900;background:#0b140ceb;border-top:1px solid #cba13540;justify-content:space-around;align-items:center;height:74px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0009}.navbar-item{color:var(--text-muted);cursor:pointer;height:100%;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.68rem;display:flex}.navbar-item svg{fill:currentColor;width:22px;height:22px;transition:transform var(--transition-fast)}.navbar-item:active svg{transform:scale(.85)}.navbar-item.active{color:var(--gold-primary);text-shadow:0 0 8px #cba1354d}.navbar-item.active svg{fill:var(--gold-primary);filter:drop-shadow(0 0 4px var(--gold-primary))}@media (width>=1024px){.mobile-navbar{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:480px;left:50%;transform:translate(-50%)}}.hero-card-highlight{transition:transform var(--transition-fast), border-color var(--transition-fast);position:relative;overflow:hidden;background:linear-gradient(135deg,#162619e6 0%,#0a110bf2 100%)!important;border:1px solid #cba13573!important;box-shadow:0 0 15px #cba13526!important}.hero-card-highlight:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);height:3px;position:absolute;top:0;left:0;right:0}.hero-card-highlight:active{transform:scale(.99)}.secondary-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.secondary-grid-btn{cursor:pointer;border:var(--border-glass);color:var(--text-primary);background:var(--bg-card);border-radius:var(--radius-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;text-decoration:none;display:flex}.secondary-grid-btn:active{transform:scale(.95)}.secondary-grid-btn span:first-child{font-size:1.4rem}.secondary-grid-btn span:last-child{font-family:var(--font-title);color:var(--gold-primary);text-align:center;font-size:.72rem;font-weight:700;line-height:1.2}.missions-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-top:10px;display:grid}@media (width>=768px){.missions-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.pool-subcard{border-radius:var(--radius-sm);background:#0b160dd9;border:1px solid #ffffff0d;flex-direction:column;gap:8px;padding:10px 8px;display:flex;box-shadow:0 4px 16px #0006}.pool-title{font-family:var(--font-title);color:var(--gold-primary);text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #cba13526;margin-bottom:2px;padding-bottom:4px;font-size:.75rem;overflow:hidden}.pool-missions-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mission-pill-btn{color:var(--text-primary);font-family:var(--font-body);cursor:pointer;text-align:center;min-height:40px;transition:all var(--transition-fast);word-break:break-word;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;justify-content:center;align-items:center;padding:6px 4px;font-size:.65rem;font-weight:500;line-height:1.25;display:flex;position:relative}.mission-pill-btn:active{background:#cba1351a;transform:scale(.95)}.mission-pill-btn.active-round-1{background:#ff8b0026;border-color:#ff8b00;box-shadow:0 0 6px #ff8b004d}.mission-pill-btn.active-round-2{background:#00b0ff26;border-color:#00b0ff;box-shadow:0 0 6px #00b0ff4d}.mission-pill-btn.active-round-3{background:#00e67626;border-color:#00e676;box-shadow:0 0 6px #00e6764d}.mission-pill-btn.active-round-4{background:#d500f926;border-color:#d500f9;box-shadow:0 0 6px #d500f94d}.mission-pill-btn.active-round-5{background:#ffff0026;border-color:#ff0;box-shadow:0 0 6px #ffff004d}.mission-pill-btn.active-round-6{background:#ff174426;border-color:#ff1744;box-shadow:0 0 6px #ff17444d}.mission-pill-badge{background:var(--gold-primary);color:#000;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.missions-actions-row{border-radius:var(--radius-sm);border:var(--border-glass);background:#0003;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.league-row-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 0 8px #cba1351a;background-color:#ffffff0d!important;border-color:#cba1354d!important}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.league-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 16px;transition:transform .2s,border-color .2s,background-color .2s;display:grid}.league-card-info{flex-direction:column;gap:6px;min-width:0;display:flex}.league-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.league-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.league-card-meta-separator{color:#ffffff26}.league-card-actions{align-items:center;gap:8px;display:flex}.subtabs-container{border-radius:var(--radius-md);border:var(--border-glass);-webkit-overflow-scrolling:touch;background:#00000040;flex-wrap:nowrap;gap:6px;padding:6px;display:flex;overflow-x:auto}.subtab-button{white-space:nowrap;min-width:max-content;min-height:40px;transition:all var(--transition-fast);flex:1}@media (width<=480px){.league-card{gap:8px;padding:8px 10px}.league-card-title-row{gap:4px}.league-card-title-row strong{font-size:.95rem!important}.league-card-meta{gap:4px;font-size:.72rem}.league-card-meta-separator{margin:0 2px}.league-card-actions{flex-direction:column;align-items:stretch;gap:4px}.league-card-actions button,.league-card-actions span{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:28px!important;padding:0 8px!important;font-size:.7rem!important;display:inline-flex!important}.subtabs-container{border-radius:var(--radius-sm);gap:4px;padding:4px}.subtab-button{flex:none;min-height:36px!important;padding:6px 12px!important;font-size:.75rem!important}}@media (width>=768px){.modal-content.modal-large{width:1100px;max-width:95%;height:88vh;max-height:92vh}}.pdf-modal-container{flex-direction:column;gap:12px;width:100%;height:65vh;display:flex}@media (width>=768px){.pdf-modal-container{height:100%}}