@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Press+Start+2P&display=swap");:root{--bg:#0F1117;--surface:#1A1D27;--surface-el:#22253A;--primary:#6C63FF;--primary-hover:#8B84FF;--gold:#F0B429;--green:#48BB78;--purple:#9F7AEA;--text-primary:#F0F0F5;--text-secondary:#8B8FA8;--text-muted:#4A4D63;--border:#2A2D3E;--danger:#FC4F4F;--font-ui:"Inter",system-ui,sans-serif;--font-rpg:"Press Start 2P",monospace;--radius-card:20px;--radius-btn:14px;--radius-input:12px;--radius-badge:999px;--radius-modal:24px;--grad-bg:linear-gradient(160deg,#0F1117,#141828);--grad-xp:linear-gradient(90deg,#6C63FF,#9F7AEA);--grad-mission:linear-gradient(135deg,#1A1D27,#22253A);--grad-btn:linear-gradient(135deg,#6C63FF,#8B84FF);--grad-gold:linear-gradient(135deg,#F0B429,#F6D475);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1)}html.light{--bg:#F4F5F9;--surface:#FFFFFF;--surface-el:#EEF0F8;--primary:#5B54E8;--primary-hover:#4A44CC;--gold:#D69E2E;--green:#38A169;--text-primary:#1A1D27;--text-secondary:#5A5E72;--text-muted:#A0A4B8;--border:#E2E4EF;--grad-bg:linear-gradient(160deg,#F4F5F9,#EEF0F8)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-primary);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem)}h3{font-size:clamp(1rem,2.5vw,1.25rem)}p{color:var(--text-secondary);line-height:1.6}.font-rpg{font-family:var(--font-rpg)}.card{background:var(--surface);transition:var(--transition)}.card,.card-elevated{border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem}.card-elevated{background:var(--surface-el)}.card-mission{background:var(--grad-mission);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-btn);font-family:var(--font-ui);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap;user-select:none}.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 4px 15px rgba(108,99,255,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,99,255,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-el);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-el);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}.btn-icon,.btn-sm{border-radius:10px}.btn-icon{padding:.625rem;aspect-ratio:1}.input{width:100%;background:var(--surface-el);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-ui);font-size:.9375rem;padding:.75rem 1rem;transition:var(--transition);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,99,255,.15)}textarea.input{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-badge);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-primary{background:rgba(108,99,255,.15);color:var(--primary)}.badge-gold{background:rgba(240,180,41,.15);color:var(--gold)}.badge-green{background:rgba(72,187,120,.15);color:var(--green)}.badge-purple{background:rgba(159,122,234,.15);color:var(--purple)}.badge-danger{background:rgba(252,79,79,.15);color:var(--danger)}.xp-bar{width:100%;height:8px;background:var(--surface-el);border-radius:999px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--grad-xp);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.divider{width:100%;height:1px;background:var(--border);margin:1rem 0}.app-container{margin:0 auto;min-height:100dvh;flex-direction:column;position:relative}.app-container,.bottom-nav{max-width:430px;display:flex}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;background:var(--surface);border-top:1px solid var(--border);align-items:center;justify-content:space-around;padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);text-decoration:none;transition:var(--transition);padding:.25rem .75rem;border-radius:10px;font-size:.625rem;font-weight:500}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--primary)}.bottom-nav-item.active{background:rgba(108,99,255,.1)}.page-content{flex:1;padding:1.25rem 1.25rem calc(5rem + env(safe-area-inset-bottom))}.fab{position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom) + 1rem);right:1rem;width:56px;height:56px;border-radius:50%;background:var(--grad-btn);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(108,99,255,.4);transition:var(--transition);z-index:90}.fab:hover{transform:scale(1.08);box-shadow:0 6px 25px rgba(108,99,255,.5)}.fab:active{transform:scale(.96)}.discord-fab{position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom) + 4.5rem);right:1rem;width:44px;height:44px;border-radius:50%;background:#5865F2;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(88,101,242,.35);transition:var(--transition);z-index:89;text-decoration:none}.discord-fab:hover{transform:scale(1.08)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes xpGain{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-16px);opacity:1}to{transform:translateY(-24px);opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(108,99,255,.4)}50%{box-shadow:0 0 0 8px rgba(108,99,255,0)}}@keyframes streak-fire{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:scaleIn .25s ease forwards}.animate-xp-gain{animation:xpGain 1.5s ease forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-streak{animation:streak-fire 1.5s ease-in-out infinite}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-purple{color:var(--purple)}.text-danger{color:var(--danger)}.text-veltron{color:var(--primary)}.bg-surface{background:var(--surface)}.bg-surface-el{background:var(--surface-el)}.border-subtle{border:1px solid var(--border)}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}