@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030c1a;--bg2: #061224;--bg3: #0b1c3a;--blue: #2979ff;--blue2: #5c9aff;--blue3: #90bbff;--cyan: #00b4d8;--cyan2: #48cae4;--navy: #091a36;--orange: #ff9500;--orange2: #ffb340;--gold: #ffd700;--gold2: #ffb300;--green: #00e5a0;--green2: #80ffcf;--coral: #ff5252;--coral2: #ff8a80;--purple: #2979ff;--purple2: #90bbff;--pink: #00b4d8;--pink2: #48cae4;--teal: #00e5a0;--teal2: #80ffcf;--text: #f0f4ff;--text2: rgba(220,232,255,.75);--text3: rgba(160,190,255,.45);--border: rgba(64,160,255,.12);--border2: rgba(64,160,255,.22);--glass: rgba(255,255,255,.055);--glass2: rgba(255,255,255,.09);--glass-border: rgba(255,255,255,.1);--shadow-sm: 0 2px 10px rgba(0,0,0,.5);--shadow: 0 4px 24px rgba(0,0,0,.55);--shadow-lg: 0 10px 48px rgba(0,0,0,.65);--shadow-card: 0 4px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.1);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--radius-pill:99px;--nav-w: 0px;--content-max:520px}html,body{height:100%;background:var(--bg);color:var(--text);overflow-y:auto}body{font-family:Nunito,sans-serif;font-size:16px}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 65% at 10% -5%,rgba(41,121,255,.22) 0%,transparent 55%),radial-gradient(ellipse 65% 55% at 92% 105%,rgba(0,180,216,.18) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 55% 50%,rgba(0,229,160,.06) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(41,121,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(64,160,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,160,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#root>*{position:relative;z-index:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2979ff66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}h1,h2,h3,.title{font-family:Fredoka One,sans-serif;letter-spacing:.4px;line-height:1.2}h1{font-size:clamp(1.5rem,5vw,2.1rem)}h2{font-size:clamp(1.15rem,4vw,1.55rem)}h3{font-size:clamp(.95rem,3vw,1.15rem)}.pixel{font-family:"Press Start 2P",monospace}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--blue3) 60%,var(--cyan2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--glass-border);border-top-color:#ffffff2e;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);transition:box-shadow .3s,transform .2s,border-color .2s}.card:hover{box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff24;border-color:#40a0ff38}.card-purple{background:linear-gradient(135deg,#2979ff2e,#2979ff0a);border-color:#2979ff59}.card-gold{background:linear-gradient(135deg,#ffd70024,#ffb3000a);border-color:#ffd7004d}.card-teal{background:linear-gradient(135deg,#00e5a024,#00e5a00a);border-color:#00e5a04d}.card-coral{background:linear-gradient(135deg,#ff525224,#ff52520a);border-color:#ff52524d}.card-pink{background:linear-gradient(135deg,#00b4d824,#00b4d80a);border-color:#00b4d84d}.card-blue{background:linear-gradient(135deg,#2979ff2e,#00b4d812);border-color:#2979ff59}.card-shine{background:linear-gradient(135deg,#ffffff1a,#ffffff09);border:1px solid rgba(255,255,255,.18);border-top-color:#ffffff47}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.card-clickable:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border:none;border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;cursor:pointer;transition:all .15s;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:.2px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:2px solid var(--blue3);outline-offset:2px}.btn:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .45s}.btn:hover:not(:disabled):after{left:160%}.btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff59;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.btn-primary{background:linear-gradient(160deg,#3d8fff 0%,var(--blue) 50%,var(--cyan) 100%);color:#fff;box-shadow:0 4px #083fa0,0 6px 24px #2979ff80}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #083fa0,0 12px 32px #2979ff99}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #083fa0}.btn-gold{background:linear-gradient(160deg,#ffe040 0%,var(--gold) 50%,var(--gold2) 100%);color:#1a0a00;box-shadow:0 4px #a06000,0 6px 24px #ffd70066}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #a06000,0 12px 32px #ffd70080}.btn-gold:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #a06000}.btn-teal{background:linear-gradient(160deg,#33ffbb 0%,var(--green) 50%,#00c88c 100%);color:#002a20;box-shadow:0 4px #006b50,0 6px 24px #00e5a066}.btn-teal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #006b50,0 12px 32px #00e5a080}.btn-teal:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #006b50}.btn-coral{background:linear-gradient(160deg,#ff7070 0%,var(--coral) 50%,#dd2020 100%);color:#fff;box-shadow:0 4px #800,0 6px 24px #ff525266}.btn-coral:hover:not(:disabled){transform:translateY(-2px)}.btn-coral:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #800}.btn-pink{background:linear-gradient(160deg,#40d4f0 0%,var(--cyan) 50%,#0090bb 100%);color:#fff;box-shadow:0 4px #005878,0 6px 24px #00b4d866}.btn-pink:hover:not(:disabled){transform:translateY(-2px)}.btn-pink:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #005878}.btn-orange{background:linear-gradient(160deg,#ffbb40 0%,var(--orange) 50%,#d07000 100%);color:#fff;box-shadow:0 4px #904800,0 6px 24px #ff950073}.btn-orange:hover:not(:disabled){transform:translateY(-2px)}.btn-orange:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #904800}.btn-ghost{background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-top-color:#ffffff38;color:var(--text2);box-shadow:0 2px 8px #00000040}.btn-ghost:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff47;color:#fff;transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:scale(.97)}.btn-sm{padding:9px 18px;font-size:.875rem;border-radius:var(--radius-xs)}.btn-lg{padding:16px 32px;font-size:1.1rem;border-radius:var(--radius)}.btn-xl{padding:20px 40px;font-size:1.2rem;border-radius:var(--radius)}.btn-block{width:100%}.btn-icon{padding:12px;width:46px;height:46px;border-radius:50%}.input{width:100%;padding:14px 18px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.1);border-top-color:#ffffff26;border-radius:var(--radius-sm);color:var(--text);font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input:focus{border-color:var(--blue2);background:#ffffff1a;box-shadow:0 0 0 3px #2979ff33,0 4px 16px #0000004d}.input::placeholder{color:var(--text3);font-weight:600}.input-label{font-size:.75rem;font-weight:900;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:block}.stat-bar-wrap{display:flex;flex-direction:column;gap:6px}.stat-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:800}.stat-bar-track{height:13px;background:#00000059;border-radius:var(--radius-pill);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 4px #0000004d}.stat-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.stat-bar-fill:after{content:"";position:absolute;top:2px;left:6px;right:6px;height:4px;background:#ffffff59;border-radius:var(--radius-pill)}.bottom-nav{position:fixed!important;bottom:0;left:0;right:0;background:#030c1af0;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border-top:1px solid rgba(255,255,255,.1);display:flex;z-index:9000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px #40a0ff26,0 -8px 40px #0009;transform:translateZ(0);-webkit-transform:translateZ(0)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;cursor:pointer;color:#a0beff66;font-size:.58rem;font-weight:900;gap:3px;text-decoration:none;transition:color .2s,background .2s;letter-spacing:.3px;text-transform:uppercase;font-family:Nunito,sans-serif;position:relative;background:none;border:none}.nav-item:hover{color:#a0beffb3}.nav-item.active{color:var(--blue3)}.nav-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:0 0 var(--radius-pill) var(--radius-pill);box-shadow:0 0 8px #2979ffb3}.nav-icon{font-size:1.45rem;transition:transform .2s}.nav-item.active .nav-icon{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(41,121,255,.6))}.nav-item:hover .nav-icon{transform:scale(1.08)}.page{flex:1;padding:20px 16px 100px;max-width:var(--content-max);margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:900}.badge-purple{background:#2979ff2e;border:1px solid rgba(41,121,255,.4);color:var(--blue2)}.badge-gold{background:#ffd7002e;border:1px solid rgba(255,215,0,.4);color:var(--gold)}.badge-teal{background:#00e5a02e;border:1px solid rgba(0,229,160,.4);color:var(--teal)}.badge-coral{background:#ff52522e;border:1px solid rgba(255,82,82,.4);color:var(--coral)}.badge-pink{background:#00b4d82e;border:1px solid rgba(0,180,216,.4);color:var(--cyan2)}.badge-blue{background:#40b4ff2e;border:1px solid rgba(64,180,255,.4);color:var(--blue3)}.resource-pill{display:inline-flex;align-items:center;gap:6px;background:#ffd7001a;border:1px solid rgba(255,215,0,.25);border-top-color:#ffd70059;padding:6px 14px;border-radius:var(--radius-pill);font-weight:900;color:var(--gold);font-size:.95rem;box-shadow:0 2px 10px #ffd7001f,inset 0 1px #ffffff1a}.section-label{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3);margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text3)}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-lg{font-size:1.1rem}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 22px;border-radius:var(--radius-pill);font-weight:800;font-size:.9rem;z-index:9999;white-space:nowrap;animation:toastIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast-success{background:linear-gradient(135deg,#00e5a0f2,#00b982f2);color:#001a14;border:1px solid rgba(0,229,160,.5)}.toast-error{background:linear-gradient(135deg,#ff6464f2,#dc3232f2);color:#fff;border:1px solid rgba(255,100,100,.5)}.toast-info{background:linear-gradient(135deg,#2979fff2,#00b4d8f2);color:#fff;border:1px solid rgba(144,187,255,.4)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid}.alert-warning{background:#ffd7001a;border-color:#ffd70040;color:var(--gold)}.alert-danger{background:#ff52521a;border-color:#ff525240;color:var(--coral)}.alert-info{background:#2979ff1a;border-color:#2979ff40;color:var(--blue3)}.alert-success{background:#00e5a01a;border-color:#00e5a040;color:var(--teal)}.stat-mini{background:var(--glass);border:1px solid var(--glass-border);border-top-color:#ffffff29;border-radius:var(--radius-sm);padding:14px 10px;text-align:center;transition:all .2s;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff14}.stat-mini:hover{background:var(--glass2);transform:translateY(-3px);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff1f}.stat-mini-icon{font-size:1.5rem;margin-bottom:6px}.stat-mini-val{font-family:Fredoka One,sans-serif;font-size:1.45rem;line-height:1;margin-bottom:3px}.stat-mini-label{font-size:.62rem;font-weight:900;text-transform:uppercase;color:var(--text3);letter-spacing:.5px}.xp-bar-wrap{display:flex;flex-direction:column;gap:4px}.xp-bar-track{height:10px;background:#0006;border-radius:var(--radius-pill);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 4px #00000059}.xp-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.xp-bar-fill:after{content:"";position:absolute;top:1px;left:4px;right:4px;height:3px;background:#ffffff73;border-radius:var(--radius-pill)}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px) scaleY(.95)}60%{transform:translateY(-7px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.9}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes hatch{0%{opacity:0;transform:scale(.2) rotate(-15deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #2979ff59}50%{box-shadow:0 0 32px #2979ffa6,0 0 60px #00b4d859}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes crack{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.15) rotate(-3deg)}to{transform:scale(0) rotate(10deg);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ringExpand{0%{transform:scale(1);opacity:.9}to{transform:scale(.05);opacity:1}}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(2) rotate(45deg);opacity:0}}.anim-bounce{animation:bounce 1.6s cubic-bezier(.25,.46,.45,.94) infinite}.anim-float{animation:float 3.5s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-wiggle{animation:wiggle .6s ease-in-out}.anim-spin{animation:spin 1s linear infinite}.anim-fadein{animation:fadeIn .5s ease forwards}.anim-pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.anim-glow{animation:glowPulse 2.5s ease-in-out infinite}.anim-slideup{animation:slideUp .5s ease forwards}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:16px 0}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(41,121,255,.18);border-top-color:var(--blue);animation:spin .75s linear infinite}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;font-family:Fredoka One,sans-serif;font-size:1.4rem;color:#fff;box-shadow:0 4px 18px #2979ff80,inset 0 1px #ffffff4d;flex-shrink:0}@media (min-width: 768px){body.app-authenticated{--nav-w: 220px;padding-left:220px}.bottom-nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:220px!important;height:100vh!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;border-top:none!important;border-right:1px solid rgba(255,255,255,.07);padding:0!important;box-shadow:4px 0 40px #000000a6;background:#030a16fa!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow-y:auto;overflow-x:hidden}.bottom-nav:before{content:"Gouty Runners";display:flex;align-items:center;font-family:Fredoka One,sans-serif;color:#fff;font-size:1.1rem;padding:28px 18px 22px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px;flex-shrink:0;background:linear-gradient(90deg,rgba(41,121,255,.1),transparent)}.nav-item{flex:none!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:14px 18px!important;gap:12px;font-size:.82rem;border-radius:0!important;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#2979ff1f;color:var(--blue3);transform:none}.nav-item.active{background:linear-gradient(90deg,#2979ff38,#2979ff0d);color:#fff}.nav-item.active:before{top:10%!important;bottom:10%!important;left:0!important;right:auto!important;width:3px!important;height:auto!important;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--blue),var(--cyan));box-shadow:0 0 10px #2979ffb3}.nav-icon{font-size:1.2rem!important}.nav-item.active .nav-icon{transform:none!important;filter:drop-shadow(0 0 5px rgba(41,121,255,.6))}.nav-item:hover .nav-icon{transform:none!important}.page{max-width:580px;padding:32px 28px 48px;margin:0 auto}}@media (min-width: 1200px){body.app-authenticated{padding-left:240px}.bottom-nav{width:240px!important}.bottom-nav:before{font-size:1.15rem}.nav-item{padding:15px 22px!important}.page{max-width:640px}}@media (max-width: 360px){.page{padding:16px 12px 90px}.btn-lg{padding:14px 24px}.nav-icon{font-size:1.3rem}}::selection{background:#2979ff59;color:#fff}