@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-base:#0b0e14;--bg-surface:#111724;--bg-card:#171d2a;--bg-card-hover:#20283a;--bg-input:#121827;--border-block:#303a55;--border-accent:#526080;--accent-primary:#7c3aed;--accent-primary-glow:#7c3aed59;--accent-secondary:#06b6d4;--accent-secondary-glow:#06b6d44d;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b4d;--accent-success:#10b981;--accent-success-glow:#10b9814d;--accent-danger:#ef4444;--accent-danger-glow:#ef444440;--accent-xp:#a78bfa;--text-primary:#e7edf7;--text-secondary:#b4c2d8;--text-muted:#7c90b0;--text-subtle:#5f708f;--text-heading:#f8fafc;--text-inverse:#08111f;--grad-purple:linear-gradient(135deg, #7c3aed, #4c1d95);--grad-cyan:linear-gradient(135deg, #06b6d4, #0e7490);--grad-gold:linear-gradient(135deg, #f59e0b, #92400e);--grad-success:linear-gradient(135deg, #10b981, #065f46);--grad-card:linear-gradient(145deg, #1f2739f5, #111724fa);--grad-header:linear-gradient(180deg, #0b0e14 0%, #0b0e1400 100%);--grad-page:linear-gradient(180deg, #0b0e14 0%, #101522 52%, #0b0e14 100%);--grad-hero-card:linear-gradient(135deg, #7c3aed29, #06b6d414 48%, #f59e0b14);--font-ui:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.72rem;--text-sm:.82rem;--text-md:.95rem;--text-lg:1.08rem;--text-xl:1.35rem;--text-2xl:1.65rem;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 10px 28px #00000052;--shadow-card-soft:0 6px 18px #00000038;--shadow-glow-purple:0 0 20px #7c3aed66;--shadow-glow-cyan:0 0 20px #06b6d459;--shadow-glow-gold:0 0 20px #f59e0b59;--shadow-glow-green:0 0 20px #10b98159;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--bottom-nav-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:linear-gradient(90deg, #52608014 0 1px, transparent 1px), var(--grad-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:100% 100%,auto;min-height:100dvh;font-size:1rem;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);color:var(--text-heading);letter-spacing:0;font-weight:700;line-height:1.2}h1{font-size:clamp(1.6rem,5vw,2.2rem)}h2{font-size:clamp(1.3rem,4vw,1.7rem)}h3{font-size:clamp(1.1rem,3.5vw,1.4rem)}h4{font-size:1.1rem}p{color:var(--text-secondary)}.app-title{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-heading);letter-spacing:0;margin:0;line-height:1.12}.app-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0;line-height:1.45}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-strong{color:var(--text-heading);font-weight:var(--weight-bold)}a{color:var(--accent-secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary)}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-ui);background:0 0;border:none}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-block);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-size:1rem}input:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.page-wrapper{max-width:480px;min-height:100dvh;padding-bottom:var(--bottom-nav-h);margin:0 auto;position:relative}.page-content{padding:var(--space-4);padding-top:var(--space-5)}.card-block{background:var(--grad-card);border:1px solid var(--border-block);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);position:relative;overflow:hidden}.card-block:before{content:"";border-radius:inherit;opacity:1;pointer-events:none;background:linear-gradient(#ffffff0e,#0000 42%);position:absolute;inset:0}.card-block>*{z-index:1;position:relative}.card-block:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card), 0 8px 32px #0000004d;transform:translateY(-2px)}.card-block.card-purple:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card), var(--shadow-glow-purple)}.card-block.card-cyan:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-card), var(--shadow-glow-cyan)}.card-block.card-gold:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-card), var(--shadow-glow-gold)}.card-block.card-success:hover{border-color:var(--accent-success);box-shadow:var(--shadow-card), var(--shadow-glow-green)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);min-height:44px;font-family:var(--font-ui);letter-spacing:0;text-transform:uppercase;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 8px 22px var(--accent-primary-glow);background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 58%,#4c1d95 100%)}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--accent-secondary);border:1px solid var(--accent-secondary);background:0 0}.btn-secondary:hover{box-shadow:0 0 15px var(--accent-secondary-glow);background:#06b6d41a}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-block);background:#ffffff09}.btn-ghost:hover{border-color:var(--border-accent);color:var(--text-primary)}.btn-success{background:var(--grad-success);color:#fff;box-shadow:0 4px 15px var(--accent-success-glow)}.btn-success:hover{box-shadow:0 8px 25px var(--accent-success-glow);transform:translateY(-2px)}.btn-lg{min-height:52px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-size:1.1rem}.btn-full,.xp-bar-container{width:100%}.xp-bar-track{background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border-block);width:100%;height:10px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-xp));border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;animation:2.5s ease-in-out infinite xp-shine;position:absolute;top:0;bottom:0;right:-100%}.badge{border-radius:var(--radius-full);font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-purple{background:var(--accent-primary-glow);color:var(--accent-xp);border:1px solid var(--accent-primary)}.badge-cyan{background:var(--accent-secondary-glow);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.badge-gold{background:var(--accent-gold-glow);color:var(--accent-gold);border:1px solid var(--accent-gold)}.badge-green{background:var(--accent-success-glow);color:var(--accent-success);border:1px solid var(--accent-success)}.badge-red{background:var(--accent-danger-glow);color:var(--accent-danger);border:1px solid var(--accent-danger)}.badge-muted{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-block)}.progress-track{border-radius:var(--radius-full);background:#121827e6;border:1px solid #52608047;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.progress-fill.purple{background:var(--grad-purple)}.progress-fill.cyan{background:var(--grad-cyan)}.progress-fill.gold{background:var(--grad-gold)}.progress-fill.green{background:var(--grad-success)}.mono{font-family:var(--font-mono)}.section-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:600}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.section-title{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0}.surface-panel{border-radius:var(--radius-md);background:#121827a3;border:1px solid #52608061}.metric-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:128px;display:flex}.divider{background:var(--border-block);width:100%;height:1px;margin:var(--space-4) 0}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.text-glow-purple{color:var(--accent-xp);text-shadow:0 0 12px var(--accent-primary-glow)}.text-glow-cyan{color:var(--accent-secondary);text-shadow:0 0 12px var(--accent-secondary-glow)}.text-glow-gold{color:var(--accent-gold);text-shadow:0 0 12px var(--accent-gold-glow)}.text-glow-green{color:var(--accent-success);text-shadow:0 0 12px var(--accent-success-glow)}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-accent);background:var(--bg-input);flex-shrink:0}.avatar-sm{width:36px;height:36px}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px}.avatar-xl{width:96px;height:96px}.icon-frame{border-radius:var(--radius-md);border:1px solid var(--border-block);background:var(--bg-input);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.icon-frame-sm{width:36px;height:36px;font-size:1rem}.icon-frame-md{width:48px;height:48px;font-size:1.4rem}.icon-frame-lg{width:64px;height:64px;font-size:2rem}.pixel-top:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.pixel-top.purple:before{background:var(--accent-primary)}.pixel-top.cyan:before{background:var(--accent-secondary)}.pixel-top.gold:before{background:var(--accent-gold)}.pixel-top.green:before{background:var(--accent-success)}@keyframes xp-shine{0%{opacity:0;right:-100%}50%{opacity:1}to{opacity:0;right:150%}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes coin-spin{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(180deg)scale(1.2)}to{transform:rotateY(360deg)scale(1)}}@keyframes streak-flame{0%,to{transform:scaleY(1)scaleX(1)}25%{transform:scaleY(1.08)scaleX(.95)}75%{transform:scaleY(.95)scaleX(1.05)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}@keyframes trophy-unlock{0%{opacity:0;filter:brightness(0);transform:scale(0)rotate(-10deg)}60%{filter:brightness(1.5);transform:scale(1.1)rotate(2deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes pixel-appear{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0% 0 0)}}.animate-scale-in{animation:.3s forwards scale-in}.animate-slide-up{animation:.4s forwards slide-up}.animate-bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounce-in}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.toast{top:var(--space-4);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-family:var(--font-ui);color:var(--text-primary);z-index:1000;white-space:nowrap;max-width:calc(100vw - 32px);font-size:.9rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 8px 32px #00000080}.toast.show{transform:translate(-50%)translateY(0)}.confetti-container{pointer-events:none;z-index:999;height:100px;position:fixed;top:0;left:0;right:0;overflow:hidden}.confetti-dot{border-radius:2px;width:8px;height:8px;animation:.8s ease-out forwards confetti-fall;position:absolute}.locked-overlay{border-radius:var(--radius-lg);backdrop-filter:blur(2px);z-index:1;background:#0d0f14bf;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.pixel-bg{background-image:linear-gradient(var(--border-block) 1px, transparent 1px), linear-gradient(90deg, var(--border-block) 1px, transparent 1px);background-size:32px 32px;background-color:var(--bg-base)}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.relative{position:relative}.overflow-hidden{overflow:hidden}.bottom-nav[data-astro-cid-z4jru4n3]{width:100%;max-width:480px;height:var(--bottom-nav-h);-webkit-backdrop-filter:blur(24px);z-index:100;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);background:#111520d9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #0006}.nav-item[data-astro-cid-z4jru4n3]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffffff80;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:60px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item[data-astro-cid-z4jru4n3]:hover{color:#ffffffd9;background:#ffffff0a}.nav-item[data-astro-cid-z4jru4n3].active{color:var(--accent-primary)}.nav-item[data-astro-cid-z4jru4n3].active .nav-icon[data-astro-cid-z4jru4n3]{filter:drop-shadow(0 0 10px #7c3aedcc);transform:scale(1.25)translateY(-3px)}.nav-item[data-astro-cid-z4jru4n3].active .nav-label[data-astro-cid-z4jru4n3]{text-shadow:0 0 12px #7c3aed99;color:#fff}.nav-icon[data-astro-cid-z4jru4n3]{font-size:1.4rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s}.nav-label[data-astro-cid-z4jru4n3]{font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1;transition:color .3s,text-shadow .3s}